wp1.0
fanluyan
2 years ago
parent
ba823ee505
commit
5bc7261752
@ -0,0 +1,61 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id */
|
||||
src: url('iconfont.ttf?t=1690188947515') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-paizhao:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
|
||||
.icon-paizhao-xianxing:before {
|
||||
content: "\e8d1";
|
||||
}
|
||||
|
||||
.icon-tuiguanglishitupianjinqun:before {
|
||||
content: "\e613";
|
||||
}
|
||||
|
||||
.icon-gongsi:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
|
||||
.icon-dianli:before {
|
||||
content: "\e649";
|
||||
}
|
||||
|
||||
.icon-dianlihangye:before {
|
||||
content: "\e791";
|
||||
}
|
||||
|
||||
.icon-shexiangtoulixian:before {
|
||||
content: "\e7b2";
|
||||
}
|
||||
|
||||
.icon-video-camera:before {
|
||||
content: "\e962";
|
||||
}
|
||||
|
||||
.icon-shexiangtou-lixian:before {
|
||||
content: "\ef1c";
|
||||
}
|
||||
|
||||
.icon-shexiangtou-zaixian:before {
|
||||
content: "\ef1d";
|
||||
}
|
||||
|
||||
.icon-shudianxianlu_2722010801:before {
|
||||
content: "\efed";
|
||||
}
|
||||
|
||||
.icon-tupian_normal:before {
|
||||
content: "\e681";
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,326 @@
|
||||
<template>
|
||||
<div class="icingBox">
|
||||
<div class="icingContain">
|
||||
<leftTree ref="sideTree"></leftTree>
|
||||
<div class="rightTable">
|
||||
<div class="dataBox">
|
||||
<div class="childBox">
|
||||
<div class="searchBox" ref="searchref">
|
||||
<el-form
|
||||
:inline="true"
|
||||
:model="formdata"
|
||||
class="demo-form-inline"
|
||||
>
|
||||
<el-form-item label="开始日期">
|
||||
<el-date-picker
|
||||
v-model="formdata.starttime"
|
||||
type="date"
|
||||
placeholder="开始日期"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束日期">
|
||||
<el-date-picker
|
||||
v-model="formdata.endtime"
|
||||
type="date"
|
||||
placeholder="结束日期"
|
||||
class="ml10"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">查询</el-button>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit"
|
||||
>导出数据</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="childTableShowBox">
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column
|
||||
prop="terminalNumber"
|
||||
label="监测终端编号"
|
||||
></el-table-column>
|
||||
<el-table-column prop="time" label="时间"></el-table-column>
|
||||
<el-table-column
|
||||
prop="functionalUnitIdentifier"
|
||||
label="功能单元识别码"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxPullForceKg"
|
||||
label="最大拉力(Kg)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxPullForceWindBiasAngle"
|
||||
label="最大拉力时风偏角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxPullForceTiltAngle"
|
||||
label="最大拉力时倾斜角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minPullForceKg"
|
||||
label="最小拉力(Kg)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minPullForceWindBiasAngle"
|
||||
label="最小拉力时风偏角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minPullForceTiltAngle"
|
||||
label="最小拉力时倾斜角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxWindBiasAngle"
|
||||
label="最大风偏角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxWindBiasAngleTiltAngle"
|
||||
label="最大风偏角时倾斜角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="maxWindBiasAnglePullForceKg"
|
||||
label="最大风偏角时拉力(Kg)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minWindBiasAngle"
|
||||
label="最小风偏角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minWindBiasAngleTiltAngle"
|
||||
label="最小风偏角时倾斜角(°)"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
prop="minWindBiasAnglePullForceKg"
|
||||
label="最小风偏角时拉力(Kg)"
|
||||
></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="pageNation">
|
||||
<el-pagination
|
||||
@current-change="handleCurrentChange"
|
||||
@size-change="handleSizeChange"
|
||||
:current-page="page"
|
||||
:page-size="pageSize"
|
||||
layout="sizes, prev, pager, next, jumper,total"
|
||||
:total="total"
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import leftTree from "../../fubingCommon/leftTree";
|
||||
export default {
|
||||
name: "icing",
|
||||
components: {
|
||||
leftTree,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
msg: "",
|
||||
childFlag: false,
|
||||
tableData: [],
|
||||
formdata: {},
|
||||
page: 1, // 当前页数
|
||||
pageSize: 20, // 每页数量
|
||||
total: 0, //总条数
|
||||
};
|
||||
},
|
||||
created() {
|
||||
var that = this;
|
||||
document.onkeydown = function (e) {
|
||||
var key = window.event.keyCode;
|
||||
if (key === 13) {
|
||||
that.onSubmit(); // 触发事件
|
||||
}
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$set(
|
||||
this.formdata,
|
||||
"starttime",
|
||||
new Date(new Date().toLocaleDateString()).getTime()
|
||||
);
|
||||
this.$set(this.formdata, "endtime", new Date().getTime());
|
||||
},
|
||||
methods: {
|
||||
getCurrentData(data) {
|
||||
console.log("执行父组件", data);
|
||||
if (data.dyValue) {
|
||||
console.log("电压");
|
||||
|
||||
this.tableData = [
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
];
|
||||
} else if (data.bsManufacturer) {
|
||||
this.tableData = [
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
];
|
||||
} else {
|
||||
console.log("杆塔");
|
||||
this.tableData = [
|
||||
{
|
||||
terminalNumber: "终端A",
|
||||
time: "2023-03-15 08:00:00",
|
||||
functionalUnitIdentifier: "功能单元1",
|
||||
maxPullForceKg: "20Kg",
|
||||
maxPullForceWindBiasAngle: "60°",
|
||||
maxPullForceTiltAngle: "30°",
|
||||
minPullForceKg: "5Kg",
|
||||
minPullForceWindBiasAngle: "30°",
|
||||
minPullForceTiltAngle: "20°",
|
||||
maxWindBiasAngle: "70°",
|
||||
maxWindBiasAngleTiltAngle: "45°",
|
||||
maxWindBiasAnglePullForceKg: "15Kg",
|
||||
minWindBiasAngle: "20°",
|
||||
minWindBiasAngleTiltAngle: "30°",
|
||||
minWindBiasAnglePullForceKg: "8Kg",
|
||||
},
|
||||
];
|
||||
}
|
||||
},
|
||||
onSubmit() {},
|
||||
//点击分页
|
||||
handleCurrentChange(val) {
|
||||
this.page = val;
|
||||
// this.picList = [];
|
||||
// this.getPicData();
|
||||
},
|
||||
//每页条数
|
||||
handleSizeChange(val) {
|
||||
this.pageSize = val;
|
||||
//this.getPicData();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="less">
|
||||
.icingBox {
|
||||
width: calc(100% - 24px);
|
||||
height: calc(100% - 24px);
|
||||
padding: 12px 12px;
|
||||
background: #fff;
|
||||
.icingContain {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.rightTable {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid #ddd;
|
||||
.dataBox {
|
||||
width: calc(100% - 24px);
|
||||
height: calc(100% - 24px);
|
||||
padding: 12px 12px;
|
||||
background: #fff;
|
||||
}
|
||||
// .fatherTableShowBox {
|
||||
// height: calc(100% - 0px);
|
||||
// }
|
||||
.childBox {
|
||||
height: calc(100% - 50px);
|
||||
.childTableShowBox {
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue