保养信息维护

src/api/ManufacturingCenter/maintainInformation.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+
+// 获取工位    表1
+export function getTableData1() {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '3',
+      name: 'SELECT *FROM [基础数据_设备工位点检表]inner join dbo.基础数据_点检类型名称 on [基础数据_设备工位点检表].点检表类型 = 基础数据_点检类型名称.点检表类型流水号'
+    }
+  })
+}
+// 点检类型    表2
+export function getTableData2() {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '3',
+      name: 'select * from 基础数据_点检类型名称'
+    }
+  })
+}
+// 点检内容    表3
+export function getTableData3(num) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '3',
+      name: `select * from 基础数据_点检内容 where 点检表类型 = ${num}`
+    }
+  })
+}

src/views/ManufacturingCenter/maintainInformation/index.vue

@@ -0,0 +1,127 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>设备对应点检类型维护</div>
+      <el-table v-loading="loading1" :data="tableData1" height="200" highlight-current-row border>
+        <el-table-column align="center" label="序号" type="index" width="50"/>
+        <el-table-column align="center" label="工位号" width="110">
+          <template slot-scope="scope">
+            {{ scope.row.工位号 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="设备名称" min-width="150">
+          <template slot-scope="scope">
+            {{ scope.row.设备名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="设备编号" show-overflow-tooltip min-width="200">
+          <template slot-scope="scope">
+            {{ scope.row.设备编号 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="点检表类型" min-width="150">
+          <template slot-scope="scope">
+            <el-select v-model="tableData1[scope.$index].点检表类型流水号" filterable size="small" placeholder="点检表类型" style="margin:3px 10px;width: 150px" @change="editType">
+              <el-option
+                v-for="item in 点检表类型"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"/>
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-card>
+      <div>点检类型、点检内容维护</div>
+      <el-col :span="6">
+        <el-table v-loading="loading2" :data="tableData2" height="300" highlight-current-row border @row-click="getTableData3">
+          <el-table-column align="center" label="序号" type="index" width="50"/>
+          <el-table-column align="center" label="点检类型名称" min-width="150">
+            <template slot-scope="scope">
+              {{ scope.row.点检表类型名称 }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+      <el-col :span="18">
+        <el-table v-loading="loading3" :data="tableData3" height="300" highlight-current-row border>
+          <el-table-column align="center" label="序号" type="index" width="50"/>
+          <el-table-column align="center" label="保养周期" min-width="110">
+            <template slot-scope="scope">
+              <span v-if="scope.row.保养周期 === 1">天</span>
+              <span v-if="scope.row.保养周期 === 7">周</span>
+              <span v-if="scope.row.保养周期 === 30">月</span>
+              <span v-if="scope.row.保养周期 === 90">季</span>
+              <span v-if="scope.row.保养周期 === 365">年</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="保养项目" min-width="250">
+            <template slot-scope="scope">
+              {{ scope.row.保养项目 }}
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getTableData1, getTableData2, getTableData3 } from '@/api/ManufacturingCenter/maintainInformation'
+
+export default {
+  data() {
+    return {
+      点检表类型: [],
+      tableData1: [],
+      loading1: false,
+      tableData2: [],
+      loading2: false,
+      tableData3: [],
+      loading3: false
+    }
+  },
+  created() {
+    this.getTableData1()
+    this.getTableData2()
+  },
+  methods: {
+    getTableData1() {
+      this.loading1 = true
+      getTableData1().then(response => {
+        this.tableData1 = response.data
+        this.loading1 = false
+      })
+    },
+    getTableData2() {
+      this.点检表类型 = []
+      this.loading2 = true
+      getTableData2().then(response => {
+        for (let i = 0; i < response.data.length; i++) {
+          this.点检表类型.push({
+            label: response.data[i].点检表类型名称,
+            value: response.data[i].点检表类型流水号
+          })
+        }
+        this.tableData2 = response.data
+        this.loading2 = false
+      })
+    },
+    getTableData3(row) {
+      this.loading3 = true
+      getTableData3(row.点检表类型流水号).then(response => {
+        this.tableData3 = response.data
+        this.loading3 = false
+      })
+    },
+    editType() {
+      console.log(1)
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>