修改

mes/qd/src/views/wms/mps/produce/AddDialog.vue

@@ -0,0 +1,287 @@
+<template>
+  <el-dialog
+    title="批量新增"
+    append-to-body
+    :visible.sync="dialogVisible"
+    fullscreen
+    destroy-on-close
+    width="1000px"
+    @close="close"
+    @open="open"
+  >
+    <div class="crud-opts2" style="margin-bottom: 5px;">
+      <span class="crud-opts-right2">
+        <!--左侧插槽-->
+        <slot name="left"/>
+        <el-button type="primary" @click="insertDtl">新增一行</el-button>
+      </span>
+    </div>
+    <el-table
+      ref="table"
+      :data="tableData"
+      style="width: 100%;"
+      border
+      :header-cell-style="{background:'#f5f7fa',color:'#606266'}"
+    >
+      <el-table-column type="index" label="序号" width="50" align="center"/>
+      <el-table-column align="center" label="操作" width="100" fixed="right">
+        <template scope="scope">
+          <el-button
+            type="danger"
+            class="filter-item"
+            size="mini"
+            icon="el-icon-delete"
+            @click.native.prevent="deleteRow(scope.$index, tableData)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="order_type_scode" label="工单类型" align="center" width="120px">
+        <template slot-scope="scope">
+          <el-select
+            v-model="scope.row.order_type_scode"
+            class="filter-item"
+            :disabled="scope.row.edit"
+          >
+            <el-option
+              v-for="item in dict.PDM_BI_ORDERTYPE"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column prop="workprocedure_id" label="所属工序" align="center" width="150px">
+        <template slot-scope="scope">
+          <el-select
+            v-model="scope.row.workprocedure_id"
+            class="filter-item"
+            :disabled="scope.row.edit"
+          >
+            <el-option
+              v-for="item in workprocedureList"
+              :key="item.workprocedure_id"
+              :label="item.workprocedure_name"
+              :value="item.workprocedure_id"
+            />
+          </el-select>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="produce_date" label="生产日期" align="center" width="250px">
+        <template slot-scope="scope">
+          <el-date-picker v-model="scope.row.produce_date" type="date" value-format="yyyy-MM-dd"/>
+        </template>
+      </el-table-column>
+      <el-table-column v-if="false" prop="material_id" label="物料标识" align="center"/>
+      <el-table-column prop="material_code" label="物料编码" align="center" width="190px">
+        <template scope="scope">
+          <el-input v-model="scope.row.material_code" disabled class="input-with-select">
+            <el-button slot="append" icon="el-icon-plus" @click="queryMater(scope.$index, scope.row)"/>
+          </el-input>
+        </template>
+      </el-table-column>
+      <el-table-column prop="material_name" label="物料名称" align="center" width="250px"/>
+      <el-table-column prop="material_spec" label="物料规格" align="center" width="150px"/>
+      <el-table-column show-overflow-tooltip prop="plan_qty" label="计划数量" align="center" width="100px">
+        <template scope="scope">
+          <el-input v-show="!scope.row.edit" v-model="scope.row.plan_qty" size="mini"/>
+          <span v-show="scope.row.edit">{{ scope.row.plan_qty }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="planproducestart_date" label="计划开始时间" align="center" width="250px">
+        <template slot-scope="scope">
+          <el-date-picker
+            v-model="scope.row.planproducestart_date"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetime"
+            style="width: 200px;"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column prop="shift_type_scode" label="班次类型" align="center" width="110px">
+        <template slot-scope="scope">
+          <el-select
+            v-model="scope.row.shift_type_scode"
+            class="filter-item"
+            :disabled="scope.row.edit"
+          >
+            <el-option
+              v-for="item in dict.PDM_BI_SHIFTTYPE"
+              :key="item.id"
+              :label="item.label"
+              :value="item.value"
+            />
+          </el-select>
+        </template>
+      </el-table-column>
+      <el-table-column show-overflow-tooltip prop="sale_id" label="销售单标识" align="center" width="150px">
+        <template scope="scope">
+          <el-input v-model="scope.row.sale_id"/>
+        </template>
+      </el-table-column>
+      <el-table-column show-overflow-tooltip prop="is_needmove" label="是否搬运" align="center" width="150px">
+        <template scope="scope">
+          <el-radio
+            v-for="item in dict.IS_OR_NOT"
+            :key="item.id"
+            v-model="scope.row.is_needmove"
+            :label="item.value"
+          >{{ item.label }}
+          </el-radio>
+        </template>
+      </el-table-column>
+      <el-table-column show-overflow-tooltip prop="is_canupdate_update" label="允许修改报工数量" align="center" width="200px">
+        <template scope="scope">
+          <el-radio
+            v-for="item in dict.IS_OR_NOT"
+            :key="item.id"
+            v-model="scope.row.is_canupdate_update"
+            :label="item.value"
+          >{{ item.label }}
+          </el-radio>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="text" @click="crud.cancelCU">取消</el-button>
+      <el-button :loading="crud.cu === 2" type="primary" @click="submit">确认</el-button>
+    </div>
+    <MaterDtl :dialog-show.sync="materialShow" :is-single="true" :mater-opt-code="materType"
+              @setMaterValue="setMaterValue"/>
+  </el-dialog>
+</template>
+
+<script>
+
+import CRUD, {crud, header, presenter} from '@crud/crud'
+import MaterDtl from '@/views/wms/pub/MaterDialog'
+import crudWorkProcedure from "@/api/wms/basedata/pdm/workProcedure"
+import crudProduceshiftorder from '@/api/wms/mps/produceshiftorder'
+
+export default {
+  name: 'AddDtl',
+  components: {MaterDtl},
+  dicts: ['PDM_BI_SHIFTTYPE', 'MPS_BD_ORDERSTATUS', 'is_used', 'PDM_BI_ORDERTYPE', 'IS_OR_NOT'],
+  mixins: [presenter(), header(), crud()],
+  props: {
+    dialogShow: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      materType: '01',
+      workprocedureList: [],
+      rows: [],
+      materialShow: false,
+      tableData: []
+    }
+  },
+  watch: {
+    dialogShow: {
+      handler(newValue, oldValue) {
+        this.dialogVisible = newValue
+      }
+    }
+  },
+  methods: {
+    insertDtl() {
+      const date = this.dateFormatter(new Date())
+      this.tableData.push({
+        produceorder_id: '',
+        produceorder_code: '',
+        producedeviceorder_code: '',
+        shift_type_scode: '01',
+        workprocedure_id: '',
+        produce_date: date,
+        plan_qty: '',
+        real_qty: '',
+        report_qty: '',
+        material_id: '',
+        material_code: '',
+        material_weight: '',
+        planproducestart_date: date,
+        planproduceend_date: '',
+        realproducestart_date: '',
+        realproduceend_date: '',
+        order_status: '00',
+        is_needmove: '0',
+        order_type_scode: '01',
+        material_name: '',
+        device_id: '',
+        is_canupdate_update: '1',
+        material_spec: '',
+        sale_id: ''
+      })
+    },
+    open() {
+      // 查询工序
+      crudWorkProcedure.downSelect({}).then(res => {
+        this.workprocedureList = res
+      })
+    },
+    close() {
+      this.$emit('update:dialogShow', false)
+      this.$emit('AddChanged')
+      this.tableData = []
+    },
+    queryMater(index, row) {
+      this.materialShow = true
+      this.nowindex = index
+      this.nowrow = row
+    },
+    setMaterValue(row) {
+      this.nowrow.material_id = row.material_id
+      this.nowrow.material_code = row.material_code
+      this.nowrow.material_name = row.material_name
+      this.nowrow.material_spec = row.material_spec
+      this.tableData.splice(this.nowindex, 1, this.nowrow) // 通过splice 替换数据 触发视图更新
+    },
+    dateFormatter(str) {
+      const d = new Date(str)
+      const year = d.getFullYear()
+      const month = (d.getMonth() + 1) < 10 ? '0' + (d.getMonth() + 1) : (d.getMonth() + 1)
+      const day = d.getDate() < 10 ? '0' + d.getDate() : d.getDate()
+      const hour = d.getHours() < 10 ? '0' + d.getHours() : d.getHours()
+      const minute = d.getMinutes() < 10 ? '0' + d.getMinutes() : d.getMinutes()
+      const second = d.getSeconds() < 10 ? '0' + d.getSeconds() : d.getSeconds()
+      return [year, month, day].join('-') + ' ' + [hour, minute, second].join(':')
+    },
+    deleteRow(index, rows) {
+      rows.splice(index, 1)
+    }
+    ,
+    submit() {
+      for (let i = 0; i < this.tableData.length; i++) {
+        const row = this.tableData[i]
+        if (!row.workprocedure_id) {
+          this.crud.notify('所属工序不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+        if (!row.produce_date) {
+          this.crud.notify('生产日期不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+        if (!row.material_id) {
+          this.crud.notify('物料编码不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+        if (!row.plan_qty) {
+          this.crud.notify('计划数量不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+        if (!row.planproducestart_date) {
+          this.crud.notify('计划开始时间不能为空！', CRUD.NOTIFICATION_TYPE.INFO)
+          return false
+        }
+      }
+      crudProduceshiftorder.addRows(this.tableData)
+      this.$emit('update:dialogShow', false)
+    }
+  }
+}
+</script>
+