协议复制功能

src/http/moudules/insCompany.js

@@ -58,6 +58,13 @@ export const agreementCopy = (data) => {
     data
   })
 }
+export const copyAgreementAllInformation = (data) => {
+  return axios({
+    url: '/plt/new/agreement/copyAgreementAllInformation',
+    method: 'post',
+    data
+  })
+}
 // 保存保险公司
 export const addCompany = (data) => {
   return axios({

src/views/AgreementManage/CarInsurance/AgreementEntry.vue

@@ -140,8 +140,8 @@
         </div>
       </div>
       <el-table :size="overSize" ref="multipleTable" :data="pageResult" height="580" border v-loading="loading"
-        @selection-change="agreementSelectionChange" @select="handleSelectChange" @current-change="agreementCurrentChange" highlight-current-row stripe
-        :header-cell-style="{
+        @selection-change="agreementSelectionChange" @select="handleSelectChange" @current-change="agreementCurrentChange"
+        highlight-current-row stripe :header-cell-style="{
           background: '#F2F7FC',
           fontWeight: '700',
           color: '#606266',
@@ -158,13 +158,13 @@
         <el-table-column prop="dockingPerson" label="对接人" align="center"></el-table-column>
         <el-table-column prop="agreementType" label="协议类型" align="center" width="150"
           :formatter="agreementtypeFormatter"></el-table-column>
-        <el-table-column prop="startDate" label="协议生效日期" align="center"></el-table-column>
+        <el-table-column prop="startDate" label="协议生效日期" align="center" width="150"></el-table-column>
         <el-table-column prop="isExternal" label="外部订单" align="center">
           <template slot-scope="scope">
             <span>{{ scope.row.isExternal == '1' ? '是' : '否' }}</span>
           </template>
         </el-table-column>
-        <el-table-column prop="endDate" label="协议失效日期" align="center"></el-table-column>
+        <el-table-column prop="endDate" label="协议失效日期" align="center" width="150"></el-table-column>
         <el-table-column prop="matchType" label="匹配日期类型" align="center" :formatter="matchtypeFormatter"></el-table-column>
         <el-table-column prop="moneyTime" label="结算周期" align="center" :formatter="moneytimeFormatter"></el-table-column>
         <el-table-column prop="validStatus" label="是否启用" align="center">
@@ -195,12 +195,13 @@
             </span>
           </template>
         </el-table-column> -->
-        <el-table-column prop="feeFileName" label="文件名" align="center">
+        <el-table-column prop="feeFileName" label="文件名" align="center" width="150">
           <template slot-scope="scope">
             <el-link @click="downloadFile(scope.row)">{{ scope.row.feeFileName }}</el-link>
           </template>
         </el-table-column>
-        <el-table-column prop="updateTime" label="修改时间" align="center" :formatter="updatetimeFormatter"></el-table-column>
+        <el-table-column prop="updateTime" label="修改时间" align="center" :formatter="updatetimeFormatter"
+          width="150"></el-table-column>
         <el-table-column prop="modifiedName" label="修改人" align="center" width="130"></el-table-column>
         <el-table-column label="操作" align="center" width="200" fixed="right">
           <template slot-scope="scope">
@@ -211,14 +212,11 @@
             <kt-button label="删除" :size="overSize" type="text" perms="agreement:input:delete"
               @click="deletequery(scope.$index, scope.row)" style="color: #D42426 !important " />
             <kt-button label="协议轨迹" :size="overSize" type="text" perms="agreement:input:update"
-                       @click="handleTrajectory(scope.$index, scope.row)" style="color: #2D4D89 !important " />
-            <el-upload
-              action="#"
-              :show-file-list="false"
-              :auto-upload="false"
-              :on-change="(file) => handleUpload(file, scope.$index, scope.row)"
-            >
-              <kt-button label="上传费用文件" :size="overSize" type="text" perms="agreement:input:update" style="color: #2D4D89 !important " />
+              @click="handleTrajectory(scope.$index, scope.row)" style="color: #2D4D89 !important " />
+            <el-upload action="#" :show-file-list="false" :auto-upload="false"
+              :on-change="(file) => handleUpload(file, scope.$index, scope.row)">
+              <kt-button label="上传费用文件" :size="overSize" type="text" perms="agreement:input:update"
+                style="color: #2D4D89 !important " />
             </el-upload>
 
             <!-- <el-button type="text" size="mini">
@@ -250,8 +248,8 @@
       <div class="paginationCustom">
         <span class="selected">已选{{ selectedLength }}条 /</span>
         <el-pagination @size-change="handleSizeChange" background @current-change="handleCurrentChange"
-                       :current-page="pageNum" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
-                       layout="total, sizes, prev, pager, next, jumper" :total="totalSize" style="float: right;margin-top: 5px; ">
+          :current-page="pageNum" :page-sizes="[20, 50, 100, 200]" :page-size="pageSize"
+          layout="total, sizes, prev, pager, next, jumper" :total="totalSize" style="float: right;margin-top: 5px; ">
         </el-pagination>
       </div>
     </el-main>
@@ -379,7 +377,8 @@
               <el-row>
                 <el-col :span="12">
                   <el-form-item label="选择机构">
-                    <el-select v-model="custodianIdData" placeholder="请选择对接管理人机构" :popper-append-to-body="false" style="width: 100%">
+                    <el-select v-model="custodianIdData" placeholder="请选择对接管理人机构" :popper-append-to-body="false"
+                      style="width: 100%">
                       <el-option :value="custodianIdTree" class="deptOption">
                         <el-tree :data="internalDept" :props="defaultProps" ref="tree1" :highlight-current="true"
                           @node-click="handleNodeClick1" default-expand-all></el-tree>
@@ -389,7 +388,8 @@
                 </el-col>
                 <el-col :span="12">
                   <el-form-item label="对接管理人">
-                    <el-select v-model="agreement.custodianId" filterable clearable placeholder="请选择对接管理人" style="width: 100%">
+                    <el-select v-model="agreement.custodianId" filterable clearable placeholder="请选择对接管理人"
+                      style="width: 100%">
                       <el-option v-for="item in custodianList" :key="item.dictValue" :label="item.name"
                         :value="item.userId"></el-option>
                     </el-select>
@@ -417,8 +417,8 @@
               <el-row>
                 <el-col :span="12">
                   <el-form-item label="协议生效日期" prop="startDate">
-                    <el-date-picker style="width: 100%" v-model="agreement.startDate" type="datetime" placeholder="选择协议生效日期"
-                      format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
+                    <el-date-picker style="width: 100%" v-model="agreement.startDate" type="datetime"
+                      placeholder="选择协议生效日期" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss">
                     </el-date-picker>
                   </el-form-item>
                 </el-col>
@@ -990,7 +990,7 @@
       <el-form :inline="true" :model="productcopyItemPageRequest" class="demo-form-inline" size="small"
         label-width="80px">
         <el-form-item label="选择协议">
-          <el-select v-model="productcopyItemPageRequest.agreementId" filterable clearable  placeholder="请选择协议">
+          <el-select v-model="productcopyItemPageRequest.agreementId" filterable clearable placeholder="请选择协议">
             <el-option v-for="(item, index) in pageResult" :key="index" :label="item.agreementAbbreviation"
               :value="item.id"></el-option>
           </el-select>
@@ -1415,25 +1415,115 @@
         <div v-show="!trajectoryTable1.length">暂无轨迹</div>
       </div>
     </el-dialog>
-    <el-drawer
-
-    :visible.sync="drawer"
-    :direction="'rtl'"
-    size="100%"
-    :before-close="handleClose"
-    :destroy-on-close="true">
+    <el-dialog title="协议复制" :visible.sync="copyProtocolVisible" width="90%" top="6vh" :fullscreen="true" @open="copyProtocolOpen">
+      <el-form :model="copyProtocolform" class="demo-form-inline" :size="overSize" label-width="110px"
+        style="margin: 10px 20px;border-bottom: 1px solid #D7DBE7;">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="协议代码">
+              <el-input style="width: 100%;" v-model="copyProtocolform.agreementCode" disabled
+                placeholder="协议代码"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="协议名称">
+              <el-input v-model="copyProtocolform.agreementTitle" disabled clearable placeholder="协议名称"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="协议简称">
+              <el-input v-model="copyProtocolform.agreementAbbreviation" disabled clearable placeholder="协议简称"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="协议生效日期">
+              <el-date-picker style="width: 100%" v-model="copyProtocolform.startDate" type="datetime"
+                placeholder="选择协议生效日期" format="yyyy-MM-dd HH:mm:ss" disabled value-format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="协议描述">
+              <el-input v-model="copyProtocolform.agreementName" disabled clearable placeholder="协议描述"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="业务描述">
+              <el-input v-model="copyProtocolform.businessDescription" disabled clearable placeholder="业务描述"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="工号描述">
+              <el-input v-model="copyProtocolform.jobDescription" disabled clearable placeholder="工号描述"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="协议失效日期">
+              <el-date-picker style="width: 100%" v-model="copyProtocolform.endDate" disabled type="datetime"
+                placeholder="选择失效日期" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="flex  ">
+        <div class="sidebarShortcut">
+          <ul class="flex j-c a-c f-c">
+            <li :class="{ sidebarstyle: sidebarItem == 'fyfz' }" class="flex a-c " @click="scrollToSection('fyfz')">
+              费用复制
+            </li>
+            <li :class="{ sidebarstyle: sidebarItem == 'cbgzfz' }" class="flex a-c " @click="scrollToSection('cbgzfz')">
+              承保规则复制
+            </li>
+          </ul>
+        </div>
+        <div class="tab-panecent1">
+          <div id="fyfz" class="copyFee">
+            <div style="margin-bottom: 10px;" class="flex ">
+              <span style="font-weight: bold;margin-right: 10px;">费用复制</span>
+              <el-checkbox v-model="copyProtocolInfo.cost.all">{{ copyProtocolInfo.cost.all ? '取消全选' : '全选'
+              }}</el-checkbox>
+            </div>
+            <kt-common-table :tableHeights="260" :SerialShow="false" :operationWidth="250" :showOperation="false"
+              :customToolseletted="false" customToolName="批量复制" permscustomTool="agreement:input:productCost"
+              @customTool="customTool" :showBatchDelete="true" :showBatchSettled="false" :showBatchPrint="false"
+              :data="productcopyItemResult" :columns="productcopyItemColumns" @findPage="productcopyItemFindPage"
+              @selectionChange="costselectionChange">
+            </kt-common-table>
+          </div>
+          <div id="fyfz" class="copyFee">
+            <div style="margin-bottom: 10px;" class="flex ">
+              <span style="font-weight: bold;margin-right: 10px;">承保规则复制</span>
+              <el-checkbox v-model="copyProtocolInfo.underwritingRules.all">{{ copyProtocolInfo.underwritingRules.all
+                ? '取消全选' : '全选' }}</el-checkbox>
+            </div>
+            <kt-common-table :tableHeights="260" :SerialShow="false" :operationWidth="250" :showOperation="false"
+              :showBatchDelete="true" :showBatchSettled="false" :showBatchPrint="false" :data="underwritingRulesResult"
+              :columns="underwritingRulesColumns" @findPage="underwritingRulesFindPage"
+              @selectionChange="underwritingRulesselectionChange">
+            </kt-common-table>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button :size="overSize" @click="copyProtocolVisible = false">取 消</el-button>
+        <el-button :size="overSize" type="primary" @click="copyProtocolSubmit"
+          style="background: #2D4D89;color: #fff;border-color: #2D4D89;">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-drawer :visible.sync="drawer" :direction="'rtl'" size="100%" :before-close="handleClose" :destroy-on-close="true">
 
-    <div class="drawer-main">
-      <agreementHistoryRecord :messageInfo="agreementActiveInfo" v-if="operationTypeBtn==1"/>
+      <div class="drawer-main">
+        <agreementHistoryRecord :messageInfo="agreementActiveInfo" v-if="operationTypeBtn == 1" />
 
-      <agreementProductFee :messageInfo="agreementActiveInfo" v-if="operationTypeBtn==2"/>
+        <agreementProductFee :messageInfo="agreementActiveInfo" v-if="operationTypeBtn == 2" />
 
-      <agreementUnderwritingRule :messageInfo="agreementActiveInfo" v-if="operationTypeBtn==3"/>
+        <agreementUnderwritingRule :messageInfo="agreementActiveInfo" v-if="operationTypeBtn == 3" />
 
-      <agreementNonVehicleConfig :messageInfo="agreementActiveInfo" v-if="operationTypeBtn==4"/>
+        <agreementNonVehicleConfig :messageInfo="agreementActiveInfo" v-if="operationTypeBtn == 4" />
 
-    </div>
-  </el-drawer>
+      </div>
+    </el-drawer>
   </div>
 </template>
 <script>
@@ -1449,7 +1539,7 @@ import agreementProductFee from "./AgreementProductFee.vue"
 import agreementHistoryRecord from "./AgreementHistoryRecord.vue"
 import agreementUnderwritingRule from "./AgreementUnderwritingRule.vue"
 import agreementNonVehicleConfig from "./AgreementNonVehicleConfig.vue"
-import {updateFeeFile} from "../../../http/moudules/insCompany";
+import { updateFeeFile } from "../../../http/moudules/insCompany";
 export default {
   components: {
     tree,
@@ -1463,8 +1553,22 @@ export default {
   },
   data() {
     return {
-      operationTypeBtn:0,
-      drawer:false,
+      copyProtocolVisible: false,//协议复制
+      copyProtocolform: {},
+      copyProtocolInfo: {//复制协议json
+        agreementId: "",
+        cost: {
+          all: false,
+          informationId: []
+        },
+        underwritingRules: {
+          all: false,
+          informationId: []
+        }
+      },//协议复制
+      sidebarItem: "fyfz",
+      operationTypeBtn: 0,
+      drawer: false,
       apiTypelist: [
         {
           id: 1,
@@ -2163,9 +2267,14 @@ export default {
         costStartDate: "",
         costsEndDate: "",
         isEffective: "",
-        costsDescription: "",
+        costsDescription: [],
         pageNum: 1,
-        pageSize: 20,
+        pageSize: 10,
+      },
+      underwritingRulesPageRequest: {
+        agreementId: "",
+        pageNum: 1,
+        pageSize: 10,
       },
       value1: [],
       vehicleCategoryList: [], //费用因子-车辆大类
@@ -2551,8 +2660,8 @@ export default {
     this.findLeftTreeData();
   },
   methods: {
-    downloadFile(row){
-      let url = process.env.BASE_URL  + row.feeFileUrl.substring(1,row.feeFileUrl.length); // 3.创建一个临时的url指向blob对象
+    downloadFile(row) {
+      let url = process.env.BASE_URL + row.feeFileUrl.substring(1, row.feeFileUrl.length); // 3.创建一个临时的url指向blob对象
       let link = document.createElement("a");
       link.target = '_blank'
       link.href = url;
@@ -2567,7 +2676,7 @@ export default {
       formData.append('multipartFile', file.raw)
       formData.append('agreementId', row.id)
       this.$api.insCompany.updateFeeFile(formData).then(res => {
-        if(res.code == 200) {
+        if (res.code == 200) {
           this.$message.success(res.msg)
           this.findPage();
         } else {
@@ -2631,7 +2740,7 @@ export default {
         list.push(element.id)
       });
       this.agreementSelectionList = list;
-      this.selectedLength = val.length>0?val.length:0
+      this.selectedLength = val.length > 0 ? val.length : 0
       // if(val.length>0) {
       //   this.$set(this.hasSelectedList, this.pageNum-1, val)
       //   this.hadSelectedList = [...this.hasSelectedList]
@@ -2653,7 +2762,7 @@ export default {
       // }
     },
     handleSelectChange(rows) {
-      this.selectedLength = rows.length>0?rows.length:0
+      this.selectedLength = rows.length > 0 ? rows.length : 0
       // if(rows.length>0) {
       //   this.$set(this.hasSelectedList, this.pageNum-1, rows)
       //   this.hadSelectedList = [...this.hasSelectedList]
@@ -2962,6 +3071,13 @@ export default {
       this.underwritingRulesHistoryDetailsDialogVisible = true;
 
     },
+    scrollToSection(sectionId) {
+      this.sidebarItem = sectionId;
+      const element = document.getElementById(sectionId);
+      if (element) {
+        element.scrollIntoView({ behavior: 'smooth' });
+      }
+    },
     getFactorTemplate() {
       this.$api.insCompany.productConfigItem(this.insuranceCompanyId).then(res => {
         if (res.code == '200') {
@@ -3038,14 +3154,14 @@ export default {
       //   path: "agreementHistoryRecord",
       //   query: this.agreementActiveInfo,
       // });
-      this.drawer=true
-      this.operationTypeBtn=1
+      this.drawer = true
+      this.operationTypeBtn = 1
 
     },
     //产品费用按钮点击
     productCost1() {
-      this.drawer=true
-      this.operationTypeBtn=2
+      this.drawer = true
+      this.operationTypeBtn = 2
 
       // this.$router.push({
       //   path: "agreementProductFee",
@@ -3058,8 +3174,8 @@ export default {
       //   path: "agreementUnderwritingRule",
       //   query: this.agreementActiveInfo,
       // });
-      this.drawer=true
-      this.operationTypeBtn=3
+      this.drawer = true
+      this.operationTypeBtn = 3
 
 
     },
@@ -3069,8 +3185,8 @@ export default {
       //   path: "agreementNonVehicleConfig",
       //   query: this.agreementActiveInfo,
       // });
-      this.drawer=true
-      this.operationTypeBtn=4
+      this.drawer = true
+      this.operationTypeBtn = 4
 
     },
     //非车规则分页查询
@@ -3153,15 +3269,14 @@ export default {
     },
     underwritingRulesFindPage(data) {
       if (data && data.pageRequest) {
-        this.productpageRequest.pageNum = data.pageRequest.pageNum;
-        this.productpageRequest.pageSize = data.pageRequest.pageSize;
+        this.underwritingRulesPageRequest.pageNum = data.pageRequest.pageNum;
+        this.underwritingRulesPageRequest.pageSize = data.pageRequest.pageSize;
       } else {
-        this.productpageRequest.pageNum = 1;
-        this.productpageRequest.pageSize = 20;
+        this.underwritingRulesPageRequest.pageNum = 1;
+        this.underwritingRulesPageRequest.pageSize = 20;
       }
-      this.productpageRequest["agreementId"] = this.agreementId;
       this.$api.insCompany
-        .getUndwrtRulesQuery(this.productpageRequest)
+        .getUndwrtRulesQuery(this.underwritingRulesPageRequest)
         .then((res) => {
           this.underwritingRulesResult = res;
         });
@@ -3530,7 +3645,7 @@ export default {
       let params = {
         insCompanyId: this.queryForm.partnerCompaniesId,
         apiType: id,
-        agreementId:this.agreementId,
+        agreementId: this.agreementId,
       };
       this.$api.insCompany.getPtlInsAttributionTemplate(params).then((res) => {
         if (res.code == "200") {
@@ -3562,35 +3677,44 @@ export default {
     },
     //协议复制
     agreementCopy(index, row) {
-      this.$confirm("复制该条协议, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.$api.insCompany.agreementCopy({ id: row.id }).then((res) => {
-            if (res.code == '200') {
-              this.$message({
-                type: 'success',
-                message: res.msg,
-              });
-              this.findPage();
-            } else {
-              this.$message({
-                type: 'error',
-                message: res.msg,
-              });
-            }
+      this.copyProtocolVisible = true;
+      this.copyProtocolform = Object.assign({}, row);
+      this.copyProtocolInfo.agreementId = row.id;
+      this.productcopyItemPageRequest.agreementId = row.id;
+      this.underwritingRulesPageRequest.agreementId = row.id;
+      this.productcopyItemFindPage();
+      this.underwritingRulesFindPage();
+
+    },
+    copyProtocolOpen(){
+      this.copyProtocolInfo.cost.all=false;
+      this.copyProtocolInfo.underwritingRules.all=false;
+    },
+    costselectionChange(data) {
+      this.copyProtocolInfo.cost.informationId = data;
+    },
+    underwritingRulesselectionChange(data) {
+      this.copyProtocolInfo.underwritingRules.informationId = data;
+    },
+    copyProtocolSubmit() {
+      this.$api.insCompany.copyAgreementAllInformation(this.copyProtocolInfo).then((res) => {
+        if (res.code == '200') {
+          this.$message({
+            type: 'success',
+            message: res.msg,
           });
-        })
-        .catch(() => {
+          this.copyProtocolVisible = false;
+          this.findPage();
+        } else {
           this.$message({
-            type: "info",
-            message: "已取消",
+            type: 'error',
+            message: res.msg,
           });
-        });
+        }
+      });
 
     },
+    //协议复制
     //编辑事件
     uplatequery(index, row) {
       //每次修改时，先把变量清空，解决累加存储问题
@@ -3752,7 +3876,7 @@ export default {
       //不管新增，还是编辑  关闭窗口后，都清空临时数据 以免编辑后新增默认带出上一次打开协议中信息
       for (let key in this.agreement) {
         if (key != "partnerCompaniesId") {
-        this.agreement[key] = "";
+          this.agreement[key] = "";
 
         }
       }
@@ -3899,7 +4023,7 @@ export default {
       let parmas = {
         pageNum: this.pageNum,
         pageSize: this.pageSize,
-        partnerCompaniesId:this.queryForm.partnerCompaniesId,
+        partnerCompaniesId: this.queryForm.partnerCompaniesId,
         companiesType: this.supplierType,
         startDate: this.queryForm.startDate,
         endDate: this.queryForm.endDate,
@@ -4052,7 +4176,7 @@ export default {
       }
       this.agreement.partnerCompaniesId = value[value.length - 1];
       this.agreement.insuranceCompanyId = value[0];
-      this.queryForm.partnerCompaniesId=value[value.length - 1];
+      this.queryForm.partnerCompaniesId = value[value.length - 1];
       if (this.supplierType == "1") {
         this.agreement.agreementType = "1";
       } else if (this.supplierType == "0") {
@@ -4208,8 +4332,8 @@ export default {
       this.findPage();
     },
     //关闭抽屉
-    handleClose(){
-      this.drawer=false
+    handleClose() {
+      this.drawer = false
     }
   },
 };
@@ -4326,6 +4450,10 @@ export default {
     background: #2D4D89;
   }
 
+  .el-tabs__active-bar {
+    background-color: transparent;
+  }
+
   .el-tabs--card>.el-tabs__header .el-tabs__nav,
   .el-tabs--card>.el-tabs__header,
   .el-tabs--card>.el-tabs__header .el-tabs__item {
@@ -4430,7 +4558,8 @@ export default {
 
 
 }
-.el-link.el-link--default{
+
+.el-link.el-link--default {
   color: #409eff;
 }
 
@@ -4467,14 +4596,68 @@ export default {
   padding: 4px 20px;
   font-weight: 400;
 }
-.paginationCustom{
+
+.paginationCustom {
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  .selected{
+
+  .selected {
     font-size: 13px;
     margin-top: 5px;
     color: #606266;
   }
+
+
+}
+
+.tab-panecent1 {
+
+  height: 600px;
+  width: 90%;
+  overflow-y: auto;
+}
+
+.sidebarstyle {
+  background: rgba(45, 77, 137, 0.1);
+  border-radius: 4px;
+  font-weight: bold;
+  color: #2D4D89;
+}
+
+.sidebarShortcut {
+  width: 136px;
+  height: auto;
+  background: #fff;
+  padding: 0 6px;
+  border-radius: 4px;
+  box-sizing: border-box;
+  font-size: 14px;
+
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+
+  ul>li {
+    padding: 6px;
+    box-sizing: border-box;
+    width: 100%;
+    margin-top: 2px;
+  }
+
+  li:hover {
+    background: rgba(45, 77, 137, 0.1);
+    border-radius: 4px 4px 4px 4px;
+    color: #2D4D89;
+    cursor: pointer;
+  }
+}
+
+.copyFee {
+  border: 2px solid #D7DBE7;
+  border-radius: 10px;
+  padding: 10px;
+  box-sizing: border-box;
 }
 </style>

src/views/Core/KtCommonTable.vue

@@ -1017,11 +1017,11 @@ export default {
     },
     // 选择切换
     selectionChange: function (selections) {
+      let idlist = [];
       this.tableSelectedCount=selections.length;
       this.selections = selections;
-      this.$emit("selectionChange", {
-        selections: selections,
-      });
+      this.selections.map((item) => idlist.push(item.id));
+      this.$emit("selectionChange", idlist);
     },
     // 选择切换
     handleCurrentChange: function (val) {
@@ -1329,7 +1329,7 @@ export default {
 /* 底部固定分页 */
 .bottomFixed {
   height: 40px;
-  position: fixed;
+  /* position: fixed; */
   bottom: 0;
   width: 100%;
   background: #fff;