优化办不成事报表

portal-manager-ui/admin/src/views/dataAdmin/components/Impossible/index.vue

@@ -5,9 +5,12 @@
 				<a-button :loading="btnLoading" type="primary" class="addclass" @click="handleExportTable">
 					<span>{{ tableSelectedRows.length ? "导出" : "导出全部" }}</span>
 				</a-button>
-				<div class="ml20">提交总次数：<span style="color:#1890ff;font-weight: bold;">{{ numObj ? numObj.count : 0 }}次</span></div>
-				<div class="ml20">回复总次数：<span style="color:#1890ff;font-weight: bold;">{{ numObj ? numObj.reply_count : 0 }}次</span></div>
-				<div style="font-size:12px;color:#a19a9a;margin-left: 20px;">统计时间段：{{ queryform.time[0] }} ~ {{ queryform.time[1] }}</div>
+				<div class="ml20">提交总次数：<span style="color:#1890ff;font-weight: bold;">{{ numObj ? numObj.count : 0
+				}}次</span></div>
+				<div class="ml20">回复总次数：<span style="color:#1890ff;font-weight: bold;">{{ numObj ? numObj.reply_count : 0
+				}}次</span></div>
+				<div style="font-size:12px;color:#a19a9a;margin-left: 20px;">统计时间段：{{ queryform.time[0] }} ~ {{
+					queryform.time[1] }}</div>
 			</div>
 			<a-form :model="queryform" layout="inline">
 				<a-form-item>
@@ -16,8 +19,8 @@
 				<a-form-item>
 					<a-select v-model="queryform.source" style="width: 140px">
 						<a-select-option value="">全部来源</a-select-option>
-						<a-select-option :value="item.value" v-for="item,index in deviceList"
-							:key="index">{{item.label}}</a-select-option>
+						<a-select-option :value="item.value" v-for="item, index in deviceList"
+							:key="index">{{ item.label }}</a-select-option>
 					</a-select>
 				</a-form-item>
 				<a-form-item>
@@ -38,16 +41,16 @@
 					onChange: onSelectChange,
 				}">
 				<template slot="type" slot-scope="text, record, index">
-					<div>{{typeList.find(item=>record.type).label}}</div>
+					<div>{{ typeList.find(item => record.type).label }}</div>
 				</template>
 				<template slot="valid" slot-scope="text, record, index">
-					<div>{{record.valid == 1 ? '是' : '否'}}</div>
+					<div>{{ record.valid == 1 ? '是' : '否' }}</div>
 				</template>
 				<template slot="secrecy" slot-scope="text, record, index">
-					<div>{{record.secrecy == 1 ? '是' : '否'}}</div>
+					<div>{{ record.secrecy == 1 ? '是' : '否' }}</div>
 				</template>
 				<template slot="status" slot-scope="text, record, index">
-					<div>{{record.status == 1 ? '是' : '否'}}</div>
+					<div>{{ record.status == 1 ? '是' : '否' }}</div>
 				</template>
 				<template slot="操作" slot-scope="text, record, index">
 					<a-button type="link" @click="detail(record)">详情</a-button>
@@ -60,37 +63,37 @@
 					<div style="margin-bottom: 10px;">建议内容</div>
 					<a-descriptions layout="vertical" :column="4">
 						<a-descriptions-item label="问题主题" :span="4">
-							{{detailData.title}}
+							{{ detailData.title }}
 						</a-descriptions-item>
 						<a-descriptions-item label="具体问题" :span="4">
-							{{detailData.content}}
+							{{ detailData.content }}
 						</a-descriptions-item>
 						<a-descriptions-item label="业务名称" :span="4">
-							{{detailData.business}}
+							{{ detailData.business }}
 						</a-descriptions-item>
 						<a-descriptions-item label="办事区县" :span="4">
-							{{detailData.region}}
+							{{ detailData.region }}
 						</a-descriptions-item>
 						<a-descriptions-item label="单位名称" :span="4">
-							{{detailData.dept_name}}
+							{{ detailData.dept_name }}
 						</a-descriptions-item>
 						<a-descriptions-item label="真实姓名">
-							{{detailData.name}}
+							{{ detailData.name }}
 						</a-descriptions-item>
 						<a-descriptions-item label="联系电话">
-							{{detailData.phone}}
+							{{ detailData.phone }}
 						</a-descriptions-item>
 						<a-descriptions-item label="身份证号">
-							{{detailData.idcard}}
+							{{ detailData.idcard }}
 						</a-descriptions-item>
 						<a-descriptions-item label="电子邮箱">
-							{{detailData.email}}
+							{{ detailData.email }}
 						</a-descriptions-item>
 						<a-descriptions-item label="联系地址" :span="4">
-							{{detailData.address}}
+							{{ detailData.address }}
 						</a-descriptions-item>
 						<a-descriptions-item label="提交时间" :span="4">
-							{{detailData.create_time}}
+							{{ detailData.create_time }}
 						</a-descriptions-item>
 					</a-descriptions>
 				</div>
@@ -98,22 +101,22 @@
 					<div style="margin-bottom: 10px;">建议答复</div>
 					<a-descriptions layout="vertical" :column="1">
 						<a-descriptions-item label="所属部门">
-							{{detailData.reply_dept}}
+							{{ detailData.reply_dept }}
 						</a-descriptions-item>
 						<a-descriptions-item label="回复内容">
-							{{detailData.reply_content}}
+							{{ detailData.reply_content }}
 						</a-descriptions-item>
 						<a-descriptions-item label="附件">
 							<div class="img-dv" v-if="detailData.reply_url && detailData.reply_url.length > 0">
 								<thumbImage :src="item.url" :index="idx" @click="idx = index" fileType="img"
-									v-for="item,index in detailData.reply_url" :key="index" />
+									v-for="item, index in detailData.reply_url" :key="index" />
 							</div>
 						</a-descriptions-item>
 						<a-descriptions-item label="回复人">
-							{{detailData.reply_people}}
+							{{ detailData.reply_people }}
 						</a-descriptions-item>
 						<a-descriptions-item label="回复时间">
-							{{detailData.update_time}}
+							{{ detailData.update_time }}
 						</a-descriptions-item>
 					</a-descriptions>
 				</div>
@@ -127,17 +130,17 @@
 	</div>
 </template>
 <script>
-	import {
+import {
 	getImpossible,
 	getImpossibleInfo,
 	getCountImpossible
-	} from '@/api/dataAdmin.js'
-	import image from '@/components/image/thumbImage'
-	import {
+} from '@/api/dataAdmin.js'
+import image from '@/components/image/thumbImage'
+import {
 	export2Excel
-	} from "@/utils/js/exportExcel";
-	import moment from 'moment'
-	export default {
+} from "@/utils/js/exportExcel";
+import moment from 'moment'
+export default {
 	data() {
 		return {
 			idx: 0,
@@ -146,8 +149,8 @@
 				size: 10,
 				source: '',
 				keyword: null,
-					time: [moment().format('yyyy-MM-DD'),moment().format('yyyy-MM-DD')],
-					reply:''
+				time: [moment().format('yyyy-MM-DD'), moment().format('yyyy-MM-DD')],
+				reply: ''
 			},
 			deviceList: [{
 				label: '微官网',
@@ -257,17 +260,17 @@
 	},
 	async created() {
 		this.getlist()
-			let {
-				data
-			} = await getCountImpossible()
-			this.numObj = data
+
 	},
 	methods: {
-			getlist() {
+		async getlist() {
 			getImpossible(this.queryform).then(res => {
 				this.tabledataSource = res.data.data
 				this.pagination.total = res.data.total
 			})
+			// 统计接口
+			let {data} = await getCountImpossible(this.queryform)
+			this.numObj = data || {}
 		},
 		changeTablePage(e) {
 			this.queryform.page = e.current
@@ -314,7 +317,7 @@
 							item.type = obj[keys];
 						}
 					});
-						item.status == 1?item.status= '是':item.status= '否'
+					item.status == 1 ? item.status = '是' : item.status = '否'
 				});
 			} else {
 				let datas = this.$_.cloneDeep(
@@ -333,14 +336,14 @@
 							item.type = obj[key];
 						}
 					});
-						item.status == 1?item.status= '是':item.status= '否'
+					item.status == 1 ? item.status = '是' : item.status = '否'
 				}
 			}
 
 			const tHeader = []
 			const filterVal = []
-				this.tablecolumns.forEach(v=>{
-					if(v.dataIndex){
+			this.tablecolumns.forEach(v => {
+				if (v.dataIndex) {
 					tHeader.push(v.title)
 					filterVal.push(v.dataIndex)
 				}
@@ -354,23 +357,25 @@
 			this.btnLoading = false;
 		},
 	}
-	}
+}
 </script>
 <style scoped lang="less">
-	.form-box {
+.form-box {
 	display: flex;
 	justify-content: space-between;
 	margin-bottom: 10px;
-		.num-dv{
+
+	.num-dv {
 		display: flex;
 		align-items: center;
-			.ml20{
+
+		.ml20 {
 			margin-left: 20px;
 		}
 	}
-	}
+}
 
-	.img-dv {
+.img-dv {
 	display: flex;
 	flex-wrap: wrap;
 
@@ -380,45 +385,44 @@
 		margin-right: 10px;
 		margin-bottom: 10px;
 	}
-	}
+}
 
-	/deep/.ant-spin-container{
+/deep/.ant-spin-container {
 	display: block !important;
-	}
+}
 
-	/deep/.ant-drawer-body {
+/deep/.ant-drawer-body {
 	background: #f7f7f7;
 	padding: 15px;
 	box-sizing: border-box;
 	min-height: calc(100vh - 55px);
-	}
+}
 
-	/deep/td {
+/deep/td {
 	text-align: left;
-	}
+}
 
-	/deep/.ant-descriptions-item-label{
+/deep/.ant-descriptions-item-label {
 	color: #1890ff;
-	}
+}
 
-	.btn-dv {
+.btn-dv {
 	background-color: #fff;
 	padding: 15px;
 	margin-top: 20px;
 	display: flex;
 	justify-content: flex-end;
-	}
+}
 
-	.content-box {
+.content-box {
 	display: flex;
 	justify-content: space-between;
 	width: 100%;
-	}
+}
 
-	.content-dv {
+.content-dv {
 	width: calc(50% - 10px);
 	background: #fff;
 	border-radius: 10px;
 	padding: 10px;
-	}
-</style>
+}</style>
\ No newline at end of file
\ No newline at end of file