新增了工作中可以线索的页面

src/api/xxtk/gzzkyxs.js

+import { post, postform, postdown } from "@/utils/http.js";
+import base from "@/api/base";
+//新增工作中可疑线索信息
+export const insertgzryGzzfxxs = params =>
+  postform(`${base.alyIP}/gzryGzzfxxs/insertgzryGzzfxxs`, params);
+//工作中可疑线索信息修改
+export const updategzryGzzfxxs = params =>
+  postform(`${base.alyIP}/gzryGzzfxxs/updategzryGzzfxxs`, params);
+//工作中可疑线索删除
+export const deletegzryGzzfxxsById = params =>
+	post(`${base.alyIP}/gzryGzzfxxs/deletegzryGzzfxxsById`, params);
+//查询工作中可疑线索详情信息
+export const selectGzzfxxsById = params =>
+	post(`${base.alyIP}/gzryGzzfxxs/selectGzzfxxsById`, params);

src/router/modules/xxtk.js

@@ -495,6 +495,32 @@ const menuLayouts = [
     component: () => import("@/views/xxtk/ydtx/detailYdtx.vue")
   },
   {
+    path: "/queryGzzkyxs",
+    name: "queryGzzkyxs",
+    meta: {
+      title: '工作中可疑线索列表'
+    },
+    component: () => import("@/views/xxtk/gzzkyxs/queryGzzkyxs.vue")
+  },
+  {
+    path: "/addGzzkyxs",
+    name: "addGzzkyxs",
+    meta: {
+      title: '工作中可疑线索管理',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/gzzkyxs/addGzzkyxs.vue")
+  },
+  {
+    path: "/detailGzzkyxs",
+    name: "detailGzzkyxs",
+    meta: {
+      title: '工作中可疑线索',
+      isAdd: true
+    },
+    component: () => import("@/views/xxtk/gzzkyxs/detailGzzkyxs.vue")
+  },
+  {
     path: "/queryLklz",
     name: "queryLklz",
     meta: {

src/utils/params.js

@@ -3565,7 +3565,7 @@ export const rytxl = [
   },
 ]
 //工作中可疑线索
-export const gzzkyxws = [
+export const gzzkyxs = [
   {
     name: "关联信息_信息主键编号:",
     id: "glxxXxzjbh",

src/views/xxtk/gzry/queryGzry.vue

@@ -336,6 +336,14 @@ export default {
           className: "iconfont iconfangwen",
           disabled: false,
         },
+        {
+          id: "queryGzzkyxs",
+          label: "工作中可疑线索",
+          index: "queryGzzkyxs",
+          auth: "M0103",
+          className: "iconfont iconfangwen",
+          disabled: false,
+        },
       ],
       leftMenus: [
         //左侧导航(模块第一个页面需要)

src/views/xxtk/gzzkyxs/addGzzkyxs.vue

+<template>
+  <div>
+    <form-compontent
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+    >
+    </form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { insertgzryGzzfxxs, updategzryGzzfxxs, selectGzzfxxsById } from "@/api/xxtk/gzzkyxs.js";
+import { gzzkyxs } from "@/utils/params.js";
+export default {
+  name: "addGzzkyxs",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      propFormField: [
+        //基本信息
+        {
+          title: "新增工作中可疑线索",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: gzzkyxs,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "工作中可疑线索列表",
+          to: "/queryGzzkyxs",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改工作中可疑线索" : "新增工作中可疑线索",
+          to: "/addGzzkyxs",
+          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) {
+      insertgzryGzzfxxs(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryRyhd");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updategzryGzzfxxs(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.$router.push("queryRyhd");
+            },
+          });
+        } else {
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      selectGzzfxxsById({
+        xxzjbh: this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        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/gzzkyxs/detailGzzkyxs.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 { selectGzzfxxsById } from "@/api/xxtk/gzzkyxs.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "detailGzzkyxs",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          label: "信息编号:",
+          prop: "xxzjbh",
+          col: "3",
+        },
+        {
+          label: "关联信息编号:",
+          prop: "glxxXxzjbh",
+          col: "3",
+        },
+        {
+          label: "案事件编号:",
+          prop: "asjbh",
+          col: "3",
+        },
+        {
+          label: "工作中可疑线索标识号类型:",
+          prop: "gzzkyxsbshdm",
+          type: "codeTree",
+          codeTree: "CODE_DXZP_FWBSHS",
+          col: "3",
+        },
+        {
+          label: "工作中可疑线索标识号:",
+          prop: "gzzkyxsbsh",
+          col: "3",
+        },
+        {
+          label: "可疑依据:",
+          prop: "kyyj",
+          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: "/queryGzzkyxs",
+          isActive: false,
+        },
+        {
+          name: "工作中可疑线索详情",
+          to: "/detailGzzkyxs",
+          isActive: true,
+        },
+      ],
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      selectGzzfxxsById({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        _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/gzzkyxs/queryGzzkyxs.vue

+<template>
+  <div class="Content">
+    <right-content
+      :pageBs="pageBs"
+      :header="header"
+      :cxFormData="cxFormData"
+      :cxQueryField="cxQueryField"
+      :cxDefaultFormThead="cxDefaultFormThead"
+      :cxUrl="cxUrl"
+      @add="add"
+      @dele="dele"
+      @toInfor="toInfor"
+      @edit="edit"
+      ref="rightContent"
+    ></right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/ptCxForm_components.vue";
+import { deletegzryGzzfxxsById } from "@/api/xxtk/gzzkyxs.js";
+export default {
+  name: "queryGzzkyxs",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "工作中可疑线索",
+      pageBs: "gzzkyxs",
+      cxFormData: {
+        limit: 10,
+        page: 1,
+        glxxXxzjbh: "",
+      },
+      cxQueryField: [
+        {
+          name: "信息关联主键",
+          id: "glxxXxzjbh",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+        
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "信息主键编号",
+          prop: "xxzjbh",
+        },
+        {
+          label: "关联信息_信息主键编号",
+          prop: "glxxXxzjbh",
+        },
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+          width: "200",
+        },
+        {
+          label: "工作中可疑线索标识号类型",
+          prop: "gzzkyxsbshdm",
+        },
+        {
+          label: "工作中可疑线索标识号",
+          prop: "gzzkyxsbsh",
+        },
+        {
+          label: "可疑依据",
+          prop: "kyyj",
+        },
+      ],
+      cxUrl: "/gzryGzzfxxs/selectgzryGzzfxxs",
+    };
+  },
+  created() {},
+  methods: {
+    add() {
+      this.$router.push("addGzzkyxs");
+    },
+    dele(obj) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletegzryGzzfxxsById({
+            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: "/detailGzzkyxs",
+        query: {
+          xxzjbh: obj.xxzjbh,
+        },
+      });
+    },
+    edit(obj) {
+      this.$router.push({
+        path: "/addGzzkyxs",
+        query: {
+          xxzjbh: obj.row.xxzjbh,
+        },
+      });
+    },
+  },
+};
+</script>
+<style>
+.el-dialog__body {
+  padding: 10px 15px !important;
+}
+.rightContent .el-input__inner,
+#formCommonPage .el-input__inner {
+  height: 32px;
+  line-height: 32px;
+  font-family: inherit;
+}
+.el-table__header-wrapper th,
+.el-table__header-wrapper tr {
+  background: #f4f6f7;
+}
+.rightContent .el-input__icon,
+#formCommonPage .el-input__icon,
+.el-input__suffix-inner {
+  line-height: 36px;
+}
+.rightContent .el-range-separator {
+  position: relative;
+  top: -4px;
+}
+.rightContent .el-textarea__inner,
+#formCommonPage .el-textarea__inner {
+  width: 100%;
+  font-family: inherit;
+}
+.rightContent .el-range-input,
+#formCommonPage .el-range-input {
+  vertical-align: top;
+}
+.rightContent .el-date-editor .el-range__close-icon {
+  margin-top: -4px;
+}
+.rightContent .el-form-item__error {
+  left: calc(66% - 27px);
+  top: 12px;
+}
+.success-row {
+  background-color: #fbf9f4 !important;
+}
+.Content .el-input,
+.Content .el-date-editor--daterange.el-input__inner {
+  width: 100% !important;
+}
+</style>
+<style scoped lang="scss">
+@import "@/assets/styles/rightContent.scss";
+</style>