接口

src/pages/call-task.vue

@@ -6,11 +6,29 @@
         <div class="setup-wrap">
           <div class="zd-row filter-item">
             <div class="zd-col-6 filter-label">起&nbsp;&nbsp;点</div>
-            <input type="text" class="zd-col-18 filter-value" v-model="val1">
+            <div class="zd-col-18 filter-select">
+              <el-select v-model="val1" placeholder="请选择">
+                <el-option
+                  v-for="item in options"
+                  :key="item.device_code"
+                  :label="item.device_name"
+                  :value="item.device_code">
+                </el-option>
+              </el-select>
+            </div>
           </div>
           <div class="zd-row filter-item">
             <div class="zd-col-6 filter-label">终&nbsp;&nbsp;点</div>
-            <input type="text" class="zd-col-18 filter-value" v-model="val2">
+            <div class="zd-col-18 filter-select">
+              <el-select v-model="val2" placeholder="请选择">
+                <el-option
+                  v-for="item in options"
+                  :key="item.device_code"
+                  :label="item.device_name"
+                  :value="item.device_code">
+                </el-option>
+              </el-select>
+            </div>
           </div>
           <div class="zd-row jccenter button-wrap">
             <button class="button btn-primary" :class="{'btn-info': !val1 || !val2}" :disabled="disabled" @click="_callTask">生成任务</button>
@@ -23,7 +41,8 @@
 
 <script>
 import jxHeader from '@components/header.vue'
-import {callTask} from '@config/getData.js'
+// import {queryDevices} from '@config/mork.js'
+import {queryDevices, callTask} from '@config/getData.js'
 export default {
   name: 'index',
   components: {
@@ -33,10 +52,18 @@ export default {
     return {
       val1: '',
       val2: '',
+      options: [],
       disabled: false
     }
   },
+  mounted () {
+    this._queryDevices()
+  },
   methods: {
+    async _queryDevices () {
+      let res = await queryDevices()
+      this.options = [...res]
+    },
     async _callTask () {
       this.disabled = true
       try {

src/pages/task.vue

@@ -75,6 +75,7 @@ export default {
       this.disabled = true
       try {
         let res = await sendWork(e.work_code)
+        this._queryWorks()
         this.$message({
           message: res.message,
           type: 'success'
@@ -88,6 +89,7 @@ export default {
       this.disabled = true
       try {
         let res = await reSendWork(e.work_code)
+        this._queryWorks()
         this.$message({
           message: res.message,
           type: 'success'
@@ -101,6 +103,7 @@ export default {
       this.disabled = true
       try {
         let res = await pdaPause(e.work_code)
+        this._queryWorks()
         this.$message({
           message: res.message,
           type: 'success'
@@ -114,6 +117,7 @@ export default {
       this.disabled = true
       try {
         let res = await finishWork(e.work_code)
+        this._queryWorks()
         this.$message({
           message: res.message,
           type: 'success'

src/style/layout.styl

@@ -229,6 +229,9 @@ header
 .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
   background-color: rgba(7,31,62,0.95)
 }
+.el-select-dropdown__empty {
+  font-size: .28rem
+}
 
 // 提示框
 .el-message-box {