flat: 暂存

src/views/report/main/unemployment.vue

@@ -16,13 +16,17 @@
 </template>
 
 <script>
-import {unemploymentInsuranceServiceCount} from '@/api/report/report'
+import {unemploymentInsuranceServiceCount , listAllServe} from '@/api/report/report'
 import CustomLoading from "@/components/Custom-Loading/index.vue";
 import { dateFormat } from "@/util/date";
+import search from "@/page/index/search.vue";
+import {deepClone} from "@/util/util";
 const columnEnum = {
-  'totalCount': '总数',
-  'otherCount': '机构登记数',
-  'registerCount': '总库（其他）',
+  "personCount": "服务总人数",
+  "policyCount": "政策推送总数",
+  "jobCount": "岗位推送总数",
+  "serveCount": "跟踪服务次数",
+  "successfulCount": "服务成功次数"
 }
 const pages = { total: 0, size: 10, currentPage: 1 }
 const baseOptions = {
@@ -49,44 +53,66 @@ export default {
       infoData: [],
       visible: false,
       search: {},
-      headColum: [],
+      serveData: [],
+      headTitle: '',
+      searchServeId: '',
     }
   },
   created() {
-    this.getList()
+    this.getServeList().then((res) => {
+      if(res.length) {
+        this.headTitle = res[0].name
+        this.search.serveId = res[0].id
+        this.searchServeId = res[0].id
+        this.getList().then((records) => {
+          if(records.length) {
+            this.headTitle = records[0].name
+          }
+        })
+      }
+    })
   },
   computed: {
     options() {
-      const tableHead = this.headColum.map((item, index) => ({
-        label: item.columnName,
-        display:false,
+      const serveHead = [{
+        label: this.headTitle,
+        display: false,
         children: Object.keys(columnEnum).map((key) => ({
           label: columnEnum[key],
-          prop:  `${index}_${key}`,
-          display:false,
-          width: 120,
+          prop:  key,
+          display: false,
         }))
-      }))
-
+      }]
       return {
         ...baseOptions,
-        height: 200,
-        width:200,
         column: [{
-          label: '机构名称',
-          prop: 'name',
+          label: '服务名称',
+          prop: 'serveId',
+          hide: true,
+          display: false,
+          type: 'select',
+          searchSpan: 6,
           search: true,
-          fixed: true,
-          width: 200,
+          searchClearable: false,
+          dicData: this.serveData,
+          props: {
+            label: 'name',
+            value: 'id'
+          }
+        },{
+          label: '机构名称',
+          prop: 'companyName',
+          search: true,
+          searchSpan: 6,
         },
-          ...tableHead,
+          ...serveHead,
           {
             label: '日期',
             prop: 'date',
             hide: true,
             display: false,
             type:'date',
-            searchSpan: 8,
+            searchSpan: 6,
             searchRange:true,
             search:true,
           }]
@@ -103,13 +129,27 @@ export default {
       this.getList()
     },
     searchChange(values, done) {
-      this.getList().then(() => {done()})
+      const ele = this.serveData.filter((item) => values.serveId === item.id)[0]
+      this.headTitle = ele.name
+      this.searchServeId = values.serveId
+      this.getList().then(() => done())
     },
     resetChange() {
-      this.search = {}
+      this.search = { serveId: this.searchServeId }
       let params = {  size: 10, current: 1 }
       this.getList()
     },
+    getServeList() {
+      return new Promise(async (resolve, reject) => {
+        let resData = await listAllServe({id: '1762444035302395906'})
+        if(resData.data.code === 200) {
+          this.serveData = resData.data.data
+          resolve(resData.data.data)
+        } else {
+          reject()
+        }
+      })
+    },
     getList(values) {
       return new Promise(async(resolve, reject) => {
         this.visible = true
@@ -118,39 +158,27 @@ export default {
           current: this.infoPages.currentPage,
           ...this.search,
         }
-        if( Array.isArray(this.search.date) &&  this.search.date.length ) {
+        if( Array.isArray(this.search.date) && this.search.date.length ) {
           const [stime, etime] =  this.search.date
           params.stime = dateFormat(stime, "yyyy-MM-dd")
           params.etime = dateFormat(etime, "yyyy-MM-dd")
           delete params.date
         }
+        const copySearch = deepClone(params)
         let resData = await unemploymentInsuranceServiceCount(params)
         if(resData.data.code === 200) {
-          const { list, columnInfo } = resData.data.data
-          const { current, size ,total, records } = list
-          this.infoData = records.map((item) => ({
-            ...item,
-            ...this.decompose(item.list)
-          }))
-          console.log('infoData',this.infoData)
-          this.headColum = columnInfo
+          const { records, current, total, size } = resData.data.data
+          this.infoData = records
           this.infoPages = { ...this.infoPages, currentPage: current, total, size}
           this.visible = false;
-          resolve(true)
+          resolve(records)
+          setTimeout(() => {
+            this.search = copySearch
+          }, 0)
         } else {
           reject()
         }
       })
-    },
-    decompose(list) {
-      let obj = {}
-      for (let i = 0; i < list.length; i++) {
-        const item = list[i]
-        Object.keys(item).forEach((vitem) => {
-          obj[`${i}_${vitem}`] = item[vitem]
-        })
-      }
-      return obj
     }
   }
 }