场景编辑代码调整

This commit is contained in:
joylink_cuiweidong 2020-10-09 10:57:52 +08:00
parent cb369c9113
commit fa4ada05e4
5 changed files with 22 additions and 9 deletions

View File

@ -50,7 +50,7 @@ export default {
{ prop: 'description', label: '场景描述', type: 'textarea' }, { prop: 'description', label: '场景描述', type: 'textarea' },
{ prop: 'disposalProcesses', label: '处置流程', type: 'textarea' }, { prop: 'disposalProcesses', label: '处置流程', type: 'textarea' },
{ prop: 'operationScore', label: '运营部分总分', type: 'number', min: 0, max: 100, step:1, precision:1 }, { prop: 'operationScore', label: '运营部分总分', type: 'number', min: 0, max: 100, step:1, precision:1 },
{ prop:'scriptId', label:'关联剧本', type:'select', options:this.scriptList}, { prop:'scriptId', label:'关联剧本', type:'select', options:this.scriptList, optionValue:'value', optionLabel:'label' },
{ prop:'main', label:'是否主场景', type:'switch' } { prop:'main', label:'是否主场景', type:'switch' }
] ]
}; };

View File

@ -94,9 +94,9 @@ export default {
} }
}; };
}, },
mounted() { created() {
getScriptPageListOnlineNew().then(response=>{ getScriptPageListOnlineNew().then(response=>{
this.scriptList = response.data.list.map(elem => { return { value: elem.id, label: elem.name }; }); this.scriptList = response.data.list.map(elem => { return { value: parseInt(elem.id), label: elem.name }; });
// this.queryForm.queryObject.scriptId.config.data = this.scriptList; // this.queryForm.queryObject.scriptId.config.data = this.scriptList;
}); });
}, },

View File

@ -3,7 +3,7 @@
<div class="OperateStatisticIn"> <div class="OperateStatisticIn">
<div class="OperateStatisticInName">编辑运营统计</div> <div class="OperateStatisticInName">编辑运营统计</div>
<div class="OperateStatisticContent"> <div class="OperateStatisticContent">
<el-form ref="form" :rules="rules" :model="formModel" label-width="140px" class="statisticForm"> <el-form ref="dataform" :rules="rules" :model="formModel" label-width="140px" class="statisticForm">
<el-form-item label="每一项分值" :required="true" prop="score"> <el-form-item label="每一项分值" :required="true" prop="score">
<el-input-number <el-input-number
v-model="formModel.score" v-model="formModel.score"
@ -82,7 +82,7 @@ export default {
}, },
confirm() { confirm() {
const self = this; const self = this;
this.$refs.dataform.validateForm(() => { this.$refs.dataform.validate(() => {
const itemVOS = self.formModel.itemVOS; const itemVOS = self.formModel.itemVOS;
if (itemVOS.length > 0) { if (itemVOS.length > 0) {
let result = true; let result = true;

View File

@ -1,5 +1,5 @@
<template> <template>
<div style="width: 100%; height: 100%;"> <div class="iscsCanvas">
<div :id="iscsId" v-loading="loading" :style="{ width: widthCanvas +'px', height: canvasHeight +'px' }" class="iscs-canvas" /> <div :id="iscsId" v-loading="loading" :style="{ width: widthCanvas +'px', height: canvasHeight +'px' }" class="iscs-canvas" />
</div> </div>
</template> </template>
@ -23,6 +23,10 @@ export default {
canvasHeight: { canvasHeight: {
type: Number, type: Number,
default: 500 default: 500
},
scaleRate:{
type: Number,
default: 1
} }
}, },
data() { data() {
@ -47,7 +51,7 @@ export default {
height: this.canvasHeight height: this.canvasHeight
}, },
options: { options: {
scaleRate: 1, scaleRate: this.scaleRate,
offsetX: 0, offsetX: 0,
offsetY: 0 offsetY: 0
}, },
@ -78,5 +82,11 @@ export default {
.iscs-canvas{ .iscs-canvas{
margin: 0 auto; margin: 0 auto;
} }
.iscsCanvas{
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
</style> </style>

View File

@ -2,7 +2,7 @@
<div class="Substation"> <div class="Substation">
<div class="Substation_header">黄山主变电所接线图</div> <div class="Substation_header">黄山主变电所接线图</div>
<div> <div>
<iscsSystem ref="iscsPlate" :width-canvas="width" :canvas-height="height" /> <iscsSystem ref="iscsPlate" :width-canvas="width" :canvas-height="height" :scale-rate="scaleRate" />
</div> </div>
<!-- <div class="psdSystem_footer"> <!-- <div class="psdSystem_footer">
<div class="prevButton">{{}}</div> <div class="prevButton">{{}}</div>
@ -26,7 +26,10 @@ export default {
return window.innerWidth; return window.innerWidth;
}, },
height() { height() {
return 800; return 970;
},
scaleRate() {
return window.innerWidth / 2200;
} }
}, },
mounted() { mounted() {