zhanbo.xu

feat: 开发监管场所管理

1 +import request from "@/utils/request";
2 +
3 +// POST
4 +// ​/operatorPlace​/addOperatorPlace
5 +// 新增监管场所
6 +export function addOperatorPlace(data) {
7 + return request({
8 + url: "/bus-customer/operatorPlace/addOperatorPlace",
9 + method: "post",
10 + data: data,
11 + });
12 +}
13 +
14 +// POST
15 +// ​/operatorPlace​/getOperatorPlaceList
16 +// 查询监管场所列表
17 +export function getOperatorPlaceList(data) {
18 + return request({
19 + url: "/bus-customer/operatorPlace/getOperatorPlaceList",
20 + method: "post",
21 + data: data,
22 + });
23 +}
24 +
25 +// POST
26 +// ​/operatorPlace​/updateOperatorPlace
27 +// 修改监管场所
28 +export function updateOperatorPlace(data) {
29 + return request({
30 + url: "/bus-customer/operatorPlace/updateOperatorPlace",
31 + method: "post",
32 + data: data,
33 + });
34 +}
...@@ -20,17 +20,98 @@ ...@@ -20,17 +20,98 @@
20 label-position="top" 20 label-position="top"
21 size="small" 21 size="small"
22 > 22 >
23 - <Formitem label="角色名称" prop="roleName" type="edit"> 23 + <el-row :gutter="5">
24 - <el-input 24 + <el-col :span="8">
25 - type="text" 25 + <Formitem
26 - class="inputShadow" 26 + label="监管场所经营人代码"
27 - id="inputInner-edit-roleName" 27 + prop="operatorCode"
28 - resize="none" 28 + type="edit"
29 - v-model="formData.roleName" 29 + >
30 - clearable 30 + <el-input
31 - placeholder="" 31 + type="text"
32 - ></el-input> 32 + class="inputShadow"
33 - </Formitem> 33 + id="inputInner-edit-operatorCode"
34 + resize="none"
35 + v-model="formData.operatorCode"
36 + clearable
37 + placeholder=""
38 + ></el-input>
39 + </Formitem>
40 + </el-col>
41 + <el-col :span="8">
42 + <Formitem
43 + label="监管场所经营人名称"
44 + prop="operatorName"
45 + type="edit"
46 + >
47 + <el-input
48 + type="text"
49 + class="inputShadow"
50 + id="inputInner-edit-operatorName"
51 + resize="none"
52 + v-model="formData.operatorName"
53 + clearable
54 + placeholder=""
55 + ></el-input>
56 + </Formitem>
57 + </el-col>
58 + <el-col :span="8">
59 + <Formitem label="所属口岸" prop="portCode" type="edit">
60 + <el-input
61 + type="text"
62 + class="inputShadow"
63 + id="inputInner-edit-portCode"
64 + resize="none"
65 + v-model="formData.portCode"
66 + clearable
67 + placeholder=""
68 + ></el-input>
69 + </Formitem>
70 + </el-col>
71 + <el-col :span="8">
72 + <Formitem label="监管场所代码" prop="loctNo" type="edit">
73 + <el-input
74 + type="text"
75 + class="inputShadow"
76 + id="inputInner-edit-loctNo"
77 + resize="none"
78 + v-model="formData.loctNo"
79 + clearable
80 + placeholder=""
81 + ></el-input>
82 + </Formitem>
83 + </el-col>
84 + <el-col :span="8">
85 + <Formitem
86 + label="监管场所负责人"
87 + prop="operatorPersonInCharge"
88 + type="edit"
89 + >
90 + <el-input
91 + type="text"
92 + class="inputShadow"
93 + id="inputInner-edit-operatorPersonInCharge"
94 + resize="none"
95 + v-model="formData.operatorPersonInCharge"
96 + clearable
97 + placeholder=""
98 + ></el-input>
99 + </Formitem>
100 + </el-col>
101 + <el-col :span="8">
102 + <Formitem label="联系电话" prop="contactNumber" type="edit">
103 + <el-input
104 + type="text"
105 + class="inputShadow"
106 + id="inputInner-edit-contactNumber"
107 + resize="none"
108 + v-model="formData.contactNumber"
109 + clearable
110 + placeholder=""
111 + ></el-input>
112 + </Formitem>
113 + </el-col>
114 + </el-row>
34 </el-form> 115 </el-form>
35 <el-tree 116 <el-tree
36 ref="tree" 117 ref="tree"
...@@ -100,7 +181,7 @@ export default { ...@@ -100,7 +181,7 @@ export default {
100 } else if (this.type == "menuChange") { 181 } else if (this.type == "menuChange") {
101 this.formData = this.active; 182 this.formData = this.active;
102 this.searchTreeData(); 183 this.searchTreeData();
103 - this.loadCheckedKeys();//加载已绑定的菜单 184 + this.loadCheckedKeys(); //加载已绑定的菜单
104 } 185 }
105 } 186 }
106 }, 187 },
...@@ -108,7 +189,12 @@ export default { ...@@ -108,7 +189,12 @@ export default {
108 data() { 189 data() {
109 return { 190 return {
110 formData: { 191 formData: {
111 - roleName: "", 192 + operatorCode: "",
193 + operatorName: "",
194 + portCode: "",
195 + loctNo: "",
196 + operatorPersonInCharge: "",
197 + contactNumber: "",
112 }, 198 },
113 treeData: [], 199 treeData: [],
114 treeCheckData: [], 200 treeCheckData: [],
...@@ -262,7 +348,7 @@ export default { ...@@ -262,7 +348,7 @@ export default {
262 if (res.code === "200") { 348 if (res.code === "200") {
263 this.msgSuccess(res.message); 349 this.msgSuccess(res.message);
264 this.close(); 350 this.close();
265 - this.$store.dispatch('GenerateRoutes') 351 + this.$store.dispatch("GenerateRoutes");
266 } else { 352 } else {
267 this.alertWarningMsg(res.message); 353 this.alertWarningMsg(res.message);
268 this.loadings.dialogLoading = false; 354 this.loadings.dialogLoading = false;
...@@ -283,7 +369,7 @@ export default { ...@@ -283,7 +369,7 @@ export default {
283 this.formData = { 369 this.formData = {
284 roleName: "", 370 roleName: "",
285 }; 371 };
286 - this.checkedKeys = [] 372 + this.checkedKeys = [];
287 this.$emit("close"); 373 this.$emit("close");
288 }, 374 },
289 // 加载已绑定的菜单 375 // 加载已绑定的菜单
...@@ -292,7 +378,9 @@ export default { ...@@ -292,7 +378,9 @@ export default {
292 getMenuByRoleId(this.formData.roleId) 378 getMenuByRoleId(this.formData.roleId)
293 .then((res) => { 379 .then((res) => {
294 if (res.code === "200") { 380 if (res.code === "200") {
295 - this.checkedKeys = res.data.filter(item => item.isBinding && (item.parentMenuId!=0 ) ).map(item => item.menuId); 381 + this.checkedKeys = res.data
382 + .filter((item) => item.isBinding && item.parentMenuId != 0)
383 + .map((item) => item.menuId);
296 //console.log('初始 checkedKeys:', this.checkedKeys); 384 //console.log('初始 checkedKeys:', this.checkedKeys);
297 this.$nextTick(() => { 385 this.$nextTick(() => {
298 this.$refs.tree.setCheckedKeys(this.checkedKeys); 386 this.$refs.tree.setCheckedKeys(this.checkedKeys);
...@@ -314,7 +402,6 @@ export default { ...@@ -314,7 +402,6 @@ export default {
314 this.treeCheckData = checkedKeys.concat(halfCheckedKeys); 402 this.treeCheckData = checkedKeys.concat(halfCheckedKeys);
315 //console.log('合并后的 treeCheckData:', this.treeCheckData); 403 //console.log('合并后的 treeCheckData:', this.treeCheckData);
316 }, 404 },
317 -
318 }, 405 },
319 }; 406 };
320 </script> 407 </script>
......
...@@ -10,39 +10,39 @@ ...@@ -10,39 +10,39 @@
10 <el-row class="row-border"> 10 <el-row class="row-border">
11 <!-- 角色名称 --> 11 <!-- 角色名称 -->
12 <el-col :span="5"> 12 <el-col :span="5">
13 - <Formitem label="角色名称" prop="roleName"> 13 + <Formitem label="经营人代码" prop="operatorCode">
14 <el-input 14 <el-input
15 type="text" 15 type="text"
16 class="inputShadow" 16 class="inputShadow"
17 - id="inputInner--roleName" 17 + id="inputInner--operatorCode"
18 resize="none" 18 resize="none"
19 - v-model="sreachFormData.roleName" 19 + v-model="sreachFormData.operatorCode"
20 clearable 20 clearable
21 placeholder="" 21 placeholder=""
22 ></el-input> 22 ></el-input>
23 </Formitem> 23 </Formitem>
24 </el-col> 24 </el-col>
25 <el-col :span="5"> 25 <el-col :span="5">
26 - <Formitem label="角色名称" prop="roleName"> 26 + <Formitem label="经营人名称" prop="operatorName">
27 <el-input 27 <el-input
28 type="text" 28 type="text"
29 class="inputShadow" 29 class="inputShadow"
30 - id="inputInner--roleName" 30 + id="inputInner--operatorName"
31 resize="none" 31 resize="none"
32 - v-model="sreachFormData.roleName" 32 + v-model="sreachFormData.operatorName"
33 clearable 33 clearable
34 placeholder="" 34 placeholder=""
35 ></el-input> 35 ></el-input>
36 </Formitem> 36 </Formitem>
37 </el-col> 37 </el-col>
38 <el-col :span="5"> 38 <el-col :span="5">
39 - <Formitem label="角色名称" prop="roleName"> 39 + <Formitem label="所属口岸" prop="portCode">
40 <el-input 40 <el-input
41 type="text" 41 type="text"
42 class="inputShadow" 42 class="inputShadow"
43 - id="inputInner--roleName" 43 + id="inputInner--portCode"
44 resize="none" 44 resize="none"
45 - v-model="sreachFormData.roleName" 45 + v-model="sreachFormData.portCode"
46 clearable 46 clearable
47 placeholder="" 47 placeholder=""
48 ></el-input> 48 ></el-input>
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 </template> 127 </template>
128 128
129 <script> 129 <script>
130 -import { getRoleList } from "@/api/system/user.js"; 130 +import { getOperatorPlaceList } from "@/api/supervisePlaceManage-api.js";
131 import DialogVue from "./dialog.vue"; 131 import DialogVue from "./dialog.vue";
132 export default { 132 export default {
133 name: "SupervisePlaceManage", 133 name: "SupervisePlaceManage",
...@@ -137,7 +137,9 @@ export default { ...@@ -137,7 +137,9 @@ export default {
137 data() { 137 data() {
138 return { 138 return {
139 sreachFormData: { 139 sreachFormData: {
140 - roleName: "", 140 + portCode: "",
141 + operatorCode: "",
142 + operatorName: "",
141 }, 143 },
142 page: { 144 page: {
143 pageIndex: 1, 145 pageIndex: 1,
...@@ -148,8 +150,38 @@ export default { ...@@ -148,8 +150,38 @@ export default {
148 tableData: [], 150 tableData: [],
149 headerData: [ 151 headerData: [
150 { 152 {
151 - name: "角色名", 153 + name: "监管场所经营人代码",
152 - value: "roleName", 154 + value: "operatorCode",
155 + width: "",
156 + align: "left",
157 + },
158 + {
159 + name: "监管场所经营人名称",
160 + value: "operatorName",
161 + width: "",
162 + align: "left",
163 + },
164 + {
165 + name: "所属口岸",
166 + value: "portCode",
167 + width: "",
168 + align: "left",
169 + },
170 + {
171 + name: "监管场所代码",
172 + value: "loctNo",
173 + width: "",
174 + align: "left",
175 + },
176 + {
177 + name: "监管场所负责人",
178 + value: "operatorPersonInCharge",
179 + width: "",
180 + align: "left",
181 + },
182 + {
183 + name: "联系电话",
184 + value: "contactNumber",
153 width: "", 185 width: "",
154 align: "left", 186 align: "left",
155 }, 187 },
...@@ -182,7 +214,7 @@ export default { ...@@ -182,7 +214,7 @@ export default {
182 let obj = this.sreachFormData; 214 let obj = this.sreachFormData;
183 obj.pageIndex = this.page.pageIndex; 215 obj.pageIndex = this.page.pageIndex;
184 obj.pageSize = this.page.pageSize; 216 obj.pageSize = this.page.pageSize;
185 - getRoleList(obj) 217 + getOperatorPlaceList(obj)
186 .then((res) => { 218 .then((res) => {
187 if (res.code === "200") { 219 if (res.code === "200") {
188 this.tableData = res.data.value; 220 this.tableData = res.data.value;
......