mt-qj-wms-ui/src/views/order/components/current-order-detail.vue

<!--
 * @Author: zwq
 * @Date: 2021-11-19 11:23:44
 * @LastEditors: gtz
 * @LastEditTime: 2021-12-09 11:22:40
 * @Description:
-->
<template>
  <el-dialog
    title="订单详情"
    :close-on-click-modal="false"
    :visible.sync="visible"
  >
    <el-form :model="dataForm" ref="dataForm" label-width="100px">
      <el-row :gutter="20">
        <el-col :span="8">
          <el-form-item label="标识卡号" prop="idenCardNum">
            <el-input
              v-model="dataForm.idenCardNum"
              placeholder="标识卡号"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="订单状态" prop="taskType">
            <el-input
              v-model="dataForm.taskType"
              placeholder="订单状态"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="物料名称" prop="startPosition">
            <el-input
              v-model="dataForm.startPosition"
              placeholder="物料名称"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="产品名称" prop="productName">
            <el-input
              v-model="dataForm.productName"
              placeholder="产品名称"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="获取时间" prop="createTime">
            <el-input
              v-model="dataForm.createTime"
              placeholder="获取时间"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="任务状态" prop="status">
            <el-input
              v-model="dataForm.status"
              placeholder="任务状态"
              readonly
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="订单号" prop="orderNo">
            <el-input
              v-model="dataForm.orderNo"
              placeholder="订单号"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="客户名称" prop="customerName">
            <el-input
              v-model="dataForm.customerName"
              placeholder="客户名称"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="物料数量" prop="quantity">
            <el-input
              v-model="dataForm.quantity"
              placeholder="物料数量"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="材料牌号" prop="materialDes">
            <el-input
              v-model="dataForm.materialDes"
              placeholder="材料牌号"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="任务发起时间" prop="abeginTime">
            <el-input
              v-model="dataForm.abeginTime"
              placeholder="任务发起时间"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="物料重量" prop="weight">
            <el-input
              v-model="dataForm.weight"
              placeholder="物料重量"
              readonly
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="任务来源" prop="orderSource">
            <el-input
              v-model="dataForm.orderSource"
              placeholder="任务来源"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="单位" prop="unit">
            <el-input
              v-model="dataForm.unit"
              placeholder="单位"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="生产工艺要求" prop="craftIll">
            <el-input
              v-model="dataForm.craftIll"
              placeholder="生产工艺要求"
              readonly
            ></el-input>
          </el-form-item>
          <el-form-item label="实际加工重量" prop="finishWeight">
            <el-input
              v-model="dataForm.finishWeight"
              placeholder="实际加工重量"
              readonly
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      visible: false,
      dataForm: {}
    }
  },
  methods: {
    init (id) {
      this.visible = true
      this.$nextTick(() => {
        this.$refs['dataForm'].resetFields()
        this.$http({
          url: this.$http.adornUrl(`/orderInfo/getDet`),
          method: 'post',
          data: this.$http.adornData({ id: id })
        }).then(({ data }) => {
          if (data && data.code === 0) {
            this.dataForm = data.data
          }
        })
      })
    }
  }
}
</script>