修改

src/views/HomeView/EarnPoints.vue

@@ -22,7 +22,9 @@
             <el-table-column min-width="150" align="center" prop="createTime" label="上传时间"></el-table-column>
             <el-table-column min-width="80" align="center" label="备注">
               <template slot-scope="props">
-                <div :title="props.row.content" class="text-overflow">{{ props.row.content }}</div>
+                <el-popover width="200" trigger="hover" :content="props.row.content">
+                  <div slot="reference" class="text-overflow">{{ props.row.content }}</div>
+                </el-popover>
               </template>
             </el-table-column>
           </el-table>
@@ -61,17 +63,23 @@
             </el-table-column>
             <el-table-column align="center" min-width="100" label="客户名称">
               <template slot-scope="props">
-                <div :title="props.row.customerName" class="text-overflow">{{ props.row.customerName }}</div>
+                <el-popover width="200" trigger="hover" :content="props.row.customerName">
+                  <div slot="reference" class="text-overflow">{{ props.row.customerName }}</div>
+                </el-popover>
               </template>
             </el-table-column>
             <el-table-column align="center" min-width="100" label="表彰名称">
               <template slot-scope="props">
-                <div :title="props.row.title" class="text-overflow">{{ props.row.title }}</div>
+                <el-popover width="200" trigger="hover" :content="props.row.title">
+                  <div slot="reference" class="text-overflow">{{ props.row.title }}</div>
+                </el-popover>
               </template>
             </el-table-column>
             <el-table-column min-width="100" align="center" label="表彰描述">
               <template slot-scope="props">
-                <div :title="props.row.content" class="text-overflow">{{ props.row.content }}</div>
+                <el-popover width="200" trigger="hover" :content="props.row.content">
+                  <div slot="reference" class="text-overflow">{{ props.row.content }}</div>
+                </el-popover>
               </template>
             </el-table-column>
             <el-table-column min-width="100" align="center" label="状态">
@@ -83,7 +91,7 @@
                     <!-- <el-table-column min-width="120" align="center" prop="statusName" label="状态"></el-table-column> -->
                     <el-table-column min-width="180" align="center" prop="createTime" label="处理时间"></el-table-column>
                   </el-table>
-                  <span style="cursor: pointer;" slot="reference">{{ props.row.statusName }}</span>
+                  <span style="color: #1e80ff;cursor: pointer;" slot="reference">{{ props.row.statusName }}</span>
                 </el-popover>
               </template>
             </el-table-column>
@@ -108,13 +116,12 @@
       <el-form :rules="rules" ref="dataForm" :model="dataForm" label-width="100px">
         <el-form-item label="证书类别:" prop="type">
           <el-cascader clearable size="small" style="width: 95%;" v-model="dataForm.type" :options="typeList"
-          :props="{ value: 'id',label: 'typeName',children: 'children'}"
-            @change="handleChange"></el-cascader>
+            :props="{ value: 'id', label: 'typeName', children: 'children' }" @change="handleChange"></el-cascader>
         </el-form-item>
         <el-form-item label="证书名称:" prop="title">
           <el-input clearable style="width: 95%;" size="small" v-model="dataForm.title"></el-input>
         </el-form-item>
-        
+
         <el-form-item label="证书附件:" prop="fileIds">
           <el-upload :action="fileUrl" :file-list="dataForm.files" :on-success="handleAvatarSuccess"
             :before-upload="beforeUploadFile" :on-remove="handleRemove">
@@ -134,9 +141,11 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item v-if="dataFormCite.type=='1'" label="集体人员:" prop="groupIds">
-          <el-select size="small" v-model="dataFormCite.groupIds" multiple filterable placeholder="请选择" style="width: 95%;">
-            <el-option :key="item.loginId" v-for="item in recipientsList" :label="item.deptName+'_'+item.userName+'_'+item.employeNo" :value="item.loginId">
+        <el-form-item v-if="dataFormCite.type == '1'" label="集体人员:" prop="groupIds">
+          <el-select size="small" v-model="dataFormCite.groupIds" multiple filterable placeholder="请选择"
+            style="width: 95%;">
+            <el-option :key="item.loginId" v-for="item in recipientsList"
+              :label="item.deptName + '_' + item.userName + '_' + item.employeNo" :value="item.loginId">
             </el-option>
           </el-select>
         </el-form-item>
@@ -147,7 +156,8 @@
           <el-input clearable style="width: 95%;" size="small" v-model="dataFormCite.title"></el-input>
         </el-form-item>
         <el-form-item label="表彰描述:" prop="content">
-          <el-input  type="textarea" :rows="5" maxlength="500" show-word-limit style="width: 95%;" size="small" v-model="dataFormCite.content"></el-input>
+          <el-input type="textarea" :rows="5" maxlength="500" show-word-limit style="width: 95%;" size="small"
+            v-model="dataFormCite.content"></el-input>
         </el-form-item>
         <el-form-item label="表彰附件:" prop="fileIds">
           <el-upload :action="fileUrl" :file-list="dataFormCite.files" :on-success="handleAvatarSuccessCite"
@@ -155,7 +165,7 @@
             <el-button size="small" type="primary">点击上传</el-button>
           </el-upload>
         </el-form-item>
-       
+
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" type="primary" @click="submitFormCite">确 定</el-button>
@@ -164,7 +174,7 @@
   </div>
 </template>
 <script scoped>
-import { certificatePage, certificateUpload, notice, certificatType,dictList, allUserList, citeList, uploadCite } from "@/api/allApi";
+import { certificatePage, certificateUpload, notice, certificatType, dictList, allUserList, citeList, uploadCite } from "@/api/allApi";
 import { handleTree } from '@/utils/index'
 export default {
   data() {
@@ -187,12 +197,12 @@ export default {
       },
       dataForm: {
         type: [],
-        title:'',
+        title: '',
         fileIds: '',
-        files:[],
+        files: [],
       },
       typeListCite: [],
-      recipientsList:[],
+      recipientsList: [],
       dataListCite: [],
       dialogVisibleCite: false,
       rulesCite: {
@@ -210,12 +220,12 @@ export default {
       },
       dataFormCite: {
         type: '',
-        groupIds:[],
-        customerName:'',
-        title:'',
+        groupIds: [],
+        customerName: '',
+        title: '',
         fileIds: '',
-        files:[],
-        content:''
+        files: [],
+        content: ''
       }
     };
   },
@@ -228,12 +238,12 @@ export default {
     this.getIntegralNotice();
   },
   methods: {
-    getTypeList(){
+    getTypeList() {
       certificatType().then(response => {
-          this.typeList = handleTree(response.data.data);
-          console.log(this.typeList);
-        })
-      },
+        this.typeList = handleTree(response.data.data);
+        console.log(this.typeList);
+      })
+    },
     handleClick(tab, event) {
       console.log(tab.name, event);
     },
@@ -258,10 +268,10 @@ export default {
       console.log(file);
       const size = file.size / 1024 / 1024;
       console.log(size);
-        if(size > 10 ){
-          this.$message.error("文件大小不能超过10MB！");
-            return false;
-        }
+      if (size > 10) {
+        this.$message.error("文件大小不能超过10MB！");
+        return false;
+      }
     },
     handleAvatarSuccess(res, file, fileList) {
       console.log(file, fileList);
@@ -297,10 +307,11 @@ export default {
                 type: "success",
                 duration: 2000,
               });
-              this.dataForm.type = [],
-              this.dataForm.fileIds = '',
-              this.dataForm.files = [],
-              this.getDataList();
+                this.dataForm.type = [];
+                this.dataForm.fileIds = '';
+                this.dataForm.files = [];
+                this.listQuery.page = 1;
+                this.getDataList();
             })
             .catch(() => { });
         } else {
@@ -323,16 +334,16 @@ export default {
       this.getDataList()
     },
 
-    getTypeListCite(){
-      dictList({dictType:'customer_treward_type'}).then(response=>{
-                this.typeListCite = response.data.data; 
-            })
+    getTypeListCite() {
+      dictList({ dictType: 'customer_treward_type' }).then(response => {
+        this.typeListCite = response.data.data;
+      })
     },
     getAllUserList() {
-            allUserList().then(response => {
-                this.recipientsList = response.data.data;
-            }).catch(() => {});
-        },
+      allUserList().then(response => {
+        this.recipientsList = response.data.data;
+      }).catch(() => { });
+    },
     handleClick(tab, event) {
       console.log(tab.name, event);
     },
@@ -349,10 +360,10 @@ export default {
       console.log(file);
       const size = file.size / 1024 / 1024;
       console.log(size);
-        if(size > 10 ){
-          this.$message.error("文件大小不能超过10MB！");
-            return false;
-        }
+      if (size > 10) {
+        this.$message.error("文件大小不能超过10MB！");
+        return false;
+      }
     },
     handleAvatarSuccessCite(res, file, fileList) {
       console.log(file, fileList);
@@ -385,10 +396,11 @@ export default {
                 type: "success",
                 duration: 2000,
               });
-              this.dataFormCite.type = [],
-              this.dataFormCite.fileIds = '',
-              this.dataFormCite.files = [],
-              this.getDataListCite();
+                this.dataFormCite.type = [];
+                this.dataFormCite.fileIds = '';
+                this.dataFormCite.files = [];
+                this.listQueryCite.page = 1;
+                this.getDataListCite();
             })
             .catch(() => { });
         } else {
@@ -415,14 +427,14 @@ export default {
 };
 </script>
 <style scoped>
-
 .text-overflow {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
 }
+
 .right-wrap {
   width: 100%;
 }