fix:协议组管理优化

src/views/AgreementManage/AgreementGroup.vue

@@ -96,7 +96,7 @@
     </el-dialog>
     <el-dialog
       :title="isWatch == true ? '查看协议' : '配置协议'"
-      width="50%"
+      width="60%"
       :visible.sync="dialogVisible"
     >
       <el-row :gutter="24">
@@ -123,7 +123,7 @@
             @getList="productcopyItemFindPage"
             @handleSearchList="handleSearchList1"
             :pagination="productcopypage"
-            v-if="!isWatch"
+            v-if="isWatch == false"
           >
           </templateTable>
 
@@ -138,7 +138,7 @@
             v-else
           >
           </templateTable>
-          <span class="dialog-footer">
+          <span class="dialog-footer" v-if="isWatch == false">
             <el-button size="small" @click="dialogVisible = false"
               >取 消</el-button
             >
@@ -149,6 +149,40 @@
         </el-col>
       </el-row>
     </el-dialog>
+
+    <el-dialog
+      title=" 查看协议 "
+      width="60%"
+      :visible.sync="watchDialogVisible"
+    >
+      <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="watchColumns"
+            :data="productcopyItemResult"
+            @getList="getAgreement"
+            @handleSearchList="watchhandleSearchList1"
+            :pagination="productcopypage"
+          >
+          </templateTable>
+        </el-col>
+      </el-row>
+    </el-dialog>
     <el-dialog
       title="排除部门"
       :visible.sync="excludedialogVisible"
@@ -222,6 +256,7 @@ export default {
       rowId: "",
       dialogVisible: false,
       dialogVisibleadd: false,
+      watchDialogVisible: false,
       labelWidth: "100px",
       btnGroup: [
         {
@@ -341,7 +376,7 @@ export default {
         loading: true,
         isPaginationShow: true,
         isCheckBox: true,
-        tableHeight: "600px",
+        tableHeight: "500px",
       },
       watchColumns: {
         columns: [
@@ -349,11 +384,13 @@ export default {
             prop: "companyName",
             label: "保险公司名称",
             type: "text",
+            width: 200,
           },
           {
             prop: "agreementId",
             label: "协议ID",
             type: "text",
+            width: 200,
           },
           {
             prop: "agreementName",
@@ -364,11 +401,13 @@ export default {
             prop: "disableFlag",
             label: "是否启用",
             type: "text",
+            width: 200,
           },
           {
             prop: "effectiveFlag",
             label: "是否有效",
             type: "text",
+            width: 200,
           },
         ],
         optBtns: [
@@ -376,6 +415,7 @@ export default {
             type: "danger",
             label: "删除",
             width: 60,
+
             // hide:(row) => {
             //  return row.importStatus == 1?true:false
             // },
@@ -388,7 +428,7 @@ export default {
         loading: true,
         isPaginationShow: true,
         isCheckBox: false,
-        tableHeight: "600px",
+        tableHeight: "500px",
       },
       selectedProtocol: {
         columns: [
@@ -608,7 +648,7 @@ export default {
       this.insuranceCompanyId = "";
       this.rowId = row.id;
       this.defaultFlag = row.defaultFlag;
-      this.dialogVisible = true;
+      this.watchDialogVisible = true;
       this.isWatch = true;
       this.getAgreement();
     },
@@ -826,7 +866,7 @@ export default {
       this.dialogTitle = "编辑";
       this.dialogVisibleadd = true;
       //   res.data.enabled += "";
-      this.queryForm = row;
+      this.queryForm = { ...row };
     },
   },
 };