|
@@ -3,7 +3,7 @@
|
|
|
<div class='form1'>
|
|
|
<span class='span1'>图例编码</span>
|
|
|
<span class='span2'>图例名称</span>
|
|
|
- <span class='span3' v-if='ruleForm.Type==1 || ruleForm.Type==3'>展示预览</span>
|
|
|
+ <span class='span3' v-if='ruleForm.Type=="Zone" || ruleForm.Type=="Icon"'>展示预览</span>
|
|
|
</div>
|
|
|
<div class='form2'>
|
|
|
<div class='input-left'>
|
|
@@ -16,22 +16,22 @@
|
|
|
<el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
- <div class='input-right' v-if='ruleForm.Type==1 || ruleForm.Type==3'>
|
|
|
+ <div class='input-right' v-if='ruleForm.Type=="Zone" || ruleForm.Type=="Icon"'>
|
|
|
<div
|
|
|
class='model'
|
|
|
:style='`background:${ruleForm.color};border-width:${ruleForm.borderLine}px;border-style:${ruleForm.borderColor}; border-color:${ruleForm.borderColor};`'
|
|
|
></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if='ruleForm.Type==1 || ruleForm.Type==4' class='form3'>
|
|
|
+ <div v-if='ruleForm.Type=="Zone" || ruleForm.Type=="Line"' class='form3'>
|
|
|
<div class='form3-top'>
|
|
|
- <span class='form3-span1' v-if='ruleForm.Type==1'>填充色以及透明度</span>
|
|
|
+ <span class='form3-span1' v-if='ruleForm.Type=="Zone"'>填充色以及透明度</span>
|
|
|
<span class='form3-span3'>边框颜色</span>
|
|
|
<span class='form3-span4'>边框线型</span>
|
|
|
<span class='form3-span5'>边框粗细</span>
|
|
|
</div>
|
|
|
<div class='form3-bottom'>
|
|
|
- <el-color-picker v-if='ruleForm.Type==1' v-model='ruleForm.color' show-alpha style='margin:0 172px 0 10px'></el-color-picker>
|
|
|
+ <el-color-picker v-if='ruleForm.Type=="Zone"' v-model='ruleForm.color' show-alpha style='margin:0 172px 0 10px'></el-color-picker>
|
|
|
<el-color-picker v-model='ruleForm.borderColor' show-alpha style='margin:0 90px 0 10px'></el-color-picker>
|
|
|
|
|
|
<el-select
|
|
@@ -53,7 +53,7 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if='ruleForm.Type==3' class='form5'>
|
|
|
+ <div v-if='ruleForm.Type=="Icon"' class='form5'>
|
|
|
<div class='form5-top'>上传新图标</div>
|
|
|
<div>
|
|
|
<el-upload class='upload-demo' action='https://jsonplaceholder.typicode.com/posts/' :http-request='getFile' :file-list='fileList'>
|
|
@@ -61,7 +61,7 @@
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if='ruleForm.Type!=2' class='form4'>
|
|
|
+ <div v-if='ruleForm.Type!="None"' class='form4'>
|
|
|
<div class='form4-top'>
|
|
|
<span class='form4-span1'>对应工程信息化中的位置/设备分类</span>
|
|
|
<span class='form4-span2'>工程信息化的专业</span>
|
|
@@ -69,13 +69,13 @@
|
|
|
</div>
|
|
|
<div class='form3-bottom'>
|
|
|
<el-select v-model='value' placeholder='请选择' size='small' style='width:200px;margin-right:48px;'>
|
|
|
- <el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
+ <el-option v-for='item in options1' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
</el-select>
|
|
|
<el-select v-model='value' placeholder='请选择' size='small' style='width:200px;margin-right:48px'>
|
|
|
- <el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
+ <el-option v-for='item in options2' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
</el-select>
|
|
|
<el-select v-model='value' placeholder='请选择' size='small' style='width:200px;'>
|
|
|
- <el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
+ <el-option v-for='item in options3' :key='item.value' :label='item.label' :value='item.value'></el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -87,34 +87,27 @@ import { createLegend, updateLegend, uploadImg } from '@/api/legendLibrary.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- // ruleForm: {
|
|
|
- // color: 'rgba(19, 206, 102, 0.8)',
|
|
|
- // borderColor: 'rgba(19, 206, 102, 0.8)',
|
|
|
- // borderLine: '',
|
|
|
- // linepx: '',
|
|
|
- // Code: '',
|
|
|
- // Name: '',
|
|
|
- // Type: '2',
|
|
|
- // unit: ''
|
|
|
- // },
|
|
|
options: [
|
|
|
{
|
|
|
- value: '2',
|
|
|
+ value: 'None',
|
|
|
label: '非图例'
|
|
|
},
|
|
|
{
|
|
|
- value: '1',
|
|
|
+ value: 'Zone',
|
|
|
label: '区域'
|
|
|
},
|
|
|
{
|
|
|
- value: '3',
|
|
|
+ value: 'Icon',
|
|
|
label: '图标'
|
|
|
},
|
|
|
{
|
|
|
- value: 4,
|
|
|
+ value: 'Line',
|
|
|
label: '线条'
|
|
|
}
|
|
|
],
|
|
|
+ options1: [],
|
|
|
+ options2: [],
|
|
|
+ options3: [],
|
|
|
borderLineOption: [
|
|
|
{
|
|
|
id: 'solid',
|
|
@@ -182,13 +175,13 @@ export default {
|
|
|
//新增
|
|
|
let postParams = {
|
|
|
Name: this.ruleForm.Name,
|
|
|
- Theme: '111',
|
|
|
- Type: '111',
|
|
|
- Id: '77'
|
|
|
+ Type: this.ruleForm.Type,
|
|
|
+ Unit: this.ruleForm.Unit
|
|
|
}
|
|
|
createLegend({ postParams }).then(res => {
|
|
|
if (res.Result == 'success') {
|
|
|
this.$message.success('添加图例成功!')
|
|
|
+ this.$emit('addSuccess')
|
|
|
}
|
|
|
})
|
|
|
},
|
|
@@ -198,6 +191,7 @@ export default {
|
|
|
updateLegend({ postParams }).then(res => {
|
|
|
if (res.Result == 'success') {
|
|
|
this.$message.success('图例修改成功!')
|
|
|
+ this.$emit('updateSuccess')
|
|
|
}
|
|
|
})
|
|
|
}
|