人工出窑

src/pages/manual/KilnOut.vue

@@ -0,0 +1,100 @@
+<template>
+  <section>
+    <nav-bar title="人工出窑"></nav-bar>
+    <section class="content mgt86 mgb110">
+      <div class="filter-wraper">
+        <div class="bottom-filter-tip">
+          <div class="filter-label">载具编码</div>
+          <div class="fxcol mgl20 visible" >
+            <input class="filter-input" type="text" v-model="code" placeholder="请输入载具编码">
+          </div>
+        </div>
+      </div>
+      <div class="zd-row grid_wraper">
+        <div class="left_fixed">
+          <table class="layout-t left_layout_t">
+            <tr>
+              <th>任务号</th>
+            </tr>
+            <tr v-for="(e, i) in dataList" :key="i">
+              <td>{{e.task_code}}</td>
+            </tr>
+          </table>
+        </div>
+        <div class="slide">
+          <table class="layout-t">
+            <tr>
+              <th>任务名</th>
+              <th>状态</th>
+              <th>起点</th>
+              <th>终点</th>
+              <th>载具类型</th>
+              <th>载具号</th>
+            </tr>
+            <tr v-for="(e, i) in dataList" :key="i">
+              <td>{{ e.task_name }}</td>
+              <td>{{e.task_status}}</td>
+              <td>{{e.start_point}}</td>
+              <td>{{e.end_point}}</td>
+              <td>{{e.vehicle_type}}</td>
+              <td>{{e.vehicle_code}}</td>
+            </tr>
+          </table>
+        </div>
+      </div>
+    </section>
+    <section class="submit-bar">
+      <button class="btn submit-button" @click="_kilnOutCreateTaskShow">查询</button>
+      <button class="btn submit-button" :class="{'btn-disabled' : !code}" :disabled="disabled" @click="_kilnOutCreateTask">确认</button>
+    </section>
+  </section>
+</template>
+
+<script>
+import NavBar from '@components/NavBar.vue'
+import {kilnOutCreateTaskShow, kilnOutCreateTask} from '@config/mork2'
+export default {
+  name: 'BindPalletPoint',
+  components: {
+    NavBar
+  },
+  data () {
+    return {
+      code: '',
+      dataList: [],
+      disabled: false
+    }
+  },
+  methods: {
+    /** grid */
+    async _kilnOutCreateTaskShow () {
+      let res = await kilnOutCreateTaskShow()
+      if (res.code === '1') {
+        this.dataList = [...res.result]
+      } else {
+        this.Dialog(res.desc)
+      }
+    },
+    /** 确认 */
+    async _kilnOutCreateTask () {
+      this.disabled = true
+      if (!this.code) {
+        this.disabled = false
+        return
+      }
+      try {
+        let res = await kilnOutCreateTask(this.code)
+        if (res.code === '1') {
+          this.toast(res.desc)
+          this._kilnOutCreateTaskShow()
+        } else {
+          this.Dialog(res.desc)
+        }
+        this.disabled = false
+      } catch (e) {
+        this.disabled = false
+      }
+    }
+  }
+}
+</script>