pfk
This commit is contained in:
parent
1923d9ca2e
commit
17b9e166f0
Binary file not shown.
|
After Width: | Height: | Size: 179 B |
|
|
@ -257,5 +257,9 @@ export default {
|
|||
background-image: url('/public/img/enp_blue/selectBg.png');
|
||||
}
|
||||
|
||||
.enpCheckbox>.el-checkbox>.el-checkbox__label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
//排放系统
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -11,78 +11,185 @@
|
|||
<div class="linesWrap">
|
||||
<div class="typeLine">
|
||||
<div class="greenBlock">
|
||||
<div style="width:100%;height:100%;background:#0ED877"></div>
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>
|
||||
生产设备
|
||||
<span>生产设备</span>
|
||||
</div>
|
||||
<div class="infoLine">
|
||||
<span class="circles"></span>
|
||||
<span>{{ eqs.name }}</span>
|
||||
</div>
|
||||
<el-row class="infoLine">
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">设备类型：</span>主要生产设备</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">电机功率：</span>5352kw</div>
|
||||
<div>
|
||||
<span class="infotitle">电机功率：</span>
|
||||
<span v-if="eqs.power_kw">{{ eqs.power_kw }}kw</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div>
|
||||
<span class="infotitle">生产能力：</span>
|
||||
<span v-if="eqs.parameter_json && eqs.parameter_json.生产能力">{{ eqs.parameter_json.生产能力
|
||||
}}</span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="infoLine">
|
||||
<div><span class="infotitle">生产能力：</span>140~150t/h</div>
|
||||
</div>
|
||||
<div class="typeLine">
|
||||
<div class="greenBlock">
|
||||
<div style="width:100%;height:100%;background:#0ED877"></div>
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>
|
||||
治理设备
|
||||
<span>治理设备</span>
|
||||
</div>
|
||||
<div class="infoLine">
|
||||
<span class="circles"></span>
|
||||
<span>{{ eqz.name }}</span>
|
||||
</div>
|
||||
<el-row class="infoLine">
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">设备类型：</span>主要生产设备</div>
|
||||
<div><span class="infotitle">风量：</span>
|
||||
<span v-if="eqz.parameter_json && eqz.parameter_json.风量">{{ eqz.parameter_json.风量
|
||||
}}m³/h</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">电机功率：</span>5352kw</div>
|
||||
<div><span class="infotitle">过滤面积：</span>
|
||||
<span v-if="eqz.parameter_json && eqz.parameter_json.过滤面积">{{ eqz.parameter_json.过滤面积
|
||||
}} m²</span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">布袋材质：</span>
|
||||
<span v-if="eqz.parameter_json && eqz.parameter_json.布袋材质">{{ eqz.parameter_json.布袋材质
|
||||
}} </span>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">过滤风速：</span>
|
||||
<span v-if="eqz.parameter_json && eqz.parameter_json.过滤风速">{{ eqz.parameter_json.过滤风速
|
||||
}} </span>m/min
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">额定功率：</span>
|
||||
<span v-if="eqz.parameter_json && eqz.parameter_json.额定功率">{{ eqz.parameter_json.额定功率
|
||||
}} </span> Kw
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="infoLine">
|
||||
<div><span class="infotitle">生产能力：</span>140~150t/h</div>
|
||||
</div>
|
||||
<div class="typeLine">
|
||||
<div class="greenBlock">
|
||||
<div style="width:100%;height:100%;background:#0ED877"></div>
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>
|
||||
排放口
|
||||
|
||||
<span>排放口</span>
|
||||
</div>
|
||||
<div class="infoLine">
|
||||
<span class="circles"></span>
|
||||
<span>{{ detailItem.name }}</span>
|
||||
</div>
|
||||
<el-row class="infoLine">
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">设备类型：</span>主要生产设备</div>
|
||||
<div><span class="infotitle">排气筒高度：</span>{{ detailItem.height }} m</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">电机功率：</span>5352kw</div>
|
||||
<div><span class="infotitle">废气处理量：</span> {{ detailItem.treatment_capacity }} m³/h</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">PM超低排放限值： </span> {{ detailItem.pm_limit }} mg/Nm³</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">排污许可状况： </span>已许可</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">治理措施： </span>{{ detailItem.measure }}</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="infoLine">
|
||||
<div><span class="infotitle">生产能力：</span>140~150t/h</div>
|
||||
</div>
|
||||
<div class="typeLine">
|
||||
<div class="greenBlock">
|
||||
<div style="width:100%;height:100%;background:#0ED877"></div>
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>
|
||||
监测设备
|
||||
<span>监测设备</span>
|
||||
</div>
|
||||
<div class="infoLine">
|
||||
<span class="circles"></span>
|
||||
<span>{{ eqc.name }}</span>
|
||||
</div>
|
||||
<el-row class="infoLine">
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">设备类型：</span>主要生产设备</div>
|
||||
<el-col :span="24">
|
||||
<div>
|
||||
<span class="infotitle">颗粒物：（实测值）</span>0.218 mg/m³
|
||||
<span class="infotitle">（折算值）</span>0.218 mg/m³
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div>
|
||||
<span class="infotitle">SO2：（实测值）</span>0.218 mg/m³
|
||||
<span class="infotitle">（折算值）</span>0.218 mg/m³
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<div>
|
||||
<span class="infotitle">NOX：（实测值）</span>0.218 mg/m³
|
||||
<span class="infotitle">（折算值）</span>0.218 mg/m³
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">电机功率：</span>5352kw</div>
|
||||
<div><span class="infotitle">流量：</span> 0.000 m³/h</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">温度：</span> 0.000 ℃</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">湿度：</span> 0.000 %</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">压力：</span> 0.000 MPa</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div><span class="infotitle">含氧量：</span> 0.000 %</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="infoLine">
|
||||
<div><span class="infotitle">生产能力：</span>140~150t/h</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 表 -->
|
||||
<div class="rightCard">
|
||||
<div class="pageTitle">排放口及关联设备动态信息</div>
|
||||
<div id="cChart" style="width: 100%; height:400px"></div>
|
||||
<div id="dataChart" style="width: 100%; height:600px;margin-top:1vh"></div>
|
||||
<div style="color:#ffffff;">
|
||||
<div class="greenBlock">
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>CEMS监测设备
|
||||
<div class="enpCheckbox">
|
||||
<el-checkbox v-model="checked1" label="超低排放限值（颗粒物:5; SO₂:-; NOx:-; 含氧量:-）" size="large" />
|
||||
<el-checkbox v-model="checked2" label="企业预警值（颗粒物:4; SO₂:-; NOx:-; 含氧量:-）" size="large" />
|
||||
<el-checkbox v-model="checked3" label="颗粒物实测值" size="large" />
|
||||
<el-checkbox v-model="checked4" label="颗粒物折算值" size="large" />
|
||||
<el-checkbox v-model="checked5" label="SO₂实测值" size="large" />
|
||||
<el-checkbox v-model="checked6" label="SO₂折算值" size="large" />
|
||||
<el-checkbox v-model="checked7" label="NOx实测值" size="large" />
|
||||
<el-checkbox v-model="checked8" label="NOx折算值" size="large" />
|
||||
<el-checkbox v-model="checked9" label="含氧量" size="large" />
|
||||
<el-checkbox v-model="checked10" label="流量" size="large" />
|
||||
<el-checkbox v-model="checked11" label="压力" size="large" />
|
||||
<el-checkbox v-model="checked12" label="温度" size="large" />
|
||||
<el-checkbox v-model="checked13" label="湿度" size="large" />
|
||||
<el-checkbox v-model="checked14" label="流速" size="large" />
|
||||
</div>
|
||||
<div class="greenBlock">
|
||||
</div>生产设备-水泥磨机
|
||||
<div class="enpCheckbox">
|
||||
<el-checkbox v-model="checked15" label="水泥磨机运行信号" size="large" />
|
||||
</div>
|
||||
<div class="greenBlock">
|
||||
<div class="greenBlockInner"></div>
|
||||
</div>治理设备-磨尾除尘器
|
||||
<div class="enpCheckbox">
|
||||
<el-checkbox v-model="checked16" label="磨尾除尘器运行信号" size="large" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
|
@ -134,6 +241,7 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import * as echarts from "echarts";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -154,37 +262,72 @@ export default {
|
|||
pfkdetail: false,
|
||||
tableData: [],
|
||||
detailItem: {},
|
||||
basicOption: {
|
||||
title: {
|
||||
text: '设备名称'
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: {
|
||||
left: '3%',
|
||||
right: '4%',
|
||||
bottom: '3%',
|
||||
containLabel: true
|
||||
},
|
||||
legend: {},
|
||||
toolbox: {
|
||||
feature: {
|
||||
saveAsImage: {}
|
||||
}
|
||||
},
|
||||
dataset: {
|
||||
source: []
|
||||
},
|
||||
xAxis: { type: 'category' },
|
||||
yAxis: {},
|
||||
series: [{ type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }, { type: 'line' }]
|
||||
},
|
||||
detailForm: {
|
||||
day: 18,
|
||||
year: 2024,
|
||||
month: 1
|
||||
},
|
||||
biquery: {
|
||||
end_time: '2024-02-01',
|
||||
start_time: '2024-01-29',
|
||||
time_bucket: "1 minute",
|
||||
equipment_id: "3491356310052896768",
|
||||
},
|
||||
basicOption: {
|
||||
title: {
|
||||
text: '设备名称',
|
||||
left: 'center',
|
||||
top: 'top',
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
// grid: {
|
||||
// left: '3%',
|
||||
// right: '4%',
|
||||
// bottom: '3%',
|
||||
// containLabel: true
|
||||
// },
|
||||
grid: [{
|
||||
height: '35%',
|
||||
bottom: '50%',
|
||||
}, {
|
||||
height: '35%',
|
||||
bottom: '3%',
|
||||
}],
|
||||
dataZoom: [
|
||||
{
|
||||
type: 'inside',
|
||||
start: 0,
|
||||
end: 20
|
||||
},
|
||||
{
|
||||
start: 0,
|
||||
end: 20
|
||||
}
|
||||
],
|
||||
dataset: {
|
||||
source: []
|
||||
},
|
||||
xAxis: [
|
||||
{ type: 'category' },
|
||||
{ type: 'category' },
|
||||
],
|
||||
yAxis: [{}, {}],
|
||||
series: [
|
||||
{ type: 'line', xAxisIndex: 0 }, { type: 'line', xAxisIndex: 0 },
|
||||
{ type: 'line', xAxisIndex: 1 }, { type: 'line', xAxisIndex: 1 },
|
||||
{ type: 'line', xAxisIndex: 1 }, { type: 'line', xAxisIndex: 1 },
|
||||
{ type: 'line', xAxisIndex: 1 },
|
||||
{ xAxisIndex: 1, type: 'line' },
|
||||
]
|
||||
},
|
||||
eqs: {},
|
||||
eqc: {},
|
||||
eqz: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -196,6 +339,8 @@ export default {
|
|||
this.detailForm.year = year;
|
||||
this.detailForm.month = month;
|
||||
this.detailForm.day = day;
|
||||
// this.query.start_time = year + '-' + month + '-01';
|
||||
// this.query.end_time = year + '-' + month + day;
|
||||
},
|
||||
backtoMap() {
|
||||
this.$emit('close')
|
||||
|
|
@ -207,9 +352,106 @@ export default {
|
|||
rowClick(row) {
|
||||
this.pfkdetail = true;
|
||||
this.detailItem = row;
|
||||
this.getDetailData(row);
|
||||
this.$nextTick(() => {
|
||||
this.getEquipments(row.equipments);
|
||||
this.getDetailData();
|
||||
})
|
||||
|
||||
},
|
||||
getEquipments(ids) {
|
||||
let that = this;
|
||||
console.log(ids);
|
||||
ids.forEach(id => {
|
||||
that.$API.em.equipment.item.req(id).then(res => {
|
||||
if (res.type == 10) {
|
||||
that.eqs = res;
|
||||
} else if (res.type == 20) {
|
||||
that.eqc = res;
|
||||
} else if (res.type == 30) {
|
||||
that.eqz = res;
|
||||
}
|
||||
})
|
||||
});
|
||||
},
|
||||
getDetailData() {
|
||||
var that = this;
|
||||
let base = +new Date(1988, 9, 3);
|
||||
let oneDay = 24 * 3600 * 1000;
|
||||
let data = [[base, Math.random() * 300]];
|
||||
for (let i = 1; i < 20000; i++) {
|
||||
let now = new Date((base += oneDay));
|
||||
data.push([+now, Math.round((Math.random() - 0.5) * 20 + data[i - 1][1])]);
|
||||
}
|
||||
var chartDom = document.getElementById('dataChart');
|
||||
var myChart = echarts.init(chartDom);
|
||||
// let option = {
|
||||
// tooltip: {
|
||||
// trigger: 'axis',
|
||||
// position: function (pt) {
|
||||
// return [pt[0], '10%'];
|
||||
// }
|
||||
// },
|
||||
// title: {
|
||||
// left: 'center',
|
||||
// text: '动态信息展示'
|
||||
// },
|
||||
// xAxis: {
|
||||
// type: 'time',
|
||||
// boundaryGap: false
|
||||
// },
|
||||
// yAxis: {
|
||||
// type: 'value',
|
||||
// boundaryGap: [0, '100%']
|
||||
// },
|
||||
// dataZoom: [
|
||||
// {
|
||||
// type: 'inside',
|
||||
// start: 0,
|
||||
// end: 20
|
||||
// },
|
||||
// {
|
||||
// start: 0,
|
||||
// end: 20
|
||||
// }
|
||||
// ],
|
||||
// series: [
|
||||
// {
|
||||
// name: 'Fake Data',
|
||||
// type: 'line',
|
||||
// smooth: true,
|
||||
// symbol: 'none',
|
||||
// areaStyle: {},
|
||||
// data: data
|
||||
// }
|
||||
// ]
|
||||
// };
|
||||
// myChart.setOption(option);
|
||||
let params = {
|
||||
query: that.biquery,
|
||||
// raise_exception: true
|
||||
};
|
||||
this.$API.bi.dataset.exec.req('enp_edata', params).then(res => {
|
||||
let newOption = Object.assign({}, this.basicOption);
|
||||
let ds0 = res.data.ds0
|
||||
let series = []
|
||||
if (ds0) {
|
||||
let ds00 = ds0[0]
|
||||
for (var x = 1, y = ds00.length; x < y; x++) {
|
||||
if (x < 3) {
|
||||
series.push({ type: 'line', xAxisIndex: 0 })
|
||||
} else {
|
||||
series.push({ type: 'line', xAxisIndex: 1 })
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
newOption.dataset.source = res.data.ds0;
|
||||
newOption.dataZoom.startValue = that.biquery.start_time;
|
||||
newOption.title.text = that.eqc.name;
|
||||
newOption.series = series;
|
||||
myChart.setOption(newOption);
|
||||
}).then(() => { myChart.hideLoading() })
|
||||
},
|
||||
getDetailData() { },
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -236,6 +478,7 @@ export default {
|
|||
.rightCard {
|
||||
flex: 2;
|
||||
height: 80vh;
|
||||
color: #ffffff;
|
||||
background-image: url('/public/img/enp_blue/tableBg.png');
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
|
@ -303,17 +546,36 @@ export default {
|
|||
}
|
||||
|
||||
.greenBlock {
|
||||
width: 0.6vw;
|
||||
height: 0.6vw;
|
||||
border: 1px solid rgb(14, 216, 119);
|
||||
padding: 0.1vw;
|
||||
box-sizing: border-box;
|
||||
width: 1vh;
|
||||
height: 1vh;
|
||||
background-image: url('/public/img/enp_blue/greenBlock.png');
|
||||
background-size: 100% 100%;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5vw;
|
||||
}
|
||||
|
||||
.circles {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
background: #aaaaaa;
|
||||
display: inline-block;
|
||||
margin: auto 0.5vw auto 0;
|
||||
}
|
||||
|
||||
.circles_1 {
|
||||
background: #0ed877;
|
||||
}
|
||||
|
||||
.circles_2 {
|
||||
background: orange;
|
||||
}
|
||||
|
||||
.linesWrap {
|
||||
padding: 1vh 0.5vw;
|
||||
|
||||
height: 93%;
|
||||
overflow: scroll;
|
||||
font-weight: bold;
|
||||
line-height: 3.5vh;
|
||||
}
|
||||
|
|
@ -321,10 +583,11 @@ export default {
|
|||
.typeLine {
|
||||
height: 3.5vh;
|
||||
line-height: 4vh;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.infoLine {
|
||||
height: 3.5vh;
|
||||
line-height: 3vh;
|
||||
padding-left: 0.5vw;
|
||||
display: flex
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,15 +7,8 @@
|
|||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="所属部门">
|
||||
<el-cascader
|
||||
v-model="form.belong_dept"
|
||||
:options="group"
|
||||
:props="groupsProps"
|
||||
clearable
|
||||
:show-all-levels="false"
|
||||
style="width: 100%"
|
||||
@change="deptChange"
|
||||
>
|
||||
<el-cascader v-model="form.belong_dept" :options="group" :props="groupsProps" clearable
|
||||
:show-all-levels="false" style="width: 100%" @change="deptChange">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -78,10 +71,11 @@
|
|||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24" v-if="baseInfo.name == 'enm'">
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="用电功率">
|
||||
<el-input-number v-model="form.power_kw" :precision="2" :min="0" controls-position="right"
|
||||
placeholder="用电功率" />
|
||||
placeholder="用电功率" /><span style="margin-left:10px">(Kw)</span>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
|
|
@ -100,7 +94,7 @@
|
|||
</el-row>
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="技术参数">
|
||||
<el-form-item label="简要技术参数">
|
||||
<el-input type="textarea" :rows="4" v-model="form.parameter" placeholder="技术参数" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -110,20 +104,36 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-form-item label="技术参数">
|
||||
<el-button @click="addJsonItem">添加</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row v-for="(item, $index) in parameter_json" :key="item">
|
||||
<el-col :span="11">
|
||||
<el-form-item label="参数名">
|
||||
<el-input v-model="item.key" placeholder="参数名" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="参数值">
|
||||
<el-input v-model="item.value" placeholder="参数值" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-button @click="delJsonItem($index)">删除</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-form ref="dialogForm" :model="form" :rules="rules" :disabled="mode == 'show'" label-width="120px"
|
||||
v-if="form.type == 20">
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="所属部门">
|
||||
<el-cascader
|
||||
v-model="form.belong_dept"
|
||||
:options="group"
|
||||
:props="groupsProps"
|
||||
clearable
|
||||
:show-all-levels="false"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-cascader v-model="form.belong_dept" :options="group" :props="groupsProps" clearable
|
||||
:show-all-levels="false" style="width: 100%">
|
||||
</el-cascader>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
@ -216,7 +226,7 @@
|
|||
</el-drawer>
|
||||
</template>
|
||||
<script>
|
||||
import {genTree} from "@/utils/verificate";
|
||||
import { genTree } from "@/utils/verificate";
|
||||
export default {
|
||||
emits: ["success", "closed"],
|
||||
data() {
|
||||
|
|
@ -229,8 +239,7 @@ export default {
|
|||
show: "查看",
|
||||
},
|
||||
form: {
|
||||
type: 10,
|
||||
|
||||
type: 10
|
||||
},
|
||||
rules: {
|
||||
name: [{ required: true, message: "请输入", trigger: "blur" }],
|
||||
|
|
@ -251,6 +260,9 @@ export default {
|
|||
value: 40,
|
||||
label: '禁用'
|
||||
}],
|
||||
parameter_json: [
|
||||
{ key: '', value: '' }
|
||||
],
|
||||
visible: false,
|
||||
isSaveing: false,
|
||||
keeperOptions: [],
|
||||
|
|
@ -286,7 +298,7 @@ export default {
|
|||
// },
|
||||
getGroup() {
|
||||
let that = this;
|
||||
that.$API.system.dept.list.req({page: 0 , type: 'dept'}).then(res=>{
|
||||
that.$API.system.dept.list.req({ page: 0, type: 'dept' }).then(res => {
|
||||
that.group = genTree(res);
|
||||
});
|
||||
},
|
||||
|
|
@ -313,6 +325,11 @@ export default {
|
|||
this.isSaveing = true;
|
||||
try {
|
||||
var res;
|
||||
let obj = {};
|
||||
this.parameter_json.forEach(item => {
|
||||
obj[item.key] = item.value;
|
||||
})
|
||||
this.form.parameter_json = obj;
|
||||
if (this.mode == "add") {
|
||||
res = await this.$API.em.equipment.create.req(this.form);
|
||||
} else if (this.mode == "edit") {
|
||||
|
|
@ -334,10 +351,26 @@ export default {
|
|||
}
|
||||
});
|
||||
},
|
||||
addJsonItem() {
|
||||
this.parameter_json.push({ key: '', value: '' })
|
||||
},
|
||||
delJsonItem(index) {
|
||||
this.parameter_json.splice(index, 1)
|
||||
},
|
||||
//表单注入数据
|
||||
setData(data) {
|
||||
Object.assign(this.form, data);
|
||||
if (data.parameter_json != null) {
|
||||
let arr = [];
|
||||
for (let key in data.parameter_json) {
|
||||
let obj = {};
|
||||
obj.key = key;
|
||||
obj.value = data.parameter_json[key];
|
||||
arr.push(obj);
|
||||
}
|
||||
this.parameter_json = arr;
|
||||
this.deptChange()
|
||||
}
|
||||
},
|
||||
//设置过滤项
|
||||
setFilters(filters) {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,325 @@
|
|||
<template>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<div class="left-panel">
|
||||
<el-button type="primary" icon="el-icon-plus" @click="add" v-auth="'equipment.create'">新增</el-button>
|
||||
</div>
|
||||
<div class="right-panel">
|
||||
<el-cascader v-model="query.belong_dept" :options="group" :props="groupsProps" clearable placeholder="所在车间"
|
||||
:show-all-levels="false">
|
||||
</el-cascader>
|
||||
<el-input v-model="query.search" placeholder="设备名称/编号" clearable style="width:200px"></el-input>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleQuery"></el-button>
|
||||
</div>
|
||||
</el-header>
|
||||
<el-main class="nopadding">
|
||||
<scTable ref="table" :apiObj="apiObj" row-key="id" stripe :params="query">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="设备名称" prop="name" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column label="设备编号" prop="number">
|
||||
</el-table-column>
|
||||
<el-table-column label="型号规格" prop="model">
|
||||
</el-table-column>
|
||||
<el-table-column label="生产厂" prop="factory" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column label="生产日期" prop="production_date">
|
||||
</el-table-column>
|
||||
<el-table-column label="购置日期" prop="buy_date">
|
||||
</el-table-column>
|
||||
<el-table-column label="状态">
|
||||
<template #default="scope">
|
||||
<el-tag v-if="scope.row.state === 10" type="success">
|
||||
{{ state_[scope.row.state] }}
|
||||
</el-tag>
|
||||
<el-tag v-else-if="scope.row.state === 20" type="warning">
|
||||
{{ state_[scope.row.state] }}
|
||||
</el-tag>
|
||||
<el-tag v-else-if="scope.row.state === 30">
|
||||
{{ state_[scope.row.state] }}
|
||||
</el-tag>
|
||||
<el-tag v-else type="danger">
|
||||
{{ state_[scope.row.state] }}
|
||||
</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所在车间" show-overflow-tooltip>
|
||||
<template #default="scope">{{ scope.row.belong_dept_name }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="所在工段" show-overflow-tooltip>
|
||||
<template #default="scope">{{ scope.row.mgroup_name }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="保管人">
|
||||
<template #default="scope">{{ scope.row.keeper_name }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="存放位置" show-overflow-tooltip>
|
||||
<template #default="scope">{{ scope.row.place }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" show-overflow-tooltip>
|
||||
<template #default="scope">{{ scope.row.description }}</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="left" width="180">
|
||||
<template #default="scope">
|
||||
<el-button link type="primary" @click="table_record(scope.row)" v-auth="'echeckrecord.create'">
|
||||
巡检
|
||||
</el-button>
|
||||
<el-button link type="warning" @click="table_edit(scope.row)" v-auth="'equipment.update'">
|
||||
编辑
|
||||
</el-button>
|
||||
<el-popconfirm title="确定删除吗？" @confirm="table_del(scope.row)" v-auth="'equipment.delete'">
|
||||
<template #reference>
|
||||
<el-button link type="danger">删除</el-button>
|
||||
</template>
|
||||
</el-popconfirm>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
<save-dialog v-if="dialog.save" ref="saveDialog" @success="handleSaveSuccess"
|
||||
@closed="dialog.save = false"></save-dialog>
|
||||
<el-drawer title="巡检记录" v-model="visibleRecord" :size="1000" destroy-on-close @closed="visibleRecord = false">
|
||||
<el-container v-loading="loading">
|
||||
<el-button type="primary" icon="el-icon-plus" @click="record_create" v-auth="'equipment'"
|
||||
style="position: absolute;z-index: 10;left: 110px;top: 16px;">新增</el-button>
|
||||
<el-button type="primary" icon="el-icon-download" @click="exportExcel"
|
||||
style="position: absolute;z-index: 10;left:200px;top: 16px;">导出</el-button>
|
||||
<el-main style="padding: 0 20px 20px 20px">
|
||||
<scTable ref="drawer_table" :apiObj="apiObj2" row-key="id" stripe :params="query2">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="设备名称" prop="equipment_name" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检时间" prop="inspect_time">
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检结果" prop="result">
|
||||
<template #default="scope">
|
||||
<span>{{ results_[scope.row.result] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检人" prop="inspect_user_name">
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" fixed="right" align="center" width="160px">
|
||||
<template #default="scope">
|
||||
<el-link type="danger" @click="record_del(scope.row)" v-auth="'equipment.delete'">
|
||||
删除
|
||||
</el-link>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
<scTable ref="drawer_table" :apiObj="apiObj2" row-key="id" stripe :params="query2" id="myTable"
|
||||
style="display: none;">
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column label="设备名称" prop="equipment_name" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检时间" prop="inspect_time">
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检结果" prop="result">
|
||||
<template #default="scope">
|
||||
<span>{{ results_[scope.row.result] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="巡检人" prop="inspect_user_name">
|
||||
</el-table-column>
|
||||
</scTable>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-drawer>
|
||||
<el-dialog title="设备巡检" v-model="visible">
|
||||
<el-form ref="dialogForm" :rules="rules" label-width="100px" :model="form">
|
||||
<el-row>
|
||||
<el-col :md="12" :sm="24" prop="inspect_time">
|
||||
<el-form-item label="巡检时间">
|
||||
<el-date-picker v-model="form.inspect_time" type="datetime" placeholder="巡检时间"
|
||||
value-format="YYYY-MM-DD HH:mm:ss" style="width:100%">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="巡检人" prop="inspect_user">
|
||||
<span style="display:flex">
|
||||
<el-input readonly v-model="form.inspect_user_name"></el-input>
|
||||
<ehsUserSelect :multiple="false" @submit="getReceptionist" />
|
||||
</span>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="巡检结果" prop="result">
|
||||
<el-select style="width: 100%" v-model="form.result" placeholder="巡检结果">
|
||||
<el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :md="12" :sm="24">
|
||||
<el-form-item label="备注">
|
||||
<el-input v-model="form.note" placeholder="备注" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<el-footer>
|
||||
<el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
|
||||
<el-button @click="visible = false">取消</el-button>
|
||||
</el-footer>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script>
|
||||
import saveDialog from "./equipment_form.vue";
|
||||
import { genTree } from "@/utils/verificate";
|
||||
export default {
|
||||
name: "rparty",
|
||||
components: {
|
||||
saveDialog,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
deptOptions: [],
|
||||
dialog: {
|
||||
save: false,
|
||||
},
|
||||
apiObj: this.$API.em.equipment.list,
|
||||
paramsEquipment: { type: 30 },
|
||||
query: { type: 30 },
|
||||
apiObj2: this.$API.em.einspect.list,
|
||||
query2: {
|
||||
equipment: ''
|
||||
},
|
||||
group: [],
|
||||
selection: [],
|
||||
state_: {
|
||||
10: '完好',
|
||||
20: '限用',
|
||||
30: '在修',
|
||||
40: '禁用',
|
||||
},
|
||||
groupsProps: {
|
||||
// value: "id",
|
||||
multiple: false,
|
||||
emitPath: false,
|
||||
checkStrictly: true,
|
||||
},
|
||||
// stateOptions: [
|
||||
// { label: '完好', value: 10 },
|
||||
// { label: '限用', value: 20 },
|
||||
// { label: '在修', value: 30 },
|
||||
// { label: '禁用', value: 40 },
|
||||
// ],
|
||||
results_: {
|
||||
'pass': '合格',
|
||||
'fail': '不合格',
|
||||
},
|
||||
options: [
|
||||
{ id: 'pass', name: '合格' },
|
||||
{ id: 'fail', name: '不合格' }
|
||||
],
|
||||
form: {},
|
||||
rules: {
|
||||
check_date: [{ required: true, message: "请选择检验时间" }],
|
||||
check_organization: [{ required: true, message: "请填写检定机构" }],
|
||||
},
|
||||
item: {},
|
||||
visible: false,
|
||||
visibleRecord: false,
|
||||
excelName: ''
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.getDept()
|
||||
},
|
||||
methods: {
|
||||
getDept() {
|
||||
let that = this;
|
||||
that.$API.system.dept.list.req({ page: 0 }).then(res => {
|
||||
that.group = genTree(res);
|
||||
});
|
||||
|
||||
},
|
||||
getReceptionist(data) {
|
||||
this.form.inspect_user = data.id;
|
||||
this.form.inspect_user_name = data.name;
|
||||
},
|
||||
//添加
|
||||
add() {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("add", 10);
|
||||
});
|
||||
},
|
||||
//编辑
|
||||
table_edit(row) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("edit", 10).setData(row);
|
||||
});
|
||||
},
|
||||
//查看
|
||||
table_show(row) {
|
||||
this.dialog.save = true;
|
||||
this.$nextTick(() => {
|
||||
this.$refs.saveDialog.open("show", 10).setData(row);
|
||||
});
|
||||
},
|
||||
table_record(row) {
|
||||
this.item = row;
|
||||
this.form.equipment = row.id;
|
||||
this.query2.equipment = row.id;
|
||||
this.excelName = row.name;
|
||||
this.$nextTick(() => {
|
||||
this.visibleRecord = true;
|
||||
})
|
||||
},
|
||||
//新增检验
|
||||
record_create() {
|
||||
this.visible = true;
|
||||
},
|
||||
//提交巡检记录
|
||||
submit() {
|
||||
this.$refs.dialogForm.validate(async (valid) => {
|
||||
if (valid) {
|
||||
this.isSaveing = true;
|
||||
this.$API.em.einspect.create.req(this.form).then(res => {
|
||||
this.visible = false;
|
||||
this.isSaveing = false;
|
||||
this.$message.success("操作成功");
|
||||
this.$refs.drawer_table.refresh();
|
||||
}).catch(() => {
|
||||
this.isSaveing = false;
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
//删除
|
||||
async table_del(row) {
|
||||
this.$API.em.equipment.delete
|
||||
.req(row.id)
|
||||
.then((res) => {
|
||||
this.$message.success("删除成功");
|
||||
return res;
|
||||
})
|
||||
.catch((err) => {
|
||||
return err;
|
||||
});
|
||||
},
|
||||
|
||||
//本地更新数据
|
||||
handleSaveSuccess(data, mode) {
|
||||
if (mode == "add") {
|
||||
this.$refs.table.refresh();
|
||||
} else if (mode == "edit") {
|
||||
this.$refs.table.refresh();
|
||||
}
|
||||
},
|
||||
handleQuery() {
|
||||
this.$refs.table.queryData(this.query)
|
||||
},
|
||||
resetQuery() {
|
||||
this.query = {};
|
||||
},
|
||||
exportExcel() {
|
||||
this.exportLoading = true;
|
||||
this.$XLSX('#myTable', this.excelName)
|
||||
this.exportLoading = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
Loading…
Reference in New Issue