邓洁 : 首页修改
This commit is contained in:
admin
@@ -98,53 +98,53 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fan-item">
|
||||
<!-- echarts -->
|
||||
<div class="echart" ref="info3"></div>
|
||||
<!-- 风机名称 -->
|
||||
<div class="fan-name">三号风机</div>
|
||||
<!-- 功能 -->
|
||||
<div class="option-nav">
|
||||
<div class="state" :class="{ 'blue-state': isStartTwo }">
|
||||
<div :class="{ stopColor: !stateTwo }">
|
||||
<div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>
|
||||
状态：{{ stateTwo ? '运行' : '故障' }}
|
||||
</div>
|
||||
<div class="switch">
|
||||
<div
|
||||
:class="{ active: isStartTwo }"
|
||||
@click="isStartTwo = true"
|
||||
>
|
||||
启动
|
||||
</div>
|
||||
<div
|
||||
:class="{ active: !isStartTwo }"
|
||||
@click="isStartTwo = false"
|
||||
>
|
||||
停止
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="power">
|
||||
<div class="check-box">
|
||||
<el-radio-group v-model="isSAuto2" class="radio-group">
|
||||
<el-radio label="true">自动</el-radio>
|
||||
<el-radio label="false">手动</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
<div class="edit-power">
|
||||
<span style="color: white">当前功率</span>
|
||||
<span class="units"
|
||||
><input
|
||||
type="number"
|
||||
min="0"
|
||||
v-model="powerThree"
|
||||
:disabled="isSAuto2 === 'true'"
|
||||
/></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="fan-item">-->
|
||||
<!-- <!– echarts –>-->
|
||||
<!-- <div class="echart" ref="info3"></div>-->
|
||||
<!-- <!– 风机名称 –>-->
|
||||
<!-- <div class="fan-name">三号风机</div>-->
|
||||
<!-- <!– 功能 –>-->
|
||||
<!-- <div class="option-nav">-->
|
||||
<!-- <div class="state" :class="{ 'blue-state': isStartTwo }">-->
|
||||
<!-- <div :class="{ stopColor: !stateTwo }">-->
|
||||
<!-- <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>-->
|
||||
<!-- 状态：{{ stateTwo ? '运行' : '故障' }}-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="switch">-->
|
||||
<!-- <div-->
|
||||
<!-- :class="{ active: isStartTwo }"-->
|
||||
<!-- @click="isStartTwo = true"-->
|
||||
<!-- >-->
|
||||
<!-- 启动-->
|
||||
<!-- </div>-->
|
||||
<!-- <div-->
|
||||
<!-- :class="{ active: !isStartTwo }"-->
|
||||
<!-- @click="isStartTwo = false"-->
|
||||
<!-- >-->
|
||||
<!-- 停止-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="power">-->
|
||||
<!-- <div class="check-box">-->
|
||||
<!-- <el-radio-group v-model="isSAuto2" class="radio-group">-->
|
||||
<!-- <el-radio label="true">自动</el-radio>-->
|
||||
<!-- <el-radio label="false">手动</el-radio>-->
|
||||
<!-- </el-radio-group>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="edit-power">-->
|
||||
<!-- <span style="color: white">当前功率</span>-->
|
||||
<!-- <span class="units"-->
|
||||
<!-- ><input-->
|
||||
<!-- type="number"-->
|
||||
<!-- min="0"-->
|
||||
<!-- v-model="powerThree"-->
|
||||
<!-- :disabled="isSAuto2 === 'true'"-->
|
||||
<!-- /></span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -461,119 +461,6 @@ const handleOnMounted = () => {
|
||||
],
|
||||
}
|
||||
Echarts_info2.setOption(fan02_option);
|
||||
//三号风机
|
||||
Echarts_info3 = echarts.init(info3.value);
|
||||
fan03_option = {
|
||||
series: [
|
||||
{
|
||||
type: "gauge",
|
||||
startAngle: -120,
|
||||
endAngle: -420,
|
||||
pointer: {
|
||||
show: false,
|
||||
},
|
||||
progress: {
|
||||
show: true,
|
||||
overlap: false,
|
||||
roundCap: true,
|
||||
clip: false,
|
||||
itemStyle: {
|
||||
borderWidth: 10,
|
||||
borderColor: {
|
||||
type: "linear",
|
||||
x: 0,
|
||||
y: 1,
|
||||
x2: 0,
|
||||
y2: 0,
|
||||
colorStops: [
|
||||
{
|
||||
offset: 0,
|
||||
color: "#4BB10E", // 0% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 0.25,
|
||||
color: "#B1AD0E", // 100% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 0.75,
|
||||
color: "#B1880E", // 100% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "#D77E01", // 100% 处的颜色
|
||||
},
|
||||
],
|
||||
global: false, // 缺省为 false
|
||||
},
|
||||
color: {
|
||||
type: "linear",
|
||||
x: 0,
|
||||
y: 1,
|
||||
x2: 0,
|
||||
y2: 0,
|
||||
colorStops: [
|
||||
{
|
||||
offset: 0,
|
||||
color: "#4BB10E", // 0% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 0.25,
|
||||
color: "#B1AD0E", // 100% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 0.75,
|
||||
color: "#B1880E", // 100% 处的颜色
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: "#D77E01", // 100% 处的颜色
|
||||
},
|
||||
],
|
||||
global: false, // 缺省为 false
|
||||
}
|
||||
},
|
||||
},
|
||||
max: 1000,
|
||||
splitLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: true,
|
||||
splitNumber: 1,
|
||||
length: 10,
|
||||
},
|
||||
axisLabel: {
|
||||
show: false,
|
||||
},
|
||||
data: [
|
||||
{
|
||||
value: powerThree.value,
|
||||
fontSize: 2100,
|
||||
detail: {
|
||||
valueAnimation: true,
|
||||
offsetCenter: ["0%", "0%"],
|
||||
fontSize: 40,
|
||||
color: "white",
|
||||
},
|
||||
},
|
||||
],
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
width: 3,
|
||||
color: [[1, "#155F7C"]],
|
||||
},
|
||||
},
|
||||
detail: {
|
||||
width: 100,
|
||||
height: 14,
|
||||
fontSize: 26,
|
||||
color: "inherit",
|
||||
formatter: "{value}",
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
Echarts_info3.setOption(fan03_option);
|
||||
}
|
||||
|
||||
const getImageUrl = (name) => {
|
||||
|
||||
@@ -1,23 +1,6 @@
|
||||
<template>
|
||||
<div id="transducer-list">
|
||||
<div v-for="item in transducerData" :key="item.equipmentId">
|
||||
<!-- <div class="transducer-item">-->
|
||||
<!-- <img src="@/assets/images/transducer/sp_icon_dy.png"/>-->
|
||||
<!-- <div class="info">-->
|
||||
<!-- <div class="name-state">-->
|
||||
<!-- <div class="name">{{index===1?'二':'一'}}号变频器</div>-->
|
||||
<!-- <div class="state">-->
|
||||
<!-- <img src="@/assets/images/transducer/greenLight.png"/>-->
|
||||
<!-- <span>正常</span>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="one-item">-->
|
||||
<!-- <div>A相电压:{{ item.phaseVoltageA }}V</div>-->
|
||||
<!-- <div>B相电压:{{ item.phaseVoltageB }}V</div>-->
|
||||
<!-- <div>C相电压:{{ item.phaseVoltageC }}V</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<div class="transducer-item">
|
||||
<img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
|
||||
<div class="info">
|
||||
@@ -121,19 +104,19 @@ const getBasicData = (data) => {
|
||||
tranArr.push(tranObj)
|
||||
})
|
||||
//mock数据
|
||||
let newObj = {
|
||||
equipmentId: 0,
|
||||
equipmentName:'3号变频器',
|
||||
phaseCurrentA: 210,
|
||||
phaseCurrentAThreshold: 200,
|
||||
phaseCurrentB: 231,
|
||||
phaseCurrentBThreshold: 300,
|
||||
phaseCurrentC: 154,
|
||||
phaseCurrentCThreshold:200,
|
||||
frequencySetting: 23,
|
||||
frequencyFeedback: 34,
|
||||
}
|
||||
tranArr.push(newObj)
|
||||
// let newObj = {
|
||||
// equipmentId: 0,
|
||||
// equipmentName:'3号变频器',
|
||||
// phaseCurrentA: 210,
|
||||
// phaseCurrentAThreshold: 200,
|
||||
// phaseCurrentB: 231,
|
||||
// phaseCurrentBThreshold: 300,
|
||||
// phaseCurrentC: 154,
|
||||
// phaseCurrentCThreshold:200,
|
||||
// frequencySetting: 23,
|
||||
// frequencyFeedback: 34,
|
||||
// }
|
||||
// tranArr.push(newObj)
|
||||
transducerData.value = tranArr
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user