guangfu
/
yxt-supervise-gf-ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

监管报表

master
liupopo 1 year ago
parent
6d3cb04ac1
commit
5df920ca00
10 changed files with 1117 additions and 35 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      package.json
  2. 72
      src/api/gfApi/report.js
  3. 84
      src/layout/components/Sidebar/index.vue
  4. 32
      src/router/index.js
  5. 56
      src/utils/index.js
  6. 62
      src/views/systemOrder/index.vue
  7. 227
      src/views/systemOrder/jggzrb.vue
  8. 227
      src/views/systemOrder/kcck.vue
  9. 164
      src/views/systemOrder/kcrb.vue
  10. 227
      src/views/systemOrder/kcrk.vue

1
package.json
View File

@ -5,6 +5,7 @@
"author": "Pan <panfree23@gmail.com>",
"scripts": {
"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"buildSSL:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
"serve": "vue-cli-service serve",
"build:prod": "vue-cli-service build",
"build:stage": "vue-cli-service build --mode staging",

72
src/api/gfApi/report.js
View File

@ -0,0 +1,72 @@
import request from '@/utils/request'
let tokens = window.sessionStorage.getItem('tokenValue')
export default {
// 监管工作日报
projectdailypage: function(params) {
return request({
url: '/gf/projectdaily/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
},
// 库存日报
kcrbpage: function(params) {
return request({
url: '/gf/inventory/kcrbpage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
},
// 有效电站量曲线图数据
statisticgroup_area: function() {
return request({
url: '/gf/home/statisticgroup_area',
method: 'get',
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
},
// 有效电站量曲线图数据
statisticgroup_node: function() {
return request({
url: '/gf/home/statisticgroup_node',
method: 'get',
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
},
// 有效电站量曲线图数据
statisticgroup_dataid: function() {
return request({
url: '/gf/home/statisticgroup_dataid',
method: 'get',
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
},
// 发电状态情况
screenindex: function() {
return request({
url: '/gf/home/screenindex',
method: 'get',
headers: {
'Content-Type': 'application/json',
'token': tokens
}
})
}
}

84
src/layout/components/Sidebar/index.vue
View File

@ -240,64 +240,104 @@
// },
{
alwaysShow: true,
component: 'systemOrder',
component: 'expexcel',
meta: {
icon: 'el-icon-menu',
title: '工程信息'
title: '数据导出'
},
name: '',
path: '/systemOrder',
path: '/expexcel',
children: [{
alwaysShow: true,
component: 'index',
component: 'yxdz',
meta: {
icon: 'el-icon-help',
title: '电站列表'
title: '有效电站'
},
name: 'systemOrder/index',
path: '/systemOrder/index'
name: 'expexcel/yxdz',
path: '/expexcel/yxdz'
},
{
alwaysShow: true,
component: 'index',
component: 'fdlb',
meta: {
icon: 'el-icon-help',
title: '项目流程数据'
title: '发电列表'
},
name: 'systemOrder/proj',
path: '/systemOrder/proj'
name: 'expexcel/fdlb',
path: '/expexcel/fdlb'
}
]
},
{
alwaysShow: true,
component: 'expexcel',
component: 'systemOrder',
meta: {
icon: 'el-icon-menu',
title: '数据导出'
title: '监管报表'
},
name: '',
path: '/expexcel',
path: '/systemOrder',
children: [{
alwaysShow: true,
component: 'yxdz',
component: 'index',
meta: {
icon: 'el-icon-help',
title: '有效电站'
title: '电站列表'
},
name: 'expexcel/yxdz',
path: '/expexcel/yxdz'
name: 'systemOrder/index',
path: '/systemOrder/index'
},
{
alwaysShow: true,
component: 'fdlb',
component: 'index',
meta: {
icon: 'el-icon-help',
title: '发电列表'
title: '项目流程数据'
},
name: 'expexcel/fdlb',
path: '/expexcel/fdlb'
name: 'systemOrder/proj',
path: '/systemOrder/proj'
},
{
alwaysShow: true,
component: 'index',
meta: {
icon: 'el-icon-help',
title: '监管工作日报'
},
name: 'systemOrder/jggzrb',
path: '/systemOrder/jggzrb'
},
{
alwaysShow: true,
component: 'index',
meta: {
icon: 'el-icon-help',
title: '库存日报'
},
name: 'systemOrder/kcrb',
path: '/systemOrder/kcrb'
}
// {
// alwaysShow: true,
// component: 'index',
// meta: {
// icon: 'el-icon-help',
// title: '出库记录'
// },
// name: 'systemOrder/kcck',
// path: '/systemOrder/kcck'
// },
// {
// alwaysShow: true,
// component: 'index',
// meta: {
// icon: 'el-icon-help',
// title: '入库记录'
// },
// name: 'systemOrder/kcrk',
// path: '/systemOrder/kcrk'
// }
]
},
{

32
src/router/index.js
View File

@ -264,6 +264,38 @@ export const constantRoutes = [{
meta: {
title: '项目流程数据',
}
},
{
path: '/systemOrder/jggzrb',
component: () => import('@/views/systemOrder/jggzrb.vue'),
name: 'systemOrderJggzrb',
meta: {
title: '监管工作日报',
}
},
{
path: '/systemOrder/kcrb',
component: () => import('@/views/systemOrder/kcrb.vue'),
name: 'systemOrderKcrb',
meta: {
title: '库存日报',
}
},
{
path: '/systemOrder/kcck',
component: () => import('@/views/systemOrder/kcck.vue'),
name: 'systemOrderKcck',
meta: {
title: '出库记录',
}
},
{
path: '/systemOrder/kcrk',
component: () => import('@/views/systemOrder/kcrk.vue'),
name: 'systemOrderKcrk',
meta: {
title: '入库记录',
}
}]
},
{

56
src/utils/index.js
View File

@ -115,3 +115,59 @@ export function param2Obj(url) {
})
return obj
}
export function getDateRang(val) {
const now = new Date(); // 当前日期
const nowDayOfWeek = now.getDay(); // 今天本周的第几天
const nowDay = now.getDate(); // 当前日
const nowMonth = now.getMonth(); // 当前月
const nowYear = now.getFullYear(); // 当前年
const jd = Math.ceil((nowMonth + 1) / 3);
let startTime;
let endTime;
let customTime = [];
switch (val) {
case 'yesterday': // 昨日
startTime = new Date(nowYear, nowMonth, nowDay - 1);
endTime = new Date(nowYear, nowMonth, nowDay - 1);
break;
case 'week': // 本周
startTime = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
endTime = new Date(nowYear, nowMonth, nowDay + 6 - nowDayOfWeek);
break;
case 'pastWeek': // 近 7 日
startTime = new Date(nowYear, nowMonth, nowDay - 6);
endTime = new Date(nowYear, nowMonth, nowDay);
break;
case 'month': // 本月
startTime = new Date(nowYear, nowMonth, 1);
endTime = new Date(nowYear, nowMonth + 1, 0);
break;
case 'pastMonth': // 近 31 日
startTime = new Date(nowYear, nowMonth, nowDay - 30);
endTime = new Date(nowYear, nowMonth, nowDay);
break;
case 'quarter': // 本季度
startTime = new Date(nowYear, (jd - 1) * 3, 1);
endTime = new Date(nowYear, jd * 3, 0);
break;
case 'year': // 今年
startTime = new Date(nowYear, 0, 1);
endTime = new Date(nowYear, 11, 31);
break;
default: // 自定义时间
customTime = val.split(' - ');
break;
}
// return customTime.length ? customTime : [formatDate(startTime), formatDate(endTime)];
return formatDate(startTime)
}
export function formatDate(date) {
const y = date.getFullYear();
let m = date.getMonth() + 1;
m = m < 10 ? `0${m}` : m;
let d = date.getDate();
d = d < 10 ? `0${d}` : d;
return `${y}-${m}-${d}`;
}

62
src/views/systemOrder/index.vue
View File

@ -23,8 +23,8 @@
</el-select>
</el-form-item>
<el-form-item label="区域项目">
<el-select v-model="queryParams.params.witch_data" multiple placeholder="数据分组" clearable class="addinputw">
<el-option v-for="item in groupList" :key="item.data_id" :label="item.name" :value="item.data_id" />
<el-select v-model="queryParams.params.witch_group" multiple placeholder="数据分组" clearable class="addinputw">
<el-option v-for="item in witchgroupList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
<el-form-item label="代理商">
@ -42,7 +42,7 @@
<div class="listtop">
<div class="tit">电站列表</div>
<div style="margin-right: 50px;">电站数量：{{ queryParams.total }}</div>
<div style="margin-right: 50px;">电站数量：{{ queryParams.total }} <span style="margin-left: 30px;">{{ powerall }}</span></div>
</div>
<el-table v-loading="tableloading" :data="logList" style="width: 100%" border>
<el-table-column align="center" prop="id" label="电站id" width="90" />
@ -134,19 +134,52 @@
search_time: [],
witch_data: '',
workflow: '',
witch_group: [],
phase: ''
}
},
agentList: [],
groupList: [],
workflowList: [],
phaseList: [
{ value: '1', label: '进件' },
{ value: '2', label: '签约' },
{ value: '3', label: '交货' },
{ value: '4', label: '完工' },
{ value: '5', label: '并网' }
]
witchgroupList: [{
value: '江西余干库',
label: '江西余干库'
},
{
value: '庄河荣名库',
label: '庄河荣名库'
},
{
value: '安阳荣名库',
label: '安阳荣名库'
},
{
value: '曲阜荣名库',
label: '曲阜荣名库'
}
],
phaseList: [{
value: '1',
label: '进件'
},
{
value: '2',
label: '签约'
},
{
value: '3',
label: '交货'
},
{
value: '4',
label: '完工'
},
{
value: '5',
label: '并网'
}
],
powerall: ''
}
},
mounted() {
@ -171,7 +204,9 @@
agent_id: '',
search_time: [],
witch_data: '',
workflow: ''
workflow: '',
witch_group: [],
phase: ''
}
}
this.loadLogList()
@ -203,8 +238,9 @@
this.tableloading = false
if (res.code == 200) {
console.log('======', res)
this.queryParams.total = res.data.total
this.logList = res.data.records
this.queryParams.total = res.data.pagging.total
this.logList = res.data.pagging.records
this.powerall = '总功率：' + res.data.power
}
}).catch(e => {
this.tableloading = false

227
src/views/systemOrder/jggzrb.vue
View File

@ -0,0 +1,227 @@
<template>
<div class="app-container">
<button-bar ref="btnbar" view-title="监管工作日报" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<div class="search" style="margin-top: 5px;">
<el-form ref="sform" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="数据日期">
<el-date-picker v-model="queryParams.params.dataDateStart" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据开始日期" style="width: 140px;" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.dataDateEnd" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据结束日期" style="width: 140px;" />
</el-form-item> </el-form>
<div class="btn" style="text-align: center">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">工作日报列表</div>
</div>
<el-table v-loading="tableloading" :data="logList" style="width: 100%" border>
<el-table-column prop="orderDate" label="数据日期" align="center" width="110" />
<el-table-column prop="projectName" label="项目名称" align="center" />
<el-table-column prop="totalLoan" label="授信总额（元）" align="center" width="140" />
<el-table-column prop="useLimit" label="用信额度（元）" align="center" width="140" />
<el-table-column prop="accountsBalance" label="帐户余额(元)" align="center" width="140" />
<el-table-column prop="accountsReceivable" label="应收账款(元)" align="center" width="140" />
<el-table-column prop="stockAmount" label="库存货值(元)" align="center" width="140" />
<el-table-column prop="transitAmount" label="在途货值(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="预付款(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="质押率" align="center" width="80">
<template slot-scope="scope">
<div>{{ scope.row.pledgeRatePercent }}%</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="150">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-view" size="small" @click="showView(scope.row)">详情</el-button>
</template>
</el-table-column>
</el-table>
<div class="pages">
<div class="tit" />
<pagination
v-show="logList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadLogList"
/>
</div>
</div>
<el-dialog title="监管日报" :visible.sync="dialogVisible" width="60%">
<el-form ref="form_daily" :model="viewobj" label-position="right" class="formadd">
<div class="title">
<div>项目监管数据</div>
</div>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="监管项目" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.projectName }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="填报日期" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.orderDate }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="授信额度（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.totalLoan }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="用信总额（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.useLimit }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="库存货值（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.stockAmount }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="质押率" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.pledgeRatePercent }}% </el-form-item></el-col>
</el-row>
<el-row style="padding-top: 12px;padding-bottom: 5px;">
<el-col :span="4" class="tleftb2"><span>工作日报</span></el-col>
<el-col :span="20" class="trightb">{{ viewobj.remarks }}</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible=false">关 闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/gfApi/report'
import Pagination from '@/components/pagination'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
Pagination
},
data() {
return {
tableloading: false,
btndisabled: false,
dialogVisible: false,
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
logList: [],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
dataDateStart: '',
dataDateEnd: '',
projectSid: ''
}
},
agentList: [],
groupList: [],
workflowList: [],
witchgroupList: [{
value: '河南安阳',
label: '河南安阳'
},
{
value: '山东曲阜',
label: '山东曲阜'
},
{
value: '庄河整县',
label: '庄河整县'
}
],
phaseList: [{
value: '1',
label: '进件'
},
{
value: '2',
label: '签约'
},
{
value: '3',
label: '交货'
},
{
value: '4',
label: '完工'
},
{
value: '5',
label: '并网'
}
],
powerall: '',
viewobj: {}
}
},
mounted() {
// 初始化按钮
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// 初始化变量
this.loadLogList()
},
methods: {
dosearch() {
this.loadLogList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
agent_id: '',
search_time: [],
witch_data: '',
workflow: '',
witch_group: [],
phase: ''
}
}
this.loadLogList()
},
// 右上角点击事件
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose': // 关闭
this.doClose()
break
default:
break
}
},
loadLogList() {
this.tableloading = true
req.projectdailypage(this.queryParams).then((res) => {
this.tableloading = false
this.queryParams.total = res.data.total
this.logList = res.data.records
}).catch(e => {
this.tableloading = false
console.log('CsmCashLog-loadList-ee:', e)
})
},
showView(row) {
this.viewobj = row
this.dialogVisible = true
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

227
src/views/systemOrder/kcck.vue
View File

@ -0,0 +1,227 @@
<template>
<div class="app-container">
<button-bar ref="btnbar" view-title="监管工作日报" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<div class="search" style="margin-top: 5px;">
<el-form ref="sform" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="数据日期">
<el-date-picker v-model="queryParams.params.dataDateStart" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据开始日期" style="width: 140px;" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.dataDateEnd" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据结束日期" style="width: 140px;" />
</el-form-item> </el-form>
<div class="btn" style="text-align: center">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">工作日报列表</div>
</div>
<el-table v-loading="tableloading" :data="logList" style="width: 100%" border>
<el-table-column prop="orderDate" label="数据日期" align="center" width="110" />
<el-table-column prop="projectName" label="项目名称" align="center" />
<el-table-column prop="totalLoan" label="授信总额（元）" align="center" width="140" />
<el-table-column prop="useLimit" label="用信额度（元）" align="center" width="140" />
<el-table-column prop="accountsBalance" label="帐户余额(元)" align="center" width="140" />
<el-table-column prop="accountsReceivable" label="应收账款(元)" align="center" width="140" />
<el-table-column prop="stockAmount" label="库存货值(元)" align="center" width="140" />
<el-table-column prop="transitAmount" label="在途货值(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="预付款(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="质押率" align="center" width="80">
<template slot-scope="scope">
<div>{{ scope.row.pledgeRatePercent }}%</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="150">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-view" size="small" @click="showView(scope.row)">详情</el-button>
</template>
</el-table-column>
</el-table>
<div class="pages">
<div class="tit" />
<pagination
v-show="logList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadLogList"
/>
</div>
</div>
<el-dialog title="监管日报" :visible.sync="dialogVisible" width="60%">
<el-form ref="form_daily" :model="viewobj" label-position="right" class="formadd">
<div class="title">
<div>项目监管数据</div>
</div>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="监管项目" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.projectName }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="填报日期" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.orderDate }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="授信额度（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.totalLoan }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="用信总额（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.useLimit }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="库存货值（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.stockAmount }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="质押率" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.pledgeRatePercent }}% </el-form-item></el-col>
</el-row>
<el-row style="padding-top: 12px;padding-bottom: 5px;">
<el-col :span="4" class="tleftb2"><span>工作日报</span></el-col>
<el-col :span="20" class="trightb">{{ viewobj.remarks }}</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible=false">关 闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/gfApi/report'
import Pagination from '@/components/pagination'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
Pagination
},
data() {
return {
tableloading: false,
btndisabled: false,
dialogVisible: false,
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
logList: [],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
dataDateStart: '',
dataDateEnd: '',
projectSid: ''
}
},
agentList: [],
groupList: [],
workflowList: [],
witchgroupList: [{
value: '河南安阳',
label: '河南安阳'
},
{
value: '山东曲阜',
label: '山东曲阜'
},
{
value: '庄河整县',
label: '庄河整县'
}
],
phaseList: [{
value: '1',
label: '进件'
},
{
value: '2',
label: '签约'
},
{
value: '3',
label: '交货'
},
{
value: '4',
label: '完工'
},
{
value: '5',
label: '并网'
}
],
powerall: '',
viewobj: {}
}
},
mounted() {
// 初始化按钮
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// 初始化变量
this.loadLogList()
},
methods: {
dosearch() {
this.loadLogList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
agent_id: '',
search_time: [],
witch_data: '',
workflow: '',
witch_group: [],
phase: ''
}
}
this.loadLogList()
},
// 右上角点击事件
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose': // 关闭
this.doClose()
break
default:
break
}
},
loadLogList() {
this.tableloading = true
req.projectdailypage(this.queryParams).then((res) => {
this.tableloading = false
this.queryParams.total = res.data.total
this.logList = res.data.records
}).catch(e => {
this.tableloading = false
console.log('CsmCashLog-loadList-ee:', e)
})
},
showView(row) {
this.viewobj = row
this.dialogVisible = true
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

164
src/views/systemOrder/kcrb.vue
View File

@ -0,0 +1,164 @@
<template>
<div class="app-container">
<button-bar ref="btnbar" view-title="库存日报表" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<div class="search" style="margin-top: 5px;">
<el-form ref="sform" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="数据日期">
<el-date-picker v-model="queryParams.params.dataDate" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据日期" style="width: 140px;" />
</el-form-item>
<el-form-item label="选择仓库">
<el-select v-model="queryParams.params.storehouses" multiple placeholder="选择仓库" clearable class="addinputw">
<el-option v-for="item in storehouseList" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">库存日报表</div>
<div style="margin-right: 50px;">合计数量：{{ countall.numall }} <span style="margin-left: 30px;">合计货值：{{ countall.amountall }}</span></div>
</div>
<el-table v-loading="tableloading" :data="logList" style="width: 100%" border>
<el-table-column prop="time" label="数据日期" align="center" width="110" />
<el-table-column prop="storehouse_name" label="仓库名称" align="center" />
<el-table-column prop="materiel_group_text" label="物料组" align="center" width="140" />
<el-table-column prop="materiel_no" label="物料编号" align="center" width="140" />
<el-table-column prop="materiel_name" label="物料名称" align="center" />
<el-table-column prop="brand_name" label="物料品牌" align="center" />
<el-table-column prop="price" label="物料单价" align="center" width="140" />
<el-table-column prop="num" label="库存数量" align="center" width="140" />
<el-table-column label="货值" align="center" width="80">
<template slot-scope="scope">
<div>{{ Number(scope.row.num)*Number(scope.row.price) }}</div>
</template>
</el-table-column>
</el-table>
<div class="pages">
<div class="tit" />
<pagination
v-show="logList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadLogList"
/>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/gfApi/report'
import Pagination from '@/components/pagination'
import ButtonBar from '@/components/ButtonBar'
import { parseTime } from '@/utils/index'
export default {
components: {
ButtonBar,
Pagination
},
data() {
return {
tableloading: false,
btndisabled: false,
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
logList: [],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
dataDate: parseTime(new Date(), '{y}-{m}-{d}'),
storehouses: []
}
},
storehouseList: [{
value: '江西余干库',
label: '江西余干库'
},
{
value: '庄河荣名库',
label: '庄河荣名库'
},
{
value: '安阳荣名库',
label: '安阳荣名库'
},
{
value: '曲阜荣名库',
label: '曲阜荣名库'
}
],
countall: { numall: '', amountall: '' }
}
},
mounted() {
// 初始化按钮
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// 初始化变量
this.loadLogList()
},
methods: {
dosearch() {
this.loadLogList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
dataDate: parseTime(new Date(), '{y}-{m}-{d}'),
storehouses: []
}
}
this.loadLogList()
},
// 右上角点击事件
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose': // 关闭
this.doClose()
break
default:
break
}
},
loadLogList() {
this.tableloading = true
req.kcrbpage(this.queryParams).then((res) => {
this.tableloading = false
this.queryParams.total = res.data.pagging.total
this.logList = res.data.pagging.records
this.countall = res.data.countall
}).catch(e => {
this.tableloading = false
console.log('CsmCashLog-loadList-ee:', e)
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

227
src/views/systemOrder/kcrk.vue
View File

@ -0,0 +1,227 @@
<template>
<div class="app-container">
<button-bar ref="btnbar" view-title="监管工作日报" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<div class="search" style="margin-top: 5px;">
<el-form ref="sform" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="数据日期">
<el-date-picker v-model="queryParams.params.dataDateStart" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据开始日期" style="width: 140px;" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.dataDateEnd" type="date" clearable value-format="yyyy-MM-dd" placeholder="选择数据结束日期" style="width: 140px;" />
</el-form-item> </el-form>
<div class="btn" style="text-align: center">
<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</div>
</div>
</div>
<div class="listtop">
<div class="tit">工作日报列表</div>
</div>
<el-table v-loading="tableloading" :data="logList" style="width: 100%" border>
<el-table-column prop="orderDate" label="数据日期" align="center" width="110" />
<el-table-column prop="projectName" label="项目名称" align="center" />
<el-table-column prop="totalLoan" label="授信总额（元）" align="center" width="140" />
<el-table-column prop="useLimit" label="用信额度（元）" align="center" width="140" />
<el-table-column prop="accountsBalance" label="帐户余额(元)" align="center" width="140" />
<el-table-column prop="accountsReceivable" label="应收账款(元)" align="center" width="140" />
<el-table-column prop="stockAmount" label="库存货值(元)" align="center" width="140" />
<el-table-column prop="transitAmount" label="在途货值(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="预付款(元)" align="center" width="140" />
<el-table-column prop="advancePayment" label="质押率" align="center" width="80">
<template slot-scope="scope">
<div>{{ scope.row.pledgeRatePercent }}%</div>
</template>
</el-table-column>
<el-table-column label="操作" align="center" width="150">
<template slot-scope="scope">
<el-button type="primary" icon="el-icon-view" size="small" @click="showView(scope.row)">详情</el-button>
</template>
</el-table-column>
</el-table>
<div class="pages">
<div class="tit" />
<pagination
v-show="logList.length > 0"
:total="queryParams.total"
:page.sync="queryParams.current"
:limit.sync="queryParams.size"
class="pagination"
@pagination="loadLogList"
/>
</div>
</div>
<el-dialog title="监管日报" :visible.sync="dialogVisible" width="60%">
<el-form ref="form_daily" :model="viewobj" label-position="right" class="formadd">
<div class="title">
<div>项目监管数据</div>
</div>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="监管项目" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.projectName }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="填报日期" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.orderDate }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="授信额度（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.totalLoan }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="用信总额（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.useLimit }}</el-form-item></el-col>
</el-row>
<el-row>
<el-col :span="4" class="tleftb2"><el-form-item label="库存货值（元）" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.stockAmount }}</el-form-item></el-col>
<el-col :span="4" class="tleftb2"><el-form-item label="质押率" /></el-col>
<el-col :span="8" class="trightb"><el-form-item>{{ viewobj.pledgeRatePercent }}% </el-form-item></el-col>
</el-row>
<el-row style="padding-top: 12px;padding-bottom: 5px;">
<el-col :span="4" class="tleftb2"><span>工作日报</span></el-col>
<el-col :span="20" class="trightb">{{ viewobj.remarks }}</el-col>
</el-row>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible=false">关 闭</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import req from '@/api/gfApi/report'
import Pagination from '@/components/pagination'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
Pagination
},
data() {
return {
tableloading: false,
btndisabled: false,
dialogVisible: false,
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
logList: [],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
dataDateStart: '',
dataDateEnd: '',
projectSid: ''
}
},
agentList: [],
groupList: [],
workflowList: [],
witchgroupList: [{
value: '河南安阳',
label: '河南安阳'
},
{
value: '山东曲阜',
label: '山东曲阜'
},
{
value: '庄河整县',
label: '庄河整县'
}
],
phaseList: [{
value: '1',
label: '进件'
},
{
value: '2',
label: '签约'
},
{
value: '3',
label: '交货'
},
{
value: '4',
label: '完工'
},
{
value: '5',
label: '并网'
}
],
powerall: '',
viewobj: {}
}
},
mounted() {
// 初始化按钮
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// 初始化变量
this.loadLogList()
},
methods: {
dosearch() {
this.loadLogList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
agent_id: '',
search_time: [],
witch_data: '',
workflow: '',
witch_group: [],
phase: ''
}
}
this.loadLogList()
},
// 右上角点击事件
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose': // 关闭
this.doClose()
break
default:
break
}
},
loadLogList() {
this.tableloading = true
req.projectdailypage(this.queryParams).then((res) => {
this.tableloading = false
this.queryParams.total = res.data.total
this.logList = res.data.records
}).catch(e => {
this.tableloading = false
console.log('CsmCashLog-loadList-ee:', e)
})
},
showView(row) {
this.viewobj = row
this.dialogVisible = true
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>
Write Preview
Loading…
Cancel
Save