U 电机页面 添加备用绕组温度 样式修改 二次确认修改
| | |
| | | electric_ip: ip, |
| | | num: num, |
| | | }; |
| | | |
| | | // 根据pos的值设置data的属性 |
| | | switch(num) { |
| | | case 1: |
| | |
| | | width: auto; |
| | | -webkit-transform: translateX(-50%); |
| | | transform: translateX(-50%); |
| | | } |
| | | |
| | | /** |
| | | * 全局颜色 |
| | | */ |
| | | .color-highlight { |
| | | color: #ff0; |
| | | } |
| | |
| | | */ |
| | | ctx.save(); |
| | | ctx.font = '32px Arial'; |
| | | // ctx.fillStyle = '' |
| | | ctx.fillStyle = '#ff0'; |
| | | ctx.beginPath(); |
| | | ctx.translate(90, 484); |
| | | ctx.fillText(value + '℃', 0, 60); |
| | |
| | | can.drawText({ |
| | | x: 290, |
| | | y: 44, |
| | | txt: 'TT02回水温度' |
| | | txt: 'TT02回水温度(℃)' |
| | | }); |
| | | can.drawText({ |
| | | x: 490, |
| | | y: 44, |
| | | txt: 'PT02回水压力' |
| | | txt: 'PT02回水压力(bar)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 490, |
| | | y: 204, |
| | | txt: '环境温度' |
| | | txt: '环境温度(℃)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 490, |
| | | y: 304, |
| | | txt: '环境湿度' |
| | | txt: '环境湿度(%)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 290, |
| | | y: 564, |
| | | txt: 'PT01供水压力' |
| | | txt: 'PT01供水压力(bar)' |
| | | }); |
| | | can.drawText({ |
| | | x: 980, |
| | |
| | | can.drawText({ |
| | | x: 490, |
| | | y: 564, |
| | | txt: 'FIT01冷却水流量' |
| | | txt: 'FIT01冷却水流量(T/h)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 690, |
| | | y: 564, |
| | | txt: 'TT01供水温度' |
| | | txt: 'TT01供水温度(℃)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 890, |
| | | y: 564, |
| | | txt: 'TT21外水温度' |
| | | txt: 'TT21外水温度(℃)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | can.drawText({ |
| | | x: 1190, |
| | | y: 564, |
| | | txt: 'PT21外水压力' |
| | | txt: 'PT21外水压力(bar)' |
| | | }); |
| | | can.drawRect({ |
| | | strokeStyle: 'transparent', |
| | |
| | | </div> |
| | | <!-- 模式 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setConsvol" data-confirmTxt="模式切换确认" :param="JSON.stringify(item)">{{item}}恒压模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setConsvol" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}恒压模式</div> |
| | | <div class="center_con">{{model[item] ? '恒流' : '恒压'}}</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setConscurr" data-confirmTxt="模式切换确认" :param="JSON.stringify(item)">{{item}}恒流模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setConscurr" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}恒流模式</div> |
| | | </div> |
| | | <!-- 串并模式 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="constantvol" data-confirmTxt="模式切换确认" :param="JSON.stringify(item)">{{item}}机组切换为4并或2串2并模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="constantvol" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}机组切换为4并或2串2并模式</div> |
| | | <div class="center_con">{{item}}机组当前为{{constantvolflag.A ? '4并或2串2并模式' : '4并或2串2并之外模式'}}</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="othermode" data-confirmTxt="模式切换确认" :param="JSON.stringify(item)">{{item}}机组切换为4并或2串2并之外模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="othermode" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}机组切换为4并或2串2并之外模式</div> |
| | | </div> |
| | | <!-- 遥控 上位机 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setRemoteControl" data-confirmTxt="控制切换确认" :param="JSON.stringify(item)">{{item}}机组切换到上位机控制</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setRemoteControl" data-confirmTxt="控制切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}机组切换到上位机控制</div> |
| | | <div class="center_con">{{local_remote_control[item] ? '上位机控制' : '触摸屏控制'}}</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setLocalControl" data-confirmTxt="控制切换确认" :param="JSON.stringify(item)">{{item}}机组切换到就地控制</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setLocalControl" data-confirmTxt="控制切换确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}机组切换到就地控制</div> |
| | | </div> |
| | | <div class="text_row vertical_middle"> |
| | | <div class="inner"> |
| | |
| | | </div> |
| | | <!-- 启动停止 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="remoteStart" data-confirmTxt="启动确认" :param="JSON.stringify(item)">{{item}}启动</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="remoteStart" data-confirmTxt="启动确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}启动</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !0, 'status_error': !1}"></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="remoteStop" data-confirmTxt="停止确认" :param="JSON.stringify(item)">{{item}}停止</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="remoteStop" data-confirmTxt="停止确认" :param="JSON.stringify(['CONTEXT.item'])">{{item}}停止</div> |
| | | </div> |
| | | </div> |
| | | <!-- 右侧按钮 --> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |
| | |
| | | <!-- 按钮组 --> |
| | | <div class="item_btn_grp"> |
| | | <div class="vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="startLoad" data-confirmTxt="启动加减载确认" :param="JSON.stringify(item)">启动加减载</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="startLoad" data-confirmTxt="启动加减载确认" :param="JSON.stringify(['CONTEXT.item'])">启动加减载</div> |
| | | </div> |
| | | <div class="vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="stopLoad" data-confirmTxt="停止加减载确认" :param="JSON.stringify(item)">停止加减载</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="stopLoad" data-confirmTxt="停止加减载确认" :param="JSON.stringify(['CONTEXT.item'])">停止加减载</div> |
| | | </div> |
| | | <div class="vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(item)">全部分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(['CONTEXT.item'])">全部分闸</div> |
| | | </div> |
| | | </div> |
| | | <!-- 自动流程 --> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |
| | |
| | | <div class="main"> |
| | | <!-- <div class="title vertical_middle">负载柜突加突卸画面</div> --> |
| | | <div class="header"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="allSuddenChange" data-confirmTxt="总突变加减载确认" :param="JSON.stringify(null)">总突变加减载</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOffAll" data-confirmTxt="总全部分闸确认" :param="JSON.stringify(null)">总全部分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="allSuddenChange" data-confirmTxt="总突变加减载确认" :param="JSON.stringify([null])">总突变加减载</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOffAll" data-confirmTxt="总全部分闸确认" :param="JSON.stringify([null])">总全部分闸</div> |
| | | </div> |
| | | <div class="flex_contain"> |
| | | <div class="item" v-for="(item, itemIndex) in list" :key="itemIndex"> |
| | |
| | | <!-- 按钮组 --> |
| | | <div class="item_btn_grp"> |
| | | <div class="vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="suddenChange" data-confirmTxt="突变加减载确认" :param="JSON.stringify(item)">突变加减载</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="suddenChange" data-confirmTxt="突变加减载确认" :param="JSON.stringify(['CONTEXT.item'])">突变加减载</div> |
| | | </div> |
| | | <div class="vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(item)">全部分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(['CONTEXT.item'])">全部分闸</div> |
| | | </div> |
| | | </div> |
| | | <!-- 数据 --> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |
| | |
| | | <div class="btn_main"> |
| | | <div class="lay_label vertical_middle">{{item.dev_name}}</div> |
| | | <div class="lay_content vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(item)">全部分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="switchOff" data-confirmTxt="全部分闸确认" :param="JSON.stringify(['CONTEXT.item'])">全部分闸</div> |
| | | </div> |
| | | </div> |
| | | <!-- 是否允许合闸 --> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |
| | |
| | | <div class="panel_datas"> |
| | | <div v-for="(item, index) in data_list" :key="index" class="data_row"> |
| | | <label>{{item.name}}</label> |
| | | <span>{{item.value}} {{item.unit}}</span> |
| | | <span class="color-highlight">{{item.value}} {{item.unit}}</span> |
| | | </div> |
| | | </div> |
| | | <div class="date_time">{{dateTime}}</div> |
| | |
| | | <div class="flex_footer"> |
| | | <div class="temp_grp"> |
| | | <div class="temp_grp_inner temp_grp_1"> |
| | | <div class="temp_title">齿轮箱</div> |
| | | <div class="temp_title color-highlight">齿轮箱</div> |
| | | <div class="temp_list"> |
| | | <div v-for="(item, index) in GList" class="item" :key="index"> |
| | | <g-temp :ref="'G_temp_' + index" |
| | |
| | | </div> |
| | | </div> |
| | | <div class="temp_grp_inner temp_grp_2"> |
| | | <div class="temp_title">加载电机</div> |
| | | <div class="temp_title color-highlight">加载电机</div> |
| | | <div class="temp_list"> |
| | | <div v-for="(item, index) in GList2" class="item" :key="'li_' + index"> |
| | | <g-temp :ref="'G_temp2_' + index" |
| | |
| | | ,max: 180 |
| | | ,highLimit: 130 |
| | | ,malLimit: 145 |
| | | }, |
| | | { |
| | | info: '备用绕组温度U1' |
| | | ,value: 0 |
| | | ,min: -5 |
| | | ,max: 180 |
| | | ,highLimit: 130 |
| | | ,malLimit: 145 |
| | | }, { |
| | | info: '备用绕组温度V1' |
| | | ,value: 0 |
| | | ,min: -5 |
| | | ,max: 180 |
| | | ,highLimit: 130 |
| | | ,malLimit: 145 |
| | | }, { |
| | | info: '备用绕组温度W1' |
| | | ,value: 0 |
| | | ,min: -5 |
| | | ,max: 180 |
| | | ,highLimit: 130 |
| | | ,malLimit: 145 |
| | | }, { |
| | | info: 'DE轴承温度' |
| | | ,value: 0 |
| | |
| | | return this.$api.motor.getInfo(param).then((res) => { |
| | | res = JSON.parse(res.data.result); |
| | | if (res.code) { |
| | | // console.log(res.data); |
| | | console.log(res.data); |
| | | const data = res.data[0]; |
| | | // 电机水冷进出水风温 |
| | | this.GList2[0].value = data.load_motor_inwater_tmp / 10; |
| | |
| | | this.GList2[2].value = data.load_motor_wind_tmp1 / 10; |
| | | this.GList2[3].value = data.load_motor_wind_tmp2 / 10; |
| | | this.GList2[4].value = data.load_motor_wind_tmp3 / 10; |
| | | // 备用绕组温度 |
| | | this.GList2[5].value = data.load_motor_wind_tmp1_bp / 10; |
| | | this.GList2[6].value = data.load_motor_wind_tmp2_bp / 10; |
| | | this.GList2[7].value = data.load_motor_wind_tmp3_bp / 10; |
| | | // 加载电机轴承温度 |
| | | this.GList2[5].value = data.load_motor_bear_tmp1 / 10; |
| | | this.GList2[6].value = data.load_motor_bear_tmp2 / 10; |
| | | this.GList2[8].value = data.load_motor_bear_tmp1 / 10; |
| | | this.GList2[9].value = data.load_motor_bear_tmp2 / 10; |
| | | // 加载电机 电流 |
| | | this.data_list[0].value = data.load_motor_curr; |
| | | // 加载电机 电压 |
| | |
| | | transform: translate(0, 6px) scaleX(.96); */ |
| | | } |
| | | .flex_main .p_data { |
| | | flex: 1; |
| | | flex: 1.1; |
| | | min-width: 360px; |
| | | display: -webkit-flex; |
| | | display: flex; |
| | |
| | | display: flex; |
| | | flex-direction: column; |
| | | /*border: 2px #15e3f3 solid;*/ |
| | | border: 2px #053134 solid; |
| | | /*border: 2px #053134 solid;*/ |
| | | border: 2px #00aaff solid; |
| | | } |
| | | .temp_title { |
| | | border-bottom: 1px #053134 solid; |
| | | /*border-bottom: 1px #053134 solid;*/ |
| | | border-bottom: 1px #00aaff solid; |
| | | padding: 10px; |
| | | } |
| | | .temp_list { |
| | |
| | | display: flex; |
| | | } |
| | | .temp_grp_1 { |
| | | flex: 6.4; |
| | | flex: 6; |
| | | } |
| | | .temp_grp_2 { |
| | | flex: 7; |
| | | margin-left: 1em; |
| | | flex: 10; |
| | | margin-left: .4em; |
| | | } |
| | | .temp_grp .item { |
| | | flex: 1; |
| | |
| | | height: 100%; |
| | | width: 1px; |
| | | /*background: #15e3f3;*/ |
| | | background: #053134; |
| | | /*background: #053134;*/ |
| | | background: #00aaff; |
| | | } |
| | | .tool_bar { |
| | | padding: .1rem .2rem; |
| | |
| | | </div> |
| | | <div class="item"> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify([item1, 1])">恒压模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item1', 1])">恒压模式</div> |
| | | <div class="center_con" v-if="item1.data.consvolcurrflag">恒流</div> |
| | | <div class="center_con" v-else>恒压</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify([item1, 2])">恒流模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item1', 2])">恒流模式</div> |
| | | </div> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify([item1, 3])">并联模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item1', 3])">并联模式</div> |
| | | <div class="center_con" v-if="item1.state.conn_flag">串联</div> |
| | | <div class="center_con" v-else>并联</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify([item1, 4])">串联模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="模式切换确认" :param="JSON.stringify(['CONTEXT.item1', 4])">串联模式</div> |
| | | </div> |
| | | <div class="group_set"> |
| | | <div class="part_left"> |
| | |
| | | </div> |
| | | </div> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出合闸确认" :param="JSON.stringify([item1, 7])">{{item1.name}}套输出合闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出合闸确认" :param="JSON.stringify(['CONTEXT.item1', 7])">{{item1.name}}套输出合闸</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !item1.state.qs1_state, 'status_error': item1.state.qs1_state}"><span>{{k_name1}}</span></div> |
| | | <div class="indicator" :class="{'status_normal': !item1.state.qs2_state, 'status_error': item1.state.qs2_state}"><span>{{k_name2}}</span></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出分闸确认" :param="JSON.stringify([item1, 9])">{{item1.name}}套输出分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出分闸确认" :param="JSON.stringify(['CONTEXT.item1', 9])">{{item1.name}}套输出分闸</div> |
| | | </div> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出合闸确认" :param="JSON.stringify([item1, 8])">{{item2.name}}套输出合闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出合闸确认" :param="JSON.stringify(['CONTEXT.item1', 8])">{{item2.name}}套输出合闸</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !item2.state.qs1_state, 'status_error': item2.state.qs1_state}"><span>{{k_name3}}</span></div> |
| | | <div class="indicator" :class="{'status_normal': !item2.state.qs2_state, 'status_error': item2.state.qs2_state}"><span>{{k_name4}}</span></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出分闸确认" :param="JSON.stringify([item1, 10])">{{item2.name}}套输出分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="输出分闸确认" :param="JSON.stringify(['CONTEXT.item1', 10])">{{item2.name}}套输出分闸</div> |
| | | </div> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="启动确认" :param="JSON.stringify([item1, 11])">{{groupname}}启动</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="启动确认" :param="JSON.stringify(['CONTEXT.item1', 11])">{{groupname}}启动</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !item1.data.powerstartflag, 'status_error': item1.data.powerstartflag}"></div> |
| | | <div class="indicator" :class="{'status_normal': !item2.data.powerstartflag, 'status_error': item2.data.powerstartflag}"></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="停止确认" :param="JSON.stringify([item1, 12])">{{groupname}}停止</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setGroupPos" data-confirmTxt="停止确认" :param="JSON.stringify(['CONTEXT.item1', 12])">{{groupname}}停止</div> |
| | | </div> |
| | | </div> |
| | | <div class="item"> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](...this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |
| | |
| | | </div> |
| | | <!-- 模式 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="切换模式确认" :param="JSON.stringify([item, 3])">{{item.idx}}恒压模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="切换模式确认" :param="JSON.stringify(['CONTEXT.item', 3])">{{item.idx}}恒压模式</div> |
| | | <div class="center_con" v-if="item.data.consvolcurrflag">恒流</div> |
| | | <div class="center_con" v-else>恒压</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="切换模式确认" :param="JSON.stringify([item, 4])">{{item.idx}}恒流模式</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="切换模式确认" :param="JSON.stringify(['CONTEXT.item', 4])">{{item.idx}}恒流模式</div> |
| | | </div> |
| | | <!-- A设定电压 --> |
| | | <div class="text_row vertical_middle"> |
| | |
| | | </div> |
| | | <!-- A套输出合分闸 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="合闸确认" :param="JSON.stringify([item, 15])">{{item.idx}}套输出合闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="合闸确认" :param="JSON.stringify(['CONTEXT.item', 15])">{{item.idx}}套输出合闸</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !item.state.qs1_state, 'status_error': item.state.qs1_state}"><span>{{item.k_name1}}</span></div> |
| | | <div class="indicator" :class="{'status_normal': !item.state.qs2_state, 'status_error': item.state.qs2_state}"><span>{{item.k_name2}}</span></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="分闸确认" :param="JSON.stringify([item, 16])">{{item.idx}}套输出分闸</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="分闸确认" :param="JSON.stringify(['CONTEXT.item', 16])">{{item.idx}}套输出分闸</div> |
| | | </div> |
| | | <!-- A启动停止 --> |
| | | <div class="flex_2btn_grp vertical_middle"> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="启动确认" :param="JSON.stringify([item, 7])">{{item.idx}}启动</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="启动确认" :param="JSON.stringify(['CONTEXT.item', 7])">{{item.idx}}启动</div> |
| | | <div class="center_con"> |
| | | <div class="indicator" :class="{'status_normal': !item.data.powerstartflag, 'status_error': item.data.powerstartflag}"></div> |
| | | </div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="停止确认" :param="JSON.stringify([item, 8])">{{item.idx}}停止</div> |
| | | <div class="btn_3d" v-btn-confirm="handleConfirm" data-fn="setPos" data-confirmTxt="停止确认" :param="JSON.stringify(['CONTEXT.item', 8])">{{item.idx}}停止</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | } |
| | | ,callBack () { |
| | | this.confirmVisible = false; |
| | | this[this.cbFn](...this.cbParam); |
| | | let cbParam = []; |
| | | this.cbParam.forEach((v) => { |
| | | if ('string' == typeof v && v.indexOf('CONTEXT') > -1) { |
| | | let arr = v.split('.'); |
| | | if (arr.length > 2) { |
| | | console.warn('目前不支持深层属性参数'); |
| | | } |
| | | cbParam.push(this[arr[1]]); |
| | | } else { |
| | | cbParam.push(v); |
| | | } |
| | | }); |
| | | this[this.cbFn](...cbParam); |
| | | } |
| | | ,handleConfirm (obj) { |
| | | // console.log(obj, 9090); |