配页面

src/api/qgccj/ssdy.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//采集损失弹药信息
+export const insertssdy = params =>
+  postform(`${base.alyIP}/ssydtxsb/insert`, params);
+//修改损失弹药信息
+export const updatessdy = params =>
+  postform(`${base.alyIP}/ssydtxsb/update`, params);
+//删除损失弹药信息
+export const deletessdy = params =>
+  post(`${base.alyIP}/ssydtxsb/delete`, params);
+//查询损失弹药信息
+export const queryByXxzjbh = params =>
+  post(`${base.alyIP}/ssydtxsb/queryByXxzjbh`, params);
\ No newline at end of file

src/api/qgccj/ssfjdc.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//采集损失非机动车信息
+export const insertssfjdc = params =>
+  postform(`${base.alyIP}/ssydtxsb/insert`, params);
+//修改损失非机动车信息
+export const updatessfjdc = params =>
+  postform(`${base.alyIP}/ssydtxsb/update`, params);
+//删除损失非机动车信息
+export const deletessfjdc = params =>
+  post(`${base.alyIP}/ssydtxsb/delete`, params);
+//查询损失非机动车信息
+export const queryByXxzjbh = params =>
+  post(`${base.alyIP}/ssydtxsb/queryByXxzjbh`, params);
\ No newline at end of file

src/api/qgccj/ssjdc.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//采集损失机动车信息
+export const insertssjdc = params =>
+  postform(`${base.alyIP}/ssydtxsb/insert`, params);
+//修改损失机动车信息
+export const updatessjdc = params =>
+  postform(`${base.alyIP}/ssydtxsb/update`, params);
+//删除损失机动车信息
+export const deletessjdc = params =>
+  post(`${base.alyIP}/ssydtxsb/delete`, params);
+//查询损失机动车信息
+export const queryByXxzjbh = params =>
+  post(`${base.alyIP}/ssydtxsb/queryByXxzjbh`, params);
\ No newline at end of file

src/api/qgccj/sskl.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//采集损失卡类信息
+export const insertsskl = params =>
+  postform(`${base.alyIP}/ssydtxsb/insert`, params);
+//修改损失卡类信息
+export const updatesskl = params =>
+  postform(`${base.alyIP}/ssydtxsb/update`, params);
+//删除损失卡类信息
+export const deletesskl = params =>
+  post(`${base.alyIP}/ssydtxsb/delete`, params);
+//查询损失卡类信息
+export const queryByXxzjbh = params =>
+  post(`${base.alyIP}/ssydtxsb/queryByXxzjbh`, params);
\ No newline at end of file

src/api/qgccj/ssqz.js

+import { get, post, postform } from "@/utils/http.js";
+import base from "@/api/base";
+
+//采集损失枪支信息
+export const insertssqz = params =>
+  postform(`${base.alyIP}/ssydtxsb/insert`, params);
+//修改损失枪支信息
+export const updatessqz = params =>
+  postform(`${base.alyIP}/ssydtxsb/update`, params);
+//删除损失枪支信息
+export const deletessqz = params =>
+  post(`${base.alyIP}/ssydtxsb/delete`, params);
+//查询损失枪支信息
+export const queryByXxzjbh = params =>
+  post(`${base.alyIP}/ssydtxsb/queryByXxzjbh`, params);
\ No newline at end of file

src/router/modules/qgccj.js

@@ -108,6 +108,92 @@ const menuLayouts = [
     },
     component: () => import("@/views/qgncj/sswp/ssydtxsb/detailssydtxsb.vue")
   },
+  {
+    path: "/addssddfjdc",
+    name: "addssddfjdc",
+    meta: {
+      title: '损失电动非机动车',
+      isAdd: true
+    },
+    component: () => import("@/views/qgncj/sswp/ssfjdc/addssddfjdc.vue")
+  },
+  {
+    path: "/detailssddfjdc",
+    name: "detailssddfjdc",
+    meta: {
+      title: '损失电动非机动车详情'
+    },
+    component: () => import("@/views/qgncj/sswp/ssfjdc/detailssddfjdc.vue")
+  },
+  {
+    path: "/addssdy",
+    name: "addssdy",
+    meta: {
+      title: '损失弹药',
+      isAdd: true
+    },
+    component: () => import("@/views/qgncj/sswp/ssdy/addssdy.vue")
+  },
+  {
+    path: "/detailssdy",
+    name: "detailssdy",
+    meta: {
+      title: '损失弹药详情'
+    },
+    component: () => import("@/views/qgncj/sswp/ssdy/detailssdy.vue")
+  },
+  {
+    path: "/addssjdc",
+    name: "addssjdc",
+    meta: {
+      title: '损失机动车',
+      isAdd: true
+    },
+    component: () => import("@/views/qgncj/sswp/ssjdc/addssjdc.vue")
+  },
+  {
+    path: "/detailssjdc",
+    name: "detailssjdc",
+    meta: {
+      title: '损失机动车详情'
+    },
+    component: () => import("@/views/qgncj/sswp/ssjdc/detailssjdc.vue")
+  },
+  {
+    path: "/addsskl",
+    name: "addsskl",
+    meta: {
+      title: '损失卡类',
+      isAdd: true
+    },
+    component: () => import("@/views/qgncj/sswp/sskl/addsskl.vue")
+  },
+  {
+    path: "/detailsskl",
+    name: "detailsskl",
+    meta: {
+      title: '损失卡类详情'
+    },
+    component: () => import("@/views/qgncj/sswp/sskl/detailsskl.vue")
+  },
+  {
+    path: "/addssqz",
+    name: "addssqz",
+    meta: {
+      title: '损失枪支物品',
+      isAdd: true
+    },
+    component: () => import("@/views/qgncj/sswp/ssqz/addssqz.vue")
+  },
+  {
+    path: "/detailssqz",
+    name: "detailssqz",
+    meta: {
+      title: '损失枪支物品详情'
+    },
+    component: () => import("@/views/qgncj/sswp/ssqz/detailssqz.vue")
+  },
+  
 ]
 
 export default menuLayouts
\ No newline at end of file

src/utils/params.js

@@ -8242,7 +8242,7 @@ const sszj_jbxx = [
 const ssfjdc_jbxx = [
   {
     name: "案事件编号:",
-    id: "",
+    id: "asjbh",
     type: "text",
     value: "",
     placeholder: "请输入",
@@ -8544,10 +8544,10 @@ const ssydtxsb_syrxx = [
   {
     name: "联系电话:",
     id: "ssydtxsbSoyrLxdh",
-    type: "textarea",
+    type: "text",
     value: "",
     placeholder: "请输入",
-    col: "18",
+    col: "2",
   },
 ]
 //损失其他物品基本信息

src/views/qgncj/sswp/ssdy/addssdy.vue

+<template>
+  <div>
+    <form-compontent
+      class="formCompontent"
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+      :propTitle="title"
+    ></form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssdy.js";
+import axios from "@/utils/http.js";
+import { ssdy_jbxx, ssdy_dyxx, ssdy_syrxx } from "@/utils/params.js";
+export default {
+  name: "zdxx",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      title: "新增损失移动通讯设备",
+      propFormField: [
+        //基本信息
+        {
+          title: "基本信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: ssydtxsb_jbxx,
+        },
+        {
+          title: "所有人信息",
+          id: 2,
+          objStr: "",
+          index: 1,
+          data: ssydtxsb_syrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改人员" : "新增人员",
+          to: "/addGzry",
+          isActive: true,
+        },
+      ],
+      glxxXxzjbh: "",
+      xxzjbh: "",
+    };
+  },
+  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);
+      }
+    },
+    windowRefresh() {
+      window.close();
+      window.opener.location.reload();
+    },
+    addSubmit(params, loading) {
+      insertssydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updatessydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        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(() => {
+          loading.close();
+        }, 500);
+      });
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.glxxXxzjbh) {
+      this.glxxXxzjbh = this.$route.query.glxxXxzjbh;
+    }
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改损失移动通讯设备";
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    } else {
+      this.$set(this.formLabelAlign, "asjbh", this.$route.query.asjbh);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formCompontent /deep/ {
+  #spbtn {
+    width: calc(100% - 40px);
+  }
+}
+</style>

src/views/qgncj/sswp/ssdy/detailssdy.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-10-28 14:20:52
+ * @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"
+      labelWidth="120px"
+      title="损失移动通讯设备详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssdy.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          title: "基本信息", //如果不分小模块就删除title
+          id: 1,
+          objStr: "",
+          data: [
+            {
+              label: "案事件编号:",
+              prop: "asjbh",
+              col: "3",
+            },
+            {
+              label: "手机使用状态:",
+              prop: "sjsyzt",
+              col: "3",
+            },
+            {
+              label: "品牌型号:",
+              prop: "ssydtxsbPpxh",
+              col: "3",
+            },
+            {
+              label: "电话号码:",
+              prop: "ssydtxsbYddh",
+              col: "3",
+            },
+            {
+              label: "机主提供串码:",
+              prop: "ssydtxsbImeiWpbzh",
+              col: "3",
+            },
+            {
+              label: "IMSI(串号):",
+              prop: "ssydtxsbImsiFwbzh",
+              col: "3",
+            },
+            {
+              label: "ICCID(SIM卡号):",
+              prop: "ssydtxsbIccidWpbzh",
+              col: "3",
+            },
+            {
+              label: "物品颜色:",
+              prop: "ssydtxsbWpysdm",
+              col: "3",
+            },
+            {
+              label: "物品价值（元）:",
+              prop: "ssydtxsbWpjzrmby",
+              col: "3",
+            },
+            {
+              label: "购置日期:",
+              prop: "ssydtxsbWpgzrq",
+              col: "3",
+            },
+            {
+              label: "涉案时间:",
+              prop: "sasj",
+              col: "3",
+            },
+            {
+              label: "网综串码:",
+              prop: "wzimei",
+              col: "3",
+            },
+            {
+              label: "特征描述:",
+              prop: "ssydtxsbWptzms",
+              col: "10",
+            },
+          ],
+        },
+        {
+          title: "所有人信息", //如果不分小模块就删除title
+          id: 2,
+          objStr: "",
+          data: [
+            {
+              label: "姓名:",
+              prop: "ssydtxsbSoyrXm",
+              col: "3",
+            },
+            {
+              label: "证件类型:",
+              prop: "ssydtxsbSoyrCyzjdm",
+              col: "3",
+            },
+            {
+              label: "证件号码:",
+              prop: "ssydtxsbSoyrZjhm",
+              col: "3",
+            },
+            {
+              label: "联系电话:",
+              prop: "ssydtxsbSoyrLxdh",
+              col: "3",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: "人员涉案详情",
+          to: "/detailCase",
+          isActive: true,
+        },
+      ],
+      pageObject: {},
+      xxzjbh: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        this.pageObject = result;
+        loading.close();
+      });
+    },
+  },
+  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/qgncj/sswp/ssdy/queryssdy.vue

-<!--
- * @Author: your name
- * @Date: 2021-10-27 15:40:10
- * @LastEditTime: 2021-10-27 15:40:10
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \founder_vue\src\views\qgncj\sswp\ssdy\queryssdy.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 { deletessydtxsb } from "@/api/qgccj/ssydtxsb.js";
+import rightContent from "@c/ptCxForm_components.vue";
+export default {
+  name: "bshgj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "全过程采集",
+      pageBs: "querysstxsb",
+      cxFormData: {
+        limit: 10,
+        page: 1,
+        asjbh: this.$route.query.asjbh,
+      },
+      cxQueryField: [],
+      cxDefaultFormThead: [
+        {
+          label: "品牌型号",
+          prop: "ssydtxsbPpxh",
+          toInfor: true,
+        },
+        {
+          label: "移动电话",
+          prop: "ssydtxsbYddh",
+        },
+        {
+          label: "IMEI(设备码)",
+          prop: "ssydtxsbImeiWpbzh",
+        },
+        {
+          label: "物品价值",
+          prop: "ssydtxsbWpjzrmby",
+        },
+        {
+          label: "特征描述",
+          prop: "ssydtxsbWptzms",
+        },
+      ],
+      cxUrl: "/gzryFwbzhgj/selectFwbzhgj",
+    };
+  },
+  created() {
+    // debugger;
+  },
+  methods: {
+    add() {
+      this.$router.push("addssydtxb");
+    },
+    dele(obj) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletessydtxsb({
+            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: "/detailssydtxsb",
+        query: {
+          xxzjbh: obj.xxzjbh,
+        },
+      });
+    },
+    edit(obj) {
+      this.$router.push({
+        path: "/addssydtxb",
+        query: {
+          xxzjbh: obj.row.xxzjbh,
+          glxxXxzjbh: obj.row.glxxXxzjbh,
+        },
+      });
+    },
+  },
+};
+</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>

src/views/qgncj/sswp/ssfjdc/addssddfjdc.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-08 17:35:31
+ * @LastEditTime: 2021-10-28 12:59:36
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\xxtk\case\addCase.vue
+-->
+<template>
+  <div>
+    <form-compontent
+      class="formCompontent"
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+      :propTitle="title"
+    ></form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssfjdc.js";
+import axios from "@/utils/http.js";
+import { ssfjdc_jbxx, ssfjdc_fjdcxx, ssfjdc_syrxx } from "@/utils/params.js";
+export default {
+  name: "zdxx",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      title: "新增损失移动通讯设备",
+      propFormField: [
+        //基本信息
+        {
+          title: "基本信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: ssydtxsb_jbxx,
+        },
+        {
+          title: "所有人信息",
+          id: 2,
+          objStr: "",
+          index: 1,
+          data: ssydtxsb_syrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改人员" : "新增人员",
+          to: "/addGzry",
+          isActive: true,
+        },
+      ],
+      glxxXxzjbh: "",
+      xxzjbh: "",
+    };
+  },
+  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);
+      }
+    },
+    windowRefresh() {
+      window.close();
+      window.opener.location.reload();
+    },
+    addSubmit(params, loading) {
+      insertssydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updatessydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        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(() => {
+          loading.close();
+        }, 500);
+      });
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.glxxXxzjbh) {
+      this.glxxXxzjbh = this.$route.query.glxxXxzjbh;
+    }
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改损失移动通讯设备";
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    } else {
+      this.$set(this.formLabelAlign, "asjbh", this.$route.query.asjbh);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formCompontent /deep/ {
+  #spbtn {
+    width: calc(100% - 40px);
+  }
+}
+</style>

src/views/qgncj/sswp/ssfjdc/detailssddfjdc.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-10-28 14:20:52
+ * @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"
+      labelWidth="120px"
+      title="损失移动通讯设备详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssfjdc.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          title: "基本信息", //如果不分小模块就删除title
+          id: 1,
+          objStr: "",
+          data: [
+            {
+              label: "案事件编号:",
+              prop: "asjbh",
+              col: "3",
+            },
+            {
+              label: "手机使用状态:",
+              prop: "sjsyzt",
+              col: "3",
+            },
+            {
+              label: "品牌型号:",
+              prop: "ssydtxsbPpxh",
+              col: "3",
+            },
+            {
+              label: "电话号码:",
+              prop: "ssydtxsbYddh",
+              col: "3",
+            },
+            {
+              label: "机主提供串码:",
+              prop: "ssydtxsbImeiWpbzh",
+              col: "3",
+            },
+            {
+              label: "IMSI(串号):",
+              prop: "ssydtxsbImsiFwbzh",
+              col: "3",
+            },
+            {
+              label: "ICCID(SIM卡号):",
+              prop: "ssydtxsbIccidWpbzh",
+              col: "3",
+            },
+            {
+              label: "物品颜色:",
+              prop: "ssydtxsbWpysdm",
+              col: "3",
+            },
+            {
+              label: "物品价值（元）:",
+              prop: "ssydtxsbWpjzrmby",
+              col: "3",
+            },
+            {
+              label: "购置日期:",
+              prop: "ssydtxsbWpgzrq",
+              col: "3",
+            },
+            {
+              label: "涉案时间:",
+              prop: "sasj",
+              col: "3",
+            },
+            {
+              label: "网综串码:",
+              prop: "wzimei",
+              col: "3",
+            },
+            {
+              label: "特征描述:",
+              prop: "ssydtxsbWptzms",
+              col: "10",
+            },
+          ],
+        },
+        {
+          title: "所有人信息", //如果不分小模块就删除title
+          id: 2,
+          objStr: "",
+          data: [
+            {
+              label: "姓名:",
+              prop: "ssydtxsbSoyrXm",
+              col: "3",
+            },
+            {
+              label: "证件类型:",
+              prop: "ssydtxsbSoyrCyzjdm",
+              col: "3",
+            },
+            {
+              label: "证件号码:",
+              prop: "ssydtxsbSoyrZjhm",
+              col: "3",
+            },
+            {
+              label: "联系电话:",
+              prop: "ssydtxsbSoyrLxdh",
+              col: "3",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: "人员涉案详情",
+          to: "/detailCase",
+          isActive: true,
+        },
+      ],
+      pageObject: {},
+      xxzjbh: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        this.pageObject = result;
+        loading.close();
+      });
+    },
+  },
+  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/qgncj/sswp/ssjdc/addssjdc.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-08 17:35:31
+ * @LastEditTime: 2021-10-28 12:59:36
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\xxtk\case\addCase.vue
+-->
+<template>
+  <div>
+    <form-compontent
+      class="formCompontent"
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+      :propTitle="title"
+    ></form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssjdc.js";
+import axios from "@/utils/http.js";
+import { ssjdc_jbxx, ssjdc_sscl, ssjdc_syr } from "@/utils/params.js";
+export default {
+  name: "zdxx",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      title: "新增损失移动通讯设备",
+      propFormField: [
+        //基本信息
+        {
+          title: "基本信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: ssydtxsb_jbxx,
+        },
+        {
+          title: "所有人信息",
+          id: 2,
+          objStr: "",
+          index: 1,
+          data: ssydtxsb_syrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改人员" : "新增人员",
+          to: "/addGzry",
+          isActive: true,
+        },
+      ],
+      glxxXxzjbh: "",
+      xxzjbh: "",
+    };
+  },
+  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);
+      }
+    },
+    windowRefresh() {
+      window.close();
+      window.opener.location.reload();
+    },
+    addSubmit(params, loading) {
+      insertssydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updatessydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        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(() => {
+          loading.close();
+        }, 500);
+      });
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.glxxXxzjbh) {
+      this.glxxXxzjbh = this.$route.query.glxxXxzjbh;
+    }
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改损失移动通讯设备";
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    } else {
+      this.$set(this.formLabelAlign, "asjbh", this.$route.query.asjbh);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formCompontent /deep/ {
+  #spbtn {
+    width: calc(100% - 40px);
+  }
+}
+</style>

src/views/qgncj/sswp/ssjdc/detailssjdc.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-10-28 14:20:52
+ * @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"
+      labelWidth="120px"
+      title="损失移动通讯设备详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssjdc.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          title: "基本信息", //如果不分小模块就删除title
+          id: 1,
+          objStr: "",
+          data: [
+            {
+              label: "案事件编号:",
+              prop: "asjbh",
+              col: "3",
+            },
+            {
+              label: "手机使用状态:",
+              prop: "sjsyzt",
+              col: "3",
+            },
+            {
+              label: "品牌型号:",
+              prop: "ssydtxsbPpxh",
+              col: "3",
+            },
+            {
+              label: "电话号码:",
+              prop: "ssydtxsbYddh",
+              col: "3",
+            },
+            {
+              label: "机主提供串码:",
+              prop: "ssydtxsbImeiWpbzh",
+              col: "3",
+            },
+            {
+              label: "IMSI(串号):",
+              prop: "ssydtxsbImsiFwbzh",
+              col: "3",
+            },
+            {
+              label: "ICCID(SIM卡号):",
+              prop: "ssydtxsbIccidWpbzh",
+              col: "3",
+            },
+            {
+              label: "物品颜色:",
+              prop: "ssydtxsbWpysdm",
+              col: "3",
+            },
+            {
+              label: "物品价值（元）:",
+              prop: "ssydtxsbWpjzrmby",
+              col: "3",
+            },
+            {
+              label: "购置日期:",
+              prop: "ssydtxsbWpgzrq",
+              col: "3",
+            },
+            {
+              label: "涉案时间:",
+              prop: "sasj",
+              col: "3",
+            },
+            {
+              label: "网综串码:",
+              prop: "wzimei",
+              col: "3",
+            },
+            {
+              label: "特征描述:",
+              prop: "ssydtxsbWptzms",
+              col: "10",
+            },
+          ],
+        },
+        {
+          title: "所有人信息", //如果不分小模块就删除title
+          id: 2,
+          objStr: "",
+          data: [
+            {
+              label: "姓名:",
+              prop: "ssydtxsbSoyrXm",
+              col: "3",
+            },
+            {
+              label: "证件类型:",
+              prop: "ssydtxsbSoyrCyzjdm",
+              col: "3",
+            },
+            {
+              label: "证件号码:",
+              prop: "ssydtxsbSoyrZjhm",
+              col: "3",
+            },
+            {
+              label: "联系电话:",
+              prop: "ssydtxsbSoyrLxdh",
+              col: "3",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: "人员涉案详情",
+          to: "/detailCase",
+          isActive: true,
+        },
+      ],
+      pageObject: {},
+      xxzjbh: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        this.pageObject = result;
+        loading.close();
+      });
+    },
+  },
+  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/qgncj/sswp/sskl/addsskl.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-08 17:35:31
+ * @LastEditTime: 2021-10-28 12:59:36
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\xxtk\case\addCase.vue
+-->
+<template>
+  <div>
+    <form-compontent
+      class="formCompontent"
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+      :propTitle="title"
+    ></form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { queryByXxzjbh } from "@/api/qgccj/sskl.js";
+import axios from "@/utils/http.js";
+import { sskl_jbxx } from "@/utils/params.js";
+export default {
+  name: "zdxx",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      title: "新增损失移动通讯设备",
+      propFormField: [
+        //基本信息
+        {
+          title: "基本信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: ssydtxsb_jbxx,
+        },
+        {
+          title: "所有人信息",
+          id: 2,
+          objStr: "",
+          index: 1,
+          data: ssydtxsb_syrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改人员" : "新增人员",
+          to: "/addGzry",
+          isActive: true,
+        },
+      ],
+      glxxXxzjbh: "",
+      xxzjbh: "",
+    };
+  },
+  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);
+      }
+    },
+    windowRefresh() {
+      window.close();
+      window.opener.location.reload();
+    },
+    addSubmit(params, loading) {
+      insertssydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updatessydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        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(() => {
+          loading.close();
+        }, 500);
+      });
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.glxxXxzjbh) {
+      this.glxxXxzjbh = this.$route.query.glxxXxzjbh;
+    }
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改损失移动通讯设备";
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    } else {
+      this.$set(this.formLabelAlign, "asjbh", this.$route.query.asjbh);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formCompontent /deep/ {
+  #spbtn {
+    width: calc(100% - 40px);
+  }
+}
+</style>

src/views/qgncj/sswp/sskl/detailsskl.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-10-28 14:20:52
+ * @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"
+      labelWidth="120px"
+      title="损失移动通讯设备详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { queryByXxzjbh } from "@/api/qgccj/sskl.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          title: "基本信息", //如果不分小模块就删除title
+          id: 1,
+          objStr: "",
+          data: [
+            {
+              label: "案事件编号:",
+              prop: "asjbh",
+              col: "3",
+            },
+            {
+              label: "手机使用状态:",
+              prop: "sjsyzt",
+              col: "3",
+            },
+            {
+              label: "品牌型号:",
+              prop: "ssydtxsbPpxh",
+              col: "3",
+            },
+            {
+              label: "电话号码:",
+              prop: "ssydtxsbYddh",
+              col: "3",
+            },
+            {
+              label: "机主提供串码:",
+              prop: "ssydtxsbImeiWpbzh",
+              col: "3",
+            },
+            {
+              label: "IMSI(串号):",
+              prop: "ssydtxsbImsiFwbzh",
+              col: "3",
+            },
+            {
+              label: "ICCID(SIM卡号):",
+              prop: "ssydtxsbIccidWpbzh",
+              col: "3",
+            },
+            {
+              label: "物品颜色:",
+              prop: "ssydtxsbWpysdm",
+              col: "3",
+            },
+            {
+              label: "物品价值（元）:",
+              prop: "ssydtxsbWpjzrmby",
+              col: "3",
+            },
+            {
+              label: "购置日期:",
+              prop: "ssydtxsbWpgzrq",
+              col: "3",
+            },
+            {
+              label: "涉案时间:",
+              prop: "sasj",
+              col: "3",
+            },
+            {
+              label: "网综串码:",
+              prop: "wzimei",
+              col: "3",
+            },
+            {
+              label: "特征描述:",
+              prop: "ssydtxsbWptzms",
+              col: "10",
+            },
+          ],
+        },
+        {
+          title: "所有人信息", //如果不分小模块就删除title
+          id: 2,
+          objStr: "",
+          data: [
+            {
+              label: "姓名:",
+              prop: "ssydtxsbSoyrXm",
+              col: "3",
+            },
+            {
+              label: "证件类型:",
+              prop: "ssydtxsbSoyrCyzjdm",
+              col: "3",
+            },
+            {
+              label: "证件号码:",
+              prop: "ssydtxsbSoyrZjhm",
+              col: "3",
+            },
+            {
+              label: "联系电话:",
+              prop: "ssydtxsbSoyrLxdh",
+              col: "3",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: "人员涉案详情",
+          to: "/detailCase",
+          isActive: true,
+        },
+      ],
+      pageObject: {},
+      xxzjbh: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        this.pageObject = result;
+        loading.close();
+      });
+    },
+  },
+  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/qgncj/sswp/ssqz/addssqz.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-09-08 17:35:31
+ * @LastEditTime: 2021-10-28 12:59:36
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\views\xxtk\case\addCase.vue
+-->
+<template>
+  <div>
+    <form-compontent
+      class="formCompontent"
+      :formField="propFormField"
+      :formLabelAligns="formLabelAlign"
+      @submit="submit"
+      :propTitle="title"
+    ></form-compontent>
+  </div>
+</template>
+
+<script>
+import formCompontent from "@c/form.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssqz.js";
+import axios from "@/utils/http.js";
+import { ssqzxx_jbxx, ssqzxx_fxxx, ssqzxx_syrxx } from "@/utils/params.js";
+export default {
+  name: "zdxx",
+  components: {
+    formCompontent,
+  },
+  data() {
+    return {
+      title: "新增损失移动通讯设备",
+      propFormField: [
+        //基本信息
+        {
+          title: "基本信息",
+          id: 1,
+          objStr: "",
+          index: 0,
+          data: ssydtxsb_jbxx,
+        },
+        {
+          title: "所有人信息",
+          id: 2,
+          objStr: "",
+          index: 1,
+          data: ssydtxsb_syrxx,
+        },
+      ],
+      formLabelAlign: {},
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: this.$route.query.xxzjbh ? "修改人员" : "新增人员",
+          to: "/addGzry",
+          isActive: true,
+        },
+      ],
+      glxxXxzjbh: "",
+      xxzjbh: "",
+    };
+  },
+  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);
+      }
+    },
+    windowRefresh() {
+      window.close();
+      window.opener.location.reload();
+    },
+    addSubmit(params, loading) {
+      insertssydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    editSubmit(params, loading) {
+      params.append("xxzjbh", this.xxzjbh);
+      updatessydtxsb(params).then((res) => {
+        if (res.success && res.code == 200) {
+          this.$alert("保存成功!", "提示", {
+            confirmButtonText: "确定",
+            type: "success",
+            callback: () => {
+              loading.close();
+              this.windowRefresh();
+            },
+          });
+        } else {
+          loading.close();
+          this.$message.error("添加失败，请检查数据格式是否正确");
+        }
+      });
+    },
+    getshuju() {
+      var self = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        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(() => {
+          loading.close();
+        }, 500);
+      });
+    },
+  },
+  created() {
+    this.$store.commit("user/SET_Breadcrumb", this.breadcrumbList);
+    if (this.$route.query.glxxXxzjbh) {
+      this.glxxXxzjbh = this.$route.query.glxxXxzjbh;
+    }
+    if (this.$route.query.xxzjbh) {
+      this.title = "修改损失移动通讯设备";
+      this.xxzjbh = this.$route.query.xxzjbh;
+      this.getshuju();
+    } else {
+      this.$set(this.formLabelAlign, "asjbh", this.$route.query.asjbh);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.formCompontent /deep/ {
+  #spbtn {
+    width: calc(100% - 40px);
+  }
+}
+</style>

src/views/qgncj/sswp/ssqz/detailssqz.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-10-28 14:20:52
+ * @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"
+      labelWidth="120px"
+      title="损失移动通讯设备详情"
+    >
+    </right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/PersonInfor.vue";
+import { queryByXxzjbh } from "@/api/qgccj/ssqz.js";
+import axios from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          title: "基本信息", //如果不分小模块就删除title
+          id: 1,
+          objStr: "",
+          data: [
+            {
+              label: "案事件编号:",
+              prop: "asjbh",
+              col: "3",
+            },
+            {
+              label: "手机使用状态:",
+              prop: "sjsyzt",
+              col: "3",
+            },
+            {
+              label: "品牌型号:",
+              prop: "ssydtxsbPpxh",
+              col: "3",
+            },
+            {
+              label: "电话号码:",
+              prop: "ssydtxsbYddh",
+              col: "3",
+            },
+            {
+              label: "机主提供串码:",
+              prop: "ssydtxsbImeiWpbzh",
+              col: "3",
+            },
+            {
+              label: "IMSI(串号):",
+              prop: "ssydtxsbImsiFwbzh",
+              col: "3",
+            },
+            {
+              label: "ICCID(SIM卡号):",
+              prop: "ssydtxsbIccidWpbzh",
+              col: "3",
+            },
+            {
+              label: "物品颜色:",
+              prop: "ssydtxsbWpysdm",
+              col: "3",
+            },
+            {
+              label: "物品价值（元）:",
+              prop: "ssydtxsbWpjzrmby",
+              col: "3",
+            },
+            {
+              label: "购置日期:",
+              prop: "ssydtxsbWpgzrq",
+              col: "3",
+            },
+            {
+              label: "涉案时间:",
+              prop: "sasj",
+              col: "3",
+            },
+            {
+              label: "网综串码:",
+              prop: "wzimei",
+              col: "3",
+            },
+            {
+              label: "特征描述:",
+              prop: "ssydtxsbWptzms",
+              col: "10",
+            },
+          ],
+        },
+        {
+          title: "所有人信息", //如果不分小模块就删除title
+          id: 2,
+          objStr: "",
+          data: [
+            {
+              label: "姓名:",
+              prop: "ssydtxsbSoyrXm",
+              col: "3",
+            },
+            {
+              label: "证件类型:",
+              prop: "ssydtxsbSoyrCyzjdm",
+              col: "3",
+            },
+            {
+              label: "证件号码:",
+              prop: "ssydtxsbSoyrZjhm",
+              col: "3",
+            },
+            {
+              label: "联系电话:",
+              prop: "ssydtxsbSoyrLxdh",
+              col: "3",
+            },
+          ],
+        },
+      ],
+      defaultProps: {
+        parent: "parentId", // 父级唯一标识
+        value: "id", // 唯一标识
+        label: "label", // 标签显示
+        children: "children", // 子级
+      },
+      breadcrumbList: [
+        {
+          name: "刑嫌列控管理",
+          to: "/queryGzry",
+          isActive: false,
+        },
+        {
+          name: "人员涉案",
+          to: "/queryCase",
+          isActive: false,
+        },
+        {
+          name: "人员涉案详情",
+          to: "/detailCase",
+          isActive: true,
+        },
+      ],
+      pageObject: {},
+      xxzjbh: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      let _this = this;
+      let loading = this.$loading({
+        lock: true,
+        text: "正在加载...",
+        spinner: "el-icon-loading",
+        background: "rgba(255, 255, 255, 0.7)",
+      });
+      queryByXxzjbh({
+        xxzjbh: _this.xxzjbh,
+      }).then((res) => {
+        var result = res.data.rows;
+        this.pageObject = result;
+        loading.close();
+      });
+    },
+  },
+  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/qgncj/sswp/ssqz/queryssqz.vue

-<!--
- * @Author: your name
- * @Date: 2021-10-27 15:39:04
- * @LastEditTime: 2021-10-27 15:39:04
- * @LastEditors: Please set LastEditors
- * @Description: In User Settings Edit
- * @FilePath: \founder_vue\src\views\qgncj\sswp\ssqz\queryssqz.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 { deletessydtxsb } from "@/api/qgccj/ssydtxsb.js";
+import rightContent from "@c/ptCxForm_components.vue";
+export default {
+  name: "bshgj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "全过程采集",
+      pageBs: "querysstxsb",
+      cxFormData: {
+        limit: 10,
+        page: 1,
+        asjbh: this.$route.query.asjbh,
+      },
+      cxQueryField: [],
+      cxDefaultFormThead: [
+        {
+          label: "品牌型号",
+          prop: "ssydtxsbPpxh",
+          toInfor: true,
+        },
+        {
+          label: "移动电话",
+          prop: "ssydtxsbYddh",
+        },
+        {
+          label: "IMEI(设备码)",
+          prop: "ssydtxsbImeiWpbzh",
+        },
+        {
+          label: "物品价值",
+          prop: "ssydtxsbWpjzrmby",
+        },
+        {
+          label: "特征描述",
+          prop: "ssydtxsbWptzms",
+        },
+      ],
+      cxUrl: "/gzryFwbzhgj/selectFwbzhgj",
+    };
+  },
+  created() {
+    // debugger;
+  },
+  methods: {
+    add() {
+      this.$router.push("addssydtxb");
+    },
+    dele(obj) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deletessydtxsb({
+            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: "/detailssydtxsb",
+        query: {
+          xxzjbh: obj.xxzjbh,
+        },
+      });
+    },
+    edit(obj) {
+      this.$router.push({
+        path: "/addssydtxb",
+        query: {
+          xxzjbh: obj.row.xxzjbh,
+          glxxXxzjbh: obj.row.glxxXxzjbh,
+        },
+      });
+    },
+  },
+};
+</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>