|
@@ -104,10 +104,6 @@
|
|
<!--针对“设备/位置/管线/分区”属性示例-->
|
|
<!--针对“设备/位置/管线/分区”属性示例-->
|
|
<div class="attr-select" v-show="type =='Image'|| type == 'Line' || type == 'Zone'">
|
|
<div class="attr-select" v-show="type =='Image'|| type == 'Line' || type == 'Zone'">
|
|
<div v-if="type =='Image'|| type == 'Line'">
|
|
<div v-if="type =='Image'|| type == 'Line'">
|
|
- <div class="row-tit" v-if="true">颜色</div>
|
|
|
|
- <div class="row" v-if="true">
|
|
|
|
- <swatches @input="changefillColor" :swatches="swatchess" v-model="fillColor" inline></swatches>
|
|
|
|
- </div>
|
|
|
|
<div class="row">
|
|
<div class="row">
|
|
<div class="row-tit">名称显示</div>
|
|
<div class="row-tit">名称显示</div>
|
|
<a-button type="link" class="edit-option-btn" @click="OpenEditStatus">{{editStatus[type]}}</a-button>
|
|
<a-button type="link" class="edit-option-btn" @click="OpenEditStatus">{{editStatus[type]}}</a-button>
|
|
@@ -149,7 +145,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div v-else>
|
|
|
|
|
|
+ <div v-if="type == 'Zone'">
|
|
<div v-if="SubType=='FHFQ'">
|
|
<div v-if="SubType=='FHFQ'">
|
|
<!-- 防火分区 -->
|
|
<!-- 防火分区 -->
|
|
<div class="row-tit">颜色</div>
|
|
<div class="row-tit">颜色</div>
|
|
@@ -244,20 +240,21 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--设备/工程信息化ID/工程信息化中的位置类型-->
|
|
<!--设备/工程信息化ID/工程信息化中的位置类型-->
|
|
|
|
+
|
|
<div
|
|
<div
|
|
class="attr-select attr-select-bottom"
|
|
class="attr-select attr-select-bottom"
|
|
v-if="type =='Zone' || type =='Image' ||type == 'fire-Zone' ||type == 'Line'"
|
|
v-if="type =='Zone' || type =='Image' ||type == 'fire-Zone' ||type == 'Line'"
|
|
>
|
|
>
|
|
|
|
+ <a-spin :spinning="spinning">
|
|
<div class="row">
|
|
<div class="row">
|
|
- <span>{{`工程信息化ID`}}</span>
|
|
|
|
|
|
+ <span>{{type =='Zone'?`工程信息化中的位置类型`:'工程信息化中的设备类型'}}</span>
|
|
<a-button type="link" class="edit-option-btn" @click="handleEdit">选择编辑</a-button>
|
|
<a-button type="link" class="edit-option-btn" @click="handleEdit">选择编辑</a-button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div class="grid-content">
|
|
|
|
- <a-card class="attr-card">福建三明万达-供电系统-6楼-工程信息化中的区域编NDDKJD4</a-card>
|
|
|
|
- <a-card class="attr-card">福建三明万达-供电系统-6楼-工程信息化中的区域编NDDKJD</a-card>
|
|
|
|
- <a-card class="attr-card">福建三明万达-供电系统-6楼-工程信息化中的区域编NDDKJD</a-card>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="grid-content">
|
|
|
|
+ <a-card class="attr-card" v-for="(item,index) in attrCards" :key="index">{{item.wzjc ||item.sbjc}}</a-card>
|
|
|
|
+ </div>
|
|
|
|
+ </a-spin>
|
|
</div>
|
|
</div>
|
|
<!-- 快捷操作提示-->
|
|
<!-- 快捷操作提示-->
|
|
<div style="position: fixed;bottom: 0;width: 280px;" class="key-boards">
|
|
<div style="position: fixed;bottom: 0;width: 280px;" class="key-boards">
|
|
@@ -297,7 +294,7 @@ import Swatches from "vue-swatches";
|
|
import bus from "@/bus";
|
|
import bus from "@/bus";
|
|
import "vue-swatches/dist/vue-swatches.css";
|
|
import "vue-swatches/dist/vue-swatches.css";
|
|
import { ItemColor } from "@saga-web/big/lib";
|
|
import { ItemColor } from "@saga-web/big/lib";
|
|
-import { uploadImg } from "@/api/editer.js";
|
|
|
|
|
|
+import { uploadImg, queryGlsmsLocation,queryGlsmsAsset } from "@/api/editer.js";
|
|
export default {
|
|
export default {
|
|
name: "attr_select",
|
|
name: "attr_select",
|
|
props: ["type", "focusItemList"],
|
|
props: ["type", "focusItemList"],
|
|
@@ -373,7 +370,9 @@ export default {
|
|
imageNum: 1, //设备数量
|
|
imageNum: 1, //设备数量
|
|
fillColor: "", //修改填充色 (主要针对防火风区以及石材铺装)
|
|
fillColor: "", //修改填充色 (主要针对防火风区以及石材铺装)
|
|
SubType: "", //空间类型,区分石材铺装
|
|
SubType: "", //空间类型,区分石材铺装
|
|
- itemExplain:'' //图例说明 只针对石材铺装
|
|
|
|
|
|
+ itemExplain:'', //图例说明 只针对石材铺装
|
|
|
|
+ attrCards:[],
|
|
|
|
+ spinning:false
|
|
};
|
|
};
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
@@ -464,6 +463,7 @@ export default {
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
focusItemList: function(newval) {
|
|
focusItemList: function(newval) {
|
|
|
|
+ console.log(111111111,newval);
|
|
const Item = newval.itemList[0];
|
|
const Item = newval.itemList[0];
|
|
if (Item.data && Item.data.SubType) {
|
|
if (Item.data && Item.data.SubType) {
|
|
this.SubType = Item.data.SubType;
|
|
this.SubType = Item.data.SubType;
|
|
@@ -483,6 +483,11 @@ export default {
|
|
newval.itemType == "Image"
|
|
newval.itemType == "Image"
|
|
) {
|
|
) {
|
|
this.lengedName = Item.data.Name;
|
|
this.lengedName = Item.data.Name;
|
|
|
|
+ this.itemExplain = '';
|
|
|
|
+ if(Item.data.Properties.ItemExplain){
|
|
|
|
+ this.itemExplain = Item.data.Properties.ItemExplain ? Item.data.Properties.ItemExplain : '';
|
|
|
|
+ }
|
|
|
|
+
|
|
if (newval.itemType == "Image") {
|
|
if (newval.itemType == "Image") {
|
|
this.imageNum = Item.num;
|
|
this.imageNum = Item.num;
|
|
this.color = Item.color.value;
|
|
this.color = Item.color.value;
|
|
@@ -495,12 +500,42 @@ export default {
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ if(newval.itemType == 'Zone'){
|
|
|
|
+ let location = Item.location;
|
|
|
|
+ this.spinning = true;
|
|
|
|
+ queryGlsmsLocation({plazaId: '1000423'},{location:'1890'}).then(res=>{
|
|
|
|
+ this.spinning = false;
|
|
|
|
+ if(res.data.result =='success'){
|
|
|
|
+ this.attrCards = res.data.data;
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error('工程信息化中的位置信息获取失败')
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }else if(newval.itemType == 'Image'){
|
|
|
|
+ this.spinning = true;
|
|
|
|
+ queryGlsmsAsset({plazaId: '1000423'},{assetnum:'21784'}).then(res=>{
|
|
|
|
+ this.spinning = false;
|
|
|
|
+ if(res.data.result =='success'){
|
|
|
|
+ this.attrCards = res.data.data;
|
|
|
|
+ }else{
|
|
|
|
+ this.$message.error('工程信息化中的设备信息获取失败')
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped lang="less">
|
|
<style scoped lang="less">
|
|
|
|
+ /deep/ .ant-spin-nested-loading{
|
|
|
|
+ height: 100% !important;
|
|
|
|
+ .ant-spin-container{
|
|
|
|
+ height: 100% !important;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.attr-select {
|
|
.attr-select {
|
|
padding: 12px 16px;
|
|
padding: 12px 16px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|