联调接口和修改原先查询和展示方式

src/views/zjcl/zjclcl/queryZjcl.vue

 <template>
   <div class="Content">
     <right-content
+      :tableOperation="tableOperation"
       :pageBs="pageBs"
       :header="header"
       :cxFormData="cxFormData"
@@ -13,7 +14,11 @@
       ref="rightContent"
       @selectionChange="selectionChange"
       @drzjhd="drzjhd"
-    ></right-content>
+    >
+      <template #btnGroup="scope">
+        <el-button @click="edit(scope.scope)" type="text">编辑</el-button>
+      </template>
+    </right-content>
 
     <el-dialog
       title="录入证据材料信息"
@@ -70,7 +75,7 @@
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
-import { deleteZjclById, insertZjcl } from "@/api/zjcl/zjcl.js";
+import { deleteZjclById, insertZjcl, getZjclLb } from "@/api/zjcl/zjcl.js";
 export default {
   name: "queryZjcl",
   components: {
@@ -78,12 +83,15 @@ export default {
   },
   data() {
     return {
+      tableOperation:true,
       header: "证据材料检查",
       pageBs: "queryZjcl",
       cxFormData: {
         limit: 10,
         page: 1,
         asjbh: "",
+        ajmc:"",
+        ajqf:"",
       },
       cxQueryField: [
         {
@@ -94,6 +102,62 @@ export default {
           placeholder: "",
           col: "3",
         },
+        {
+          name: "案件名称",
+          id: "ajmc",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        {
+          name: "证物分类",
+          id: "zjlbdm",
+          type: "select",
+          selectData: [
+            {
+              name: "全部",
+              value: "",
+            }
+          ],
+          props: "checkEmpty",
+          value: "",
+          placeholder: "请选择",
+          col: "3",
+        },
+        {
+          name: "案件类别",
+          id: "ajlbdm",
+          type: "codeTreeDialog",
+          codeTree: "CODE_AJLB",
+          codeOptions: [],
+          props: [], //字典弹框需要的字段
+          value: "",
+          col: "3",
+        },
+        {
+          name: "案件区分",
+          id: "ajqf",
+          type: "select",
+          selectData: [
+            {
+              name: "全部",
+              value: "",
+            },
+            {
+              name: "我辖区的",
+              value: "01",
+            },
+            {
+              name: "我侦办的",
+              value: "02",
+            },
+          ],
+          props: "checkEmpty",
+          value: "",
+          placeholder: "请选择",
+          col: "3",
+        },
       ],
       cxDefaultFormThead: [
         {
@@ -103,7 +167,7 @@ export default {
         },
         {
           label: "案件类别",
-          prop: "ajlbdm",
+          prop: "ajlbdmStr",
         },
         {
           label: "案件名称",
@@ -142,7 +206,7 @@ export default {
           prop: "qt",
         },
       ],
-      cxUrl: "/zjclxx/selectZjclJcjgPage",
+      cxUrl: "/zjclJc/getAsjZjjcList",
       Menu: [
         {
           id: "queryZjcl",
@@ -181,7 +245,6 @@ export default {
         },
       ],
       revokeVisiable: false,
-      ckForm: {},
       selectArr: [],
       ckForm: {
         file: "",
@@ -214,6 +277,27 @@ export default {
     this.$store.commit("user/SET_Menu", this.Menu);
     this.$store.commit("user/SET_LeftMenu", this.leftMenus);
     this.$store.commit("user/SET_Header", this.header);
+    getZjclLb().then(res=>{
+      if(res.code === 200) {
+        let list  = res.data.list
+
+        for(let i of list) {
+          this.cxQueryField[2].selectData.push({
+            name:i.name,
+            value: i.code
+          })
+        }
+
+      }
+      else {
+        this.$message({
+          type: "warning",
+          message: res.msg,
+        });
+      }
+
+
+    })
   },
   methods: {
     add() {
@@ -236,6 +320,11 @@ export default {
                 message: "删除成功",
               });
               this.$refs.rightContent.doQuery("yes");
+            } else {
+              this.$message({
+                type: "warning",
+                message: res.message,
+              });
             }
           });
         })
@@ -248,12 +337,21 @@ export default {
     },
     toInfor(obj) {
       this.$router.push({
-        path: "/detailZjcl",
+        path: "/zjclcj",
         query: {
           asjbh: obj.asjbh,
         },
       });
     },
+    edit(obj) {
+      this.$router.push({
+        path: "/zjclcj",
+        query: {
+          asjbh: obj.row.asjbh,
+          operation:'edit'
+        },
+      });
+    },
     selectionChange(scope) {
       this.selectArr = scope;
     },