兴安优化-人员下发记录

src/api/system/eqDown.js

@@ -18,11 +18,11 @@ export function getDownRecord(id) {
 }
 
 // 新增下发记录
-export function down(data) {
+export function down(ids) {
   return request({
     url: '/system/sysEqDownRecord/down',
     method: 'post',
-    data: data
+    data: ids
   })
 }
 

src/views/system/eqDown/index.vue

@@ -37,22 +37,17 @@
           v-hasPermi="['system:eqDown:down']"
         >重新下发</el-button>
       </el-col>
-<!--      <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:empowerRecord:export']"
-        >导出</el-button>
-      </el-col>-->
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="eqDownList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="姓名" align="center" prop="name" min-width="100">
+      <el-table-column label="id" align="center" prop="id" width="50">
+        <template v-slot="scope">
+              {{scope.row.id}}
+        </template>
+      </el-table-column>
+      <el-table-column label="姓名" align="center" prop="name">
         <template v-slot="scope">
               {{scope.row.peopleName}}
         </template>
@@ -85,7 +80,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="操作类型" align="center" prop="equipmentName" >
+      <el-table-column label="操作类型" align="center" prop="operType" >
         <template v-slot="scope">
           <template v-if="scope.row.operType===0">
             新增
@@ -95,9 +90,18 @@
           </template>
         </template>
       </el-table-column>
-      <el-table-column label="下发回执" align="center" prop="equipmentName" >
+      <el-table-column label="下发回执" align="center" prop="msg" width="180">
         <template v-slot="scope">
-          {{scope.row.msg}}
+          <div class="receipt-content">
+            <span v-if="!expandStatus[scope.row.id]">
+              {{ scope.row.msg ? (scope.row.msg.length > 25 ? scope.row.msg.substring(0, 25) + '...' : scope.row.msg) : '' }}
+              <span v-if="scope.row.msg && scope.row.msg.length > 25" class="expand-btn" @click="toggleExpand(scope.row.id)">展开</span>
+            </span>
+            <span v-else>
+              {{ scope.row.msg }}
+              <span class="expand-btn" @click="toggleExpand(scope.row.id)">收起</span>
+            </span>
+          </div>
         </template>
       </el-table-column>
       <el-table-column label="创建时间" align="center" prop="createTime" min-width="100">
@@ -131,9 +135,7 @@
 
 <script>
 import {alllistEquipment} from "@/api/system/equipment";
-import {listSysPeople} from "@/api/system/sysPeople";
 import {down, pageList} from "@/api/system/eqDown";
-import {forbidRecordApi} from "@/api/system/empowerRecord";
 
 export default {
   name: "EmpowerRecord",
@@ -141,6 +143,7 @@ export default {
     return {
       // 遮罩层
       loading: true,
+      expandStatus: {},
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -225,6 +228,7 @@ export default {
         this.getList();
         this.$modal.msgSuccess("重新下发成功！");
       }).catch(() => {
+        this.getList();
       });
     },
 
@@ -234,11 +238,14 @@ export default {
         ...this.queryParams
       }, `empowerRecord_${new Date().getTime()}.xlsx`)
     },
+    /** 切换展开/收起状态 */
+    toggleExpand(id) {
+      this.$set(this.expandStatus, id, !this.expandStatus[id]);
+    },
   }
 };
 </script>
 <style>
-
 .published-div {
   position: absolute;
   top: 70px;
@@ -247,4 +254,9 @@ export default {
 .el-button--mini.is-circle {
   padding: 2px;
 }
+.expand-btn {
+  color: #409EFF;
+  cursor: pointer;
+  margin-left: 5px;
+}
 </style>