From 0216d08ae6c65787c254cdd7e4cc365b47b0a05e Mon Sep 17 00:00:00 2001
From: TiaStars <L18864257234@163.com>
Date: Mon, 30 Oct 2023 11:31:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E6=9F=A5=E7=9C=8B=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/diythem.scss          |  26 ++--
 src/views/tcZz/netManage/gzdt/index.vue | 165 ++++++++++++------------
 src/views/tcZz/netManage/ytlc/index.vue |  39 ++++--
 3 files changed, 127 insertions(+), 103 deletions(-)

diff --git a/src/assets/styles/diythem.scss b/src/assets/styles/diythem.scss
index c56541e..0fe7393 100644
--- a/src/assets/styles/diythem.scss
+++ b/src/assets/styles/diythem.scss
@@ -42,19 +42,19 @@
   }
 
   //   表格
-  // .el-table .el-table__header-wrapper th {
-  //   font-size: 12px;
-  //   font-weight: 400;
-  //   // height: 35px;
-  //   color: #666;
-  //   background-color: #f2f2f2;
-  // }
-  // .el-table--medium .el-table__cell {
-  //   padding: 3px 0;
-  //   // height: 35px;
-  //   font-size: 12px;
-  //   color: #666;
-  // }
+  .el-table .el-table__header-wrapper th {
+    font-size: 12px;
+    font-weight: 400;
+    // height: 35px;
+    color: #666;
+    // background-color: #f2f2f2;
+  }
+  .el-table--medium .el-table__cell {
+    padding: 3px 0;
+    // height: 35px;
+    font-size: 12px;
+    color: #666;
+  }
 
   .el-table .fixed-width .el-button--mini {
     font-size: 12px;
diff --git a/src/views/tcZz/netManage/gzdt/index.vue b/src/views/tcZz/netManage/gzdt/index.vue
index ed77cf8..a17a8f1 100644
--- a/src/views/tcZz/netManage/gzdt/index.vue
+++ b/src/views/tcZz/netManage/gzdt/index.vue
@@ -233,65 +233,65 @@
     <el-dialog  :visible.sync="open" width="700px" append-to-body custom-class="dialog-box">
      <div slot="title" class="dialog-title">{{ title }}</div>
       <el-form ref="form" :model="form" :rules="rules" label-width="auto" class="dialog-from">
-                        <el-form-item label="区域" prop="areaId">
-                          <el-select v-model="form.areaId" placeholder="请选择区域">
-                            <el-option
-                                v-for="dict in dict.type.tc_area"
-                                :key="dict.value"
-                                :label="dict.label"
-:value="dict.value"
-                            ></el-option>
-                          </el-select>
-                        </el-form-item>
-                        <el-form-item label="启用/禁用">
-                          <el-radio-group v-model="form.isStatus">
-                            <el-radio
-                                v-for="dict in dict.type.tc_start"
-                                :key="dict.value"
-:label="parseInt(dict.value)"
-                            >{{dict.label}}</el-radio>
-                          </el-radio-group>
-                        </el-form-item>
-                        <el-form-item label="标题" prop="title">
-                          <el-input v-model="form.title" placeholder="请输入标题" />
-                        </el-form-item>
-                        <el-form-item label="类型" prop="type">
-                          <el-input v-model="form.type" placeholder="请输入类型" />
-                        </el-form-item>
-                        <!-- <el-form-item label="文件名称" prop="fileName">
-                          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
-                        </el-form-item> -->
-                        <el-form-item label="文件">
-                          <el-button @click="addDomain" type="primary">添加文件</el-button>
-                        </el-form-item>
-                        <div v-for="(domain, index) in form.domains" :key="index" class="file-item">
-                          <el-form-item
-                            label="文件名称"
-                            :prop="'domains.' + index + '.fileName'"
-                            :rules="{
-                              required: true, message: '文件名称不能为空', trigger: 'blur'
-                            }"
-                          >
-                            <el-input v-model="domain.fileName" placeholder="请输入文件名称"></el-input>
-                          </el-form-item>
-                          <el-form-item
-                            label="文件路径"
-                            :prop="'domains.' + index + '.fileUrl'"
-                            :rules="{
-                              required: true, message: '文件路径不能为空', trigger: 'blur'
-                            }"
-                          >
-                            <el-input v-model="domain.fileUrl" placeholder="请输入文件路径"></el-input>
-                          </el-form-item>
-                          <el-button @click.prevent="removeDomain(domain)" type="danger" size="mini">删除</el-button>
-                        </div>
-                        <!-- <el-form-item label="文件路径(完整路径)">
-                          <fileUpload v-model="fileNameS"/>
-                        </el-form-item> -->
-                        <el-form-item label="备注" prop="remark">
-                          <!-- <el-input v-model="form.remark" placeholder="请输入备注" /> -->
-                          <el-input v-model="form.remark" resize="none" :rows="5" type="textarea" placeholder="请输入备注" />
-                        </el-form-item>
+        <el-form-item label="区域" prop="areaId">
+          <el-select v-model="form.areaId" placeholder="请选择区域">
+            <el-option
+              v-for="dict in dict.type.tc_area"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="启用/禁用">
+          <el-radio-group v-model="form.isStatus">
+            <el-radio
+              v-for="dict in dict.type.tc_start"
+              :key="dict.value"
+              :label="parseInt(dict.value)"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="标题" prop="title">
+          <el-input v-model="form.title" placeholder="请输入标题" />
+        </el-form-item>
+        <el-form-item label="类型" prop="type">
+          <el-input v-model="form.type" placeholder="请输入类型" />
+        </el-form-item>
+        <!-- <el-form-item label="文件名称" prop="fileName">
+          <el-input v-model="form.fileName" placeholder="请输入文件名称" />
+        </el-form-item> -->
+        <el-form-item label="文件">
+          <el-button @click="addDomain" type="primary">添加文件</el-button>
+        </el-form-item>
+        <div v-for="(domain, index) in form.domains" :key="index" class="file-item">
+          <el-form-item
+            label="文件名称"
+            :prop="'domains.' + index + '.fileName'"
+            :rules="{
+              required: true, message: '文件名称不能为空', trigger: 'blur'
+            }"
+          >
+            <el-input v-model="domain.fileName" placeholder="请输入文件名称"></el-input>
+          </el-form-item>
+          <el-form-item
+            label="文件路径"
+            :prop="'domains.' + index + '.fileUrl'"
+            :rules="{
+              required: true, message: '文件路径不能为空', trigger: 'blur'
+            }"
+          >
+            <el-input v-model="domain.fileUrl" placeholder="请输入文件路径"></el-input>
+          </el-form-item>
+          <el-button @click.prevent="removeDomain(domain)" type="danger" size="mini">删除</el-button>
+        </div>
+        <!-- <el-form-item label="文件路径(完整路径)">
+          <fileUpload v-model="fileNameS"/>
+        </el-form-item> -->
+        <el-form-item label="备注" prop="remark">
+          <!-- <el-input v-model="form.remark" placeholder="请输入备注" /> -->
+          <el-input v-model="form.remark" resize="none" :rows="5" type="textarea" placeholder="请输入备注" />
+        </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -300,17 +300,18 @@
     </el-dialog>
     <!--查看工作动态详情页-->
     <el-dialog
-        :visible.sync="infoOpen"
-        width="90%"
-        append-to-body
-        :close-on-click-modal="false"
-        :destroy-on-close="true"
-           custom-class="dialog-box"
+      :visible.sync="infoOpen"
+      width="90%"
+      append-to-body
+      :close-on-click-modal="false"
+      :destroy-on-close="true"
+      custom-class="dialog-box"
     >
 
      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
 
-        <el-descriptions title="工作动态"  :column="2" border labelClassName="desLable">
+      <el-descriptions title="工作动态"  :column="2" border labelClassName="desLable">
+
         <el-descriptions-item label="区域">{{ selectDictLabel(dict.type.tc_area,form.areaId) }}</el-descriptions-item>
 
         <el-descriptions-item label="启用/禁用">{{ selectDictLabel(dict.type.tc_start,form.isStatus) }}</el-descriptions-item>
@@ -325,7 +326,7 @@
 
         <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
 
-        </el-descriptions>
+      </el-descriptions>
    
     </el-dialog>
     <import-dialog ref="importdialog" 
@@ -368,15 +369,15 @@
         // 总条数
         total: 0,
         // 工作动态表格数据
-              gzdtList: [],
+        gzdtList: [],
         // 弹出层标题
         title: "",
         // 是否显示弹出层
         open: false,
-                // 备注时间范围
-                daterangeCreateTime: [],
-                // 备注时间范围
-                daterangeUpdateTime: [],
+        // 备注时间范围
+        daterangeCreateTime: [],
+        // 备注时间范围
+        daterangeUpdateTime: [],
         // 查询参数
         queryParams: {
           pageNum: 1,
@@ -441,15 +442,15 @@
       /** 查询工作动态列表 */
       getList() {
         this.loading = true;
-                this.queryParams.params = {};
-                if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
-                  this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
-                  this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
-                }
-                if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
-                  this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
-                  this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
-                }
+        this.queryParams.params = {};
+        if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
+          this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
+          this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
+        }
+        if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
+          this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
+          this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
+        }
         listGzdt(this.queryParams).then(response => {
           this.gzdtList = response.rows;
           this.total = response.total;
@@ -547,7 +548,7 @@
           this.form = response.data;
           let arr1 = this.form.fileName.split(',');
           let arr2 = this.form.fileUrl.split(',');
-          if(arr1[0] !== '' && arr1.length > 1 && arr2.length > 1) {
+          if(arr1[0] !== '' && arr1.length > 0 && arr2.length > 0) {
             arr1.forEach((item,index)=>{
               let obj = {};
               obj.name = item;
diff --git a/src/views/tcZz/netManage/ytlc/index.vue b/src/views/tcZz/netManage/ytlc/index.vue
index 7d6f8d0..cdb7cce 100644
--- a/src/views/tcZz/netManage/ytlc/index.vue
+++ b/src/views/tcZz/netManage/ytlc/index.vue
@@ -145,13 +145,16 @@
      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
 
         <el-descriptions title="约谈流程"  :column="2" border labelClassName="desLable">
-                      <el-descriptions-item label="名称">{{ form.name }}</el-descriptions-item>
 
-                      <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item>
+        <el-descriptions-item label="名称">{{ form.name }}</el-descriptions-item>
 
-                      <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item>
+        <!-- <el-descriptions-item label="文件名称">{{ form.fileName }}</el-descriptions-item> -->
 
-                      <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
+        <el-descriptions-item label="文件"><a v-for="(item,index) in files" :key="index" :href="item.url" target="blank">{{ item.name }}</a></el-descriptions-item>
+
+        <!-- <el-descriptions-item label="文件路径(完整路径)">{{ form.fileUrl }}</el-descriptions-item> -->
+
+        <el-descriptions-item label="备注">{{ form.remark }}</el-descriptions-item>
 
         </el-descriptions>
    
@@ -191,10 +194,10 @@
         title: "",
         // 是否显示弹出层
         open: false,
-                // 备注时间范围
-                daterangeCreateTime: [],
-                // 备注时间范围
-                daterangeUpdateTime: [],
+        // 备注时间范围
+        daterangeCreateTime: [],
+        // 备注时间范围
+        daterangeUpdateTime: [],
         // 查询参数
         queryParams: {
           pageNum: 1,
@@ -235,6 +238,7 @@
         },
         fileList:[],
         fileNameS:[],
+        files:[],
       };
     },
     created() {
@@ -318,9 +322,24 @@
       /**查看按钮操作 */
       handleInfo(row){
         this.reset();
+        this.files = [];
         const id = row.id || this.ids
         getYtlc(id).then(response => {
+          console.log(response,'response')
           this.form = response.data;
+          let arr1 = this.form.fileName.split(',');
+          let arr2 = this.form.fileUrl.split(',');
+          if(arr1[0] !== '' && arr1.length > 0 && arr2.length > 0) {
+            arr1.forEach((item,index)=>{
+              let obj = {};
+              obj.name = item;
+              obj.url = process.env.VUE_APP_BASE_API + arr2[index];
+              this.files.push(obj);
+            })
+          } else {
+            this.files = [];
+          }
+          console.log(this.files,'this.files')
           this.infoOpen = true;
           this.infoTitle = "查看约谈流程详情"
         });
@@ -459,4 +478,8 @@
 //     }
 //   }
 // } 
+a {
+  color: #0072c6;
+  margin: 0 5px;
+}
 </style>
\ No newline at end of file