被布控物品信息模块

src/api/bkwpxx.js

+/*
+ * @Author: your name
+ * @Date: 2021-09-01 10:46:56
+ * @LastEditTime: 2021-09-01 10:48:50
+ * @LastEditors: your name
+ * @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 insertBbkwp = params =>
+  post(`${base.alyIP}/bbkwp/insertBbkwp`, params);
+//被布控物品信息修改
+export const updateBbkwp = params =>
+  post(`${base.alyIP}/bbkwp/updateBbkwp`, params);
+//被布控物品信息删除
+export const deleteBbkwp = params =>
+  post(`${base.alyIP}/bbkwp/deleteBbkwp`, params);
+//被布控物品回显/详情
+export const getBbkwpByxxzjbh = params =>
+  post(`${base.alyIP}/bbkwp/getBbkwpByxxzjbh`, params);
+
+
+
+

src/components/form.vue

@@ -1027,7 +1027,7 @@
       </div>
     </div>
     <div class="button" id="spbtn">
-      <el-button @click="submit" class="finish">保存</el-button>
+      <el-button @click="submit()" class="finish">保存</el-button>
     </div>
     <!-- <div class="prive_picture" v-if="filePreviewFlag" @click="closefilePreview">
       <el-image class="picture" :src="filePreview"> </el-image>
@@ -1168,6 +1168,7 @@ export default {
       }
     },
     submit(bllx) {
+      console.log(1);
       var self = this;
       this.$refs.formLabelAlign.validate((valid) => {
         if (valid) {
@@ -1565,6 +1566,7 @@ export default {
               }
             }
           }
+
           this.$emit("submit", params);
         } else {
           setTimeout(() => {

src/router/index.js

+/*
+ * @Author: your name
+ * @Date: 2021-08-31 14:40:49
+ * @LastEditTime: 2021-09-01 10:37:19
+ * @LastEditors: your name
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\router\index.js
+ */
 import Vue from "vue";
 import VueRouter from "vue-router";
 import indexRoutes from "./modules/index";
 import zdxxRoutes from "./modules/zdxx";
 import xxtkRoutes from "./modules/xxtk";
 import kyxsRoutes from "./modules/kyxs";
+import bbkwtxxRoutes from "./modules/bbkwtxx";
 
 
 const originalPush = VueRouter.prototype.push;
@@ -29,6 +38,7 @@ const mainRouters = [
   zdxxRoutes,
   xxtkRoutes,
   kyxsRoutes,
+  bbkwtxxRoutes,
   {
     path: "*",
     name: "error",

src/router/modules/bbkwtxx.js

+/*
+ * @Author: your name
+ * @Date: 2021-09-01 10:34:31
+ * @LastEditTime: 2021-09-01 11:15:47
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: \founder_vue\src\router\modules\bbkwtxx.js
+ */
+import menuLayout from "@/layout/menuLayout.vue";
+const menuLayouts = [
+  {
+    path: "/queryBbkwpxx",
+    name: "queryBbkwpxx",
+    meta: {
+      title: '被布控物品信息管理'
+    },
+    component: () => import("@/views/bbkwpxx/queryBbkwpxx.vue")
+  },
+  {
+    path: "/addBbkwpxx",
+    name: "addBbkwpxx",
+    meta: {
+      title: '新增被布控物品信息'
+    },
+    component: () => import("@/views/bbkwpxx/addBbkwpxx.vue")
+  },
+  {
+    path: "/bbkwpxxDetail",
+    name: "bbkwpxxDetail",
+    meta: {
+      title: '被布控物品信息详情'
+    },
+    component: () => import("@/views/bbkwpxx/bbkwpxxDetail.vue")
+  },
+  
+];
+
+export default {
+  path: "/right",
+  component: menuLayout,
+  children: [...menuLayouts]
+};
\ No newline at end of file

src/views/bbkwpxx/bbkwpxxDetail.vue

+<!--
+ * @Author: your name
+ * @Date: 2021-08-31 09:52:33
+ * @LastEditTime: 2021-09-01 11:22:13
+ * @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 { getBbkwpByxxzjbh } from "@/api/bkwpxx.js";
+import { get, post, postform, postJson } from "@/utils/http.js";
+export default {
+  name: "queryAj",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      cxQueryField: [
+        {
+          label: "物品名称:",
+          prop: "bbkqtwpWpmc",
+          col: "3",
+        },
+        {
+          label: "物品规格:",
+          prop: "bbkqtwpWpgg",
+          col: "3",
+        },
+        {
+          label: "物品颜色:",
+          prop: "bbkqtwpWpysDmbcms",
+          col: "3",
+        },
+        {
+          label: "物品真伪:",
+          prop: "bbkqtwpWpzwPdbzStr",
+          col: "3",
+        },
+      ],
+      pageFooterProps: [
+        {
+          label: "录入单位:",
+          prop: "xxdjdwGajgjgdm",
+          col: "3",
+        },
+        {
+          label: "录入人:",
+          prop: "xxdjryXm",
+          col: "3",
+        },
+        {
+          label: "录入时间:",
+          prop: "djsj",
+          col: "3",
+        },
+      ],
+      pageObject: {},
+      id: "",
+    };
+  },
+  mounted() {},
+  methods: {
+    getInfor() {
+      getBbkwpByxxzjbh({
+        xxzjbh: this.id,
+      }).then((res) => {
+        if (res.success && res.code == 200) {
+          this.pageObject = res.data.rows;
+        }
+      });
+    },
+  },
+  created() {
+    this.id = this.$route.query.id;
+    this.getInfor();
+  },
+};
+</script>
+<style scoped lang="scss">
+</style>

src/views/bbkwpxx/queryBbkwpxx.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"
+    ></right-content>
+  </div>
+</template>
+
+<script>
+import rightContent from "@c/ptCxForm_components.vue";
+import { deleteBbkwp } from "@/api/bkwpxx.js";
+export default {
+  name: "queryYdtx",
+  components: {
+    rightContent,
+  },
+  data() {
+    return {
+      header: "被布控物品信息管理",
+      pageBs: "queryBbkwpxx",
+      cxFormData: {
+        rows: 10,
+        page: 1,
+        glxxXxzjbh: "",
+      },
+      cxQueryField: [
+        {
+          name: "阵地信息信息主键编号",
+          id: "glxxXxzjbh",
+          type: "text",
+          value: "",
+          placeholder: "",
+          col: "3",
+        },
+      ],
+      cxDefaultFormThead: [
+        {
+          label: "案事件编号",
+          prop: "asjbh",
+        },
+        {
+          label: "物品名称",
+          prop: "bbkqtwpWpmc",
+        },
+        {
+          label: "物品规格",
+          prop: "bbkqtwpWpgg",
+          width: "200",
+        },
+        {
+          label: "物品颜色",
+          prop: "bbkqtwpWpysDmbcms",
+        },
+        {
+          label: "物品真伪",
+          prop: "bbkqtwpWpzwPdbzStr",
+        },
+      ],
+      cxUrl: "/bbkwp/selectBbkwp",
+    };
+  },
+  created() {},
+  methods: {
+    add() {
+      this.$router.push("addBbkwpxx");
+    },
+    dele(scope) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteBbkwp({
+            xxzjbh: scope.row.xxzjbh,
+          }).then((res) => {
+            if (res.success && res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功",
+              });
+
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+      console.log(scope.row.xxzjbh);
+    },
+    toInfor(data){
+      this.$router.push({
+        path: '/bbkwpxxDetail',
+        query: {
+          id: data.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>