工站页面样式和所有接口

src/api/station.js

@@ -45,6 +45,20 @@ export function updateStation(data) {
   })
 }
 
+// 修改工站状态
+export function changeStaStatus(data) {
+  const businessId = data.businessId
+  data = Qs.stringify(data)
+  return request({
+    url: '/nltstation/changeStatus/' + businessId,
+    method: 'put',
+    data,
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    }
+  })
+}
+
 // 删除工站（逻辑删除）
 export function delStation(stationID) {
   return request({

src/api/system/device.js

@@ -45,6 +45,20 @@ export function updateDevice(data) {
   })
 }
 
+// 修改设备状态
+export function changeDevStatus(data) {
+  const businessId = data.businessId
+  data = Qs.stringify(data)
+  return request({
+    url: '/nltdevice/changeStatus/' + businessId,
+    method: 'put',
+    data,
+    headers: {
+      'Content-Type': 'application/x-www-form-urlencoded'
+    }
+  })
+}
+
 // 删除设备（逻辑删除）
 export function delDevice(deviceID) {
   return request({

src/views/productionInfo/Station.vue

@@ -208,7 +208,7 @@
         </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button @click="cancel">取 消</el-button>
+        <el-button class="canleBtn" @click="cancel">取 消</el-button>
         <el-button type="danger" class="redBtn" @click="submitForm">确 定</el-button>
       </div>
     </el-dialog>
@@ -217,7 +217,7 @@
 
 <script>
 import { listData } from '@/api/system/dict/data'
-import { addStation, delStation, getStation, listStation, updateStation } from '@/api/station'
+import { changeStaStatus, addStation, delStation, getStation, listStation, updateStation } from '@/api/station'
 
 export default {
   name: 'Station',
@@ -304,20 +304,17 @@ export default {
       this.$confirm(`“${row.staName}”工站即将被${text}，是否继续？`, '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
+        cancelButtonClass: 'btn-custom-cancel',
         customClass: 'confirmBtnSure',
         type: 'warning'
       }).then(function() {
-        const flag = row.flag
-        return getStation(row.businessId).then(response => {
-          row = response.data
-          row.flag = flag
-          return updateStation(row)
-        })
+        return changeStaStatus(row)
       }).then(() => {
         this.$message({
           message: text + '成功',
           type: 'success'
         })
+        this.getStaTable()
       }).catch(function() {
         row.flag = row.flag === '0' ? '1' : '0'
       })
@@ -338,6 +335,7 @@ export default {
       this.$confirm('所选择数据被删除后不可再恢复，是否继续？', '提示', {
         confirmButtonText: '确定',
         cancelButtonText: '取消',
+        cancelButtonClass: 'btn-custom-cancel',
         type: 'warning'
       }).then(function() {
         return delStation(row.businessId)

src/views/system/device/index.vue

@@ -238,7 +238,14 @@
 </template>
 
 <script>
-import { addDevice, delDevice, getDevice, listDevice, updateDevice } from '@/api/system/device'
+import {
+  addDevice,
+  changeDevStatus,
+  delDevice,
+  getDevice,
+  listDevice,
+  updateDevice
+} from '@/api/system/device'
 import { listPost } from '@/api/badDefinition'
 
 export default {
@@ -375,17 +382,13 @@ export default {
         customClass: 'confirmBtnSure',
         type: 'warning'
       }).then(function() {
-        const flag = row.flag
-        getDevice(row.businessId).then(response => {
-          row = response.data
-          row.flag = flag
-          return updateDevice(row)
-        })
+        return changeDevStatus(row)
       }).then(() => {
         this.$message({
           message: text + '成功',
           type: 'success'
         })
+        this.getDevTable()
       }).catch(function() {
         row.flag = row.flag === '0' ? '1' : '0'
       })