|
@@ -43,7 +43,6 @@
|
|
|
<div class="border-line"></div>
|
|
|
<!-- 提取-->
|
|
|
<ul class="list-2 border-top">
|
|
|
-
|
|
|
<li
|
|
|
v-on:mouseout="mouseoutActive(item)"
|
|
|
v-on:mouseover="mouseoverActive(item)"
|
|
@@ -89,7 +88,12 @@
|
|
|
<a-spin :spinning="spinning">
|
|
|
<div class="drawer-model-body" v-if="!isExtract">
|
|
|
<div class="btn-list">
|
|
|
- <Tabs type="card" v-show="showDrawerItem.type == 'Zone'" :data="tabData" v-model="tabActive"/>
|
|
|
+ <Tabs
|
|
|
+ type="card"
|
|
|
+ v-show="showDrawerItem.type == 'Zone'"
|
|
|
+ :data="tabData"
|
|
|
+ v-model="tabActive"
|
|
|
+ />
|
|
|
</div>
|
|
|
<div class="list" v-for="(item,index) in itemList" :key="index">
|
|
|
<div class="title">{{item.Name}}</div>
|
|
@@ -125,7 +129,10 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<template slot="address" slot-scope="text, record, index">
|
|
|
- <div style="color:#0091FFFF;cursor:pointer;" @click="pickUp(text, record, index)">{{ text }}</div>
|
|
|
+ <div
|
|
|
+ style="color:#0091FFFF;cursor:pointer;"
|
|
|
+ @click="pickUp(text, record, index)"
|
|
|
+ >{{ text }}</div>
|
|
|
</template>
|
|
|
</a-table>
|
|
|
</div>
|
|
@@ -137,7 +144,7 @@
|
|
|
</template>
|
|
|
<script>
|
|
|
import itemTree from "./leftbar_components/itemTree";
|
|
|
-import { graphElementGroup, graphElementSearch} from "@/api/editer.js";
|
|
|
+import { graphElementGroup, graphElementSearch } from "@/api/editer.js";
|
|
|
import bus from "@/bus";
|
|
|
import { queryGroup } from "@/api/editer.js";
|
|
|
import { mapState, mapActions } from "vuex";
|
|
@@ -257,11 +264,11 @@ export default {
|
|
|
drawerVisible: false,
|
|
|
spinning: false,
|
|
|
showDrawerItem: {},
|
|
|
- tabData:[
|
|
|
- {name: '绘制', id:'draw'},
|
|
|
- {name: '点选', id:'select' }
|
|
|
+ tabData: [
|
|
|
+ { name: "绘制", id: "draw" },
|
|
|
+ { name: "点选", id: "select" }
|
|
|
],
|
|
|
- tabActive:'select'
|
|
|
+ tabActive: "select"
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -339,14 +346,16 @@ export default {
|
|
|
a.isChoice = false;
|
|
|
});
|
|
|
},
|
|
|
- getexampleItem(item,indexs,index) {
|
|
|
- if(this.showDrawerItem.type == 'Zone'){
|
|
|
- // if(item.SubType == "SCPZ" || item.SubType == "SCPZ" ){
|
|
|
- // {name: '绘制', id:'draw'},
|
|
|
- // {name: '点选', id:'select' }
|
|
|
- // }else{
|
|
|
-
|
|
|
- // }
|
|
|
+ getexampleItem(item, indexs, index) {
|
|
|
+ if (this.showDrawerItem.type == "Zone") {
|
|
|
+ if (
|
|
|
+ (item.SubType && item.SubType == "SCPZ") ||
|
|
|
+ (item.SubType && item.SubType == "FHFQ")
|
|
|
+ ) {
|
|
|
+ this.tabActive = "draw"; //
|
|
|
+ } else {
|
|
|
+ this.tabActive = "select";
|
|
|
+ }
|
|
|
}
|
|
|
this.activeIndex = index;
|
|
|
this.activeIndexs = indexs;
|
|
@@ -386,18 +395,18 @@ export default {
|
|
|
InfoTypeIds: [t.key],
|
|
|
PageSize: 1000,
|
|
|
Type: t.type
|
|
|
- }
|
|
|
- this.spinning = true
|
|
|
+ };
|
|
|
+ this.spinning = true;
|
|
|
graphElementSearch(pa).then(res => {
|
|
|
- this.spinning = false
|
|
|
+ this.spinning = false;
|
|
|
if (res.Content && res.Content.length) {
|
|
|
t.age = res.Content[0];
|
|
|
- t.name = this.TypeIdToGraphElement[t.key].Name
|
|
|
- t.properties = this.TypeIdToGraphElement[t.key]
|
|
|
- this.data.push(t)
|
|
|
+ t.name = this.TypeIdToGraphElement[t.key].Name;
|
|
|
+ t.properties = this.TypeIdToGraphElement[t.key];
|
|
|
+ this.data.push(t);
|
|
|
}
|
|
|
- })
|
|
|
- })
|
|
|
+ });
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -417,8 +426,8 @@ export default {
|
|
|
item.isChoice = true;
|
|
|
}
|
|
|
});
|
|
|
- if(cmd == "choice"){
|
|
|
- this.activeIndex = -1;
|
|
|
+ if (cmd == "choice") {
|
|
|
+ this.activeIndex = -1;
|
|
|
}
|
|
|
},
|
|
|
drawerVisible(val) {
|
|
@@ -426,8 +435,8 @@ export default {
|
|
|
this.showDrawer(this.showDrawerItem);
|
|
|
}
|
|
|
},
|
|
|
- tabActive(val){
|
|
|
- this.changeDrawType(val)
|
|
|
+ tabActive(val) {
|
|
|
+ this.changeDrawType(val);
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
@@ -616,7 +625,7 @@ export default {
|
|
|
text-indent: 8px;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
- color: #1F2329;
|
|
|
+ color: #1f2329;
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
.example {
|
|
@@ -661,7 +670,7 @@ export default {
|
|
|
font-size: 12px;
|
|
|
text-align: center;
|
|
|
overflow: hidden;
|
|
|
- text-overflow:ellipsis;
|
|
|
+ text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
@@ -671,16 +680,16 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- /deep/ .edit-drawer .ant-drawer-body{
|
|
|
+ /deep/ .edit-drawer .ant-drawer-body {
|
|
|
padding: 0;
|
|
|
- .ant-table-small{
|
|
|
+ .ant-table-small {
|
|
|
border-left: none;
|
|
|
border-right: none;
|
|
|
border-radius: 0;
|
|
|
}
|
|
|
- .ant-table-small > .ant-table-content > .ant-table-body{
|
|
|
+ .ant-table-small > .ant-table-content > .ant-table-body {
|
|
|
margin: 0;
|
|
|
- .ant-table-thead{
|
|
|
+ .ant-table-thead {
|
|
|
font-size: 12px;
|
|
|
}
|
|
|
}
|
|
@@ -690,14 +699,14 @@ export default {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
right: 0;
|
|
|
- /deep/ .ant-table-thead tr th{
|
|
|
+ /deep/ .ant-table-thead tr th {
|
|
|
background: #f8f9fa;
|
|
|
}
|
|
|
- .exportImg.item-Zone{
|
|
|
+ .exportImg.item-Zone {
|
|
|
width: 28px;
|
|
|
height: 16px;
|
|
|
}
|
|
|
- .exportImg.item-Image{
|
|
|
+ .exportImg.item-Image {
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
}
|
|
@@ -709,10 +718,10 @@ export default {
|
|
|
.border-top {
|
|
|
/*border-top: 1px solid #c3c7cb;*/
|
|
|
}
|
|
|
- .border-line{
|
|
|
+ .border-line {
|
|
|
width: 48px;
|
|
|
height: 2px;
|
|
|
- background: #C3C7CB ;
|
|
|
+ background: #c3c7cb;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
}
|