From c85e45aa3850435005b1e412a165eb14e2cc98f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=9C=E5=BB=BA=E8=B6=85?= <3182967682@qq.com>
Date: Sun, 27 Sep 2020 17:58:06 +0800
Subject: [PATCH] fix

---
 .../componments/query-form/index.vue          | 152 ++++++++++++++
 .../modules/result/distribution/index.vue     | 195 ++++++++++++++++++
 2 files changed, 347 insertions(+)
 create mode 100644 src/views/modules/result/distribution/componments/query-form/index.vue
 create mode 100644 src/views/modules/result/distribution/index.vue

diff --git a/src/views/modules/result/distribution/componments/query-form/index.vue b/src/views/modules/result/distribution/componments/query-form/index.vue
new file mode 100644
index 0000000..e0e0a29
--- /dev/null
+++ b/src/views/modules/result/distribution/componments/query-form/index.vue
@@ -0,0 +1,152 @@
+<!--  -->
+<template>
+  <div>
+    <div class="staff-archives-title"></div>
+    <el-form :inline="true" :model="formInline" class="demo-form-inline staff-archives-form">
+      <el-form-item label="选择部门">
+        <el-input
+          placeholder="请选择部门"
+          @focus="isChoose=true"
+          readonly
+          :value="formInline.departmentName"
+        ></el-input>
+      </el-form-item>
+
+      <el-form-item :label="`选择月份`">
+        <el-date-picker
+          type="month"
+          placeholder="选择月份"
+          v-model="selectMonthTime"
+          value-format="yyyy-MM"
+          @change="changeApplyMonth"
+        >
+        </el-date-picker>
+      </el-form-item>
+
+
+      <el-form-item>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+        <el-button type="primary" @click="restValue">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-dialog title="选择部门" :visible.sync="isChoose" width="30%">
+      <el-tree :data="menuList" :props="defaultProps" @node-click="handleNodeClick">
+        <span class="custom-tree-node" slot-scope="{ node, data }">
+          <span>{{ data.departmentName }}</span>
+          <span>({{ data.memberCount }})人</span>
+        </span>
+      </el-tree>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="mini" @click="isChoose = false">取 消</el-button>
+        <el-button type="primary" size="mini" @click="onsumbit">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import { apiDepartmentSelfList } from '@/api/api_report'
+  export default {
+    props: {
+      monthTime: {
+        type: String,
+        default: ''
+      }
+    },
+    data () {
+      return {
+        selectMonthTime: this.nowDate(),
+        isChooseObj: {},
+        isChoose: false,
+        menuList: [],
+        defaultProps: {
+          children: 'list',
+          label: 'name'
+        },
+        formInline: {
+          value: []
+        }
+      }
+    },
+    computed: {},
+    beforeMount () { },
+    created () {
+      this.handleGetMenuList()
+      this.handleChangeData()
+    },
+    mounted () {},
+    beforeUpdate () {
+      // this.selectMonthTime = this.monthTime
+    },
+    methods: {
+      async  handleChangeData () {
+        this.onSubmit()
+      },
+      // 获取侧边架构列表
+      async handleGetMenuList () {
+        let result = await apiDepartmentSelfList()
+        this.menuList = result.data
+      },
+      // 修改月份
+      changeApplyMonth (val) {
+        this.$emit('listenQuery')
+        this.selectMonthTime = val
+        console.log(val)
+      },
+      onSubmit () {
+        let obj = {
+          departmentId: this.formInline.departmentId,
+          selectMonthTime: this.selectMonthTime
+        }
+        this.$emit('submit', obj)
+      },
+      restValue () {
+        this.formInline = {}
+        this.selectMonthTime = ''
+      },
+      onsumbit () {
+        this.formInline = Object.assign({}, this.formInline, this.isChooseObj)
+        this.isChoose = false
+      },
+      handleNodeClick (a, b) {
+        this.isChooseObj = {
+          departmentId: a.departmentId,
+          departmentName: a.departmentName
+        }
+      },
+      nowDate () {
+        var data = new Date()
+        var month = data.getMonth() < 9 ? '0' + (data.getMonth() + 1) : data.getMonth() + 1
+        return data.getFullYear() + '-' + month
+      },
+      resetPage () {
+        this.$emit('listenQuery')
+      }
+    },
+    watch: {}
+
+  }
+</script>
+
+<style lang='scss'>
+  .el-range-separator {
+    width: 7% !important;
+  }
+  .el-input__icon {
+    transition: all 0.5s;
+  }
+  .staff-archives-choose {
+    margin: 2px;
+    height: 200px;
+    overflow: auto;
+    transition: all 0.3s;
+    position: relative;
+    border: 1px solid #dcdfe6;
+  }
+  .staff-archives-choose1 {
+    height: 0px;
+    opacity: 0;
+    overflow: hidden;
+  }
+</style>
diff --git a/src/views/modules/result/distribution/index.vue b/src/views/modules/result/distribution/index.vue
new file mode 100644
index 0000000..12b148e
--- /dev/null
+++ b/src/views/modules/result/distribution/index.vue
@@ -0,0 +1,195 @@
+<template>
+  <div class="mod-config">
+    <el-card class="mod-config">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="handleGetTableList()">
+        <query-form @submit="submit" v-on:listenQuery="initPage"/>
+    </el-form>
+    <el-table
+      :data="dataList"
+      border
+      v-loading="dataListLoading"
+      style="width: 100%">
+      <el-table-column
+        prop="businessLine"
+        header-align="center"
+        align="center"
+        width="150"
+        label="业务线">
+      </el-table-column>
+
+      <el-table-column
+        prop="departmentId"
+        header-align="center"
+        align="center"
+        width="150"
+        label="序号">
+      </el-table-column>
+
+      <el-table-column
+        prop="departmentName"
+        header-align="center"
+        align="center"
+        width="150"
+        label="部门">
+      </el-table-column>
+
+
+      <el-table-column
+        prop="level1"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.25">
+      </el-table-column>
+
+      <el-table-column
+        prop="level2"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.5-">
+      </el-table-column>
+
+      <el-table-column
+        prop="level3"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.5">
+      </el-table-column>
+
+      <el-table-column
+        prop="level4"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.5+">
+      </el-table-column>
+
+      <el-table-column
+        prop="level5"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.75-">
+      </el-table-column>
+
+      <el-table-column
+        prop="level6"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.75">
+      </el-table-column>
+
+      <el-table-column
+        prop="level7"
+        header-align="center"
+        align="center"
+        width="100"
+        label="3.75+">
+      </el-table-column>
+
+      <el-table-column
+        prop="level8"
+        header-align="center"
+        align="center"
+        width="100"
+        label="4">
+      </el-table-column>
+
+
+    </el-table>
+    <el-pagination
+      @size-change="sizeChangeHandle"
+      @current-change="currentChangeHandle"
+      :current-page="pageIndex"
+      :page-sizes="[10, 20, 50, 100]"
+      :page-size="pageSize"
+      :total="totalPage"
+      layout="total, sizes, prev, pager, next, jumper">
+    </el-pagination>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import { apiResultDistribution } from '@/api/api_report'
+  import queryForm from './componments/query-form'
+  export default {
+    data () {
+      return {
+        dataForm: {
+          key: ''
+        },
+        imageSrc: '',
+        dataList: [],
+        pageIndex: 1,
+        pageSize: 10,
+        totalPage: 0,
+        dataListLoading: false,
+        selectionDataList: [],
+        departmentId: '',
+        selectMonthTime: ''
+      }
+    },
+    created () {
+      this.handleGetTableList()
+    },
+    components: {
+      queryForm
+    },
+    methods: {
+      // 获取数据列表
+      async handleGetTableList () {
+        const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+        apiResultDistribution({
+          'currPage': this.pageIndex,
+          'pageSize': this.pageSize,
+          'departmentId': this.departmentId,
+          'selectMonthTime': this.selectMonthTime
+        }).then(res => {
+          if (res && res.code === 0) {
+            this.dataList = res.page.list
+            this.totalPage = res.page.totalCount
+          } else {
+            this.dataList = []
+            this.totalPage = 0
+          }
+          setTimeout(() => {
+            loading.close()
+          }, 500)
+          this.dataListLoading = false
+        })
+      },
+      // 每页数
+      sizeChangeHandle (val) {
+        this.pageSize = val
+        this.pageIndex = 1
+        this.handleGetTableList()
+      },
+      // 当前页
+      currentChangeHandle (val) {
+        this.pageIndex = val
+        this.handleGetTableList()
+      },
+      submit (data) {
+        this.departmentId = data.departmentId
+        this.selectMonthTime = data.selectMonthTime
+        this.handleGetTableList()
+      },
+      initPage () {
+        this.pageIndex = 1
+        this.pageSize = 10
+        console.log('int page')
+      }
+    }
+  }
+</script>
+<style>
+</style>