flat: 暂存

src/views/report/main/unemployment.vue

@@ -0,0 +1,161 @@
+<template>
+  <basic-container style="position: relative">
+    <avue-crud
+      :data="infoData"
+      :option="options"
+      :search.sync="search"
+      :table-loading="visible"
+      :page.sync="infoPages"
+      @search-change="searchChange"
+      @search-reset="resetChange"
+      @size-change="sizeChange"
+      @current-change="currentChange"
+    >
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import {unemploymentInsuranceServiceCount} from '@/api/report/report'
+import CustomLoading from "@/components/Custom-Loading/index.vue";
+import { dateFormat } from "@/util/date";
+const columnEnum = {
+  'totalCount': '总数',
+  'otherCount': '机构登记数',
+  'registerCount': '总库（其他）',
+}
+const pages = { total: 0, size: 10, currentPage: 1 }
+const baseOptions = {
+  dateBtn: false,
+  addBtn: false,
+  editBtn: false,
+  delBtn: false,
+  height: "auto",
+  reserveSelection: false,
+  border: true,
+  columnBtn: false,
+  refreshBtn: false,
+  menu: false,
+  tip: false,
+  searchMenuSpan: 6,
+  selection: false,
+  headerAlign: 'center',
+}
+export default {
+  components: {CustomLoading},
+  data() {
+    return {
+      infoPages: Object.assign({}, pages),
+      infoData: [],
+      visible: false,
+      search: {},
+      headColum: [],
+    }
+  },
+  created() {
+    this.getList()
+  },
+  computed: {
+    options() {
+      const tableHead = this.headColum.map((item, index) => ({
+        label: item.columnName,
+        display:false,
+        children: Object.keys(columnEnum).map((key) => ({
+          label: columnEnum[key],
+          prop:  `${index}_${key}`,
+          display:false,
+          width: 120,
+        }))
+      }))
+
+      return {
+        ...baseOptions,
+        height: 200,
+        width:200,
+        column: [{
+          label: '机构名称',
+          prop: 'name',
+          search: true,
+          fixed: true,
+          width: 200,
+        },
+          ...tableHead,
+          {
+            label: '日期',
+            prop: 'date',
+            hide: true,
+            display: false,
+            type:'date',
+            searchSpan: 8,
+            searchRange:true,
+            search:true,
+          }]
+      }
+    }
+  },
+  methods: {
+    sizeChange(size) {
+      this.infoPages.size = size
+      this.getList()
+    },
+    currentChange(page) {
+      this.infoPages.page = page
+      this.getList()
+    },
+    searchChange(values, done) {
+      this.getList().then(() => {done()})
+    },
+    resetChange() {
+      this.search = {}
+      let params = {  size: 10, current: 1 }
+      this.getList()
+    },
+    getList(values) {
+      return new Promise(async(resolve, reject) => {
+        this.visible = true
+        let params = {
+          size: this.infoPages.size,
+          current: this.infoPages.currentPage,
+          ...this.search,
+        }
+        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
+        }
+        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
+          this.infoPages = { ...this.infoPages, currentPage: current, total, size}
+          this.visible = false;
+          resolve(true)
+        } 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
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>