人工混碾搬运

src/pages/manual/MixMove.vue

@@ -0,0 +1,136 @@
+<template>
+  <section>
+    <nav-bar title="人工混碾搬运"></nav-bar>
+    <section class="content mgt86">
+      <div class="filter-wraper">
+        <div class="bottom-filter-tip">
+          <div class="filter-label txtjustify">起点位置</div>
+          <div class="fxcol mgl20 visible" >
+            <el-select v-model="value1" filterable placeholder="请选择">
+              <el-option
+                v-for="item in options1"
+                :key="item.point_code"
+                :label="item.point_name"
+                :value="item.point_code">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="bottom-filter-tip">
+          <div class="filter-label txtjustify">托盘编码</div>
+          <div class="fxcol mgl20 visible" >
+            <input class="filter-input" type="text" v-model="code">
+          </div>
+        </div>
+        <div class="bottom-filter-tip">
+          <div class="filter-label txtjustify">泥料重量</div>
+          <div class="fxcol mgl20 visible" >
+            <input class="filter-input" type="number" v-model="weight">
+          </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="_getMixingTaskList">查询</button>
+      <button class="btn submit-button" :class="{'btn-disabled' : !value1 || !code || !weight}" :disabled="disabled" @click="_mixingMoveTask">确认</button>
+    </section>
+  </section>
+</template>
+
+<script>
+import NavBar from '@components/NavBar.vue'
+import {getMixingPointList, getMixingTaskList, mixingMoveTask} from '@config/getData2'
+export default {
+  name: 'BindPalletPoint',
+  components: {
+    NavBar
+  },
+  data () {
+    return {
+      value1: '',
+      options1: [],
+      code: '',
+      weight: '',
+      dataList: [],
+      disabled: false
+    }
+  },
+  created () {
+    this._getMixingPointList()
+    this._getMixingTaskList()
+  },
+  methods: {
+    /** 查询下拉框 */
+    async _getMixingPointList () {
+      let res = await getMixingPointList()
+      if (res.code === '1') {
+        this.options1 = [...res.result]
+      } else {
+        this.Dialog(res.desc)
+      }
+    },
+    /** grid */
+    async _getMixingTaskList () {
+      let res = await getMixingTaskList()
+      if (res.code === '1') {
+        this.dataList = [...res.result]
+      } else {
+        this.Dialog(res.desc)
+      }
+    },
+    /** 确认 */
+    async _mixingMoveTask () {
+      this.disabled = true
+      if (this.value === '' || this.code === '' || this.weight === '') {
+        debugger
+        this.disabled = false
+        return
+      }
+      try {
+        let res = await mixingMoveTask(this.value1, this.code, this.weight)
+        if (res.code === '1') {
+          this.toast(res.desc)
+          this._getMixingTaskList()
+        } else {
+          this.Dialog(res.desc)
+        }
+        this.disabled = false
+      } catch (e) {
+        this.disabled = false
+      }
+    }
+  }
+}
+</script>