joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'test' of https://git.code.tencent.com/lian-cbtc/jl-client into test

Browse Source
This commit is contained in:
zyy 2020-05-07 13:35:39 +08:00
commit 5e0d2e5cb3
16 changed files with 569 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/iscs/constant/deviceRender.js
View File

@ -219,6 +219,13 @@ deviceRender[deviceType.ArcStatus] = {
_type: deviceType.ArcStatus,
zlevel: 1,
z: 4
}
};
/** 按钮 */
deviceRender[deviceType.IscsButton] = {
_type: deviceType.IscsButton,
zlevel: 1,
z: 4
};
export default deviceRender;

3
src/iscs/constant/deviceType.js
View File

@ -33,7 +33,8 @@ const deviceType = {
FasBrakeMachine:'FasBrakeMachine',
Staircase:'Staircase',
SingleStaircase: 'SingleStaircase',
ArcStatus: 'ArcStatus'
ArcStatus: 'ArcStatus',
IscsButton: 'IscsButton'
};
export default deviceType;

61
src/iscs/shape/button.js Normal file
View File

@ -0,0 +1,61 @@
import Group from 'zrender/src/container/Group';
import Rect from 'zrender/src/graphic/shape/Rect';
import Text from 'zrender/src/graphic/Text';
export default class Button extends Group {
constructor(device) {
super();
this.model = device.model;
this._type = device.model._type;
this._code = device.model.code;
this.zlevel = device.model.zlevel;
this.z = device.model.z;
this.create();
}
create() {
const model = this.model;
this.grouper = new Group({
id: model.code,
position: [model.point.x, model.point.y]
});
this.buttonRect = new Rect({
zlevel: model.zlevel,
z: model.z,
shape: {
x: 0,
y: 0,
width: model.width,
height: model.height
},
style: {
fill: model.fillColor,
stroke: model.strokeColor,
lineWidth: model.borderWidth
}
});
this.buttonText = new Text({
zlevel: model.zlevel,
z: model.z,
style: {
x: model.width / 2,
y: model.height / 2,
fontWeight: 'normal',
fontSize: model.height - 2,
fontFamily: 'consolas',
text: model.context,
textFill: model.textFill,
textAlign: 'center',
textPosition: 'inside',
textVerticalAlign: 'middle',
textLineHeight: model.height
}
});
this.grouper.add(this.buttonRect);
this.grouper.add(this.buttonText);
this.add(this.grouper);
}
setModel(dx, dy) {
this.model.point.x += dx;
this.model.point.y += dy;
}
}

6
src/iscs/utils/parser.js
View File

@ -148,6 +148,9 @@ export function parser(data) {
zrUtil.each(data.singleStaircaseList || [], elem=> {
iscsDevice[elem.code] = deviceFactory(deviceType.SingleStaircase, elem);
});
zrUtil.each(data.iscsButtonList || [], elem=> {
iscsDevice[elem.code] = deviceFactory(deviceType.IscsButton, elem);
});
}
return iscsDevice;
@ -275,6 +278,9 @@ export function updateIscsData(state, device) {
case deviceType.ArcStatus:
updateIscsListByDevice(state, 'arcStatusList', device);
break;
case deviceType.IscsButton:
updateIscsListByDevice(state, 'iscsButtonList', device);
break;
}
// store.dispatch('iscs/setIscsData', state.iscs);
}

2
src/views/exam/detail/examDetail.vue
View File

@ -217,7 +217,7 @@ export default {
this.examDetails.examDefinitionRulesVOList[index].name = v.name;
if (res.operateType) {
this.trainingOperateTypeMap[res.trainingType].forEach(item => {
if (item.code == res.operateType) {
if ((item.code || item.value) === res.operateType) {
this.examDetails.examDefinitionRulesVOList[index].name = `${this.examDetails.examDefinitionRulesVOList[index].name}-${item.name || item.label}`;
return;
}

4
src/views/iscs/iscsDesign/demonList.vue
View File

@ -85,13 +85,13 @@ export default {
type: 'system',
children: [
{
name: '站台报警',
name: '站厅报警',
mode: 'fas',
id: '11',
type: 'interface'
},
{
name: '站厅报警',
name: '站台报警',
mode: 'fas',
id: '12',
type: 'interface'

167
src/views/iscs/iscsDraw/iscsCommonElem/button.vue Normal file
View File

@ -0,0 +1,167 @@
<template>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item v-if="isUpdate" label="按钮编号" prop="code">
<el-input v-model="from.code" :disabled="true" />
</el-form-item>
<el-form-item label="宽度" prop="width">
<el-input-number v-model="form.width" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="高度" prop="height">
<el-input-number v-model="form.height" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="X轴坐标" prop="x">
<el-input-number v-model="form.x" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="Y轴坐标" prop="y">
<el-input-number v-model="form.y" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="按钮文字" prop="context">
<el-input v-model="form.context" />
</el-form-item>
<el-form-item label="按钮功能" prop="function">
<el-select v-model="form.function">
<el-option
v-for="item in functionList"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { mapGetters } from 'vuex';
import {getUID} from '@/iscs/utils/Uid';
export default {
name: 'Text',
components: {
},
data() {
return {
isUpdate: false,
buttonText: '立即创建',
showDeleteButton: false,
functionList: [
{label: '图元说明', value: 'GraphicEle'},
{label: '公共区', value: 'PublicArea'},
{label: '返回', value: 'GoBack'}
],
form: {
code: '',
fillColor: '',
borderWidth: '',
strokeColor: '',
width: 1,
height: 1,
x: 10,
y: 10
},
rules: {
strokeColor: [
{ required: true, message: '请选择边框颜色', trigger: 'change' }
],
fillColor: [
{ required: true, message: '请选择矩形填充颜色', trigger: 'change'}
]
}
};
},
computed:{
...mapGetters('iscs', [
'iscs'
])
},
watch:{
'$store.state.iscs.rightClickCount': function (val) {
const model = this.$store.getters['iscs/updateDeviceData'];
if (model._type === 'IscsButton' ) {
this.buttonText = '修改';
this.showDeleteButton = true;
this.isUpdate = true;
this.form.code = model.code;
this.form.fillColor = model.fillColor;
this.form.borderWidth = model.borderWidth;
this.form.strokeColor = model.strokeColor;
this.form.width = model.width;
this.form.height = model.height;
this.form.x = model.point.x;
this.form.y = model.point.y;
}
}
},
mounted() {},
methods: {
onSubmit(form) {
this.$refs[form].validate((valid) => {
if (valid) {
const rectModel = {
point: {
x: this.form.x,
y: this.form.y
},
code: this.isUpdate ? this.form.code : getUID('IscsButton', this.iscs.iscsButtonList),
_type: 'IscsButton',
fillColor: this.form.fillColor,
borderWidth: this.form.borderWidth,
strokeColor: this.form.strokeColor,
width: this.form.width,
height: this.form.height
};
this.$emit('createDataModel', rectModel);
this.initPage();
} else {
return false;
}
});
},
deleteDevice() {
const rectModel = {
point: {
x: this.form.x,
y: this.form.y
},
code: this.form.code,
_type: 'IscsButton',
fillColor: this.form.fillColor,
borderWidth: this.form.borderWidth,
strokeColor: this.form.strokeColor,
width: this.form.width,
height: this.form.height
};
this.$emit('deleteDataModel', rectModel);
},
initPage() {
this.isUpdate = false;
this.buttonText = '立即创建';
this.showDeleteButton = false;
this.form = {
code: '',
fillColor: '',
borderWidth: '',
strokeColor: '',
width: 1,
height: 1,
x: 10,
y: 10
};
}
}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
@import "src/styles/mixin.scss";
.button_box{
width: 100%;
background: #f0f0f0;
overflow: hidden;
}
</style>

56
src/views/iscs/iscsDraw/iscsCommonElem/line.vue
View File

@ -1,31 +1,31 @@
<template>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="100px">
<el-form-item label="线段宽度" prop="lineWidth">
<el-input-number v-model="form.lineWidth" controls-position="right" :min="1" :max="50"></el-input-number>
</el-form-item>
<el-form-item label="线段颜色" prop="fillColor">
<el-color-picker v-model="form.fillColor"></el-color-picker>
</el-form-item>
<el-form-item label="起始X轴坐标">
<el-input-number v-model="form.x1" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="起始Y轴坐标">
<el-input-number v-model="form.y1" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="终止X轴坐标">
<el-input-number v-model="form.x2" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item label="终止Y轴坐标">
<el-input-number v-model="form.y2" controls-position="right" :min="0"></el-input-number>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" @click="deleteDevice" type="danger">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="100px">
<el-form-item label="线段宽度" prop="lineWidth">
<el-input-number v-model="form.lineWidth" controls-position="right" :min="1" :max="50" />
</el-form-item>
<el-form-item label="线段颜色" prop="fillColor">
<el-color-picker v-model="form.fillColor" />
</el-form-item>
<el-form-item label="起始X轴坐标">
<el-input-number v-model="form.x1" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="起始Y轴坐标">
<el-input-number v-model="form.y1" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="终止X轴坐标">
<el-input-number v-model="form.x2" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="终止Y轴坐标">
<el-input-number v-model="form.y2" controls-position="right" :min="0" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
@ -53,7 +53,7 @@ export default {
],
fillColor: [
{ required: true, message: '请输入线段颜色', trigger: 'blur' }
],
]
}
};
},

60
src/views/iscs/iscsDraw/iscsCommonElem/rect.vue
View File

@ -1,34 +1,34 @@
<template>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="宽度" prop="width">
<el-input-number v-model="form.width" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="高度" prop="height">
<el-input-number v-model="form.height" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="填充色" prop="fillColor">
<el-color-picker v-model="form.fillColor" show-alpha></el-color-picker>
</el-form-item>
<el-form-item label="边框宽度" prop="borderWidth">
<el-input-number v-model="form.borderWidth" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="边框色" prop="strokeColor">
<el-color-picker v-model="form.strokeColor"></el-color-picker>
</el-form-item>
<el-form-item label="X轴坐标">
<el-input-number v-model="form.x" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="Y轴坐标">
<el-input-number v-model="form.y" controls-position="right" :min="1" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="宽度" prop="width">
<el-input-number v-model="form.width" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="高度" prop="height">
<el-input-number v-model="form.height" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="填充色" prop="fillColor">
<el-color-picker v-model="form.fillColor" show-alpha />
</el-form-item>
<el-form-item label="边框宽度" prop="borderWidth">
<el-input-number v-model="form.borderWidth" controls-position="right" :min="0" />
</el-form-item>
<el-form-item label="边框色" prop="strokeColor">
<el-color-picker v-model="form.strokeColor" />
</el-form-item>
<el-form-item label="X轴坐标">
<el-input-number v-model="form.x" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="Y轴坐标">
<el-input-number v-model="form.y" controls-position="right" :min="1" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>

54
src/views/iscs/iscsDraw/iscsCommonElem/text.vue
View File

@ -1,31 +1,31 @@
<template>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="文字内容" prop="context">
<el-input v-model="form.context" type="textarea" />
</el-form-item>
<el-form-item label="文字颜色" prop="textFill">
<el-color-picker v-model="form.textFill"></el-color-picker>
</el-form-item>
<el-form-item label="文字大小" prop="fontSize">
<el-input-number v-model="form.fontSize" controls-position="right" :min="1" :max="100" />
</el-form-item>
<el-form-item label="文字粗细" prop="fontWeight">
<el-input-number v-model="form.fontWeight" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="X轴坐标">
<el-input-number v-model="form.x" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="Y轴坐标">
<el-input-number v-model="form.y" controls-position="right" :min="1" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-form ref="form" :rules="rules" :model="form" label-width="80px">
<el-form-item label="文字内容" prop="context">
<el-input v-model="form.context" type="textarea" />
</el-form-item>
<el-form-item label="文字颜色" prop="textFill">
<el-color-picker v-model="form.textFill" />
</el-form-item>
<el-form-item label="文字大小" prop="fontSize">
<el-input-number v-model="form.fontSize" controls-position="right" :min="1" :max="100" />
</el-form-item>
<el-form-item label="文字粗细" prop="fontWeight">
<el-input-number v-model="form.fontWeight" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="X轴坐标">
<el-input-number v-model="form.x" controls-position="right" :min="1" />
</el-form-item>
<el-form-item label="Y轴坐标">
<el-input-number v-model="form.y" controls-position="right" :min="1" />
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit('form')">{{ buttonText }}</el-button>
<el-button v-show="showDeleteButton" type="danger" @click="deleteDevice">删除</el-button>
<el-button v-show="showDeleteButton" @click="initPage">取消</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>

122
src/views/iscs/iscsSystem/config/bas/sensor.vue Normal file
View File

@ -0,0 +1,122 @@
<template>
<div class="sensor-box">
<div class="title-name">{{ $route.query.stationName }}机电传感器</div>
<div class="sensorList">
<div class="sensorDataA">
<div class="sensorDataATitle">A端</div>
<div class="sensorDataAList">
<div class="sensorDataAImitate">
<table class="imitate">
<tr>
<th class="imitateTD1">模拟量</th>
<th class="imitateTD2">温度 <span>℃</span></th>
<th class="imitateTD2">湿度 <span>%</span></th>
</tr>
<tr v-for="(imitate,index) in sensorDataA.imitateList" :key="index">
<td class="imitateTD1">{{ imitate.temperature }}</td>
<td class="imitateTD2">{{ imitate.temperature }}</td>
<td class="imitateTD2">{{ imitate.humidity }}</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'Sensor',
data() {
return {
sensorDataA:{
imitateList:[
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{}
],
co2SensorList:[]
},
sensorDataB:{
}
};
}
};
</script>
<style lang="scss" scoped>
.title-name{
width: 100%;
text-align: center;
font-size: 26px;
margin-top: 30px;
color: #56E5DE;
}
.sensorList{
width: 1300px;
height: 627px;
border: 1px #8b939c solid;
margin: 8px auto;
}
.sensorDataA{
width: 650px;
border-right: 1px #8b939c solid;
height: 100%;
}
.sensorDataATitle{
padding:5px 0px;
text-align:center;
color: #56E5DE;
font-size:14px;
border-bottom: 1px #8b939c solid;
}
.imitate{
width:400px;
border-spacing: 0;
}
.imitate th{
padding: 3px 0px;
border-right: 1px #8b939c solid;
font-size:14px;
color:#fff;
}
.imitate th span {
color: #56E5DE;
}
.imitateTD1{
width:200px
}
.imitateTD2{
width:100px
}
.imitate tr{
border-bottom: 1px #8b939c solid;
display: inline-block;
}
.imitate tr td{
height: 23px;
border-right: 1px #8b939c solid;
line-height: 23px;
font-size: 14px;
}
</style>

5
src/views/iscs/iscsSystem/config/index.vue
View File

@ -24,6 +24,7 @@
<stationHallACS v-else-if="mode === 'stationHallACS'" />
<standACS v-else-if="mode === 'standACS'" />
<doorFG v-else-if="mode === 'doorFG'" />
<sensor v-else-if="mode==='sensor'" />
</div>
</template>
@ -52,6 +53,7 @@ import AFC from './afc/afc';
import stationHallACS from './acs/stationHallACS';
import standACS from './acs/standACS';
import doorFG from './fg/doorFG';
import Sensor from './bas/sensor';
export default {
components: {
@ -78,7 +80,8 @@ export default {
AFC,
stationHallACS,
standACS,
doorFG
doorFG,
Sensor
},
data() {
return {

54
src/views/iscs/iscsSystem/groupNav.vue
View File

@ -74,14 +74,64 @@ export default {
name: '机电', // 未知子菜单
children: [
{
name: '控制模式',
name: '大系统',
type: 'bigSystem',
showType: ['center', 'local']
},
{
name: '小系统',
type: 'smallSystem',
showType: ['center', 'local']
},
{
name: '水系统',
type: 'waterSystem',
showType: ['center', 'local']
},
{
name: '照明',
type: 'lighting',
showType: ['center', 'local']
},
{
name: '电-扶梯',
type: 'electricEscalator',
showType: ['center', 'local']
},
{
name: '给排水',
type: 'waterSupply',
showType: ['center', 'local']
},
{
name: '模式',
type: 'controlBAS',
showType: ['center', 'local']
},
{
name: '控制权限',
name: '隧道通风',
type: 'tunnelVentilation',
showType: ['center', 'local']
},
{
name: '时刻表',
type: 'schedules',
showType: ['center', 'local']
},
{
name: '权限交接',
type: 'controlPermissionBAS',
showType: ['center', 'local']
},
{
name: '传感器',
type: 'sensor',
showType: ['center', 'local']
},
{
name: '车站网络',
type: 'stationNetwork',
showType: ['center', 'local']
}
]
}, {

10
src/views/iscs/iscsSystem/menuBar.vue
View File

@ -23,8 +23,7 @@
:id="getDomId(child)"
:key="j"
class="menu-li"
@mouseenter="selectedClassB(child, j)"
@mouseleave="tempClassB = -1"
@click.stop="selectedClassB(child, j)"
>
<div class="menu-li-block">
<span class="menu-li-text">
@ -324,7 +323,12 @@ export default {
this.popupMenuB(item, index);
},
popupMenuB(item, index) {
this.tempClassB = index;
if (item.children) {
this.tempClassB = index;
} else {
this.tempClassB = -1;
}
},
// 弹出顶部菜单操作
popupMenuA(item, index) {

54
src/views/iscs/iscsSystem/nav.vue
View File

@ -71,14 +71,64 @@ export default {
name: '机电', // 未知子菜单
children: [
{
name: '控制模式',
name: '大系统',
type: 'bigSystem',
showType: ['center', 'local']
},
{
name: '小系统',
type: 'smallSystem',
showType: ['center', 'local']
},
{
name: '水系统',
type: 'waterSystem',
showType: ['center', 'local']
},
{
name: '照明',
type: 'lighting',
showType: ['center', 'local']
},
{
name: '电-扶梯',
type: 'electricEscalator',
showType: ['center', 'local']
},
{
name: '给排水',
type: 'waterSupply',
showType: ['center', 'local']
},
{
name: '模式',
type: 'controlBAS',
showType: ['center', 'local']
},
{
name: '控制权限',
name: '隧道通风',
type: 'tunnelVentilation',
showType: ['center', 'local']
},
{
name: '时刻表',
type: 'schedules',
showType: ['center', 'local']
},
{
name: '权限交接',
type: 'controlPermissionBAS',
showType: ['center', 'local']
},
{
name: '传感器',
type: 'sensor',
showType: ['center', 'local']
},
{
name: '车站网络',
type: 'stationNetwork',
showType: ['center', 'local']
}
]
}, {

2
src/views/iscsSystem/index.vue
View File

@ -167,8 +167,6 @@ export default {
},
reSize() {
this.$nextTick(() => {
this.width = this.$store.state.config.width;
this.height = this.$store.state.config.height;
this.$iscs && this.$iscs.resize({ width: this.width, height: this.height });
});
},