增加图片资源,增加图片旋转功能
BIN
src/assets/iscs_picture/drum.png
Normal file
After Width: | Height: | Size: 5.4 KiB |
BIN
src/assets/iscs_picture/exhaustFan.png
Normal file
After Width: | Height: | Size: 9.1 KiB |
BIN
src/assets/iscs_picture/fm-blue.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/iscs_picture/fm-gray.png
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
src/assets/iscs_picture/fm-green.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
src/assets/iscs_picture/gufengji-gray-l.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
src/assets/iscs_picture/gufengji-gray-r.png
Normal file
After Width: | Height: | Size: 6.6 KiB |
BIN
src/assets/iscs_picture/gufengji-red-l.png
Normal file
After Width: | Height: | Size: 5.9 KiB |
BIN
src/assets/iscs_picture/gufengji-red-r.png
Normal file
After Width: | Height: | Size: 6.1 KiB |
BIN
src/assets/iscs_picture/hand.png
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
src/assets/iscs_picture/kongtiao.png
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
src/assets/iscs_picture/mul-kongtiao.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
src/assets/iscs_picture/setting.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
src/assets/iscs_picture/textBgBluePoint.png
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
src/assets/iscs_picture/ventilationFan.png
Normal file
After Width: | Height: | Size: 7.6 KiB |
@ -6,10 +6,24 @@ import psdSystem from '@/assets/iscs_picture/iscs-psd.png';
|
||||
import psdRight from '@/assets/iscs_picture/iscs-psd-right.png';
|
||||
import fireBlue from '@/assets/iscs_picture/iscs-fire-blue.png';
|
||||
import fireRed from '@/assets/iscs_picture/iscs-fire-red.png';
|
||||
import envPersonDoor from '@/assets/iscs_picture/renfangmen.png'
|
||||
|
||||
|
||||
import envPersonDoor from '@/assets/iscs_picture/renfangmen.png';
|
||||
import hand from '@/assets/iscs_picture/hand.png';
|
||||
import fmBlue from '@/assets/iscs_picture/fm-blue.png';
|
||||
import fmGray from '@/assets/iscs_picture/fm-gray.png';
|
||||
import fmGreen from '@/assets/iscs_picture/fm-green.png';
|
||||
import airCond from '@/assets/iscs_picture/kongtiao.png';
|
||||
import airCondMul from '@/assets/iscs_picture/mul-kongtiao.png';
|
||||
import setting from '@/assets/iscs_picture/setting.png';
|
||||
import blowerRedLeft from '@/assets/iscs_picture/gufengji-red-l.png';
|
||||
import blowerGrayLeft from '@/assets/iscs_picture/gufengji-gray-l.png';
|
||||
import blowerRedRight from '@/assets/iscs_picture/gufengji-red-r.png';
|
||||
import blowerGrayRight from '@/assets/iscs_picture/gufengji-gray-r.png';
|
||||
import iscsAPF from '@/assets/iscs_picture/iscs_APF.png';
|
||||
import drum from '@/assets/iscs_picture/drum.png';
|
||||
import exhaustFan from '@/assets/iscs_picture/exhaustFan.png'
|
||||
import waterCooler from '@/assets/iscs_picture/ZSDF533.png';
|
||||
import textBgBluePoint from '@/assets/iscs_picture/textBgBluePoint.png';
|
||||
import ventilationFan from '@/assets/iscs_picture/ventilationFan.png'
|
||||
|
||||
const pictureObj = {
|
||||
'psdLeft': psdLeft,
|
||||
@ -18,7 +32,23 @@ const pictureObj = {
|
||||
'APF': iscsAPF,
|
||||
'envPersonDoor': envPersonDoor,
|
||||
's': fireBlue,
|
||||
'a': fireRed
|
||||
'a': fireRed,
|
||||
hand,
|
||||
fmBlue,
|
||||
fmGray,
|
||||
fmGreen,
|
||||
airCond,
|
||||
airCondMul,
|
||||
setting,
|
||||
blowerRedLeft,
|
||||
blowerGrayLeft,
|
||||
blowerRedRight,
|
||||
blowerGrayRight,
|
||||
drum,
|
||||
exhaustFan,
|
||||
waterCooler,
|
||||
textBgBluePoint,
|
||||
ventilationFan
|
||||
};
|
||||
export default class Picture extends Group {
|
||||
constructor(device) {
|
||||
@ -40,6 +70,8 @@ export default class Picture extends Group {
|
||||
this.imageButton = new Image({
|
||||
zlevel: model.zlevel,
|
||||
z: model.z,
|
||||
origin: [model.width/2, model.height/2],
|
||||
rotation: (model.rotation||0)*Math.PI/180,
|
||||
style: {
|
||||
x: 0,
|
||||
y: 0,
|
||||
|
@ -9,6 +9,9 @@
|
||||
<el-option v-for="(item, index) in typeList" :key="index" :label="item.name" :value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="旋转角度:" prop="rotation">
|
||||
<el-input-number v-model="form.rotation" controls-position="right" size="small" />
|
||||
</el-form-item>
|
||||
<el-form-item label="宽度:" prop="width">
|
||||
<el-input-number v-model="form.width" controls-position="right" :min="1" size="small" />
|
||||
</el-form-item>
|
||||
@ -48,6 +51,7 @@ export default {
|
||||
size: 10,
|
||||
width: 50,
|
||||
height: 50,
|
||||
rotation: 0,
|
||||
x: 10,
|
||||
y: 10
|
||||
},
|
||||
@ -59,6 +63,22 @@ export default {
|
||||
{ name: '蓝色FIRE', value: 's'},
|
||||
{ name: '红色FIRE', value: 'a'},
|
||||
{ name: 'APF', value: 'APF'},
|
||||
{ name: '手动阀', value: 'hand'},
|
||||
{ name: '蓝色-阀门', value: 'fmBlue'},
|
||||
{ name: '灰色-阀门', value: 'fmGray'},
|
||||
{ name: '绿色-阀门', value: 'fmGreen'},
|
||||
{ name: '空调', value: 'airCond'},
|
||||
{ name: '多联空调', value: 'airCondMul'},
|
||||
{ name: '管件', value: 'setting'},
|
||||
{ name: '汽包', value: 'drum' },
|
||||
{ name: '红色-左侧-鼓风机', value: 'blowerRedLeft'},
|
||||
{ name: '灰色-左侧-鼓风机', value: 'blowerGrayLeft'},
|
||||
{ name: '红色-右侧-鼓风机', value: 'blowerRedRight'},
|
||||
{ name: '灰色-右侧-鼓风机', value: 'blowerGrayRight'},
|
||||
{ name: '排风机', value: 'exhaustFan' },
|
||||
{ name: '冷水机', value: 'waterCooler'},
|
||||
{ name: '顶部排风机', value: 'ventilationFan'},
|
||||
{ name: '文字蓝色背景', value: 'textBgBluePoint'}
|
||||
],
|
||||
|
||||
rules: {
|
||||
@ -86,6 +106,7 @@ export default {
|
||||
this.form.code = model.code;
|
||||
this.form.type = model.type;
|
||||
this.form.size = model.size;
|
||||
this.form.rotation = model.rotation;
|
||||
this.form.width = model.width;
|
||||
this.form.height = model.height;
|
||||
this.form.x = model.point.x;
|
||||
@ -107,6 +128,7 @@ export default {
|
||||
_type: 'IscsPicture',
|
||||
type: this.form.type,
|
||||
size: this.form.size,
|
||||
rotation: this.form.rotation,
|
||||
width: this.form.width,
|
||||
height: this.form.height
|
||||
};
|
||||
@ -126,7 +148,8 @@ export default {
|
||||
code: this.form.code,
|
||||
_type: 'IscsPicture',
|
||||
type: this.form.type,
|
||||
size: this.form.size
|
||||
size: this.form.size,
|
||||
rotation: this.form.rotation,
|
||||
};
|
||||
this.$emit('deleteDataModel', rectModel);
|
||||
},
|
||||
@ -138,6 +161,7 @@ export default {
|
||||
code: '',
|
||||
type: '',
|
||||
size: 10,
|
||||
rotation: 0,
|
||||
width: 50,
|
||||
height: 50,
|
||||
x: 10,
|
||||
|
@ -114,15 +114,6 @@ export default {
|
||||
}).catch(() => {
|
||||
this.$message.error('ISCS数据保存异常!');
|
||||
});
|
||||
// {
|
||||
// "graphData": "string",
|
||||
// "id": 0,
|
||||
// "lineCode": "string",
|
||||
// "stationCode": "string",
|
||||
// "system": "string",
|
||||
// "totalSystem": "string",
|
||||
// "userInterface": "string"
|
||||
// }
|
||||
}
|
||||
}
|
||||
};
|
||||
|