添加路由

src/router/index.js

@@ -47,6 +47,7 @@ import xshbRoutes from "./modules/xshb";
 import brainPhotoRoutes from "./modules/brainPhoto";
 import brainPhotoXxxxRoutes from "./modules/brainPhotoXxxx";
 import zdsswpRoutes from "./modules/zdsswp";
+import jcyjzxt from "./modules/jcyjzxt";
 
 
 import rwddRoutes from "./modules/rwddzx";
@@ -111,6 +112,7 @@ const mainRouters = [
   rwddRoutes,
   zcxwRoutes,
   zdsswpRoutes,
+  jcyjzxt,
   ...qgccjRoutes,
   {
     path: "*",

src/router/modules/jcyjzxt.js

+/*
+ * @Author: your name
+ * @Date: 2021-10-14 15:35:19
+ * @LastEditTime: 2021-10-28 09:47:24
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\router\modules\zczl.js
+ */
+import menuLayout from "@/layout/menuLayout.vue";
+const menuLayouts = [
+  {
+    path: "/zbfzxyrlist",
+    name: "zbfzxyrlist",
+    meta: {
+      title: '抓捕犯罪嫌疑人列表'
+    },
+    component: () => import("@/views/jcyjzxt/zbfzxyrlist.vue")
+  },
+  {
+    path: "/kyfwbshlist",
+    name: "kyfwbshlist",
+    meta: {
+      title: '可疑服务标识号列表'
+    },
+    component: () => import("@/views/jcyjzxt/kyfwbshlist.vue")
+  },
+  {
+    path: "/hmdrylist",
+    name: "hmdrylist",
+    meta: {
+      title: '黑名单列表'
+    },
+    component: () => import("@/views/jcyjzxt/hmdrylist.vue")
+  },
+
+];
+
+export default {
+  path: "/right",
+  component: menuLayout,
+  children: [...menuLayouts]
+};

src/views/jcyjzxt/hmdrylist.vue

+<template>
+    <div class="Content">
+        <right-content
+                :tableOperationWidth="tableOperationWidth"
+                :pageBs="pageBs"
+                :header="header"
+                :cxFormData="cxFormData"
+                :cxQueryField="cxQueryField"
+                :cxDefaultFormThead="cxDefaultFormThead"
+                :cxUrl="cxUrl"
+                @edit="edit"
+                @dele="dele"
+                @toXdzl="toXdzl"
+                ref="rightContent"
+        >
+            <template #btnGroup="scope">
+                <el-button @click="dele(scope.scope)" type="text" v-if="scope.scope.row.spsftg != '通过'">删除</el-button>
+            </template>
+        </right-content>
+
+    </div>
+</template>
+
+<script>
+  import rightContent from "@c/ptCxForm_components.vue";
+  import {zlToDelete} from "@/api/zczl/zczl.js";
+
+  export default {
+    name: "rlqbxsxx",
+    components: {
+      rightContent
+    },
+    data() {
+      return {
+
+        tableOperationWidth: 200,
+        header: "抓捕犯罪嫌疑人列表",
+        pageBs: "kyfwbshlist",
+        cxFormData: {
+          limit: 10,
+          page: 1,
+        },
+        cxQueryField: [
+          {
+            name: "业务编号",
+            id: "ywbh",
+            placeholder: "请输入",
+            type: "text",
+            value: "",
+            col: "3",
+          },
+
+        ],
+        cxDefaultFormThead: [
+          {label: "姓名", prop: "zhfzxyrXm"},
+          {label: "别名", prop: "zhfzxyrBmch"},
+          {label: "人员身份证", prop: "zhfzxyrCyzjZjhm"},
+          {label: "户籍地址_地址名称", prop: "zhfzxyrHjdzDzmc"},
+        ],
+
+        cxUrl: "/jcyj/insterTbStHmdry",
+        Menu: [
+          {
+            id: "kyfwbshlist",
+            label: "可疑服务标识号列表",
+            index: "kyfwbshlist",
+            auth: "M0101",
+            className: "iconfont iconrizhi",
+            disabled: false,
+          },
+        ],
+      };
+    },
+    created() {
+      this.$store.commit("user/SET_Menu", this.Menu);
+    },
+    methods: {
+
+      edit(scope) {
+        this.$router.push({
+          path: "addsqfbzl",
+          query: {xxzjbh: scope.row.zczlbh, type: "xdzl"},
+        });
+      },
+      toXdzl() {
+        this.$router.push({
+          path: "/addsqfbzl",
+          query: {
+            type: "xdzl",
+          },
+        });
+      },
+      dele(scope) {
+        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            zlToDelete({
+              zczlbh: scope.row.zczlbh,
+            }).then((res) => {
+              if (res.success && res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功",
+                });
+                this.$refs.rightContent.doQuery("yes");
+              }
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "已取消删除",
+            });
+          });
+      },
+
+
+    },
+    mounted() {
+    },
+  };
+</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/jcyjzxt/kyfwbshlist.vue

+<template>
+    <div class="Content">
+        <right-content
+                :tableOperation="tableOperation"
+                :tableOperationWidth="tableOperationWidth"
+                :pageBs="pageBs"
+                :header="header"
+                :cxFormData="cxFormData"
+                :cxQueryField="cxQueryField"
+                :cxDefaultFormThead="cxDefaultFormThead"
+                :cxUrl="cxUrl"
+                @edit="edit"
+                @dele="dele"
+                @toInfor="toInfor"
+                @toXdzl="toXdzl"
+                ref="rightContent"
+        >
+            <template #btnGroup="scope">
+                <el-button @click="dele(scope.scope)" type="text" v-if="scope.scope.row.spsftg != '通过'">删除</el-button>
+            </template>
+        </right-content>
+
+    </div>
+</template>
+
+<script>
+  import rightContent from "@c/ptCxForm_components.vue";
+  import {zlToDelete} from "@/api/zczl/zczl.js";
+
+  export default {
+    name: "rlqbxsxx",
+    components: {
+      rightContent
+    },
+    data() {
+      return {
+
+        tableOperationWidth: 200,
+        header: "抓捕犯罪嫌疑人列表",
+        pageBs: "kyfwbshlist",
+        cxFormData: {
+          limit: 10,
+          page: 1,
+        },
+        cxQueryField: [
+          {
+            name: "业务编号",
+            id: "ywbh",
+            placeholder: "请输入",
+            type: "text",
+            value: "",
+            col: "3",
+          },
+
+        ],
+        cxDefaultFormThead: [
+          {label: "姓名", prop: "zhfzxyrXm"},
+          {label: "别名", prop: "zhfzxyrBmch"},
+          {label: "人员身份证", prop: "zhfzxyrCyzjZjhm"},
+          {label: "户籍地址_地址名称", prop: "zhfzxyrHjdzDzmc"},
+        ],
+
+        cxUrl: "/jcyj/selectKyfwbshlist",
+        Menu: [
+          {
+            id: "kyfwbshlist",
+            label: "可疑服务标识号列表",
+            index: "kyfwbshlist",
+            auth: "M0101",
+            className: "iconfont iconrizhi",
+            disabled: false,
+          },
+        ],
+      };
+    },
+    created() {
+      this.$store.commit("user/SET_Menu", this.Menu);
+    },
+    methods: {
+
+      edit(scope) {
+        this.$router.push({
+          path: "addsqfbzl",
+          query: {xxzjbh: scope.row.zczlbh, type: "xdzl"},
+        });
+      },
+      toXdzl() {
+        this.$router.push({
+          path: "/addsqfbzl",
+          query: {
+            type: "xdzl",
+          },
+        });
+      },
+      dele(scope) {
+        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            zlToDelete({
+              zczlbh: scope.row.zczlbh,
+            }).then((res) => {
+              if (res.success && res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功",
+                });
+                this.$refs.rightContent.doQuery("yes");
+              }
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "已取消删除",
+            });
+          });
+      },
+
+
+    },
+    mounted() {
+    },
+  };
+</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/jcyjzxt/zbfzxyrlist.vue

+<template>
+    <div class="Content">
+        <right-content
+                :tableOperation="tableOperation"
+                :tableOperationWidth="tableOperationWidth"
+                :pageBs="pageBs"
+                :header="header"
+                :cxFormData="cxFormData"
+                :cxQueryField="cxQueryField"
+                :cxDefaultFormThead="cxDefaultFormThead"
+                :cxUrl="cxUrl"
+                @edit="edit"
+                @dele="dele"
+                @toInfor="toInfor"
+                @toXdzl="toXdzl"
+                @examine="examine"
+                ref="rightContent"
+        >
+            <template #btnGroup="scope">
+                <el-button @click="dele(scope.scope)" type="text" v-if="scope.scope.row.spsftg != '通过'">删除</el-button>
+                <el-button @click="ONPJ(scope.scope)" type="text" v-if="scope.scope.row.nfpj=='1'">评价</el-button>
+                <el-button @click="examine(scope.scope)"
+                           v-if="scope.scope.row.spsftg == '未通过' || scope.scope.row.spsftg == '草稿'" type="text">提请审批
+                </el-button>
+            </template>
+        </right-content>
+        <el-drawer
+                size="80%"
+                :with-header="false"
+                :visible.sync="drawer">
+            <zczl infoType="2" v-if="drawer" :zczlbh="zczlbh" :fpbh="fpbh" :sub="sub"></zczl>
+        </el-drawer>
+    </div>
+</template>
+
+<script>
+  import rightContent from "@c/ptCxForm_components.vue";
+  import {zlToDelete, zlTqsp} from "@/api/zczl/zczl.js";
+  import zczl from '@p/zczl/zczl/detailZczl.vue'
+
+  export default {
+    name: "rlqbxsxx",
+    components: {
+      rightContent, zczl
+    },
+    data() {
+      return {
+        zczlbh: '',
+        fpbh: '',
+        sub: '',
+        drawer: false,
+        tableOperation: true,
+        tableOperationWidth: 200,
+        header: "抓捕犯罪嫌疑人列表",
+        pageBs: "zbfzxyrlist",
+        cxFormData: {
+
+          limit: 10,
+          page: 1,
+        },
+        cxQueryField: [
+
+          {
+            name: "业务编号",
+            id: "ywbh",
+            placeholder: "请输入",
+            type: "text",
+            value: "",
+            col: "3",
+          },
+
+        ],
+        cxDefaultFormThead: [
+          {label: "姓名", prop: "zhfzxyrXm"},
+          {label: "别名", prop: "zhfzxyrBmch"},
+          {label: "人员身份证", prop: "zhfzxyrCyzjZjhm"},
+          {label: "户籍地址_地址名称", prop: "zhfzxyrHjdzDzmc"},
+        ],
+
+        cxUrl: "/jcyj/selectZbfzxyrlist",
+        Menu: [
+          {
+            id: "zbfzxyrlist",
+            label: "抓捕犯罪嫌疑人列表",
+            index: "zbfzxyrlist",
+            auth: "M0101",
+            className: "iconfont iconrizhi",
+            disabled: false,
+          },
+        ],
+      };
+    },
+    created() {
+      this.$store.commit("user/SET_Menu", this.Menu);
+
+    },
+    methods: {
+      examine(scope) {
+        console.log(scope);
+        this.$confirm("此操作将该指令提请审批, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            zlTqsp({
+              zczlbh: scope.row.zczlbh,
+            }).then((res) => {
+              if (res.success && res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "提请审批成功",
+                });
+                this.$refs.rightContent.doQuery("yes");
+              }
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: "已取消提请审批",
+            });
+          });
+      },
+      edit(scope) {
+        this.$router.push({
+          path: "addsqfbzl",
+          query: {xxzjbh: scope.row.zczlbh, type: "xdzl"},
+        });
+      },
+      toXdzl() {
+        this.$router.push({
+          path: "/addsqfbzl",
+          query: {
+            type: "xdzl",
+          },
+        });
+      },
+      pingjia(scope) {
+
+      },
+      dele(scope) {
+        console.log(scope);
+        this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            zlToDelete({
+              zczlbh: scope.row.zczlbh,
+            }).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(scope) {
+        this.sub = 'XQ';
+        this.drawer = true;
+        this.zczlbh = scope.zczlbh;
+        this.fpbh = scope.fpbh;
+      },
+      ONPJ(scope) {
+        this.sub = 'PJ';
+        this.drawer = true;
+        this.zczlbh = scope.zczlbh;
+        this.fpbh = scope.fpbh;
+      },
+    },
+    mounted() {
+    },
+  };
+</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>