From eb2a77ad38d79b2370dbfe213bdd5ace02f94c4d Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期五, 29 十一月 2024 09:12:59 +0800
Subject: [PATCH] Merge remote-tracking branch 'origin/master'

---
 src/views/projectManage/progress/progressRecord.vue |  160 ++++++++++++++++++++++++++++++++--------------------
 1 files changed, 98 insertions(+), 62 deletions(-)

diff --git a/src/views/projectManage/progress/progressRecord.vue b/src/views/projectManage/progress/progressRecord.vue
index 3c2eafe..54a0e4d 100644
--- a/src/views/projectManage/progress/progressRecord.vue
+++ b/src/views/projectManage/progress/progressRecord.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="app-container">
     <el-container>
-      <el-header v-show="planRecordData && planRecordData.projectName" class="header-title">椤圭洰鍚嶇О锛歿{ planRecordData.projectName }}</el-header>
-      <h4 v-show="planRecordData && planRecordData.projectCode" style="text-align: center">椤圭洰浠g爜锛歿{ planRecordData.projectCode }}</h4>
+      <el-header v-show="projectInfoData && projectInfoData.projectName" class="header-title">椤圭洰鍚嶇О锛歿{ projectInfoData.projectName }}</el-header>
+      <h4 v-show="projectInfoData && projectInfoData.projectCode" style="text-align: center">椤圭洰浠g爜锛歿{ projectInfoData.projectCode }}</h4>
       <el-main>
         <el-card shadow="hover">
           <el-row :gutter="20">
@@ -31,8 +31,9 @@
                     <el-table-column prop="endTime" label="璁″垝瀹屾垚鏃堕棿" align="center" />
                     <el-table-column fixed="right" label="鎿嶄綔" align="center">
                       <template slot-scope="scope">
-                        <el-button type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
-                        <el-button type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">瀹℃牳</el-button>
                       </template>
                     </el-table-column>
                   </el-table>
@@ -59,8 +60,9 @@
                     <el-table-column prop="endTime" label="璁″垝瀹屾垚鏃堕棿" align="center" />
                     <el-table-column fixed="right" label="鎿嶄綔" align="center">
                       <template slot-scope="scope">
-                        <el-button type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
-                        <el-button type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">瀹℃牳</el-button>
                       </template>
                     </el-table-column>
                   </el-table>
@@ -87,8 +89,9 @@
                     <el-table-column prop="endTime" label="璁″垝瀹屾垚鏃堕棿" align="center" />
                     <el-table-column fixed="right" label="鎿嶄綔" align="center">
                       <template slot-scope="scope">
-                        <el-button type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
-                        <el-button type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" :disabled="scope.row.progressStatus === 1 || scope.row.progressStatus === 3" @click="handleProgressReport(scope.row)">杩涘害涓婃姤</el-button>
+                        <el-button v-if="!projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">鏌ョ湅</el-button>
+                        <el-button v-if="projectInfoData.managerFlag" type="primary" size="small" @click="handleCheckProgress(scope.row)">瀹℃牳</el-button>
                       </template>
                     </el-table-column>
                   </el-table>
@@ -97,35 +100,26 @@
             </el-col>
             <div style="margin-bottom: 10px">
               <h1 style="font-size: 20px; font-weight: bold;">绔e伐鎶ュ憡</h1>
-              <div style="display: flex; justify-content: center; align-items: center;">
-                <el-upload
-                    class="upload-demo"
-                    drag
-                    action="https://jsonplaceholder.typicode.com/posts/"
-                    multiple>
-                  <i class="el-icon-upload"></i>
-                  <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-                  <div class="el-upload__tip" slot="tip">鍙兘涓婁紶jpg/png鏂囦欢锛屼笖涓嶈秴杩�500kb</div>
-                </el-upload>
+              <div style="display: flex;margin-left: 20px;">
+                <file-upload v-model="projectProgressForm.completedReportFileList"
+                             :fileType="projectProgressForm.accept"
+                             :isShowTip="false"/>
               </div>
             </div>
             <div style="margin-bottom: 10px">
               <h1 style="font-size: 20px; font-weight: bold;">鎯呭喌璇存槑</h1>
-              <div style="display: flex; justify-content: center; align-items: center;">
-                <el-upload
-                    class="upload-demo"
-                    drag
-                    action="https://jsonplaceholder.typicode.com/posts/"
-                    multiple>
-                  <i class="el-icon-upload"></i>
-                  <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-                  <div class="el-upload__tip" slot="tip">鍙兘涓婁紶jpg/png鏂囦欢锛屼笖涓嶈秴杩�500kb</div>
-                </el-upload>
+              <div style="display: flex;margin-left: 20px;">
+                <file-upload v-model="projectProgressForm.situationDescriptionFileList"
+                             :fileType="projectProgressForm.accept"
+                             :isShowTip="false"/>
               </div>
+            </div>
+            <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
+              <el-button type="primary" @click="handleSave">淇� 瀛�</el-button>
             </div>
           </el-row>
 
-          <el-dialog :title=" checkFlag ? '杩涘害鏌ョ湅' : '杩涘害涓婃姤' " :visible.sync="dialogFormVisible" custom-class="custom-dialog">
+          <el-dialog :title=" checkFlag ? '杩涘害鏌ョ湅' : '杩涘害涓婃姤' " :visible.sync="dialogFormVisible" custom-class="custom-dialog" :close-on-click-modal="false" @close="handleCancel">
             <el-form :model="progressReportData">
               <el-form-item label="鎶ュ憡鏈燂細" :label-width="formLabelWidth">
                 <el-input :value="progressReportData.planTime + (progressReportData.planTimeFlag === 0 ? '鏈堝害' : progressReportData.planTimeFlag === 1 ? '瀛e害' : '骞村害')" readonly />
@@ -139,50 +133,56 @@
                 <el-date-picker v-model="progressReportData.endTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" readonly/>
               </el-form-item>
               <el-form-item label="瀹為檯瀹屾垚鏃堕棿锛�" :label-width="formLabelWidth">
-                <el-date-picker v-model="progressReportData.actualStartTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" :readonly="checkFlag"/>
+                <el-date-picker v-model="progressReportData.actualStartTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" :readonly="checkFlag && projectInfoData.managerFlag"/>
                 鑷�
-                <el-date-picker v-model="progressReportData.actualEndTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" :readonly="checkFlag"/>
+                <el-date-picker v-model="progressReportData.actualEndTime" type="date" placeholder="閫夋嫨鏃ユ湡" size="small" style="width: 130px" :readonly="checkFlag && projectInfoData.managerFlag"/>
               </el-form-item>
               <el-form-item label="杩涘害鎯呭喌锛�" :label-width="formLabelWidth">
-                <el-input type="textarea" v-model="progressReportData.progressStatus" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag" />
+                <el-input type="textarea" v-model="progressReportData.progressStatus" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag && projectInfoData.managerFlag" />
               </el-form-item>
               <el-form-item label="宸ョ▼杩涘害闄勪欢锛�" :label-width="formLabelWidth">
-                <el-upload
-                    class="upload-demo"
-                    drag
-                    action="https://jsonplaceholder.typicode.com/posts/"
-                    multiple
-                    :disabled="checkFlag" >
-                  <i class="el-icon-upload"></i>
-                  <div class="el-upload__text">灏嗘枃浠舵嫋鍒版澶勶紝鎴�<em>鐐瑰嚮涓婁紶</em></div>
-                  <div class="el-upload__tip" slot="tip">鍙兘涓婁紶jpg/png鏂囦欢锛屼笖涓嶈秴杩�500kb</div>
-                </el-upload>
+                <file-upload v-model="progressReportData.fileList"
+                             :fileType="accept"
+                             :isShowTip="false"/>
               </el-form-item>
               <el-form-item label="鎴鏈姤鍛婂畬鎴愭姇璧勶細" :label-width="formLabelWidth">
-                <el-input v-model="progressReportData.actualInvest" type="number" :readonly="checkFlag" />
+                <el-input v-model="progressReportData.actualInvest" type="number" :readonly="checkFlag && projectInfoData.managerFlag" />
               </el-form-item>
               <el-form-item label="涓婄骇瀹℃牳锛�" :label-width="formLabelWidth">
-                <el-input :value="progressReportData.departmentExamine === 0 ? '鍚屾剰' : progressReportData.departmentExamine === 1 ? '椹冲洖' : '鏈鏍�'" readonly />
+                <el-input v-if="!projectInfoData.managerFlag" :value="progressReportData.departmentExamine === 0 ? '鍚屾剰' : progressReportData.departmentExamine === 1 ? '椹冲洖' : '鏈鏍�'" readonly />
+                <el-select v-if="projectInfoData.managerFlag" v-model="progressReportData.departmentExamine" placeholder="璇烽�夋嫨" size="small" clearable>
+                  <el-option label="鍚屾剰" :value="0"></el-option>
+                  <el-option label="椹冲洖" :value="1"></el-option>
+                </el-select>
               </el-form-item>
               <el-form-item label="涓婄骇鎵瑰锛�" :label-width="formLabelWidth">
-                <el-input v-model="progressReportData.departmentApproval" readonly />
+                <el-input v-if="!projectInfoData.managerFlag" v-model="progressReportData.departmentApproval" readonly />
+                <el-input v-if="projectInfoData.managerFlag" v-model="progressReportData.departmentApproval" />
               </el-form-item>
               <el-form-item label="涓婄骇鎵瑰鍥炲锛�" :label-width="formLabelWidth">
-                <el-input type="textarea" v-model="progressReportData.departmentApprovalReply" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag" />
+                <el-input v-if="!projectInfoData.managerFlag" type="textarea" v-model="progressReportData.departmentApprovalReply" placeholder="璇疯緭鍏�" rows="3" />
+                <el-input v-if="projectInfoData.managerFlag" type="textarea" v-model="progressReportData.departmentApprovalReply" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag" />
               </el-form-item>
               <el-form-item label="涓荤閮ㄩ棬瀹℃牳锛�" :label-width="formLabelWidth">
-                <el-input :value="progressReportData.manageExamine === 0 ? '鍚屾剰' : progressReportData.manageExamine === 1 ? '椹冲洖' : '鏈鏍�'" readonly />
+                <el-input v-if="!projectInfoData.managerFlag" :value="progressReportData.manageExamine === 0 ? '鍚屾剰' : progressReportData.manageExamine === 1 ? '椹冲洖' : '鏈鏍�'" readonly />
+                <el-select v-if="projectInfoData.managerFlag" v-model="progressReportData.manageExamine" placeholder="璇烽�夋嫨" size="small" clearable>
+                  <el-option label="鍚屾剰" :value="0"></el-option>
+                  <el-option label="椹冲洖" :value="1"></el-option>
+                </el-select>
               </el-form-item>
               <el-form-item label="涓荤閮ㄩ棬瀹℃牳鎵瑰锛�" :label-width="formLabelWidth">
-                <el-input v-model="progressReportData.manageApproval" readonly />
+                <el-input v-if="!projectInfoData.managerFlag" v-model="progressReportData.manageApproval" readonly />
+                <el-input v-if="projectInfoData.managerFlag" v-model="progressReportData.manageApproval" />
               </el-form-item>
               <el-form-item label="涓荤閮ㄩ棬鎵瑰鍥炲锛�" :label-width="formLabelWidth">
-                <el-input type="textarea" v-model="progressReportData.manageApprovalReply" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag" />
+                <el-input v-if="!projectInfoData.managerFlag" type="textarea" v-model="progressReportData.manageApprovalReply" placeholder="璇疯緭鍏�" rows="3" />
+                <el-input v-if="projectInfoData.managerFlag" type="textarea" v-model="progressReportData.manageApprovalReply" placeholder="璇疯緭鍏�" rows="3" :readonly="checkFlag" />
               </el-form-item>
             </el-form>
             <div slot="footer" class="dialog-footer">
-              <el-button type="primary" @click="handleRecordSubmit" v-if="!checkFlag">涓� 鎶�</el-button>
-              <el-button @click="dialogFormVisible = false">鍙� 娑�</el-button>
+              <el-button type="primary" @click="handleRecordSubmit" v-if="!checkFlag && !projectInfoData.managerFlag">涓� 鎶�</el-button>
+              <el-button type="primary" @click="handleRecordSubmit" v-if="projectInfoData.managerFlag">瀹� 鎵�</el-button>
+              <el-button @click="handleCancel">鍙� 娑�</el-button>
             </div>
           </el-dialog>
         </el-card>
@@ -192,14 +192,20 @@
 </template>
 
 <script>
-import { getProgressInfoList, getProgressReport, recordSubmit } from "@/api/projectManage/progress/index";
+import { getProgressInfoList, getProgressReport, recordSubmit, saveProjectProgressFileLists, getProjectProgressForm } from "@/api/projectManage/progress/index";
+import progressRecord from "./progressRecord.vue";
 
 export default {
-  name: "progressRecord",
+  name: "ProgressRecord",
+  computed: {
+    progressRecord() {
+      return progressRecord
+    }
+  },
   data() {
     return {
       // 鎺ユ敹浼犻�掕繃鏉ョ殑椤圭洰璁″垝鏁版嵁
-      planRecordData: {},
+      projectInfoData: {},
       monthProgress: [],
       seasonProgress: [],
       yearProgress: [],
@@ -209,20 +215,35 @@
       // 鏌ョ湅鏄剧ず
       checkFlag: false,
       progressReportData: {},
-      formLabelWidth: '150px'
+      formLabelWidth: '150px',
+
+      // 绔e伐鎶ュ憡銆佹儏鍐佃鏄庨檮浠�
+      projectProgressForm: {
+        completedReportFileList: [],
+        situationDescriptionFileList: [],
+        projectReportId: null,
+        accept: ['pdf'],
+      },
+
+      // 杩涘害涓婃姤闄勪欢绫诲瀷
+      accept: ['pdf','jpg','mp4'],
     }
   },
   methods: {
     search() {
-      this.getPlanRecordData()
+      this.getProjectProgressForm(this.projectInfoData.id);
+      this.getProgressInfoList(this.projectInfoData.id);
     },
     // 鑾峰彇浼犻�掕繃鏉ョ殑椤圭洰璁″垝璇︽儏
-    getPlanRecordData() {
+    getProjectInfoData() {
       // 浠庢煡璇㈠弬鏁颁腑鑾峰彇鏁版嵁
-      if (this.$route.query.data) {
-        this.planRecordData = JSON.parse(this.$route.query.data);
-        this.getProgressInfoList(this.planRecordData.id);
-      }
+        this.projectInfoData = this.$route.query.data;
+        this.search();
+    },
+    getProjectProgressForm(id) {
+      getProjectProgressForm(id).then(res => {
+        this.projectProgressForm = res.data;
+      })
     },
     // 鑾峰彇椤圭洰杩涘害璁″垝椤�
     getProgressInfoList(id) {
@@ -237,6 +258,7 @@
       this.dialogFormVisible = true;
       getProgressReport(row.id).then(res => {
         this.progressReportData = res.data;
+        console.log(this.progressReportData)
       })
     },
     // 涓婃姤鎻愪氦
@@ -254,10 +276,24 @@
       getProgressReport(row.id).then(res => {
         this.progressReportData = res.data;
       })
+    },
+    // 鍏抽棴寮圭獥
+    handleCancel() {
+      this.dialogFormVisible = false;
+      this.checkFlag = false;
+    },
+    // 淇濆瓨
+    handleSave() {
+      this.projectProgressForm.projectReportId = this.projectInfoData.id;
+      // 鍒ゆ柇鏂囦欢涓嶄负绌�
+        saveProjectProgressFileLists(this.projectProgressForm).then(res => {
+          this.$message.success('淇濆瓨鎴愬姛');
+          this.search();
+        })
     }
   },
   created() {
-    this.search();
+    this.getProjectInfoData()
   },
 };
 </script>

--
Gitblit v1.8.0