Skip to content

Z
zhxf_vue
Commit 9fbd565a authored by xiexingan's avatar xiexingan
Browse files
Options

资源点

parent 23a9bd4e
Show whitespace changes
Inline Side-by-side
Showing with 179 additions and 74 deletions
src/assets/style/theme/theme.scss
View file @ 9fbd565a
......@@ -1177,26 +1177,8 @@
font-size: 16px;
}
.el-icon-qiangji{
background: url(~@/assets/images/qiangji.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiangji:before{
content: "";
font-size: 16px;
}
.el-icon-qiuji{
background: url(~@/assets/images/qiuji.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiuji:before{
content: "";
font-size: 16px;
}
.el-icon-yeti{
background: url(~@/assets/images/yeti.png) center no-repeat;
......@@ -1327,26 +1309,8 @@
content: "";
font-size: 16px;
}
.el-icon-qiangji2{
background: url(~@/assets/images/qiangji2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiangji2:before{
content: "";
font-size: 16px;
}
.el-icon-qiuji2{
background: url(~@/assets/images/qiuji2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiuji2:before{
content: "";
font-size: 16px;
}
.el-icon-yeti2{
background: url(~@/assets/images/yeti2.png) center no-repeat;
height: 40px;
......@@ -2415,26 +2379,8 @@
content: "";
font-size: 16px;
}
.el-icon-qiangji7{
background: url(~@/assets/images/qiangji7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-qiangji7:before{
content: "";
font-size: 16px;
}
.el-icon-qiuji7{
background: url(~@/assets/images/qiuji7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-qiuji7:before{
content: "";
font-size: 16px;
}
.el-icon-yeti7{
background: url(~@/assets/images/yeti7.png) center no-repeat;
height:15px;
......@@ -2562,3 +2508,160 @@
font-size: 16px;
}
// 资源点
.el-icon-qiangji{
background: url(~@/assets/images/pointType/qiangji.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiangji2{
background: url(~@/assets/images/pointType/qiangji2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiuji{
background: url(~@/assets/images/pointType/qiuji.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-qiuji2{
background: url(~@/assets/images/pointType/qiuji2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-wxylj{
background: url(~@/assets/images/pointType/wxylj.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-wxylj2{
background: url(~@/assets/images/pointType/wxylj2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-hjtcq{
background: url(~@/assets/images/pointType/hjtcq.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-hjtcq2{
background: url(~@/assets/images/pointType/hjtcq2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-llj{
background: url(~@/assets/images/pointType/llj.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-llj2{
background: url(~@/assets/images/pointType/llj2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-wxywy{
background: url(~@/assets/images/pointType/wxywy.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-wxywy2{
background: url(~@/assets/images/pointType/wxywy2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-fsy{
background: url(~@/assets/images/pointType/fsy.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-fsy2{
background: url(~@/assets/images/pointType/fsy2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-fyy{
background: url(~@/assets/images/pointType/fyy.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
.el-icon-fyy2{
background: url(~@/assets/images/pointType/fyy2.png) center no-repeat;
height: 40px;
width: 40px;
background-size: 100%;
}
// 树小图标
.el-icon-qiangji7{
background: url(~@/assets/images/pointType/qiangji7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-qiuji7{
background: url(~@/assets/images/pointType/qiuji7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-hjtcq7{
background: url(~@/assets/images/pointType/hjtcq7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-wxywy7{
background: url(~@/assets/images/pointType/wxywy7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-fsy7{
background: url(~@/assets/images/pointType/fsy7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-fyy7{
background: url(~@/assets/images/pointType/fyy7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-wxylj7{
background: url(~@/assets/images/pointType/wxylj7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
.el-icon-llj7{
background: url(~@/assets/images/pointType/llj7.png) center no-repeat;
height:15px;
width:15px;
background-size: 100%;
}
//楼图标
.el-icon-build{
background: url(~@/assets/images/pointType/build.png) center no-repeat;
height: 15px;
width: 15px;
background-size: 100%;
}
\ No newline at end of file
src/pages/ol/demo/index.vue
View file @ 9fbd565a
......@@ -17,7 +17,7 @@
</div>
<el-tree class="dic_tree" :data="treeData" ref='tree' :accordion='true' :highlight-current='true' :props="defaultProps" :filter-node-method="filterNode" :default-expand-all='false' @node-click="handleNodeClick" :default-expanded-keys='defaultExpandedKeys' :node-key='nodeKey' >
<span class="custom-tree-node" style='width:100%;line-height: 18px;' slot-scope="{ node, data }">
<span v-if="node.data.level == 3" class="el-icon-zhandian xa-icon"></span>
<span v-if="node.data.level == 3" class="el-icon-build xa-icon"></span>
<span v-if="node.data.level == 4 && node.data.iconB" class="el-icon-wq-treeIcon1 xa-icon"></span>
<span v-if="node.data.level == 4 && !node.data.iconB" class="el-icon-wq-treeIcon xa-icon"></span>
<span v-if="node.data.level == 5 && node.data.name == '视频监控'" class="el-icon-shipin xa-icon"></span>
......@@ -417,7 +417,7 @@ export default {
anchor: [0.5, 0.5],
scale: zoom || 0.4,
//rotation:0 旋转度
src: require('@/assets/images/' + src)
src: require('@/assets/images/pointType/' + src)
}),
text: new Text({
text: name, // 添加文字描述
......
src/pages/sys/point/add-or-update.vue
View file @ 9fbd565a
......@@ -12,9 +12,11 @@
el-form-item(label='资源点类型:' prop='type' )
el-select( v-model="dataForm.type" placeholder="请选择资源点类型" disabled)
el-option(v-for="(item,index) in typeList" :key="index" :label="item.name" :value="item.id")
//- el-form-item(label='线路:' prop='lineId' )
//- el-select(v-model="dataForm.lineId" placeholder="请选择线路" @change="lineChange" disabled )
//- el-option(v-for="(item,index) in lineList" :key="index" :label="item.name" :value="item.id")
el-form-item(label='线路:' prop='lineId' )
el-select(v-model="dataForm.lineId" placeholder="请选择线路" @change="lineChange" disabled )
el-option(v-for="(item,index) in lineList" :key="index" :label="item.name" :value="item.id")
el-input(v-model='dataForm.lineId' placeholder="")
el-form-item(label='站点:' prop='stationId' )
el-select(v-model="dataForm.stationId" placeholder="请选择站点" @change="stationChange" disabled )
el-option(v-for="(item,index) in stationList" :key="index" :label="item.stationName" :value="item.id")
......
src/pages/sys/point/index.vue
View file @ 9fbd565a
<template lang="pug">
//div(onselectstart="return false;" @mousedown="regionMousedown" @mousemove="regionMousemove" @mouseup="regionMouseup")
div(onselectstart="return false;")
div(class="top_button" style="width:100%;height:40px; padding-top:3px")
div(class="top_button" style="width:100%;height:40px; padding-top:3px;overflow:hidden;")
div(style="float:left;margin-left:16px;")
div(:class="[item.value,iconId==item.id?item.value+'2':'']" name="iconListNow" :title="item.name" :style="{cursor:editable?'pointer':''}" :id="item.id" @click="changeIcon(item)" v-for="item in typeList")
div(style="float:right; margin-top:6px;")
......@@ -25,7 +25,7 @@
//- el-tree(style='background:#f4f4f4;' :data="treeData" ref='tree' :accordion='true' :highlight-current='true' :check-on-click-node='true' :props="defaultProps" :default-expand-all='false' @node-click="handleNodeClick" :default-expanded-keys='defaultExpandedKeys' :node-key='nodeKey' )
el-tree.dic_tree( :data="treeData" ref='tree' :accordion='true' :highlight-current='true' :filter-node-method="filterNode" :props="defaultProps" :default-expand-all='false' @node-click="handleNodeClick2" :default-expanded-keys='defaultExpandedKeys' :node-key='nodeKey' )
span(class="custom-tree-node" style='width:90%;line-height: 18px;' slot-scope="{ node, data }")
span(v-if="node.data.level == 3" class="el-icon-zhandian xa-icon")
span(v-if="node.data.level == 3" class="el-icon-build xa-icon")
//- span(v-if="node.data.level == 3 && node.data.iconB" class="el-icon-wq-treeIcon1")
span(v-if="node.data.level == 4 && node.data.iconB" class="el-icon-wq-treeIcon1 xa-icon")
span(v-if="node.data.level == 4 && !node.data.iconB" class="el-icon-wq-treeIcon xa-icon")
......@@ -42,9 +42,9 @@
el-row(:span="24")
el-col(:md='12' :sm="5" class='tier-btn')
el-button(type="primary" size='mini' plain :class="[checkedData.tierId===item.id?'active-tier':'']" style="float:left;margin:6px 10px 0 0; " v-for="item in mapList" :key='item.id' @click="changeMap(item)") {{item.name}}
el-col(:md='12' :sm="5")
div(style="float:right;")
div( :class="item.value" :title="item.name" style="margin:5px 5px 0 0;" v-for="item in iconNameListBottom" @click="iconClick(item)")
//- el-col(:md='12' :sm="5")
//- div(style="float:right;")
//- div( :class="item.value" :title="item.name" style="margin:5px 5px 0 0;" v-for="item in iconNameListBottom" @click="iconClick(item)")
el-row(style="padding-bottom:15px;height:680px" ,:span="24")
el-col()
<div id="map" style="width: 100%;height: 680px;position: relative;"></div>
......@@ -528,7 +528,7 @@ export default {
anchor: [0.5, 0.5],
scale: zoom || 0.4,
//rotation:0 旋转度
src: require('@/assets/images/' + src)
src: require('@/assets/images/pointType/' + src)
}),
text: new Text({
text: name, // 添加文字描述
......@@ -1790,10 +1790,10 @@ export default {
}).then((data) => {
if (data && data.code === 0) {
this.typeList = JSON.parse(JSON.stringify(data.list))
this.iconNameListBottom = JSON.parse(JSON.stringify(data.list))
this.iconNameListBottom.forEach((res) => {
res.value += '3'
})
// this.iconNameListBottom = JSON.parse(JSON.stringify(data.list))
// this.iconNameListBottom.forEach((res) => {
// res.value += '3'
// })
}
})
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment