zhanbo.xu

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-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-roleName"
id="inputInner-edit-operatorName"
resize="none"
v-model="formData.roleName"
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;
......