| | |
| | | :picker-options="pickerOptions" |
| | | end-placeholder="结束日期" |
| | | style="margin-left: 1rem" |
| | | > |
| | | </el-date-picker> |
| | | /> |
| | | |
| | | <el-button type="primary" @click="toExcel()" style="margin-left: 20px" |
| | | >导出</el-button |
| | | <el-button |
| | | type="primary" |
| | | style="margin-left: 20px" |
| | | @click="toExcel()" |
| | | > |
| | | <el-button @click="exportMon">查询</el-button> |
| | | 导出 |
| | | </el-button> |
| | | <el-button @click="exportMon"> |
| | | 查询 |
| | | </el-button> |
| | | </div> |
| | | <el-table :data="dateList" id="exportTab" style="margin-top: 20px" border max-height="800"> |
| | | <el-table |
| | | id="exportTab" |
| | | :data="dateList" |
| | | style="margin-top: 20px" |
| | | border |
| | | max-height="800" |
| | | > |
| | | <el-table-column |
| | | v-for="item in columnList" |
| | | :key="item" |
| | | :prop="item" |
| | | :label="item" |
| | | width="180px" |
| | | :key="item" |
| | | > |
| | | </el-table-column> |
| | | /> |
| | | </el-table> |
| | | </div> |
| | | </template> |
| | |
| | | |
| | | export default { |
| | | // import 引入的组件需要注入到对象中才能使用props |
| | | data() { |
| | | data () { |
| | | // 这里存放数据 |
| | | return { |
| | | props: { multiple: true }, |
| | |
| | | // newMac2:'', |
| | | newSensor: [], |
| | | timevalue: [], |
| | | columnList: [], //表头的数组 |
| | | columnList: [], // 表头的数组 |
| | | dateList: [], |
| | | pickerOptions: { |
| | | disabledDate: (time) => { |
| | |
| | | computed: {}, |
| | | // 监控data中的数据变化 |
| | | watch: { |
| | | newMac(newVal, oldval) { |
| | | newMac (newVal, oldval) { |
| | | this.newMac1 = [] |
| | | this.newMac1.push(newVal[1][1]) |
| | | this.getSensor() |
| | | }, |
| | | value(n, o) { |
| | | value (n, o) { |
| | | this.value1 = [] |
| | | for (let i = 0; i < n.length; i++) { |
| | | this.value1.push(n[i][0]) |
| | |
| | | }, |
| | | }, |
| | | // 生命周期 - 创建完成(可以访问当前 this 实例) |
| | | created() { |
| | | created () { |
| | | this.getData() |
| | | }, |
| | | // 生命周期 - 挂载完成(可以访问 DOM 元素) |
| | | mounted() {}, |
| | | beforeCreate() {}, // 生命周期 - 创建之前 |
| | | beforeMount() {}, // 生命周期 - 挂载之前 |
| | | beforeUpdate() {}, // 生命周期 - 更新之前 |
| | | updated() {}, // 生命周期 - 更新之后 |
| | | beforeDestroy() {}, // 生命周期 - 销毁之前 |
| | | destroyed() {}, // 生命周期 - 销毁完成 |
| | | activated() {}, |
| | | mounted () {}, |
| | | beforeCreate () {}, // 生命周期 - 创建之前 |
| | | beforeMount () {}, // 生命周期 - 挂载之前 |
| | | beforeUpdate () {}, // 生命周期 - 更新之前 |
| | | updated () {}, // 生命周期 - 更新之后 |
| | | beforeDestroy () {}, // 生命周期 - 销毁之前 |
| | | destroyed () {}, // 生命周期 - 销毁完成 |
| | | activated () {}, |
| | | // 方法集合 |
| | | methods: { |
| | | // 请求左侧设备数据 |
| | | getData() { |
| | | getData () { |
| | | this.$request({ |
| | | url: '/monitorPoint/queryMonitorPoints', |
| | | method: 'get', |
| | |
| | | label: this.defaultData[i].name, |
| | | }) |
| | | this.options[i].children = [] |
| | | for (let j = 0; j < this.defaultData[i].devices.length; j++) { |
| | | this.options[i].children.push({ |
| | | value: [ |
| | | this.defaultData[i].devices[j].name, |
| | | this.defaultData[i].devices[j].mac, |
| | | ], |
| | | label: this.defaultData[i].devices[j].name, |
| | | }) |
| | | if (this.defaultData[i].devices) { |
| | | for (let j = 0; j < this.defaultData[i].devices.length; j++) { |
| | | this.options[i].children.push({ |
| | | value: [ |
| | | this.defaultData[i].devices[j].name, |
| | | this.defaultData[i].devices[j].mac, |
| | | ], |
| | | label: this.defaultData[i].devices[j].name, |
| | | }) |
| | | } |
| | | } |
| | | } |
| | | }) |
| | |
| | | }) |
| | | }, |
| | | // 通过mac号获得因子 |
| | | getSensor() { |
| | | getSensor () { |
| | | this.$request({ |
| | | url: '/deviceInfo/getMacSensors', |
| | | method: 'post', |
| | |
| | | console.log(err) |
| | | }) |
| | | }, |
| | | exportMon() { |
| | | exportMon () { |
| | | console.log(this.timevalue) |
| | | if (this.newMac == '') { |
| | | this.$message.warning('请选择站点') |
| | |
| | | this.$message.warning('请选择因子') |
| | | return |
| | | } |
| | | |
| | | |
| | | this.dateList = [] |
| | | this.columnList = [] |
| | | this.$request({ |
| | |
| | | } |
| | | }) |
| | | }, |
| | | toExcel() { |
| | | toExcel () { |
| | | let wb = XLSX.utils.table_to_book(document.querySelector('#exportTab'), { |
| | | sheet: '分组表', |
| | | }) |
| | |
| | | } |
| | | return ws |
| | | }, |
| | | setExlStyle(data) { |
| | | setExlStyle (data) { |
| | | let borderAll = { |
| | | //单元格外侧框线 |
| | | // 单元格外侧框线 |
| | | top: { |
| | | style: 'thin', |
| | | }, |
| | |
| | | data[key].s = { |
| | | border: borderAll, |
| | | alignment: { |
| | | horizontal: 'center', //水平居中对齐 |
| | | horizontal: 'center', // 水平居中对齐 |
| | | vertical: 'center', |
| | | }, |
| | | font: { |