chore: 初始化东安动力管理前端项目

src/views/ProcessManagement/MonitoringData/MeasurementDataEquipmentStatusLog.vue

@@ -0,0 +1,236 @@
+<template>
+  <div class="app-container">
+    <el-card class="topCard">
+      <div class="topDiv">
+        <span style="margin-left: 10px">时间：</span>
+        <el-date-picker
+          v-model="dateTime"
+          size="small"
+          type="daterange"
+          align="center"
+          style="width: 240px;"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+          range-separator="～"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"/>
+        <span style="margin-left: 10px">工位号：</span>
+        <el-select v-model="stationNumberValue" placeholder="请选择工位号" clearable filterable size="small" style="width: 200px; margin-left: 13px">
+          <el-option
+            v-for="item in stationNumber"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+            size="mini"/>
+        </el-select>
+        <el-button type="primary" plain size="small" icon="el-icon-search" style="margin-left: 5px" @click="pageSize=30;pageCurrent=1;searchOrder()">查询</el-button>
+      </div>
+      <el-table
+        v-loading="loading"
+        ref="multipleTable"
+        :data="tableData"
+        :header-cell-style="{background:'#eef1f6',color:'#606266'}"
+        :cell-class-name="tableRowClassName"
+        element-loading-text="数据加载中"
+        element-loading-spinner="el-icon-loading"
+        element-loading-background="rgba(0, 0, 0, 0.2)"
+        class="main"
+        tooltip-effect="dark"
+        height="690px"
+        style="width: 100%;"
+        border
+        size="mini">
+        <el-table-column align="center" label="工位号">
+          <template slot-scope="scope">
+            {{ scope.row.工位号 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="订单号">
+          <template slot-scope="scope">
+            {{ scope.row.订单号 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="发动机号">
+          <template slot-scope="scope">
+            {{ scope.row.发动机号 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="机型">
+          <template slot-scope="scope">
+            {{ scope.row.机型 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="信号类型代码">
+          <template slot-scope="scope">
+            {{ scope.row.信号类型代码 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="到达时间">
+          <template slot-scope="scope">
+            {{ scope.row.到达时间 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="离开时间">
+          <template slot-scope="scope">
+            {{ scope.row.离开时间 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="在线时间">
+          <template slot-scope="scope">
+            {{ scope.row.在线时间 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作时间">
+          <template slot-scope="scope">
+            {{ scope.row.操作时间 }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block" style="margin-top: 10px;">
+        <el-pagination
+          v-if="!loading"
+          :current-page="pageCurrent"
+          :page-sizes="[15, 30, 40]"
+          :page-size="pageSize"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"/>
+      </div>
+    </el-card>
+  </div>
+</template>
+<!--<script src="../../../utils/setMethods.js"></script>-->
+<script>
+export default {
+  data() {
+    return {
+      number: [],
+      tableData: [], // 总数据数组
+      stationNumberValue: '', // 工位号
+      stationNumber: [], // 工位号
+      dateTime: '',
+      total: 0, // 总条数
+      pageList: 30, // 每页显示条数
+      pageSize: 30, // 每页显示条数
+      pageCurrent: 1, // 后台获取页
+      mid: [], // id
+      loading: false,
+      timer_1: null,
+      MIDGroup: []
+    }
+  },
+  created() {
+    var year, month, day, audiTime
+    this.date = new Date() // 修改数据date
+    year = new Date().getFullYear()
+    month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1
+    day = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
+    audiTime = year + '-' + month + '-' + day
+    console.log(audiTime, 'audiTime')
+    this.dateTime = [audiTime, audiTime]
+    this.getStationNumber()
+  },
+  mounted() {
+  },
+  methods: {
+    // 表格颜色变化
+    tableRowClassName({ row, rowIndex }) {
+      // console.log(row, rowIndex)
+      if (rowIndex % 2 === 0) {
+        return 'black'
+      } else {
+        return 'red'
+      }
+    },
+    // 工位号
+    getStationNumber() {
+      this.stationNumber = []
+      this.xData = []
+      var param = []
+      var Data = this.CreateData('11', 'MES_计划BOM_工位与名称_查询', param)
+      this.ExecDatabase(Data).then(response => {
+        for (let i = 0; i < response.data.length; i++) {
+          this.stationNumber.push({
+            label: response.data[i].工位号,
+            value: response.data[i].工位号
+          })
+        }
+      })
+    },
+    // 查询订单
+    searchOrder() {
+      this.tableData = []
+      let stationNumberValue_check
+      // this.engineTypeValue ? engineTypeValue_check = 1 : (engineTypeValue_check = 0, this.engineTypeValue = '')
+      this.stationNumberValue ? stationNumberValue_check = 1 : (stationNumberValue_check = 0, this.stationNumberValue = '')
+      // this.orderNumberValue ? orderNumberValue_check = 1 : (orderNumberValue_check = 0, this.orderNumberValue = '')
+      var param = []
+      param[0] = ['开始时间', this.dateTime[0] + ' ' + '00:00:00']
+      param[1] = ['结束时间', this.dateTime[1] + ' ' + '23:59:59']
+      param[2] = ['工位号_ischeck', stationNumberValue_check]
+      param[3] = ['工位号', this.stationNumberValue]
+      param[4] = ['PageCurrent', this.pageCurrent]
+      param[5] = ['PageSize', this.pageSize]
+      param[6] = ['PageCount', '1111', 'int', '1']
+      param[7] = ['ItemCount', '1111', 'int', '1']
+      var Data = this.CreateData('11', '测量数据设备状态日志_分页', param)
+      this.ExecDatabase(Data).then(response => {
+        console.log(response, 66)
+        if (response.data.result.length !== 0) {
+          this.tableData = response.data.result
+        }
+        this.total = parseInt(response.data.output[0].ItemCount)
+        this.loading = false
+      })
+    },
+    // 分页
+    handleSizeChange(val) {
+      this.pageCurrent = 1
+      this.pageSize = val
+      this.searchOrder()
+    },
+    handleCurrentChange(val) {
+      this.pageCurrent = val
+      this.searchOrder()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .topCard{
+    margin: 5px;
+  }
+  .topDiv{
+    margin-bottom: 10px;
+  }
+  .el-select{
+    width:200px
+  }
+  .el-input{
+    width:200px
+  }
+  .text {
+    font-size: 14px;
+  }
+
+  .item {
+    padding: 18px 0;
+  }
+
+  .box-card {
+    position: absolute;
+    right: 6px;
+    top: 80px;
+    width: 300px;
+  }
+  .el-table .warning-row {
+    background: oldlace;
+  }
+
+  .el-table .success-row {
+    background: #f0f9eb;
+  }
+</style>
+