feat: 开发监管场所管理

+import request from "@/utils/request";
+
+// POST
+// ​/operatorPlace​/addOperatorPlace
+// 新增监管场所
+export function addOperatorPlace(data) {
+  return request({
+    url: "/bus-customer/operatorPlace/addOperatorPlace",
+    method: "post",
+    data: data,
+  });
+}
+
+// POST
+// ​/operatorPlace​/getOperatorPlaceList
+// 查询监管场所列表
+export function getOperatorPlaceList(data) {
+  return request({
+    url: "/bus-customer/operatorPlace/getOperatorPlaceList",
+    method: "post",
+    data: data,
+  });
+}
+
+// POST
+// ​/operatorPlace​/updateOperatorPlace
+// 修改监管场所
+export function updateOperatorPlace(data) {
+  return request({
+    url: "/bus-customer/operatorPlace/updateOperatorPlace",
+    method: "post",
+    data: data,
+  });
+}

@@ -20,17 +20,98 @@
         label-position="top"
         size="small"
       >
-        <Formitem label="角色名称" prop="roleName" type="edit">
-          <el-input
-            type="text"
-            class="inputShadow"
-            id="inputInner-edit-roleName"
-            resize="none"
-            v-model="formData.roleName"
-            clearable
-            placeholder=""
-          ></el-input>
-        </Formitem>
+        <el-row :gutter="5">
+          <el-col :span="8">
+            <Formitem
+              label="监管场所经营人代码"
+              prop="operatorCode"
+              type="edit"
+            >
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-operatorCode"
+                resize="none"
+                v-model="formData.operatorCode"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+          <el-col :span="8">
+            <Formitem
+              label="监管场所经营人名称"
+              prop="operatorName"
+              type="edit"
+            >
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-operatorName"
+                resize="none"
+                v-model="formData.operatorName"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+          <el-col :span="8">
+            <Formitem label="所属口岸" prop="portCode" type="edit">
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-portCode"
+                resize="none"
+                v-model="formData.portCode"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+          <el-col :span="8">
+            <Formitem label="监管场所代码" prop="loctNo" type="edit">
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-loctNo"
+                resize="none"
+                v-model="formData.loctNo"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+          <el-col :span="8">
+            <Formitem
+              label="监管场所负责人"
+              prop="operatorPersonInCharge"
+              type="edit"
+            >
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-operatorPersonInCharge"
+                resize="none"
+                v-model="formData.operatorPersonInCharge"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+          <el-col :span="8">
+            <Formitem label="联系电话" prop="contactNumber" type="edit">
+              <el-input
+                type="text"
+                class="inputShadow"
+                id="inputInner-edit-contactNumber"
+                resize="none"
+                v-model="formData.contactNumber"
+                clearable
+                placeholder=""
+              ></el-input>
+            </Formitem>
+          </el-col>
+        </el-row>
       </el-form>
       <el-tree
         ref="tree"
@@ -100,7 +181,7 @@ export default {
         } else if (this.type == "menuChange") {
           this.formData = this.active;
           this.searchTreeData();
-          this.loadCheckedKeys();//加载已绑定的菜单
+          this.loadCheckedKeys(); //加载已绑定的菜单
         }
       }
     },
@@ -108,7 +189,12 @@ export default {
   data() {
     return {
       formData: {
-        roleName: "",
+        operatorCode: "",
+        operatorName: "",
+        portCode: "",
+        loctNo: "",
+        operatorPersonInCharge: "",
+        contactNumber: "",
       },
       treeData: [],
       treeCheckData: [],
@@ -262,7 +348,7 @@ export default {
           if (res.code === "200") {
             this.msgSuccess(res.message);
             this.close();
-            this.$store.dispatch('GenerateRoutes')
+            this.$store.dispatch("GenerateRoutes");
           } else {
             this.alertWarningMsg(res.message);
             this.loadings.dialogLoading = false;
@@ -283,7 +369,7 @@ export default {
       this.formData = {
         roleName: "",
       };
-      this.checkedKeys = []
+      this.checkedKeys = [];
       this.$emit("close");
     },
     // 加载已绑定的菜单
@@ -292,7 +378,9 @@ export default {
         getMenuByRoleId(this.formData.roleId)
           .then((res) => {
             if (res.code === "200") {
-              this.checkedKeys = res.data.filter(item => item.isBinding && (item.parentMenuId!=0 ) ).map(item => item.menuId);
+              this.checkedKeys = res.data
+                .filter((item) => item.isBinding && item.parentMenuId != 0)
+                .map((item) => item.menuId);
               //console.log('初始 checkedKeys:', this.checkedKeys);
               this.$nextTick(() => {
                 this.$refs.tree.setCheckedKeys(this.checkedKeys);
@@ -314,7 +402,6 @@ export default {
       this.treeCheckData = checkedKeys.concat(halfCheckedKeys);
       //console.log('合并后的 treeCheckData:', this.treeCheckData);
     },
-
   },
 };
 </script>

@@ -10,39 +10,39 @@
       <el-row class="row-border">
         <!-- 角色名称 -->
         <el-col :span="5">
-          <Formitem label="角色名称" prop="roleName">
+          <Formitem label="经营人代码" prop="operatorCode">
             <el-input
               type="text"
               class="inputShadow"
-              id="inputInner--roleName"
+              id="inputInner--operatorCode"
               resize="none"
-              v-model="sreachFormData.roleName"
+              v-model="sreachFormData.operatorCode"
               clearable
               placeholder=""
             ></el-input>
           </Formitem>
         </el-col>
         <el-col :span="5">
-          <Formitem label="角色名称" prop="roleName">
+          <Formitem label="经营人名称" prop="operatorName">
             <el-input
               type="text"
               class="inputShadow"
-              id="inputInner--roleName"
+              id="inputInner--operatorName"
               resize="none"
-              v-model="sreachFormData.roleName"
+              v-model="sreachFormData.operatorName"
               clearable
               placeholder=""
             ></el-input>
           </Formitem>
         </el-col>
         <el-col :span="5">
-          <Formitem label="角色名称" prop="roleName">
+          <Formitem label="所属口岸" prop="portCode">
             <el-input
               type="text"
               class="inputShadow"
-              id="inputInner--roleName"
+              id="inputInner--portCode"
               resize="none"
-              v-model="sreachFormData.roleName"
+              v-model="sreachFormData.portCode"
               clearable
               placeholder=""
             ></el-input>
@@ -127,7 +127,7 @@
 </template>
 
 <script>
-import { getRoleList } from "@/api/system/user.js";
+import { getOperatorPlaceList } from "@/api/supervisePlaceManage-api.js";
 import DialogVue from "./dialog.vue";
 export default {
   name: "SupervisePlaceManage",
@@ -137,7 +137,9 @@ export default {
   data() {
     return {
       sreachFormData: {
-        roleName: "",
+        portCode: "",
+        operatorCode: "",
+        operatorName: "",
       },
       page: {
         pageIndex: 1,
@@ -148,8 +150,38 @@ export default {
       tableData: [],
       headerData: [
         {
-          name: "角色名",
-          value: "roleName",
+          name: "监管场所经营人代码",
+          value: "operatorCode",
+          width: "",
+          align: "left",
+        },
+        {
+          name: "监管场所经营人名称",
+          value: "operatorName",
+          width: "",
+          align: "left",
+        },
+        {
+          name: "所属口岸",
+          value: "portCode",
+          width: "",
+          align: "left",
+        },
+        {
+          name: "监管场所代码",
+          value: "loctNo",
+          width: "",
+          align: "left",
+        },
+        {
+          name: "监管场所负责人",
+          value: "operatorPersonInCharge",
+          width: "",
+          align: "left",
+        },
+        {
+          name: "联系电话",
+          value: "contactNumber",
           width: "",
           align: "left",
         },
@@ -182,7 +214,7 @@ export default {
       let obj = this.sreachFormData;
       obj.pageIndex = this.page.pageIndex;
       obj.pageSize = this.page.pageSize;
-      getRoleList(obj)
+      getOperatorPlaceList(obj)
         .then((res) => {
           if (res.code === "200") {
             this.tableData = res.data.value;