问题修改

src/api/countersign/countersignProcess.js

@@ -20,9 +20,9 @@ export function addProcess(data) {
 
 
 //会签流程管理--详细信息
-export function getProcessDetail(id) {
+export function getProcessDetail(ids) {
   return request({
-      url: '/material/sign_process/'+ id,
+      url: '/material/sign_process/'+ ids,
       method: 'get',
   })
 }
@@ -38,9 +38,9 @@ export function editProcess(data) {
 
 
 // 会签配置管理--删除
-export function delProcess(id) {
+export function delProcess(ids) {
   return request({
-      url: '/material/sign_process/delProcess/' + id,
+      url: '/material/sign_process/delProcess/' + ids,
       method: 'post',
   })
 }

src/views/business/costRecord/component/applyDetail.vue

@@ -112,7 +112,7 @@
                     </el-table-column>
                 </el-table-column>
             </el-table>
-            
+
             <div class="tabelAll">
                 <div class="columnAllNum">费用小计：</div>
                 <div class="columnAll">
@@ -150,7 +150,7 @@
         </div>
 
         <div>
-            <el-table :data="scrapList"> 
+            <el-table :data="scrapList">
                 <el-table-column label="报废费用明细" align="center">
                     <el-table-column label="序号" align="center" type="index" width="60"/>
                     <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
@@ -178,7 +178,7 @@
         </div>
 
         <div>
-            <el-table :data="loseList"> 
+            <el-table :data="loseList">
                 <el-table-column label="丢失费用明细" align="center">
                     <el-table-column label="序号" align="center" type="index" width="60"/>
                     <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
@@ -205,7 +205,7 @@
         </div>
 
         <div>
-            <el-table :data="reducList"> 
+            <el-table :data="reducList">
                 <el-table-column label="减免费用明细" align="center">
                     <el-table-column label="序号" align="center" type="index" width="60"/>
                     <el-table-column label="设备名称" align="center" prop="typeName" :show-overflow-tooltip="true"/>
@@ -216,7 +216,7 @@
                     <el-table-column label="减免开始日期" align="center" prop="startTime" :show-overflow-tooltip="true"/>
                     <el-table-column label="减免结束日期" align="center" prop="endTime" :show-overflow-tooltip="true"/>
                     <el-table-column label="减免天数" align="center" prop="days" :show-overflow-tooltip="true"/>
-                    <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true"/>                   
+                    <el-table-column label="减免原因" align="center" prop="remark" :show-overflow-tooltip="true"/>
                     <el-table-column label="减免费用（元）" align="center" prop="leaseMoney" :show-overflow-tooltip="true">
                         <template slot-scope="scope" v-if="scope.row.leaseMoney">
                             {{ scope.row.leaseMoney.toFixed(2) }}
@@ -241,7 +241,7 @@
     </div>
 </template>
 
-<script> 
+<script>
 import { getSltRecordInfo, submitFee,submitCosts } from '@/api/business/index'
 
 export default {
@@ -253,11 +253,11 @@ export default {
         }
     },
     data() {
-        return { 
+        return {
             // 往来单位数据
             unitList: [],
             // 工程数据
-            projectList: [],   
+            projectList: [],
             leaseList: [], //租赁费用列表
             leaseCost: 0,
             repairList: [], //维修费用列表
@@ -357,10 +357,10 @@ export default {
             getProjectList().then((response) => {
                 this.projectList = response.data
             })
-        }, 
+        },
         /** 查询列表 */
         getDataAll() {
-            getSltRecordInfo(this.rowData).then((response) => { 
+            getSltRecordInfo(this.rowData).then((response) => {
                 this.leaseList = response.data.leaseList //租赁费用列表
                 this.projectName = response.data.projectName
                 this.unitName = response.data.unitName
@@ -379,7 +379,7 @@ export default {
                 this.reducList = response.data.reductionList //减免费用列表
                 console.log('111111111111111111',this.reducList)
                 this.reducList.forEach((item) => {
-                    this.reducCost = Number(this.reducCost) + Number(item.leaseMoney) 
+                    this.reducCost = Number(this.reducCost) + Number(item.leaseMoney)
                 })
                 console.log('2222222222222222',this.reducCost)
                 this.applyList = response.data.relations
@@ -404,7 +404,7 @@ export default {
                     Number(this.repairCost) +
                     Number(this.scrapCost) +
                     Number(this.loseCost) -
-                    Number(this.reducCost) 
+                    Number(this.reducCost)
                 this.costAll = costSum
                 this.finishCostName = this.numberToChinese(this.costAll.toFixed(2));
                 this.subCostFlag = costSum
@@ -452,7 +452,7 @@ export default {
                 }
             })
             return sums
-        }, 
+        },
         countNum(row) {
             row.cost =
                 Number(row.leaseCost) +
@@ -462,7 +462,7 @@ export default {
                 Number(row.reduceLeaseMoney) +
                 Number(row.addCost || 0) -
                 Number(row.subCost || 0)
-        }, 
+        },
 
         //返回
         handleBack() {
@@ -473,7 +473,7 @@ export default {
             //         isEdit: true,
             //     },
             // })
-        }, 
+        },
         /** 导出按钮操作 */
         //租赁
         handleExport1() {
@@ -531,9 +531,8 @@ export default {
                'material/slt_agreement_info/exportReduction',
                 {...params,},
                 `减免费用明细_${new Date().getTime()}.xlsx`,
-            ) 
+            )
         },
-        
         handleExportAll() {
             const params = this.rowData
             this.download(
@@ -629,7 +628,7 @@ export default {
         border-left: none;
         align-items: center;
         text-align: center;
-        justify-content: center; /* 将内容对齐到中间 */  
+        justify-content: center; /* 将内容对齐到中间 */
     }
     .costTwo {
         display: flex;
@@ -638,7 +637,7 @@ export default {
         border-left: 1px solid #dfe6ec;
         align-items: center;
         text-align: center;
-        justify-content: center; /* 将内容对齐到中间 */  
+        justify-content: center; /* 将内容对齐到中间 */
     }
     }
  .costRight {

src/views/material/countersign/process/index.vue

@@ -24,10 +24,10 @@
           icon="el-icon-search"
           size="mini"
           @click="handleQuery"
-          >搜索</el-button
+        >搜索</el-button
         >
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-          >重置</el-button
+        >重置</el-button
         >
       </el-form-item>
     </el-form>
@@ -39,7 +39,7 @@
           icon="el-icon-plus"
           size="mini"
           @click="handleAdd"
-          >新增</el-button
+        >新增</el-button
         >
       </el-col>
       <right-toolbar
@@ -57,8 +57,8 @@
       <el-table-column label="序号" align="center" width="80" type="index">
         <template slot-scope="scope">
           <span>{{
-            (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
-          }}</span>
+              (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1
+            }}</span>
         </template>
       </el-table-column>
       <el-table-column
@@ -81,7 +81,19 @@
         prop="orgName"
         sortable
         show-overflow-tooltip
-      />
+        min-width="150"
+      >
+        <template slot-scope="scope">
+          <el-tooltip
+            v-if="scope.row.orgName && scope.row.orgName.length > 20"
+            :content="scope.row.orgName"
+            placement="top"
+          >
+            <span>{{ scope.row.orgName.substring(0, 20) + '...' }}</span>
+          </el-tooltip>
+          <span v-else>{{ scope.row.orgName || '-' }}</span>
+        </template>
+      </el-table-column>
 
       <el-table-column label="操作" align="center" width="180">
         <template slot-scope="scope">
@@ -126,19 +138,19 @@
         <el-row :gutter="24">
           <el-col :span="20">
             <el-form-item label="流程名称" prop="processId">
-            <el-select
+              <el-select
                 v-model="form.processId"
                 placeholder="请选择流程名称"
                 style="width: 100%;"
                 filterable
                 clearable
               >
-              <el-option
-                v-for="dict in dict.type.countersign_process_config_name"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
+                <el-option
+                  v-for="dict in dict.type.countersign_process_config_name"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -147,19 +159,19 @@
         <el-row :gutter="24">
           <el-col :span="20">
             <el-form-item label="会签类型" prop="signType">
-            <el-select
+              <el-select
                 v-model="form.signType"
                 placeholder="请选择会签类型"
                 style="width: 100%;"
                 filterable
                 clearable
               >
-              <el-option
-                v-for="dict in dict.type.countersign_process_type_name"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              ></el-option>
+                <el-option
+                  v-for="dict in dict.type.countersign_process_type_name"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -167,13 +179,17 @@
 
         <el-row :gutter="24">
           <el-col :span="20">
-            <el-form-item label="会签组织" prop="orgId">
+            <el-form-item label="会签组织" prop="orgIds">
               <treeselect
-                v-model="form.orgId"
+                v-model="form.orgIds"
+                :multiple="true"
                 :searchable="true"
                 :options="deptOptions"
                 :normalizer="normalizer"
                 placeholder="请选择会签组织"
+                :show-count="true"
+                :limit="10"
+                :limit-text="count => `还有 ${count} 个选项`"
               />
             </el-form-item>
           </el-col>
@@ -186,17 +202,23 @@
       </div>
     </el-dialog>
   </div>
-</template> 
-  
-  <script>
-import { getProcessList, addProcess, getProcessDetail, editProcess, delProcess } from "@/api/countersign/countersignProcess";
-import { listDept, } from "@/api/system/dept";
-import { deptTreeSelect } from "@/api/system/user";
+</template>
+<script>
+import {
+  getProcessList,
+  addProcess,
+  getProcessDetail,
+  editProcess,
+  delProcess
+} from "@/api/countersign/countersignProcess";
+import {listDept,} from "@/api/system/dept";
+import {deptTreeSelect} from "@/api/system/user";
 import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+
 export default {
-    name: "Process",
-    dicts: ["countersign_process_config_name", "countersign_process_type_name"],
+  name: "Process",
+  dicts: ["countersign_process_config_name", "countersign_process_type_name"],
   data() {
     return {
       // 遮罩层
@@ -222,8 +244,7 @@ export default {
       },
 
       // 表单参数
-      form: {
-      },
+      form: {},
       // 表单校验
       rules: {
         processId: [
@@ -240,10 +261,12 @@ export default {
             trigger: "blur",
           },
         ],
-        orgId: [
+        orgIds: [
           {
             required: true,
-            message: "请选择会签组织",
+            type: 'array',
+            min: 1,
+            message: "请至少选择一个会签组织",
             trigger: "blur",
           },
         ],
@@ -254,7 +277,7 @@ export default {
     this.getDeptList()
     this.getList();
   },
-  components: { Treeselect },
+  components: {Treeselect},
   methods: {
     // /** 查询人员列表 */
     // getUserList() {
@@ -267,13 +290,13 @@ export default {
 
     /** 查询部门列表 */
     getDeptList() {
-      listDept({ userId:1}).then(response => {
+      listDept({userId: 1}).then(response => {
         this.deptOptions = this.handleTree(response.data, "deptId");
       });
     },
 
     /** 转换部门数据结构 */
-     normalizer(node) {
+    normalizer(node) {
       if (node.children && !node.children.length) {
         delete node.children;
       }
@@ -304,16 +327,28 @@ export default {
     /** 编辑按钮操作 */
     handleUpdate(row) {
       this.reset();
-      const id = row.id;
-      getProcessDetail(id).then((response) => {
+      const ids = row.ids;
+      getProcessDetail(ids).then((response) => {
         this.form = response.data;
+        // 确保 orgIds 是数组格式
+        if (this.form.orgIds && !Array.isArray(this.form.orgIds)) {
+          // 如果后端返回的是字符串（如逗号分隔），需要转换为数组
+          if (typeof this.form.orgIds === 'string') {
+            this.form.orgIds = this.form.orgIds.split(',').map(id => parseInt(id.trim()));
+          } else {
+            this.form.orgIds = [this.form.orgIds];
+          }
+        }
         this.showProcess = true;
         this.title = "编辑";
       });
     },
+
     // 表单重置
     reset() {
-      this.form = {};
+      this.form = {
+        orgIds: [] // 重置为空数组
+      };
       this.resetForm("form");
     },
 
@@ -334,14 +369,20 @@ export default {
     submitForm() {
       this.$refs["form"].validate((valid) => {
         if (valid) {
+          // 处理提交数据，确保 orgIds 格式正确
+          const submitData = { ...this.form };
+
+          // 如果后端需要字符串格式，可以转换
+          // submitData.orgIds = this.form.orgIds.join(',');
+
           if (this.form.id != undefined) {
-            editProcess(this.form).then((response) => {
+            editProcess(submitData).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.showProcess = false;
               this.getList();
             });
           } else {
-            addProcess(this.form).then((response) => {
+            addProcess(submitData).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.showProcess = false;
               this.getList();
@@ -359,42 +400,58 @@ export default {
 
     /** 删除按钮操作 */
     handleDelete(row) {
-      const id = row.id;
+      const ids = row.ids;
       this.$modal
         .confirm("是否确认删除数据项？")
         .then(function () {
-          return delProcess(id);
+          return delProcess(ids);
         })
         .then(() => {
           this.$modal.msgSuccess("删除成功");
           this.getList();
         })
-        .catch(() => {});
+        .catch(() => {
+        });
     },
 
   },
 };
 </script>
-  <style lang="scss" scoped>
+<style lang="scss" scoped>
 .uploadImg {
   padding-top: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
+
 .deviceCode {
   margin-top: 10px;
   padding-bottom: 20px;
   font-size: 18px;
 }
+
 ::v-deep.el-table .fixed-width .el-button--mini {
   width: 60px !important;
   margin-bottom: 10px;
 }
+
 //隐藏图片上传框的css
 ::v-deep.disabled {
   .el-upload--picture-card {
     display: none;
   }
 }
-</style>
+
+// 多选组织显示样式
+::v-deep .vue-treeselect__multi-value {
+  margin: 2px;
+  max-width: 150px;
+}
+
+::v-deep .vue-treeselect__multi-value-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>