关系人模块、移动通讯模块

src/api/xxtk/gxr.js

+/*
+ * @Author: your name
+ * @Date: 2021-09-01 10:46:56
+ * @LastEditTime: 2021-09-10 11:41:07
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\api\bkwpxx.js
+ */
+
+
+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//人员关系人信息采集模块
+export const insertgzryGxr = params =>
+  postform(`${base.alyIP}/gzryGxr/insertgzryGxr`, params);
+//关注人员关系人信息修改
+export const updategzryGxr = params =>
+  postform(`${base.alyIP}/gzryGxr/updategzryGxr`, params);
+//人员关系人信息删除
+export const deletegzryGxrById = params =>
+  post(`${base.alyIP}/gzryGxr/deletegzryGxrById`, params);
+//查询人员关系人详情信息
+export const selectGxrById = params =>
+  post(`${base.alyIP}/gzryGxr/selectGxrById`, params);
+
+
+
+

src/api/xxtk/ydtx.js

+/*
+ * @Author: your name
+ * @Date: 2021-09-01 10:46:56
+ * @LastEditTime: 2021-09-10 14:59:17
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\api\bkwpxx.js
+ */
+
+
+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//人员使用移动通讯设备信息采集模块
+export const insertgzrySyydtxsb = params =>
+  postform(`${base.alyIP}/gzrySyydtxsb/insertgzrySyydtxsb`, params);
+//人员使用移动通讯设备信息修改模块
+export const updategzrySyydtxsb = params =>
+  postform(`${base.alyIP}/gzrySyydtxsb/updategzrySyydtxsb`, params);
+//人员使用移动通讯设备信息删除模块
+export const deletegzrySyydtxsbById = params =>
+  post(`${base.alyIP}/gzrySyydtxsb/deletegzrySyydtxsbById`, params);
+//查询人员使用移动通讯设备详情信息
+export const selectSyydtxsbById = params =>
+  post(`${base.alyIP}/gzrySyydtxsb/selectSyydtxsbById`, params);
+
+
+
+

src/router/modules/xxtk.js

@@ -48,11 +48,29 @@ const menuLayouts = [
     path: "/queryGxr",
     name: "queryGxr",
     meta: {
-      title: '关系人信息管理'
+      title: '关系人信息列表'
     },
     component: () => import("@/views/xxtk/gxr/queryGxr.vue")
   },
   {
+    path: "/addGxr",
+    name: "addGxr",
+    meta: {
+      title: '关系人信息管理',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/gxr/addGxr.vue")
+  },
+  {
+    path: "/detailGxr",
+    name: "detailGxr",
+    meta: {
+      title: '关系人信息详情',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/gxr/detailGxr.vue")
+  },
+  {
     path: "/queryQtsf",
     name: "queryQtsf",
     meta: {
@@ -155,14 +173,6 @@ const menuLayouts = [
     component: () => import("@/views/xxtk/jdc/queryJdc.vue")
   },
   {
-    path: "/queryYdtx",
-    name: "queryYdtx",
-    meta: {
-      title: '移动通讯信息管理'
-    },
-    component: () => import("@/views/xxtk/ydtx/queryYdtx.vue")
-  },
-  {
     path: "/queryBshgj",
     name: "queryBshgj",
     meta: {
@@ -238,11 +248,29 @@ const menuLayouts = [
     path: "/queryYdtx",
     name: "queryYdtx",
     meta: {
-      title: '移动通讯信息管理'
+      title: '移动通讯信息列表'
     },
     component: () => import("@/views/xxtk/ydtx/queryYdtx.vue")
   },
   {
+    path: "/addYdtx",
+    name: "addYdtx",
+    meta: {
+      title: '移动通讯信息管理',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/ydtx/addYdtx.vue")
+  },
+  {
+    path: "/detailYdtx",
+    name: "detailYdtx",
+    meta: {
+      title: '移动通讯信息详情',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/ydtx/detailYdtx.vue")
+  },
+  {
     path: "/queryLklz",
     name: "queryLklz",
     meta: {

src/views/xxtk/gxr/addGxr.vue

+<template>
+  <div>
+    <form-compontent
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+    >
+    </form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { insertgzryGxr, updategzryGxr, selectGxrById } from "@/api/xxtk/gxr.js";
+import { gxrxx } from "@/utils/params.js";
+export default {
+  name: "addGzry",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      propFormField: [
+        //基本信息
+        {
+          title: "新增关系人信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: gxrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "关系人信息列表",
+          to: "/queryGxr",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改关系人信息" : "新增关系人信息",
+          to: "/addGxr",
+          isActive: true,
+        },
+      ],
+    };
+  },
+  methods: {
+    submit(params) {
+      let loading = this.$loading({
+        lock: true,
+        text: "正在保存...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      if (!this.xxzjbh) {
+        this.addSubmit(params, loading);
+      } else {
+        this.editSubmit(params, loading);
+      }
+    },
+    addSubmit(params, loading) {
+      insertgzryGxr(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryGxr");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updategzryGxr(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryGxr");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      selectGxrById({
+        xxzjbh: this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.gxr;
+        self.propFormField.forEach((fieldItem) => {
+          if (fieldItem.data && fieldItem.data.length > 0) {
+            fieldItem.data.forEach((i) => {
+              this.$set(this.formLabelAlign, i.id, result[i.id]);
+            });
+          }
+          this.$forceUpdate();
+        });
+        self.$set(self.formLabelAlign, "editing", true);
+        self.$forceUpdate();
+      });
+      setTimeout(() => {
+        self.loading = false;
+      }, 1000);
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.xxzjbh) {
+      this.$set(this.propFormField[0], "title", "修改关系人信息");
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+</style>
\ No newline at end of file

src/views/xxtk/gxr/detailGxr.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-09-10 14:48:00
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\hnksh\ceshi.vue
+-->
+<template>
+  <div class="Content" id="hmxsDetail">
+    <right-content
+      :cxQueryField="cxQueryField"
+      :pageObject="pageObject"
+      :pageFooterProps="pageFooterProps"
+      labelWidth="110px"
+      title="生物特征详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { selectGxrById } from "@/api/xxtk/gxr.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          label: "信息编号:",
+          prop: "xxzjbh",
+          col: "3",
+        },
+        {
+          label: "关联信息编号:",
+          prop: "glxxXxzjbh",
+          col: "3",
+        },
+        {
+          label: "常用证件:",
+          prop: "cyzjCyzjdm",
+          col: "3",
+          type: "codeTree",
+          codeTree: "CODE_ZJ",
+        },
+        {
+          label: "常用证件补充描述:",
+          prop: "cyzjDmbcms",
+          col: "6",
+        },
+        {
+          label: "证件号码:",
+          prop: "zjhm",
+          col: "3",
+        },
+        {
+          label: "关注原因_简要情况:",
+          prop: "gxrGzyyJyqk",
+          col: "3",
+        },
+        {
+          label: "关系人社会关系:",
+          prop: "gxrShgxShgxdm",
+          type: "codeTree",
+          codeTree: "CODE_SHGX",
+          col: "3",
+        },
+        {
+          label: "关系人社会关系补充描述:",
+          prop: "gxrShgxDmbcms",
+          col: "6",
+        },
+        {
+          label: "关系人人名称类别:",
+          prop: "gxrRmcRmclbdm",
+          type: "codeTree",
+          codeTree: "CODE_RMCLB",
+          col: "3",
+        },
+        {
+          label: "关系人代码补充描述:",
+          prop: "gxrRmcDmbcms",
+          col: "6",
+        },
+        {
+          label: "关系人人名称:",
+          prop: "gxrRmcRmc",
+          col: "3",
+        },
+        {
+          label: "关系人常用证件代码:",
+          prop: "gxrCyzjCyzjdm",
+          col: "3",
+        },
+        {
+          label: "关系人常用证件补充描述:",
+          prop: "gxrCyzjDmbcms",
+          col: "6",
+        },
+        {
+          label: "关系人证件号码:",
+          prop: "gxrCyzjZjhm",
+          col: "3",
+        },
+        {
+          label: "关系人出生日期:",
+          prop: "gxrCsrq",
+          col: "3",
+        },
+        {
+          label: "关系人性别:",
+          prop: "gxrXbdm",
+          type: "codeTree",
+          codeTree: "CODE_XB",
+          col: "3",
+        },
+        {
+          label: "关系人国籍:",
+          prop: "gxrGjdm",
+          type: "codeTree",
+          codeTree: "CODE_GJ",
+          col: "3",
+        },
+        {
+          label: "关系人籍贯省市县:",
+          prop: "gxrJgdm",
+          type: "codeTree",
+          codeTree: "CODE_XZQH",
+          col: "3",
+        },
+        {
+          label: "关系人民族代码:",
+          prop: "gxrMzdm",
+          type: "codeTree",
+          codeTree: "CODE_MZ_MIS",
+          col: "3",
+        },
+        {
+          label: "关系人户籍地址行政区划:",
+          prop: "gxrHjdzXzqhdm",
+          type: "codeTree",
+          codeTree: "CODE_XZQH",
+          col: "3",
+        },
+        {
+          label: "关系人户籍地址地址名称:",
+          prop: "gxrHjdzDzmc",
+          col: "3",
+        },
+        {
+          label: "关系人现住址行政区划:",
+          prop: "gxrXzzXzqhdm",
+          type: "codeTree",
+          codeTree: "CODE_XZQH",
+          col: "3",
+        },
+        {
+          label: "关系人现住址地址名称:",
+          prop: "gxrXzzDzmc",
+          col: "3",
+        },
+        {
+          label: "关系人境外住址国家和地区:",
+          prop: "gxrJwzzGjhdqdm",
+          type: "codeTree",
+          codeTree: "CODE_GJ",
+          col: "3",
+        },
+        {
+          label: "关系人境外住址地址名称:",
+          prop: "gxrXzzXzqhdm",
+          type: "codeTree",
+          codeTree: "CODE_XZQH",
+          col: "3",
+        },
+        {
+          label: "关系人体貌特征描述:",
+          prop: "gxrTmtzms",
+          col: "6",
+        },
+        {
+          label: "关系人体表标记描述:",
+          prop: "关系人体表标记描述",
+          col: "6",
+        },
+        {
+          label: "关系人人其他特征简要情况:",
+          prop: "gxrRqttzJyqk",
+          col: "6",
+        },
+        {
+          label: "关系人违法犯罪经历描述:",
+          prop: "gxrWffzjlms",
+          col: "6",
+        },
+        {
+          label: "关系人职业职业类别代码:",
+          prop: "gxrZyZylbdm",
+          type: "codeTree",
+          codeTree: "CODE_ZY",
+          col: "3",
+        },
+        {
+          label: "关系人职业代码补充描述:",
+          prop: "gxrZyDmbcms",
+          col: "3",
+        },
+        {
+          label: "关系人工作单位:",
+          prop: "gxrGzdw",
+          col: "3",
+        },
+        {
+          label: "关系人联系电话:",
+          prop: "gxrLxdh",
+          col: "3",
+        },
+        {
+          label: "关系人人员DNA编号:",
+          prop: "gxrRydnabh",
+          col: "3",
+        },
+        {
+          label: "关系人十指指纹编号:",
+          prop: "gxrSzzwbh",
+          col: "3",
+        },
+        {
+          label: "关系人关联建立时间:",
+          prop: "gxrGlJlsj",
+          col: "3",
+        },
+        {
+          label: "关系人备注:",
+          prop: "gxrBz",
+          col: "3",
+        },
+      ],
+      pageFooterProps: [
+        {
+          label: "填表单位:",
+          prop: "xxdjdwGajgmc",
+          col: "3",
+        },
+        {
+          label: "填表人:",
+          prop: "xxdjryXm",
+          col: "3",
+        },
+        {
+          label: "填表时间:",
+          prop: "djsj",
+          col: "3",
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      pageObject: {},
+      xxzjbh: "",
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "关系人信息列表",
+          to: "/queryGxr",
+          isActive: false,
+        },
+        {
+          name: "关系人信息详情",
+          to: "/detailGxr",
+          isActive: true,
+        },
+      ],
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      selectGxrById({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.gxr;
+        _this.filterTreeCode(result);
+      });
+    },
+    filterTreeCode(obj) {
+      let _this = this;
+      let arr = [..._this.cxQueryField, ..._this.pageFooterProps];
+      console.log(arr);
+      arr.forEach((i) => {
+        if (i.type && i.type == "codeTree") {
+          axios
+            .get(`JsonData/${i.codeTree}.json`)
+            .then((codRes) => {
+              let value = _this.queryTree(codRes.data.rows, obj[i.prop]);
+              _this.$set(_this.pageObject, i.prop, value);
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+        } else {
+          _this.$set(_this.pageObject, i.prop, obj[i.prop]);
+        }
+      });
+      console.log(_this.pageObject);
+    },
+    queryTree(tree, id) {
+      let stark = [];
+      stark = stark.concat(tree);
+      while (stark.length) {
+        const temp = stark.shift();
+        if (temp[this.defaultProps.children]) {
+          stark = stark.concat(temp[this.defaultProps.children]);
+        }
+        if (temp[this.defaultProps.value] === id) {
+          return temp[this.defaultProps.label];
+        }
+      }
+      return "";
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    this.xxzjbh = this.$route.query.xxzjbh;
+    this.getInfor();
+  },
+};
+</script>
+<style scoped lang="scss">
+</style>

src/views/xxtk/gxr/queryGxr.vue

@@ -7,13 +7,18 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
+      ref="rightContent"
       @add="add"
+      @dele="dele"
+      @toInfor="toInfor"
+      @edit="edit"
     ></right-content>
   </div>
 </template>
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
+import { deletegzryGxrById } from "@/api/xxtk/gxr.js";
 export default {
   name: "queryCase",
   components: {
@@ -27,11 +32,11 @@ export default {
         zjhm: "",
         limit: 10,
         page: 1,
-        asjbh:'',
-        asjxgrybh:'',
-        xxdjdwGajgjgdm:'',
-        djkssj:'',
-        djjssj:''
+        asjbh: "",
+        asjxgrybh: "",
+        xxdjdwGajgjgdm: "",
+        djkssj: "",
+        djjssj: "",
       },
       cxQueryField: [
         {
@@ -68,7 +73,7 @@ export default {
           placeholder: "",
           col: "3",
         },
-         {
+        {
           name: "登记单位",
           id: "xxdjdwGajgjgdm",
           type: "codeTreeDialog",
@@ -78,7 +83,7 @@ export default {
           codeOptions: [],
           codeTree: "CODE_XB",
         },
-         {
+        {
           name: "登记时间",
           id: "djkssj",
           id2: "djjssj",
@@ -89,6 +94,10 @@ export default {
       ],
       cxDefaultFormThead: [
         {
+          label: "信息主键编号",
+          prop: "xxzjbh",
+        },
+        {
           label: "常用证件",
           prop: "cyzjCyzjdm",
         },
@@ -109,24 +118,60 @@ export default {
           label: "关系人名称",
           prop: "gxrRmcRmc",
         },
-          {
+        {
           label: "登记时间",
           prop: "djsj",
         },
-        {
-          label: "xxzjbh",
-          prop: "xxzjbh",
-        }
       ],
-      cxUrl: "/gzryGxr/selectgzryGxr"
+      cxUrl: "/gzryGxr/selectgzryGxr",
     };
   },
-  created() {
-    
-  },
+  created() {},
   methods: {
     add() {
-      this.$router.push("addGzry");
+      this.$router.push("addGxr");
+    },
+    dele(obj) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletegzryGxrById({
+            xxzjbh: obj.row.xxzjbh,
+          }).then((res) => {
+            if (res.success && res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功",
+              });
+              this.$refs.rightContent.doQuery("yes");
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    toInfor(obj) {
+      this.$router.push({
+        path: "/detailGxr",
+        query: {
+          xxzjbh: obj.xxzjbh,
+        },
+      });
+    },
+    edit(obj) {
+      this.$router.push({
+        path: "/addGxr",
+        query: {
+          xxzjbh: obj.row.xxzjbh,
+        },
+      });
     },
   },
 };

src/views/xxtk/ydtx/addYdtx.vue

+<template>
+  <div>
+    <form-compontent
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+    >
+    </form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import {
+  insertgzrySyydtxsb,
+  updategzrySyydtxsb,
+  selectSyydtxsbById,
+} from "@/api/xxtk/ydtx.js";
+import { txsb } from "@/utils/params.js";
+export default {
+  name: "addGzry",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      propFormField: [
+        //基本信息
+        {
+          title: "新增移动通讯信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: txsb,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "移动通讯信息列表",
+          to: "/queryYdtx",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh
+            ? "修改移动通讯信息"
+            : "新增移动通讯信息",
+          to: "/addYdtx",
+          isActive: true,
+        },
+      ],
+    };
+  },
+  methods: {
+    submit(params) {
+      let loading = this.$loading({
+        lock: true,
+        text: "正在保存...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      if (!this.xxzjbh) {
+        this.addSubmit(params, loading);
+      } else {
+        this.editSubmit(params, loading);
+      }
+    },
+    addSubmit(params, loading) {
+      insertgzrySyydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryYdtx");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updategzrySyydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryYdtx");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      selectSyydtxsbById({
+        xxzjbh: this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.syydtxsb;
+        self.propFormField.forEach((fieldItem) => {
+          if (fieldItem.data && fieldItem.data.length > 0) {
+            fieldItem.data.forEach((i) => {
+              this.$set(this.formLabelAlign, i.id, result[i.id]);
+            });
+          }
+          this.$forceUpdate();
+        });
+        self.$set(self.formLabelAlign, "editing", true);
+        self.$forceUpdate();
+      });
+      setTimeout(() => {
+        self.loading = false;
+      }, 1000);
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.xxzjbh) {
+      this.$set(this.propFormField[0], "title", "修改移动通讯信息");
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    }
+  },
+};
+</script>
+
+<style scoped lang="scss">
+</style>
\ No newline at end of file

src/views/xxtk/ydtx/detailYdtx.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-09-10 14:58:17
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\hnksh\ceshi.vue
+-->
+<template>
+  <div class="Content" id="hmxsDetail">
+    <right-content
+      :cxQueryField="cxQueryField"
+      :pageObject="pageObject"
+      :pageFooterProps="pageFooterProps"
+      labelWidth="110px"
+      title="移动通讯信息详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { selectSyydtxsbById } from "@/api/xxtk/ydtx.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          label: "信息编号:",
+          prop: "xxzjbh",
+          col: "3",
+        },
+        {
+          label: "关联信息编号:",
+          prop: "glxxXxzjbh",
+          col: "3",
+        },
+        {
+          label: "常用证件:",
+          prop: "cyzjCyzjdm",
+          col: "3",
+          type: "codeTree",
+          codeTree: "CODE_ZJ",
+        },
+        {
+          label: "常用证件补充描述:",
+          prop: "cyzjDmbcms",
+          col: "6",
+        },
+        {
+          label: "证件号码:",
+          prop: "zjhm",
+          col: "3",
+        },
+        {
+          label: "ICCID",
+          prop: "ryxdydtxsbIccidWpbzh",
+          col: "3",
+        },
+        {
+          label: "IMEI",
+          prop: "ryxdydtxsbImeiWpbzh",
+          col: "3",
+        },
+        {
+          label: "IMSI",
+          prop: "ryxdydtxsbImsiFwbzh",
+          col: "3",
+        },
+        {
+          label: "移动电话",
+          prop: "ryxdydtxsbYddh",
+          col: "3",
+        },
+        {
+          label: "物品颜色代码",
+          prop: "ryxdydtxsbWpysdm",
+          type: "codeTree",
+          codeTree: "CODE_XB",
+          col: "3",
+        },
+        {
+          label: "物品特征描述",
+          prop: "ryxdydtxsbWptzms",
+          col: "6",
+        },
+        {
+          label: "设备品牌型号",
+          prop: "ryxdydtxsbPpxh",
+          col: "3",
+        },
+      ],
+      pageFooterProps: [
+        {
+          label: "填表单位:",
+          prop: "xxdjdwGajgmc",
+          col: "3",
+        },
+        {
+          label: "填表人:",
+          prop: "xxdjryXm",
+          col: "3",
+        },
+        {
+          label: "填表时间:",
+          prop: "djsj",
+          col: "3",
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      pageObject: {},
+      xxzjbh: "",
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "移动通讯信息列表",
+          to: "/queryYdtx",
+          isActive: false,
+        },
+        {
+          name: "移动通讯信息详情",
+          to: "/detailYdtx",
+          isActive: true,
+        },
+      ],
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      selectSyydtxsbById({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.syydtxsb;
+        _this.filterTreeCode(result);
+      });
+    },
+    filterTreeCode(obj) {
+      let _this = this;
+      let arr = [..._this.cxQueryField, ..._this.pageFooterProps];
+      console.log(arr);
+      arr.forEach((i) => {
+        if (i.type && i.type == "codeTree") {
+          axios
+            .get(`JsonData/${i.codeTree}.json`)
+            .then((codRes) => {
+              let value = _this.queryTree(codRes.data.rows, obj[i.prop]);
+              _this.$set(_this.pageObject, i.prop, value);
+            })
+            .catch((err) => {
+              console.log(err);
+            });
+        } else {
+          _this.$set(_this.pageObject, i.prop, obj[i.prop]);
+        }
+      });
+      console.log(_this.pageObject);
+    },
+    queryTree(tree, id) {
+      let stark = [];
+      stark = stark.concat(tree);
+      while (stark.length) {
+        const temp = stark.shift();
+        if (temp[this.defaultProps.children]) {
+          stark = stark.concat(temp[this.defaultProps.children]);
+        }
+        if (temp[this.defaultProps.value] === id) {
+          return temp[this.defaultProps.label];
+        }
+      }
+      return "";
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    this.xxzjbh = this.$route.query.xxzjbh;
+    this.getInfor();
+  },
+};
+</script>
+<style scoped lang="scss">
+</style>

src/views/xxtk/ydtx/queryYdtx.vue

@@ -7,12 +7,17 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
+      ref="rightContent"
       @add="add"
+      @dele="dele"
+      @toInfor="toInfor"
+      @edit="edit"
     ></right-content>
   </div>
 </template>
 
 <script>
+import { deletegzrySyydtxsbById } from "@/api/xxtk/ydtx.js";
 import rightContent from "@c/ptCxForm_components.vue";
 export default {
   name: "queryYdtx",
@@ -83,6 +88,10 @@ export default {
       ],
       cxDefaultFormThead: [
         {
+          label: "信息主键编号",
+          prop: "xxzjbh",
+        },
+        {
           label: "常用证件",
           prop: "cyzjCyzjdm",
         },
@@ -103,10 +112,6 @@ export default {
           label: "登记时间",
           prop: "djsj",
         },
-        {
-          label: "xxzjbh",
-          prop: "xxzjbh",
-        },
       ],
       cxUrl: "/gzrySyydtxsb/selectgzrySyydtxsb",
     };
@@ -114,7 +119,49 @@ export default {
   created() {},
   methods: {
     add() {
-      this.$router.push("addGzry");
+      this.$router.push("addYdtx");
+    },
+    dele(obj) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletegzrySyydtxsbById({
+            xxzjbh: obj.row.xxzjbh,
+          }).then((res) => {
+            if (res.success && res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功",
+              });
+              this.$refs.rightContent.doQuery("yes");
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    toInfor(obj) {
+      this.$router.push({
+        path: "/detailYdtx",
+        query: {
+          xxzjbh: obj.xxzjbh,
+        },
+      });
+    },
+    edit(obj) {
+      this.$router.push({
+        path: "/addYdtx",
+        query: {
+          xxzjbh: obj.row.xxzjbh,
+        },
+      });
     },
   },
 };