From 60a715ab3bc2bbf759eeab94304cbcaae4f9d5d3 Mon Sep 17 00:00:00 2001
From: quyixiao <2621048238@qq.com>
Date: Tue, 25 Aug 2020 16:33:11 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api_result.js                         |  14 ++
 .../modules/result/record/lzresultrecord.vue  |   1 -
 .../result/record/lzresultrecordapp.vue       |   1 -
 .../record/recorddetail-add-or-update.vue     |   2 +-
 .../modules/result/record/recorddetail.vue    |  33 ++-
 .../result/record/upload-add-or-update.vue    | 220 ++++++++++++++++++
 6 files changed, 261 insertions(+), 10 deletions(-)
 create mode 100644 src/views/modules/result/record/upload-add-or-update.vue

diff --git a/src/api/api_result.js b/src/api/api_result.js
index b98daf2..d6689fb 100644
--- a/src/api/api_result.js
+++ b/src/api/api_result.js
@@ -40,3 +40,17 @@ export const getResultComment = params => {
 export const recordIdsSubmit = params => {
   return http({url: '/lz_management/user/lzresultrecord/recordIdsSubmit', method: 'post', params})
 }
+
+// 获取侧边菜单栏
+export const getUploadFileList = params => {
+  return http({url: '/lz_management/user/lzresultrecord/getUploadFileList', method: 'get', params})
+}
+
+// 获取侧边菜单栏
+export const deleteFile = params => {
+  return http({url: '/lz_management/user/lzresultrecord/deleteFile', method: 'get', params})
+}
+
+export const downZip = params => {
+  return http({url: '/lz_management/file/downZip?ids=' + params, method: 'get'})
+}
diff --git a/src/views/modules/result/record/lzresultrecord.vue b/src/views/modules/result/record/lzresultrecord.vue
index 335a174..b222ea5 100644
--- a/src/views/modules/result/record/lzresultrecord.vue
+++ b/src/views/modules/result/record/lzresultrecord.vue
@@ -121,7 +121,6 @@ export default {
     formaterDate (val) {
       var date = new Date(val)
       var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1
-      var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
       return date.getFullYear() + '-' + month
     },
     getStatusStr (status) {
diff --git a/src/views/modules/result/record/lzresultrecordapp.vue b/src/views/modules/result/record/lzresultrecordapp.vue
index f2db1c5..a33bd75 100644
--- a/src/views/modules/result/record/lzresultrecordapp.vue
+++ b/src/views/modules/result/record/lzresultrecordapp.vue
@@ -92,7 +92,6 @@
         v-loading="dataListLoading" border fit highlight-current-row
         @selection-change="selectionChangeHandle"
         :cell-style="cellStyle"
-
         style="width: 100%;"     >
         <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
         <el-table-column prop="id" header-align="center" align="center" label="ID"></el-table-column>
diff --git a/src/views/modules/result/record/recorddetail-add-or-update.vue b/src/views/modules/result/record/recorddetail-add-or-update.vue
index d309ce0..c57b51f 100644
--- a/src/views/modules/result/record/recorddetail-add-or-update.vue
+++ b/src/views/modules/result/record/recorddetail-add-or-update.vue
@@ -19,7 +19,7 @@
         <div id="checkResultEditorElem" class="editor"></div>
       </el-form-item>
 
-      <el-form-item label="优先级" v-show="auth.priority >= 1" prop="priority">
+      <el-form-item label="业绩排序" v-show="auth.priority >= 1" prop="priority">
         <el-input :disabled="auth.priority < 2 " v-model="dataForm.priority" placeholder="优先级别，数字越大，越在排列在表格前面"></el-input>
       </el-form-item>
 
diff --git a/src/views/modules/result/record/recorddetail.vue b/src/views/modules/result/record/recorddetail.vue
index 700ad77..e4acceb 100644
--- a/src/views/modules/result/record/recorddetail.vue
+++ b/src/views/modules/result/record/recorddetail.vue
@@ -21,7 +21,8 @@
           <span>二级部门：<b>{{ department2 }}</b></span>
           <span>三级部门：<b>{{ department3 }}</b></span>
           <span>直属上级:<b>{{ superStaff }}</b></span>
-        </div>
+
+
 
         <div class="titleBottom">
           <div class="bottom" v-show="this.auth.commit == 1" >
@@ -36,9 +37,6 @@
             </p>
           </div>
 
-
-
-
           <div class="bottom" v-show="this.auth.confirmCommit == 1">
             <p><span style="" @click="commitApprovalYes('你要确认得分吗？')">确认得分</span></p>
           </div>
@@ -46,6 +44,15 @@
           <div class="bottom" v-show="this.auth.reject == 1">
             <p><span  @click="commitApprovalAddOrUpdate(5)" ><label :class="'label bg-danger my_pointer'">驳回</label></span></p>
           </div>
+
+          <div class="bottom">
+            <p><span  @click="uploadDownFile(1)" ><label :class="'label bg-info my_pointer'">上传附件（0）</label></span></p>
+          </div>
+
+          <div class="bottom">
+            <p><span  @click="uploadDownFile(2)" ><label :class="'label bg-info my_pointer'">下载附件（0）</label></span></p>
+          </div>
+        </div>
         </div>
 
       </div>
@@ -107,6 +114,7 @@
       <!-- 弹窗, 新增 / 修改 -->
       <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
       <approval-add-or-update v-if="approvalVisible" ref="approvalAddOrUpdate" @refreshDataList="getDataList"></approval-add-or-update>
+      <upload-add-or-update v-if="uploadVisible" ref="uploadAddOrUpdate" @refreshDataList="getDataList"></upload-add-or-update>
     </div>
   </div>
 </template>
@@ -115,6 +123,7 @@
 import {getStaffResultDetail, commitApproval} from '@/api/api_result'
 import AddOrUpdate from './recorddetail-add-or-update'
 import ApprovalAddOrUpdate from './approval-add-or-update.vue'
+import UploadAddOrUpdate from './upload-add-or-update.vue'
 
 export default {
   created () {
@@ -157,14 +166,16 @@ export default {
       superStaff: '吴林',
       addOrUpdateVisible: false,
       approvalVisible: false,
+      uploadVisible: false,
       loading: false,
       auth: [],
-      recordType: 0
+      recordType: 0,
     }
   },
   components: {
     AddOrUpdate,
-    ApprovalAddOrUpdate
+    ApprovalAddOrUpdate,
+    UploadAddOrUpdate
   },
   activated () {
     if (this.$route.query.id > 0) {
@@ -224,6 +235,14 @@ export default {
         }, 500)
       })
     },
+    uploadDownFile (val) {
+      this.uploadVisible = true
+      this.$nextTick(() => {
+        setTimeout(() => {
+          this.$refs.uploadAddOrUpdate.init(this.recordResultId, this.auth, val)
+        }, 500)
+      })
+    },
     commitApprovalYes (msg = '确定要提交审批吗?') {
       this.$confirm(msg, '提示', {
         confirmButtonText: '确定',
@@ -412,7 +431,7 @@ export default {
         .bottom{
           float: right;
           color: blue;
-          width: 80px;
+          width: 120px;
           height: 30px;
           text-align: left;
           .des{
diff --git a/src/views/modules/result/record/upload-add-or-update.vue b/src/views/modules/result/record/upload-add-or-update.vue
new file mode 100644
index 0000000..37ab82c
--- /dev/null
+++ b/src/views/modules/result/record/upload-add-or-update.vue
@@ -0,0 +1,220 @@
+<template>
+  <el-dialog
+    class="recordDetail"
+    :title="'' "
+    :close-on-click-modal="false"
+
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" >
+      <el-form-item v-if="status===1">
+        <el-upload
+          class="upload-demo igo-form-item"
+          ref="upload"
+          :action="uploadUrl"
+          :data="isCompressNormal"
+          :headers="uploadData"
+          :on-success="handleSuccess"
+          :on-remove="handleRemove"
+          :file-list="fileList"
+          list-type="picture"
+          :limit="10">
+          <el-button size="small" type="primary">点击上传</el-button>
+        </el-upload>
+      </el-form-item>
+      <el-table
+        :data="dataList"
+        border
+        v-loading="dataListLoading" border fit highlight-current-row
+        @selection-change="selectionChangeHandle"
+        style="width: 100%;"     >
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+        <el-table-column prop="id" header-align="center" align="center" label="ID" width="50"></el-table-column>
+        <el-table-column prop="staffName" header-align="center" align="center" label="姓名" width="80"></el-table-column>
+        <el-table-column prop="fileName" header-align="center" align="center" label="文件名称"></el-table-column>
+        <el-table-column v-if="status===1"
+          fixed="right"
+          header-align="center"
+          align="center"
+          width="100"
+          label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="small"  @click="deleteHandle(scope.row.id)">删除</el-button>
+            <a :href="scope.row.fileUrl" target="_blank">下载</a>
+          </template>
+        </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-form>
+
+    <span slot="footer" class="dialog-footer">
+      <el-button type="primary"  v-if="status === 1 ">确定</el-button>
+      <el-button type="primary" @click="dowLoadZip" v-if="status === 2 " >下载</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import {getUploadFileList, deleteFile, downZip} from '@/api/api_result'
+
+export default {
+  data () {
+    return {
+      visible: false,
+      recordResultId: 0,
+      auth: [],
+      resultCommitId: 0,
+      status: 1,
+      dataForm: {
+        a: ''
+      },
+      dataRule: {},
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      fileList: [],
+      uploadUrl: '/lz_management/file/uploadFile',
+      // 上传图片其他参数
+      isCompressNormal: {
+        isCompressNormal: 0,
+        isCompressThumbnail: 0
+      },
+      uploadData: {},
+      dataListSelections: [],
+      recordIdsSelect: []
+    }
+  },
+  mounted () {
+
+  },
+  computed: {},
+  methods: {
+    async init (recordResultId, auth, status) {
+      this.recordResultId = recordResultId
+      this.auth = auth
+      this.visible = true
+      this.status = status
+      this.uploadUrl = '/lz_management/file/uploadFile?recordId=' + this.recordResultId
+      this.$nextTick(async () => {
+        this.$refs['dataForm'].resetFields()
+        this.getDataList()
+      })
+    },
+    // 获取数据列表
+    getDataList () {
+      getUploadFileList({
+        'page': this.pageIndex,
+        'limit': this.pageSize,
+        'recordId': this.recordResultId
+      }).then(data => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+    // 多选
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
+      this.recordIdsSelect = []
+      for (let i = 0; i < this.dataListSelections.length; i++) {
+        this.recordIdsSelect.push(this.dataListSelections[i].id)
+      }
+    },
+    dowLoadZip () {
+      let a = this.recordIdsSelect.join(',')
+      if (this.stringIsNull(a)) {
+        this.alertInfo(' 请选择要下载的 id')
+        return
+      }
+      window.open('/lz_management/file/downZip?ids=' + this.recordIdsSelect.join(','))
+    },
+    deleteHandle (id) {
+      this.$confirm('你确定要删除文件吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteFile({
+          'id': id
+        }).then(data => {
+          if (data && data.code === 0) {
+            this.getDataList()
+            this.$message({
+              message: data.msg,
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+              }
+            })
+          }
+        })
+      }).catch(() => {
+      })
+    },
+    handleRemove (file, fileList) {
+      const index = this.fileList.findIndex(item => item.url === file.url)
+      if (index !== -1) {
+        this.fileList.splice(index, 1)
+        this.form.width = ''
+        this.form.height = ''
+      }
+    },
+    downloadTemplate (id) {
+      window.open('/lz_management/file/downFile?id=' + id)
+    },
+    handleSuccess (res, fileList, response) {
+      this.getDataList()
+    },
+    alertInfo (msg) {
+      this.$message({
+        message: msg,
+        type: 'success',
+        duration: 1500,
+        onClose: () => {
+        }
+      })
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+
+    stringIsNull (str) {
+      if (typeof str === 'undefined' || str === null || str === '') {
+        return true
+      }
+      return false
+    }
+  }
+}
+</script>
+
+<style>
+.recordDetail .el-upload-list{
+  display: none;
+}
+</style>