邓洁 : 首页修改
This commit is contained in:
admin
@@ -98,53 +98,53 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="fan-item">
|
<!-- <div class="fan-item">-->
|
||||||
<!-- echarts -->
|
<!-- <!– echarts –>-->
|
||||||
<div class="echart" ref="info3"></div>
|
<!-- <div class="echart" ref="info3"></div>-->
|
||||||
<!-- 风机名称 -->
|
<!-- <!– 风机名称 –>-->
|
||||||
<div class="fan-name">三号风机</div>
|
<!-- <div class="fan-name">三号风机</div>-->
|
||||||
<!-- 功能 -->
|
<!-- <!– 功能 –>-->
|
||||||
<div class="option-nav">
|
<!-- <div class="option-nav">-->
|
||||||
<div class="state" :class="{ 'blue-state': isStartTwo }">
|
<!-- <div class="state" :class="{ 'blue-state': isStartTwo }">-->
|
||||||
<div :class="{ stopColor: !stateTwo }">
|
<!-- <div :class="{ stopColor: !stateTwo }">-->
|
||||||
<div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>
|
<!-- <div :style="{ backgroundImage: 'url(' +getImageUrl(stateIconTwo)+')' }" class="state-icon"></div>-->
|
||||||
状态：{{ stateTwo ? '运行' : '故障' }}
|
<!-- 状态：{{ stateTwo ? '运行' : '故障' }}-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="switch">
|
<!-- <div class="switch">-->
|
||||||
<div
|
<!-- <div-->
|
||||||
:class="{ active: isStartTwo }"
|
<!-- :class="{ active: isStartTwo }"-->
|
||||||
@click="isStartTwo = true"
|
<!-- @click="isStartTwo = true"-->
|
||||||
>
|
<!-- >-->
|
||||||
启动
|
<!-- 启动-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div
|
<!-- <div-->
|
||||||
:class="{ active: !isStartTwo }"
|
<!-- :class="{ active: !isStartTwo }"-->
|
||||||
@click="isStartTwo = false"
|
<!-- @click="isStartTwo = false"-->
|
||||||
>
|
<!-- >-->
|
||||||
停止
|
<!-- 停止-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="power">
|
<!-- <div class="power">-->
|
||||||
<div class="check-box">
|
<!-- <div class="check-box">-->
|
||||||
<el-radio-group v-model="isSAuto2" class="radio-group">
|
<!-- <el-radio-group v-model="isSAuto2" class="radio-group">-->
|
||||||
<el-radio label="true">自动</el-radio>
|
<!-- <el-radio label="true">自动</el-radio>-->
|
||||||
<el-radio label="false">手动</el-radio>
|
<!-- <el-radio label="false">手动</el-radio>-->
|
||||||
</el-radio-group>
|
<!-- </el-radio-group>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
<div class="edit-power">
|
<!-- <div class="edit-power">-->
|
||||||
<span style="color: white">当前功率</span>
|
<!-- <span style="color: white">当前功率</span>-->
|
||||||
<span class="units"
|
<!-- <span class="units"-->
|
||||||
><input
|
<!-- ><input-->
|
||||||
type="number"
|
<!-- type="number"-->
|
||||||
min="0"
|
<!-- min="0"-->
|
||||||
v-model="powerThree"
|
<!-- v-model="powerThree"-->
|
||||||
:disabled="isSAuto2 === 'true'"
|
<!-- :disabled="isSAuto2 === 'true'"-->
|
||||||
/></span>
|
<!-- /></span>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -461,119 +461,6 @@ const handleOnMounted = () => {
|
|||||||
],
|
],
|
||||||
}
|
}
|
||||||
Echarts_info2.setOption(fan02_option);
|
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) => {
|
const getImageUrl = (name) => {
|
||||||
|
|||||||
@@ -1,23 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div id="transducer-list">
|
<div id="transducer-list">
|
||||||
<div v-for="item in transducerData" :key="item.equipmentId">
|
<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">
|
<div class="transducer-item">
|
||||||
<img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
|
<img src="@/assets/images/transducer/sp_icon_dl.png" alt=""/>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
@@ -121,19 +104,19 @@ const getBasicData = (data) => {
|
|||||||
tranArr.push(tranObj)
|
tranArr.push(tranObj)
|
||||||
})
|
})
|
||||||
//mock数据
|
//mock数据
|
||||||
let newObj = {
|
// let newObj = {
|
||||||
equipmentId: 0,
|
// equipmentId: 0,
|
||||||
equipmentName:'3号变频器',
|
// equipmentName:'3号变频器',
|
||||||
phaseCurrentA: 210,
|
// phaseCurrentA: 210,
|
||||||
phaseCurrentAThreshold: 200,
|
// phaseCurrentAThreshold: 200,
|
||||||
phaseCurrentB: 231,
|
// phaseCurrentB: 231,
|
||||||
phaseCurrentBThreshold: 300,
|
// phaseCurrentBThreshold: 300,
|
||||||
phaseCurrentC: 154,
|
// phaseCurrentC: 154,
|
||||||
phaseCurrentCThreshold:200,
|
// phaseCurrentCThreshold:200,
|
||||||
frequencySetting: 23,
|
// frequencySetting: 23,
|
||||||
frequencyFeedback: 34,
|
// frequencyFeedback: 34,
|
||||||
}
|
// }
|
||||||
tranArr.push(newObj)
|
// tranArr.push(newObj)
|
||||||
transducerData.value = tranArr
|
transducerData.value = tranArr
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user