|
@@ -39,6 +39,10 @@
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
+ <template slot="residentialId" slot-scope="scope">{{scope.row.residentialName}}</template>
|
|
|
|
|
+ <template slot="residentialIdForm" slot-scope="scope">
|
|
|
|
|
+ <select-dialog-residential :id="form.residentialId" :name="form.residentialName" :callback="selectCallback"></select-dialog-residential>
|
|
|
|
|
+ </template>
|
|
|
</avue-crud>
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
</basic-container>
|
|
|
</template>
|
|
</template>
|
|
@@ -48,8 +52,10 @@ import {getList, getDetail, add, update, remove} from "../../api/device/doordevi
|
|
|
import {mapGetters} from "vuex";
|
|
import {mapGetters} from "vuex";
|
|
|
import customAvueMap from "../../components/residential/customAvueMap.vue"
|
|
import customAvueMap from "../../components/residential/customAvueMap.vue"
|
|
|
import editPolygonMap from "../../components/residential/editPolygonMap.vue";
|
|
import editPolygonMap from "../../components/residential/editPolygonMap.vue";
|
|
|
|
|
+import SelectDialogResidential from "../../components/select-dialog/select-dialog-residential";
|
|
|
export default {
|
|
export default {
|
|
|
components:{
|
|
components:{
|
|
|
|
|
+ SelectDialogResidential,
|
|
|
customAvueMap,editPolygonMap
|
|
customAvueMap,editPolygonMap
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
@@ -77,17 +83,6 @@ export default {
|
|
|
dialogClickModal: false,
|
|
dialogClickModal: false,
|
|
|
menuWidth:350,
|
|
menuWidth:350,
|
|
|
column: [
|
|
column: [
|
|
|
- {
|
|
|
|
|
- label: "门禁设备",
|
|
|
|
|
- prop: "id",
|
|
|
|
|
- hide: true,
|
|
|
|
|
- display:false,
|
|
|
|
|
- rules: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请输入门禁设备",
|
|
|
|
|
- trigger: "blur"
|
|
|
|
|
- }]
|
|
|
|
|
- },
|
|
|
|
|
{
|
|
{
|
|
|
label: "名称",
|
|
label: "名称",
|
|
|
prop: "name",
|
|
prop: "name",
|
|
@@ -100,101 +95,29 @@ export default {
|
|
|
}]
|
|
}]
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
- label: "设备厂商",
|
|
|
|
|
- prop: "deviceFactory",
|
|
|
|
|
- type: "select",
|
|
|
|
|
- dicUrl: "/api/blade-system/dict-biz/dictionary?code=door_device_factory",
|
|
|
|
|
- props:{
|
|
|
|
|
- label: "dictValue",
|
|
|
|
|
- value: "dictKey"
|
|
|
|
|
- },
|
|
|
|
|
- width: 135,
|
|
|
|
|
|
|
+ label: "Mac编码",
|
|
|
|
|
+ prop: "macAddress",
|
|
|
|
|
+ width: 200,
|
|
|
rules: [{
|
|
rules: [{
|
|
|
required: true,
|
|
required: true,
|
|
|
- message: "请输入设备编号",
|
|
|
|
|
|
|
+ message: "请输入Mac编码",
|
|
|
trigger: "blur"
|
|
trigger: "blur"
|
|
|
}]
|
|
}]
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- // {
|
|
|
|
|
- // label: "所属省",
|
|
|
|
|
- // prop: "provinceCode",
|
|
|
|
|
- // // hide: true,
|
|
|
|
|
- // width: 150,
|
|
|
|
|
- // type: "select",
|
|
|
|
|
- // dicUrl: "/api/blade-system/region/lazy-tree?parentCode=000000",
|
|
|
|
|
- // cascaderItem:["cityCode"],
|
|
|
|
|
- // props:{
|
|
|
|
|
- // label:"title",
|
|
|
|
|
- // value: "id"
|
|
|
|
|
- // },
|
|
|
|
|
- // rules: [{
|
|
|
|
|
- // required: true,
|
|
|
|
|
- // message: "请输入省行政编码",
|
|
|
|
|
- // trigger: "blur"
|
|
|
|
|
- // }]
|
|
|
|
|
- // },
|
|
|
|
|
- // {
|
|
|
|
|
- // label: "所属市",
|
|
|
|
|
- // prop: "cityCode",
|
|
|
|
|
- // hide: true,
|
|
|
|
|
- // type: "select",
|
|
|
|
|
- // width: 150,
|
|
|
|
|
- // cascaderItem: ["areaCode"],
|
|
|
|
|
- // dicUrl: `/api/blade-system/region/lazy-tree?parentCode={{key}}`,
|
|
|
|
|
- // props:{
|
|
|
|
|
- // label: "title",
|
|
|
|
|
- // value: "id"
|
|
|
|
|
- // },
|
|
|
|
|
- // dicFlag: true,
|
|
|
|
|
- // rules: [{
|
|
|
|
|
- // required: true,
|
|
|
|
|
- // message: "请输入市行政编码",
|
|
|
|
|
- // trigger: "blur"
|
|
|
|
|
- // }]
|
|
|
|
|
- // },
|
|
|
|
|
- // {
|
|
|
|
|
- // label: "所属区",
|
|
|
|
|
- // prop: "areaCode",
|
|
|
|
|
- // type: "select",
|
|
|
|
|
- // width: 150,
|
|
|
|
|
- // dicFlag: true,
|
|
|
|
|
- // cascaderItem: ["residentialId"],
|
|
|
|
|
- // dicUrl: `/api/blade-system/region/lazy-tree?parentCode={{key}}`,
|
|
|
|
|
- // props:{
|
|
|
|
|
- // label: "title",
|
|
|
|
|
- // value: "id"
|
|
|
|
|
- // },
|
|
|
|
|
- // rules: [{
|
|
|
|
|
- // required: true,
|
|
|
|
|
- // message: "请输入区行政编码",
|
|
|
|
|
- // trigger: "blur"
|
|
|
|
|
- // }]
|
|
|
|
|
- // },
|
|
|
|
|
- {
|
|
|
|
|
- label: "所属小区",
|
|
|
|
|
- prop: "residentialName",
|
|
|
|
|
- width: 250,
|
|
|
|
|
- display: false,
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
-
|
|
|
|
|
{
|
|
{
|
|
|
label: "所属小区",
|
|
label: "所属小区",
|
|
|
prop: "residentialId",
|
|
prop: "residentialId",
|
|
|
- width: 250,
|
|
|
|
|
- hide: true,
|
|
|
|
|
dicFlag: true,
|
|
dicFlag: true,
|
|
|
type: "select",
|
|
type: "select",
|
|
|
search: true,
|
|
search: true,
|
|
|
searchFilterable: true,
|
|
searchFilterable: true,
|
|
|
|
|
+ slot: true,
|
|
|
|
|
+ formslot: true,
|
|
|
dataType: "number",
|
|
dataType: "number",
|
|
|
dicUrl: "/api/cyzh-community/residential/list?size=500&name={{key}}",
|
|
dicUrl: "/api/cyzh-community/residential/list?size=500&name={{key}}",
|
|
|
dicFormatter:(res)=>{
|
|
dicFormatter:(res)=>{
|
|
|
- console.log(JSON.stringify(res))
|
|
|
|
|
return res.data.records;//返回字典的层级结构
|
|
return res.data.records;//返回字典的层级结构
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
props: {
|
|
props: {
|
|
|
label: "name",
|
|
label: "name",
|
|
|
value: "id"
|
|
value: "id"
|
|
@@ -203,7 +126,7 @@ export default {
|
|
|
required: true,
|
|
required: true,
|
|
|
message: "请选择所属小区",
|
|
message: "请选择所属小区",
|
|
|
trigger: "blur"
|
|
trigger: "blur"
|
|
|
- }]
|
|
|
|
|
|
|
+ }],
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label: "具体地址",
|
|
label: "具体地址",
|
|
@@ -217,35 +140,11 @@ export default {
|
|
|
trigger: "blur"
|
|
trigger: "blur"
|
|
|
}]
|
|
}]
|
|
|
},
|
|
},
|
|
|
-
|
|
|
|
|
- {
|
|
|
|
|
- label: "Mac编码",
|
|
|
|
|
- prop: "macAddress",
|
|
|
|
|
- width: 200,
|
|
|
|
|
- rules: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请输入Mac编码",
|
|
|
|
|
- trigger: "blur"
|
|
|
|
|
- }]
|
|
|
|
|
- },
|
|
|
|
|
- {
|
|
|
|
|
- label: "创建时间",
|
|
|
|
|
- prop: "createTime",
|
|
|
|
|
- display: false,
|
|
|
|
|
- hide: true,
|
|
|
|
|
- width: 150,
|
|
|
|
|
- rules: [{
|
|
|
|
|
- required: true,
|
|
|
|
|
- message: "请输入创建时间",
|
|
|
|
|
- trigger: "blur"
|
|
|
|
|
- }]
|
|
|
|
|
- },
|
|
|
|
|
{
|
|
{
|
|
|
label: "设备状态",
|
|
label: "设备状态",
|
|
|
prop: "deviceStatus",
|
|
prop: "deviceStatus",
|
|
|
- hide: true,
|
|
|
|
|
type: "select",
|
|
type: "select",
|
|
|
- width: 80,
|
|
|
|
|
|
|
+ hide: true,
|
|
|
dicUrl:"/api/blade-system/dict-biz/dictionary?code=face_device_status",
|
|
dicUrl:"/api/blade-system/dict-biz/dictionary?code=face_device_status",
|
|
|
props: {
|
|
props: {
|
|
|
label: 'dictValue',
|
|
label: 'dictValue',
|
|
@@ -254,9 +153,10 @@ export default {
|
|
|
dataType: "number",
|
|
dataType: "number",
|
|
|
rules: [{
|
|
rules: [{
|
|
|
required: true,
|
|
required: true,
|
|
|
- message: "请输入设备状态:0-离线 2-mac异常",
|
|
|
|
|
|
|
+ message: "请输入设备状态:离线 异常",
|
|
|
trigger: "blur"
|
|
trigger: "blur"
|
|
|
- }]
|
|
|
|
|
|
|
+ }],
|
|
|
|
|
+ display: false
|
|
|
},
|
|
},
|
|
|
{
|
|
{
|
|
|
label:'',
|
|
label:'',
|
|
@@ -291,9 +191,89 @@ export default {
|
|
|
trigger: "blur"
|
|
trigger: "blur"
|
|
|
}]
|
|
}]
|
|
|
},
|
|
},
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "门禁设备",
|
|
|
|
|
+ // prop: "id",
|
|
|
|
|
+ // hide: true,
|
|
|
|
|
+ // display:false,
|
|
|
|
|
+ // rules: [{
|
|
|
|
|
+ // required: true,
|
|
|
|
|
+ // message: "请输入门禁设备",
|
|
|
|
|
+ // trigger: "blur"
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "设备厂商",
|
|
|
|
|
+ // prop: "deviceFactory",
|
|
|
|
|
+ // type: "select",
|
|
|
|
|
+ // dicUrl: "/api/blade-system/dict-biz/dictionary?code=door_device_factory",
|
|
|
|
|
+ // props:{
|
|
|
|
|
+ // label: "dictValue",
|
|
|
|
|
+ // value: "dictKey"
|
|
|
|
|
+ // },
|
|
|
|
|
+ // width: 135,
|
|
|
|
|
+ // rules: [{
|
|
|
|
|
+ // required: true,
|
|
|
|
|
+ // message: "请输入设备编号",
|
|
|
|
|
+ // trigger: "blur"
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // },
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "所属省",
|
|
|
|
|
+ // prop: "provinceCode",
|
|
|
|
|
+ // // hide: true,
|
|
|
|
|
+ // width: 150,
|
|
|
|
|
+ // type: "select",
|
|
|
|
|
+ // dicUrl: "/api/blade-system/region/lazy-tree?parentCode=000000",
|
|
|
|
|
+ // cascaderItem:["cityCode"],
|
|
|
|
|
+ // props:{
|
|
|
|
|
+ // label:"title",
|
|
|
|
|
+ // value: "id"
|
|
|
|
|
+ // },
|
|
|
|
|
+ // rules: [{
|
|
|
|
|
+ // required: true,
|
|
|
|
|
+ // message: "请输入省行政编码",
|
|
|
|
|
+ // trigger: "blur"
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "所属市",
|
|
|
|
|
+ // prop: "cityCode",
|
|
|
|
|
+ // hide: true,
|
|
|
|
|
+ // type: "select",
|
|
|
|
|
+ // width: 150,
|
|
|
|
|
+ // cascaderItem: ["areaCode"],
|
|
|
|
|
+ // dicUrl: `/api/blade-system/region/lazy-tree?parentCode={{key}}`,
|
|
|
|
|
+ // props:{
|
|
|
|
|
+ // label: "title",
|
|
|
|
|
+ // value: "id"
|
|
|
|
|
+ // },
|
|
|
|
|
+ // dicFlag: true,
|
|
|
|
|
+ // rules: [{
|
|
|
|
|
+ // required: true,
|
|
|
|
|
+ // message: "请输入市行政编码",
|
|
|
|
|
+ // trigger: "blur"
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // },
|
|
|
|
|
+ // {
|
|
|
|
|
+ // label: "所属区",
|
|
|
|
|
+ // prop: "areaCode",
|
|
|
|
|
+ // type: "select",
|
|
|
|
|
+ // width: 150,
|
|
|
|
|
+ // dicFlag: true,
|
|
|
|
|
+ // cascaderItem: ["residentialId"],
|
|
|
|
|
+ // dicUrl: `/api/blade-system/region/lazy-tree?parentCode={{key}}`,
|
|
|
|
|
+ // props:{
|
|
|
|
|
+ // label: "title",
|
|
|
|
|
+ // value: "id"
|
|
|
|
|
+ // },
|
|
|
|
|
+ // rules: [{
|
|
|
|
|
+ // required: true,
|
|
|
|
|
+ // message: "请输入区行政编码",
|
|
|
|
|
+ // trigger: "blur"
|
|
|
|
|
+ // }]
|
|
|
|
|
+ // },
|
|
|
]
|
|
]
|
|
|
},
|
|
},
|
|
|
data: []
|
|
data: []
|
|
@@ -332,11 +312,9 @@ export default {
|
|
|
created() {
|
|
created() {
|
|
|
const tenantType = localStorage.getItem("tenantType");
|
|
const tenantType = localStorage.getItem("tenantType");
|
|
|
if (tenantType == 0){
|
|
if (tenantType == 0){
|
|
|
- this.option.column[3].label = "所属小区"
|
|
|
|
|
- this.option.column[4].label = "所属小区"
|
|
|
|
|
|
|
+ this.option.column[2].label = "所属小区"
|
|
|
}else if (tenantType == 1){
|
|
}else if (tenantType == 1){
|
|
|
- this.option.column[3].label = "所属区域"
|
|
|
|
|
- this.option.column[4].label = "所属区域"
|
|
|
|
|
|
|
+ this.option.column[2].label = "所属区域"
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
/*mounted() {
|
|
/*mounted() {
|
|
@@ -349,6 +327,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
},*/
|
|
},*/
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ selectCallback(row){
|
|
|
|
|
+ this.form.residentialId = row.id;
|
|
|
|
|
+ this.form.residentialName = row.name;
|
|
|
|
|
+ },
|
|
|
rowSave(row, done, loading) {
|
|
rowSave(row, done, loading) {
|
|
|
add(row).then(() => {
|
|
add(row).then(() => {
|
|
|
this.onLoad(this.page);
|
|
this.onLoad(this.page);
|