政策申办统计

2022-04-25 10:30:08 +08:00
parent ea36a748c8
commit c430bbf467
3 changed files with 126 additions and 9 deletions
--- a/project/xiushan/apps/AppPolicyBid/AppPolicyBid.vue
+++ b/project/xiushan/apps/AppPolicyBid/AppPolicyBid.vue
@@ -0,0 +1,123 @@
+<template>
+  <section class="AppPolicyBid">
+    <ai-list>
+      <ai-title slot="title" title="政策申办数据统计" isShowBottomBorder></ai-title>
+      <template #content>
+        <ai-search-bar>
+          <template #left>
+            <ai-select placeholder="所属部门" v-model="search.department" @change="page.current=1,getTableData()" :selectList="departmentList"/>
+            <ai-select placeholder="所属分类" v-model="search.classificationId" :selectList="classList" @change="page.current=1,getTableData()"/>
+          </template>
+          <template #right>
+            <el-input size="small" placeholder="申请人/申请主体/事项名称" v-model="search.name" clearable @change="page.current=1,getTableData()"/>
+            <ai-download :instance="instance" url="/appzwspstatistics/export" :params="search" fileName="政策申办数据统计" :disabled="tableData.length == 0">
+              <el-button icon="iconfont iconExported" :disabled="tableData.length == 0">导出</el-button>
+            </ai-download>
+          </template>
+        </ai-search-bar>
+        <ai-table :tableData="tableData" :total="page.total" :current.sync="page.current" :size.sync="page.size"
+          @getList="getTableData" :col-configs="colConfigs" :dict="dict">
+          <el-table-column slot="options" label="操作" fixed="right" align="center">
+            <template slot-scope="{row}">
+              <el-button type="text" @click="showDetail(row)" v-if="row.zwspPictureUrl">详情</el-button>
+            </template>
+          </el-table-column>
+        </ai-table>
+      </template>
+    </ai-list>
+    <ai-dialog :visible.sync="dialog" :title="dialogTitle" @closed="dialog=false" @onConfirm="dialog=false" width="600px">
+      <img class="pdf-img" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2F1114%2F113020142315%2F201130142315-1-1200.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1653443191&t=29aec7c40c67dda942d4ee3222385fcd" alt="">
+    </ai-dialog>
+  </section>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: "AppPolicyBid",
+  label: "政策申办数据统计",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  computed: {
+    ...mapState(['user'])
+  },
+  data() {
+    return {
+      search: {name: '', classificationId: '', department: ''},
+      page: {current: 1, size: 10, total: 0},
+      tableData: [],
+      colConfigs: [
+        {label: "申请人/申请主体", prop: "name", align: "center", width: '200px'},
+        {label: "事项名称", prop: "processName", align: "center"},
+        {label: "所属分类", prop: "classificationName", align: "center"},
+        {label: "所属部门/机构", prop: "department", align: "center", width: '120px'},
+        {label: "意向金额（万）", prop: "intendedAmount", align: "center", width: '120px'},
+        {label: "放款金额（万）", prop: "loanAmount", align: "center", width: '120px'},
+        {label: "申请日期", prop: "applyDate", align: "center", width: '120px'},
+        {label: "放款日期", prop: "loanDate", align: "center", width: '120px'},
+        {slot: "options"}
+      ],
+      dialog: false,
+      dialogTitle: '',
+      classList: [],
+      departmentList: []
+    }
+  },
+  methods: {
+    getTableData() {
+      this.instance.post("/appzwspstatistics/list", null, {
+        params: {...this.page, ...this.search}
+      }).then(res => {
+        if (res?.data) {
+          this.tableData = res.data?.records
+          this.page.total = res.data.total
+        }
+      })
+    },
+    showDetail(row) {
+      this.dialogTitle = row.classificationName
+      this.dialogImgUrl = row.zwspPictureUrl
+      this.dialog = true
+    },
+    getClassTypeList() {
+      this.instance.post("/zwspapprovalclassification/list?size=100").then(res => {
+        if (res?.data) {
+          res.data.records.map((item) => {
+            item.dictName = item.name
+            item.dictValue = item.id
+          })
+          this.classList = res.data.records
+        }
+      })
+      this.instance.post("/appfinancialorganization/list?size=100").then(res => {
+        if (res?.data) {
+          res.data.records.map((item) => {
+            item.dictName = item.organizationName
+            item.dictValue = item.organizationName
+          })
+          this.departmentList = res.data.records
+        }
+      })
+    }
+  },
+  created() {
+    this.getClassTypeList()
+    this.dict.load("sex").then(() => {
+      this.getTableData()
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppPolicyBid {
+  height: 100%;
+  .pdf-img{
+    max-height: 1000px;
+  }
+}
+</style>