fix:添加协议组管理

src/components/TemplateTable/index.vue

@@ -317,6 +317,22 @@
           :key="item.prop"
           :prop="item.prop"
         ></el-table-column>
+
+        <el-table-column
+          v-if="item.type === 'flag'"
+          :align="'center'"
+          :width="item.width || ''"
+          :fixed="item.fixed"
+          :label="item.label"
+          :key="item.prop"
+          :prop="item.prop"
+        >
+          <template slot-scope="scope">
+            <div>
+              {{ scope.row[item.prop] == "1" ? "是" : "否" }}
+            </div>
+          </template>
+        </el-table-column>
       </template>
       <!-- <slot name="operate" :row="scope.row"></slot> -->
       <!-- 自定义操作栏 -->
@@ -559,9 +575,8 @@ export default {
       this.$emit("selectionChange", currentRow, this.$refs.table);
     },
     // 表格单选
-    selectRow(selection,row) {
-
-      this.$emit("selectcurrentRow",selection, row);
+    selectRow(selection, row) {
+      this.$emit("selectcurrentRow", selection, row);
     },
     selectAll(currentRow) {
       this.$emit("selectAll", currentRow, this.$refs.table);

src/http/api.js

@@ -57,6 +57,8 @@ import * as bindUser from './moudules/bindUser.js'
 //读取pdf设置
 import * as readPdf from './moudules/readPdf.js'
 
+//协议组 
+import * as agreement from "./moudules/agreement.js"
 // 默认全部导出
 export default {
     login,
@@ -72,7 +74,7 @@ export default {
     esmTeam,
     esmagreement,
     esmagreementprod,
-	  esmcompose,
+    esmcompose,
     esmuserinternal,
     esminsvehicleinspectioncode,
     ////////////产品////////////////
@@ -85,19 +87,20 @@ export default {
     insCompany,
     ///////////分销///////////////////////
     retail,
-     ///////////////   app ////////////////
+    ///////////////   app ////////////////
     app,
     poster,
     policy,
     salary,
     letter,
     cost, //费用核对
-     ///////////费用管理///////////////////////
+    ///////////费用管理///////////////////////
     expense,
     //报表管理
     report,
     one,
     sys,
     bindUser,
-    readPdf
+    readPdf,
+    agreement
 }

src/http/moudules/agreement.js

@@ -0,0 +1,92 @@
+
+import axios from '../axios'
+
+// 协议组列表
+export const queryAgreementGroupList = (data) => {
+    return axios({
+        url: '/ptlAgreementGroup/queryPage',
+        method: 'post',
+        data
+    })
+}
+//协议组添加或者修改
+export const addAgreementGroup = (data) => {
+    return axios({
+        url: '/ptlAgreementGroup/addOrUpdate',
+        method: 'post',
+        data
+    })
+}
+//协议组删除
+export const agreementGroupDelete = (data) => {
+    return axios({
+        url: '/ptlAgreementGroup/delete?id=' + data.id,
+        method: 'get',
+        data
+    })
+}
+
+//协议列表
+export const findAgreementList = (data) => {
+    console.log(data)
+    return axios({
+        url: '/ptlAgreementGroup/findAgreementList',
+        method: 'post',
+        data
+    })
+}
+
+//配置协议
+export const setAgreementList = (data) => {
+
+    return axios({
+        url: '/ptlAgreementGroup/saveAgreementList',
+        method: 'post',
+        data
+    })
+}
+
+//授权部门
+export const authorizeDeptList = (data) => {
+
+    return axios({
+        url: '/ptlAgreementGroup/authorizeDeptList',
+        method: 'post',
+        data
+    })
+}
+
+//查看配置协议
+export const findLinkAgreementList = (data) => {
+
+    return axios({
+        url: '/ptlAgreementGroup/findLinkAgreementList',
+        method: 'post',
+        data
+    })
+}
+
+
+//删除配置的协议
+export const deleteLinkAgreementList = (data) => {
+
+    return axios({
+        url: '/ptlAgreementGroup/deleteLinkAgreementList',
+        method: 'post',
+        data
+    })
+}
+
+//查询授权部门
+export const findDeptIdsByPtlAgreementGroupId = (data) => {
+
+    return axios({
+        url: '/ptlAgreementGroup/findDeptIdsByPtlAgreementGroupId?ptlAgreementGroupId=' + data,
+        method: 'get',
+        data
+    })
+}
+
+
+
+

src/views/AgreementManage/AgreementGroup.vue

@@ -0,0 +1,864 @@
+<template>
+  <div>
+    <templateTable
+      ref="expandTable"
+      :formList="formList"
+      :searchData.sync="searchData"
+      :tableConfig="tableConfig"
+      :data="tableData"
+      @getList="getList"
+      :btnGroup="btnGroup"
+      @handleSearchList="handleSearchList"
+      :pagination="page"
+      @handleRowChange="handleRowChange"
+    >
+      <template slot="expand" slot-scope="scope">
+        <div style="width: 100%; margin-left: 55px">
+          <el-table
+            :data="scope.row.insAreaCompanyList"
+            border
+            size="small"
+            :key="updateChildTable"
+            :header-cell-style="{
+              background: '#ccc',
+              fontWeight: '700',
+              color: '#606266',
+            }"
+          >
+            <el-table-column prop="gradeName" label="级别"> </el-table-column>
+            <el-table-column prop="jqCostsProportion" label="交强加投">
+            </el-table-column>
+            <el-table-column prop="syCostsProportion" label="商业加投">
+            </el-table-column>
+            <el-table-column prop="noCostsProportion" label="非车加投">
+            </el-table-column>
+          </el-table>
+        </div>
+      </template>
+    </templateTable>
+
+    <el-dialog
+      :title="dialogTitle"
+      width="40%"
+      :visible.sync="dialogVisibleadd"
+    >
+      <el-form
+        ref="queryFormRef"
+        :model="queryForm"
+        label-width="120px"
+        class="queryform"
+        size="small"
+      >
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="协议组名称">
+              <el-input
+                clearable
+                style="width: 220px"
+                v-model.trim="queryForm.agreementGroupName"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否默认">
+              <el-switch
+                v-model="queryForm.defaultFlag"
+                active-color="#D42426"
+                :active-value="1"
+                :inactive-value="0"
+                :disabled="dialogTitle == '编辑' ? true : false"
+              >
+              </el-switch>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="描述">
+              <el-input
+                type="textarea"
+                clearable
+                v-model.trim="queryForm.description"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisibleadd = false"
+          >取 消</el-button
+        >
+        <el-button type="primary" size="small" @click="sumbit">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      :title="isWatch == true ? '查看协议' : '配置协议'"
+      width="50%"
+      :visible.sync="dialogVisible"
+    >
+      <el-row :gutter="24">
+        <el-col :span="24">
+          <div class="title">协议内容</div>
+          <el-cascader
+            style="width: 30%; margin-bottom: 10px"
+            v-model="insuranceCompanyId"
+            :show-all-levels="false"
+            :options="prodInsurance"
+            :props="optionProps"
+            @change="prodhandleChange"
+            clearable
+            filterable
+            placeholder="请选择保险公司"
+          ></el-cascader>
+          <templateTable
+            ref="productTable"
+            :formList="[]"
+            :tableConfig="productcopyItemColumns"
+            @selectionChange="selectionChange"
+            @selectcurrentRow="selectcurrentRow"
+            :data="productcopyItemResult"
+            @getList="productcopyItemFindPage"
+            @handleSearchList="handleSearchList1"
+            :pagination="productcopypage"
+            v-if="!isWatch"
+          >
+          </templateTable>
+
+          <templateTable
+            ref="productTable"
+            :formList="[]"
+            :tableConfig="watchColumns"
+            :data="productcopyItemResult"
+            @getList="getAgreement"
+            @handleSearchList="watchhandleSearchList1"
+            :pagination="productcopypage"
+            v-else
+          >
+          </templateTable>
+          <span class="dialog-footer">
+            <el-button size="small" @click="dialogVisible = false"
+              >取 消</el-button
+            >
+            <el-button type="primary" size="small" @click="sumbitInstitution"
+              >确 定</el-button
+            >
+          </span>
+        </el-col>
+      </el-row>
+    </el-dialog>
+    <el-dialog
+      title="排除部门"
+      :visible.sync="excludedialogVisible"
+      width="70%"
+      top="8vh"
+      class="scrollable-dialog"
+      @close="excludecloseDialog"
+    >
+      <el-tree
+        default-expand-all
+        ref="tree"
+        show-checkbox
+        :data="treeData"
+        node-key="id"
+        :props="defaultTreeProps"
+        :default-checked-keys="treekeys"
+        @check="treechange"
+        v-loading="treeLoading"
+        class="tree-load"
+      ></el-tree>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="excludedialogVisible = false"
+          >取 消</el-button
+        >
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="disabledBtn"
+          @click="excludeSubmit"
+          >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+  </div>
+</template>
+  <script>
+import templateTable from "@/components/TemplateTable/index.vue";
+import ProductCostForm from "@/components/Form/ProductCostForm.vue"; //表单组件
+import { Loading } from "element-ui";
+export default {
+  name: "ChannelCost",
+  components: { templateTable, ProductCostForm },
+  data() {
+    return {
+      prodInsurance: [],
+      productCostAddVehicleFactorVisible: false, //详情弹窗显示
+      activeName: "feiyong",
+      tabtitle: "",
+
+      overSize: "small",
+      productCostAddDialogType: "add",
+      permissions: null,
+      dynamicFormArray: [],
+      operatorlist: [],
+      //操作符字典
+      operator: {
+        pageNum: 1,
+        pageSize: 10,
+        columnFilters: {
+          label: { name: "label", value: "agreement_operator" },
+        },
+      },
+
+      dept: "",
+      queryForm: {
+        agreementGroupName: "",
+        defaultFlag: 0,
+        description: "",
+      },
+      dialogTitle: "新增",
+      rowId: "",
+      dialogVisible: false,
+      dialogVisibleadd: false,
+      labelWidth: "100px",
+      btnGroup: [
+        {
+          name: "新增",
+          click: () => this.add(),
+        },
+      ],
+      formList: [
+        {
+          label: "协议组名称",
+          prop: "agreementGroupName",
+          type: "input",
+        },
+      ],
+
+      searchData: {},
+      page: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0,
+      },
+      productcopypage: {
+        pageNum: 1,
+        pageSize: 10,
+        totalSize: 0,
+      },
+      tableData: [],
+      tableConfig: {
+        columns: [
+          {
+            prop: "agreementGroupName",
+            label: "协议组",
+            type: "text",
+          },
+          {
+            prop: "description",
+            label: "描述",
+            type: "text",
+          },
+
+          {
+            prop: "defaultFlag",
+            label: "是否默认",
+            type: "flag",
+            // formatter: this.defaultFlagFormatter,
+          },
+        ],
+        expand: false,
+        loading: true,
+        isPaginationShow: true,
+        optBtns: [
+          {
+            type: "primary",
+            label: "配置协议",
+            click: (row, index) => {
+              return this.setFees(row);
+            },
+          },
+          {
+            type: "primary",
+            label: "查看协议",
+            click: (row, index) => {
+              return this.watchAgreement(row);
+            },
+          },
+          {
+            type: "primary",
+            label: "授权",
+            click: (row, index) => {
+              return this.excludeDepartment(row);
+            },
+            hide: (row) => {
+              return row.defaultFlag != 1;
+            },
+          },
+          {
+            type: "primary",
+            label: "编辑",
+            click: (row, index) => {
+              return this.handleTableUpload(row);
+            },
+            hide: (row) => {
+              return row.defaultFlag != 1;
+            },
+          },
+          {
+            type: "primary",
+            label: "删除",
+            click: (row, index) => {
+              return this.handleTableDatl(row);
+            },
+            hide: (row) => {
+              return row.defaultFlag != 1;
+            },
+          },
+        ],
+      },
+      productcopyItemColumns: {
+        columns: [
+          {
+            prop: "companyName",
+            label: "保险公司名称",
+            type: "text",
+          },
+          {
+            prop: "agreementId",
+            label: "协议ID",
+            type: "text",
+          },
+          {
+            prop: "agreementName",
+            label: "协议名称",
+            type: "text",
+          },
+        ],
+
+        loading: true,
+        isPaginationShow: true,
+        isCheckBox: true,
+        tableHeight: "600px",
+      },
+      watchColumns: {
+        columns: [
+          {
+            prop: "companyName",
+            label: "保险公司名称",
+            type: "text",
+          },
+          {
+            prop: "agreementId",
+            label: "协议ID",
+            type: "text",
+          },
+          {
+            prop: "agreementName",
+            label: "协议名称",
+            type: "text",
+          },
+          {
+            prop: "disableFlag",
+            label: "是否启用",
+            type: "text",
+          },
+          {
+            prop: "effectiveFlag",
+            label: "是否有效",
+            type: "text",
+          },
+        ],
+        optBtns: [
+          {
+            type: "danger",
+            label: "删除",
+            width: 60,
+            // hide:(row) => {
+            //  return row.importStatus == 1?true:false
+            // },
+            click: (row, index) => {
+              return this.deleteAgreement(row);
+            },
+          },
+        ],
+
+        loading: true,
+        isPaginationShow: true,
+        isCheckBox: false,
+        tableHeight: "600px",
+      },
+      selectedProtocol: {
+        columns: [
+          {
+            prop: "agreementName",
+            label: "协议组名称",
+            width: 100,
+            type: "text",
+          },
+          {
+            prop: "costsDescription",
+            label: "描述",
+            width: 110,
+            type: "text",
+          },
+        ],
+        optBtns: [
+          {
+            type: "primary",
+            label: "详情",
+            width: 60,
+            // hide:(row) => {
+            //  return row.importStatus == 1?true:false
+            // },
+            click: (row, index) => {
+              return this.details(row);
+            },
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+        // isCheckBox: true,
+        tableHeight: "600px",
+      },
+
+      productcopyItemResult: [],
+      updateChildTable: false,
+      costIdList: [],
+      treeData: [], //左侧结构树
+      defaultProps: {
+        //自定义参数
+        children: "agreementList",
+        label: "name",
+      },
+      treekeys: [],
+      expandshow: false,
+      agreementList: [], //左侧树查询参数
+      rightList: [], //右侧列表
+      optionProps: {
+        //公司下拉列表配置
+        checkStrictly: true,
+        value: "id",
+        label: "name",
+        children: "children",
+      },
+      agreementsHistoryInfo: {
+        agreement: {},
+        attributionform: {},
+        dept: [],
+      },
+      defaultTreeProps: {
+        children: "children",
+        label: "name",
+      },
+      excludedialogVisible: false,
+      taxSourceVo: {
+        insCompanyId: "",
+        agreementTaxExcludeDeptList: [],
+      },
+      disabledBtn: false,
+      insuranceCompanyId: "",
+      defaultFlag: "",
+      isWatch: false,
+      treeLoading: false,
+    };
+  },
+  created() {
+    this.getList();
+
+    let params = {
+      classname: "",
+      type: "1",
+    };
+    this.$api.insCompany.findLeftInsTree(params).then((res) => {
+      this.prodInsurance = res.data;
+    });
+    this.$api.dept.findTree().then((res) => {
+      if (res.code == 200) {
+        this.treeData = res.data;
+        this.treeLoading = false;
+      }
+    });
+  },
+  methods: {
+    defaultFlagFormatter(row, column) {
+      let operatorType = row.defaultFlag;
+      if (operatorType) {
+        return "是";
+      } else {
+        return "否";
+      }
+    },
+    deleteAgreement(row) {
+      this.$api.agreement
+        .deleteLinkAgreementList({
+          ids: [row.id],
+        })
+        .then((res) => {
+          if (res.code == "200") {
+            // this.dialogVisible = false;
+            this.$message({
+              type: "success",
+              message: res.msg,
+            });
+            this.getAgreement();
+
+            // this.disabledBtn = false;
+          } else {
+            this.$message({
+              type: "error",
+              message: res.msg,
+            });
+          }
+        });
+    },
+    excludecloseDialog() {
+      if (this.treekeys.length) {
+        this.$refs.tree.setCheckedKeys([]);
+      }
+    },
+    //授权弹窗
+    async excludeDepartment(row) {
+      // var loadingLoad = Loading.service({
+      //   text: "加载中......",
+      //   spinner: "el-icon-loading",
+      //   // background: "#fff",
+      //   target: document.querySelector(".el-tree"),
+      // });
+
+      this.excludedialogVisible = true;
+      this.rowId = row.id;
+      this.$api.agreement
+        .findDeptIdsByPtlAgreementGroupId(row.id)
+        .then((res) => {
+          if (res.code == 200) {
+            // console.log(res);
+            // loadingLoad.close();
+            // this.treeData = res.data;
+            this.treekeys = res.data;
+          }
+        });
+    },
+    //保险公司选择
+    prodhandleChange(value) {
+      this.insuranceCompanyId = value[value.length - 1];
+      this.productcopyItemFindPage();
+    },
+    //弹窗关闭
+    productcloseDialog() {
+      this.productCostAddVehicleFactorVisible = false;
+      for (const key in this.productCostForm) {
+        if (key !== "agreementId" && key !== "costsAttrLinks") {
+          this.productCostForm[key] = "";
+        }
+      }
+      this.productCostForm.productId = [];
+      this.productCostForm.productName = [];
+      this.productCostForm.isInquiryNow = "1";
+    },
+
+    //获取选中节点
+    //获取选中节点
+    treechange(data, node) {
+      this.taxSourceVo.agreementTaxExcludeDeptList = [];
+      node.checkedKeys.map((ele) => {
+        // console.log(ele);
+        this.taxSourceVo.agreementTaxExcludeDeptList.push(ele);
+      });
+    },
+    //授权部门提交
+    excludeSubmit() {
+      this.disabledBtn = true;
+      this.$api.agreement
+        .authorizeDeptList({
+          ids: this.taxSourceVo.agreementTaxExcludeDeptList,
+          ptlAgreementGroupId: this.rowId,
+        })
+        .then((res) => {
+          if (res.code == "200") {
+            this.excludedialogVisible = false;
+            this.$message({
+              type: "success",
+              message: res.msg,
+            });
+            this.disabledBtn = false;
+          } else {
+            this.$message({
+              type: "error",
+              message: res.msg,
+            });
+          }
+        });
+    },
+    setFees(row) {
+      this.productcopypage.pageNum = 1;
+      this.productcopypage.pageSize = 10;
+      this.insuranceCompanyId = "";
+      this.rowId = row.id;
+      this.defaultFlag = row.defaultFlag;
+      this.dialogVisible = true;
+      this.isWatch = false;
+      this.productcopyItemFindPage();
+    },
+    async watchAgreement(row) {
+      this.productcopypage.pageNum = 1;
+      this.productcopypage.pageSize = 10;
+      this.insuranceCompanyId = "";
+      this.rowId = row.id;
+      this.defaultFlag = row.defaultFlag;
+      this.dialogVisible = true;
+      this.isWatch = true;
+      this.getAgreement();
+    },
+
+    //配置协议
+    handleSearchList1() {
+      this.productcopyItemFindPage();
+    },
+    //查看配置协议
+    watchhandleSearchList1() {
+      this.getAgreement();
+    },
+    getAgreement() {
+      this.$api.agreement
+        .findLinkAgreementList({
+          ...this.productcopypage,
+
+          companyId: this.insuranceCompanyId,
+          agreementGroupId: this.rowId,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            // let productTable = this.$refs.productTable.$refs.table;
+            this.productcopyItemResult = res.data.content;
+            this.productcopypage.pageNum = res.data.pageNum;
+            this.productcopypage.pageSize = res.data.pageSize;
+            this.productcopypage.totalSize = res.data.totalSize;
+            this.watchColumns.loading = false;
+            // this.selectedProtocol.loading = false;
+          } else {
+            this.productcopyItemResult = [];
+            this.$message.error(res.msg);
+            this.productcopypage.totalSize = 0;
+            this.watchColumns.loading = false;
+          }
+        });
+    },
+    selectionChange(val, refs) {
+      this.costIdList = [];
+      this.costIdList = val;
+    },
+    selectcurrentRow(selection, row) {
+      this.hasDuplicates(row, this.rightList);
+    },
+    //勾选添加到右侧
+    hasDuplicates(row, array) {
+      let temp = [];
+      array.forEach((item) => {
+        temp.push(+item.id);
+      });
+      let numId = +row.id;
+      let containsItem = temp.indexOf(numId);
+
+      if (containsItem > -1) {
+        this.rightList = this.rightList.filter(
+          (_, index) => index !== containsItem
+        );
+      } else {
+        this.rightList.push(row);
+      }
+    },
+    productcopyItemFindPage(data) {
+      this.productcopyItemColumns.loading = true;
+      this.$api.agreement
+        .findAgreementList({
+          ...this.productcopypage,
+          defaultFlag: this.defaultFlag,
+          companyId: this.insuranceCompanyId,
+          agreementGroupId: this.rowId,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            // let productTable = this.$refs.productTable.$refs.table;
+            this.productcopyItemResult = res.data.content;
+            this.productcopypage.pageNum = res.data.pageNum;
+            this.productcopypage.pageSize = res.data.pageSize;
+            this.productcopypage.totalSize = res.data.totalSize;
+            this.productcopyItemColumns.loading = false;
+            this.selectedProtocol.loading = false;
+          } else {
+            this.productcopyItemResult = [];
+            this.$message.error(res.msg);
+            this.productcopypage.totalSize = 0;
+            this.productcopyItemColumns.loading = false;
+          }
+        });
+    },
+    handleRowChange(row) {
+      let expandTable = this.$refs.expandTable.$refs.table;
+      if (!row.expanded) {
+        this.$api.sys.sysChannelGroupQuery(row.id).then((res) => {
+          if (res.code == "200") {
+            this.tableData.map((item) => {
+              if (item.id === row.id) {
+                item.insAreaCompanyList = res.data.sysChannelGroupInfos;
+              }
+              return item;
+            });
+            this.updateChildTable = !this.updateChildTable;
+            row.expanded = !row.expanded;
+            expandTable.toggleRowExpansion(row, row.expanded);
+          } else {
+            this.$message.info("暂无数据");
+          }
+        });
+      } else {
+        row.expanded = !row.expanded;
+        this.$refs.expandTable.$refs.table.toggleRowExpansion(
+          row,
+          row.expanded
+        );
+      }
+    },
+    // 查询
+    handleSearchList(data) {
+      this.getList(data);
+    },
+    add() {
+      this.queryForm = {};
+
+      this.dialogVisibleadd = true;
+      this.dialogTitle = "新增";
+    },
+    handleTableDatl(row) {
+      this.$confirm("确认删除该条数据吗?", "提示", {
+        type: "warning",
+      }).then(() => {
+        this.$api.agreement.agreementGroupDelete({ id: row.id }).then((res) => {
+          if (res.code == 200) {
+            this.$message.success(res.msg);
+            this.getList();
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
+      });
+    },
+    sumbit() {
+      if (this.dialogTitle == "新增") {
+        this.$api.agreement
+          .addAgreementGroup({
+            ...this.queryForm,
+            // infos: this.channelFeesData,
+          })
+          .then((res) => {
+            if (res.code == 200) {
+              this.getList();
+              this.$message.success(res.msg);
+              this.dialogVisibleadd = false;
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+      } else {
+        this.$api.agreement
+          .addAgreementGroup({
+            ...this.queryForm,
+            // infos: this.queryForm.sysChannelGroupInfos,
+          })
+          .then((res) => {
+            if (res.code == 200) {
+              this.getList();
+              this.$message.success(res.msg);
+              this.dialogVisibleadd = false;
+            } else {
+              this.$message.error(res.msg);
+            }
+          });
+      }
+    },
+    //列表数据
+    getList(data) {
+      this.tableConfig.loading = true;
+      this.$api.agreement
+        .queryAgreementGroupList({ ...data, ...this.page })
+        .then((res) => {
+          if (res.code == 200) {
+            // res.data.content.forEach((val) => {
+            //   val.enabled = val.enabled == "1" ? "启动" : "禁用";
+            // });
+            this.tableData = res.data.content;
+            this.page.pageNum = res.data.pageNum;
+            this.page.pageSize = res.data.pageSize;
+            this.page.totalSize = res.data.totalSize;
+            this.tableConfig.loading = false;
+          } else {
+            this.tableData = [];
+            this.$message.error(res.msg);
+            this.page.totalSize = 0;
+            this.tableConfig.loading = false;
+          }
+        });
+    },
+    sumbitInstitution() {
+      this.$api.agreement
+        //   costIdList: this.costIdList.map((val) => val.id),
+        .setAgreementList({
+          agreementList: this.costIdList.map((val) => val.agreementId),
+          agreementGroupId: this.rowId,
+          //   id：this.rowId,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.getList();
+            this.$message.success(res.msg);
+
+            this.dialogVisible = false;
+          } else {
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    handleTableUpload(row) {
+      //   this.channelFeesData = res.data.sysChannelGroupInfos;
+      this.dialogTitle = "编辑";
+      this.dialogVisibleadd = true;
+      //   res.data.enabled += "";
+      this.queryForm = row;
+    },
+  },
+};
+</script>
+  <style lang="scss" scoped>
+/deep/ {
+  .stafftree {
+    // 不可全选样式
+    .el-tree-node {
+      .el-checkbox__input.is-disabled {
+        display: none;
+      }
+    }
+  }
+  .delete {
+    width: 30px;
+    height: 30px;
+  }
+}
+.title {
+  margin-bottom: 10px;
+}
+.dialog-footer {
+  display: inline-block;
+  width: 100%;
+  text-align: right;
+}
+/deep/ {
+  .scrollable-dialog .el-dialog__body {
+    max-height: 600px;
+    overflow-y: auto;
+  }
+}
+</style>
+