jonhon-mes-web/src/views/orderManagement/components/orderUpdateDailog.vue

<template>
  <el-dialog title="修改" append-to-body :modelValue="openShow" width="60%" @close="closeDialog">
    <el-form :model="formData" :rules="rules" ref="formRules" :label-width="120">
      <el-row :gutter="24">
        <el-col :span="12">
          <el-form-item label="计划单号" prop="ypCode">
            <el-input v-model="formData.ypCode" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="生产单号" prop="yoCode">
            <el-input v-model="formData.yoCode" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="零件号" prop="partCode">
            <el-input v-model="formData.partCode" disabled></el-input>
            <!-- <el-select v-model="formData.partCode" placeholder="请输入" disabled>
              <el-option label="零件1" value="1" />
              <el-option label="零件12" value="2" />
            </el-select> -->
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="批次号" prop="batchNo">
            <el-input v-model="formData.batchNo" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="流转编号" prop="roamNo">
            <el-select v-model="formData.roamNo" placeholder="请输入">
              <el-option label="B090989" value="1" />
              <el-option label="B0909889898" value="2" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="下级B号" prop="roamNoNext">
            <el-input v-model="formData.roamNoNext" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="订单类型" prop="yieldType">
            <el-select v-model="formData.yieldType" placeholder="请选择">
              <el-option v-if="type == 'hotlist'" :value="12001" label="热表订单" />
              <el-option v-if="type == 'sintering'" :value="12002" label="烧结订单" />
              <el-option v-if="type == 'sintering'" :value="12003" label="玻璃饼" />
              <el-option v-if="type == 'sintering'" :value="12004" label="壳体" />
              <el-option v-if="type == 'sintering'" :value="12005" label="插针" />
              <el-option v-if="type == 'sintering'" :value="12006" label="石墨模" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="产品型号" prop="productType">
            <el-input v-model="formData.productType" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="产品名称" prop="partName">
            <el-input v-model="formData.partName" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="工艺路线" prop="primaryCraft">
            <el-input v-model="formData.primaryCraft" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="镀种" prop="plate">
            <el-input v-model="formData.plate" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="生产标识" prop="productIdent">
            <el-select v-model="formData.productIdent" placeholder="请选择">
              <el-option v-for="item in prodIdentList" :key="item.id" :value="item.id" :label="item.name" />
              <!-- <el-option :value="2" label="JIII" /> -->
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="使用部门" prop="useDept">
            <el-input v-model="formData.useDept" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="数量" prop="ypQty">
            <el-input v-model="formData.ypQty" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="面积(d㎡)" prop="ypArea">
            <el-input v-model="formData.ypArea" disabled />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="需求交期" prop="demandDate">
            <el-date-picker
              v-model="formData.demandDate"
              placeholder="请选择"
              type="datetime"
              format="YYYY-MM-DD HH:mm:ss"
              value-format="YYYY-MM-DD HH:mm:ss"
            />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="计划员" prop="planUser">
            <el-input v-model="formData.planUser" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="计划下达时间" prop="releaseDate">
            <el-date-picker
              v-model="formData.releaseDate"
              placeholder="请选择"
              type="datetime"
              format="YYYY-MM-DD HH:mm:ss"
              value-format="YYYY-MM-DD HH:mm:ss"
            />
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="备注" prop="memo">
            <el-input
              v-model="formData.memo"
              :rows="2"
              type="textarea"
              minlength="0"
              maxlength="200"
              show-word-limit
            />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>

    <template #footer>
      <span class="dialog-footer">
        <el-button @click="closeDialog">取 消</el-button>
        <el-button type="primary" @click="submit">确 定</el-button>
      </span>
    </template>
  </el-dialog>
</template>
<script>
import { update,getassayContentDeatils,getProdIdentList } from '@/api/orderManagement/planYieIdOrder';
export default {
  props: {
    showDialog: {
      type: Boolean,
      default: false,
    },
    moldAddMore: {
      type: Boolean,
      default: false,
    },
    id: {
      type: String,
      default: false,
    },
    type:{
      type: String,
      default:''
    }
  },
  data() {
    return {
      openShow: false,
      tableData: [],
      formData: {},
      prodIdentList:[],
      rules: {
        ypCode: [{ required: true, message: '请输入', trigger: 'blur' }],
        yoCode: [
          { required: true, message: '请输入', trigger: 'blur' },
          // { validator: checkYoCode, trigger: 'blur' },
        ],
        partCode: [{ required: true, message: '请输入', trigger: 'blur' }],
        productIdent: [{ required: true, message: '请输入', trigger: 'blur' }],
        useDept: [{ required: true, message: '请输入', trigger: 'blur' }],
        ypQty: [{ required: true, message: '请输入', trigger: 'blur' }],
        demandDate: [{ required: true, message: '请输入', trigger: 'blur' }],
        planUser: [{ required: true, message: '请输入', trigger: 'blur' }],
        releaseDate: [{ required: true, message: '请输入', trigger: 'blur' }],

        batchNo: [{ required: true, message: '请输入', trigger: 'blur' }],
        cardNo: [{ required: true, message: '请输入', trigger: 'blur' }],
        // roamNo: [{ required: true, message: '请输入', trigger: 'blur' }],
        yieldType: [{ required: true, message: '请输入', trigger: 'blur' }],
      },
    };
  },
  mounted() {
    this.openShow = this.showDialog;
    this.getDetail()
    this.getProdIdentList()
    // this.formData = {
    //   partCode: 1,
    //   yoCode: 'WO-98978789988',
    //   batchNo: 'Y0232511359',
    //   businessType: -1,
    //   businessTypeTitle: null,
    //   cardNo: '1022413231',
    //   craftId: null,
    //   curStatus: 0,
    //   curStatusTitle: '待接收',
    //   custodian: '肖盼盼',
    //   demandDate: '2025-11-18',
    //   dsCraft: { craftId: 59361, craftNo: 'C000000' },
    //   dsPart: { partCode: '21E8-900-363-H1', partCode: 1, partName: 'M2 螺钉' },
    //   entrustDept: '采购与物流中心 (成件)',
    //   failureMan: {
    //     accountId: null,
    //     card: null,
    //     createTime: null,
    //     curStatus: 1,
    //     deleted: false,
    //     deptName: null,
    //   },
    //   failureMemo: null,
    //   failureTime: null,
    //   fatherVoid: null,
    //   keyValue: 4490279,
    //   kitPreparationMan: {
    //     accountId: null,
    //     card: null,
    //     createTime: null,
    //     curStatus: 1,
    //     deleted: false,
    //     deptName: null,
    //   },
    //   kitPreparationTime: null,
    //   manualIncrease: false,
    //   memo: null,
    //   newlevFlag: '采购',
    //   nextRoom: null,
    //   nextRoomName: null,
    //   partCode: '21E8-900-363-H1',
    //   partName: 'M2 螺钉',
    //   pdmUrl: null,
    //   pkDate: null,
    //   pkUsername: null,
    //   planUser: '申强',
    //   plate: 'Ct.P',
    //   ypArea: 0.0170467129,
    //   ypCode: 'WO-N251174111',
    //   poMemo: 'DZ',
    //   poProdLine: 'J303',
    //   ypQty: 22,
    //   primaryCraft: '库 1-1 (机加)-4 (表)- 库 2',
    //   priority: 1,
    //   prodident: 'JII',
    //   produceBool: false,
    //   productType: null,
    // };
  },
  methods: {
    getDetail(){
      getassayContentDeatils({id:this.id}).then(res =>{
        console.log('res----------',res)
        this.formData = res.data.data
      })
    },
    // 获取生产标识下拉数据
    getProdIdentList() {
      getProdIdentList().then(res => {
        this.prodIdentList = res.data.data;
      });
    },
    closeDialog() {
      this.openShow = false;
      this.$emit('closeDialog');
    },
    submit() {
      this.$refs.formRules.validate(valid => {
        if (valid) {
          console.log('this.formData',this.formData)
          update(this.formData).then(res => {
            console.log(res);
            if(res.data.code===200){
              this.$message.success('修改成功')
              this.openShow = false;
              this.$emit("closeDialog",true)
 
            }
          });
        }
      });
    },
  },
};
</script>
<style lang="scss" scoped></style>