工单界面新增按钮

hdy

2025-03-14 0994009a6d6184839359505d99fdf7be68ee1b19

 billion-ui/src/views/main/om/info/index.vue

@@ -26,16 +26,6 @@
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item label="工单状态" prop="orderStatus">
          <el-select v-model="queryParams.orderStatus" placeholder="请选择工单状态" clearable>
            <el-option
              v-for="dict in dict.type.order_status"
              :key="dict.value"
              :label="dict.label"
              :value="dict.value"
            />
          </el-select>
        </el-form-item>
        <el-form-item style="float: right; margin-right: 90px">
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
@@ -46,16 +36,6 @@

    <div style="width: 600px">
      <el-row :gutter="10" class="mb8" >
        <el-col :span="1.5">
          <el-button
            type="primary"
            plain
            icon="el-icon-plus"
            size="mini"
            @click="handleAdd"
            v-hasPermi="['main:info:add']"
          >新增</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="success"
@@ -69,17 +49,6 @@
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="danger"
            plain
            icon="el-icon-delete"
            size="mini"
            :disabled="multiple"
            @click="handleDelete"
            v-hasPermi="['main:info:remove']"
          >删除</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="warning"
            plain
            icon="el-icon-download"
@@ -90,62 +59,85 @@
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="primary"
            type="success"
            plain
            icon="el-icon-receiving"
            icon="el-icon-edit"
            size="mini"
            @click="handleReceive"
          >接收工单</el-button>
            :disabled="single"
            @click="bodyStatus"
            v-hasPermi="['main:info:edit']"
          >缸体暂停\启动</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="primary"
            plain
            :disabled="multiple"
            icon="el-icon-magic-stick"
            icon="el-icon-edit"
            size="mini"
            @click="handleCreate"
          >生成</el-button>
            :disabled="single"
            @click="headStatus"
            v-hasPermi="['main:info:edit']"
          >缸盖暂停\启动</el-button>
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="info"
            plain
            icon="el-icon-edit"
            size="mini"
            :disabled="single"
            @click="preStatus"
            v-hasPermi="['main:info:edit']"
          >预装暂停\启动</el-button>
        </el-col>
        <!--      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
      </el-row>
    </div>


    <el-table v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
    <el-table border  v-loading="loading" :data="infoList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="工单编号" align="center" prop="workOrderNo" width="120">
        <template slot-scope="scope">
          <a style="color: #7099F9"  @click="orderDetail(scope.row.workOrderNo)" >{{scope.row.workOrderNo}}
          </a>
<!--          <div @click="orderDetail(scope.row.workOrderNo)">{{scope.row.workOrderNo}}</div>-->
        </template>
      </el-table-column>
      <el-table-column label="订单编号" align="center" prop="salesOrderCode" width="120"/>
      <el-table-column label="产品编号" align="center" prop="productCode" width="180"/>
      <el-table-column label="产线编号" align="center" prop="lineCode" />
      <el-table-column label="订单编号" align="center" prop="salesOrderCode" />
      <el-table-column label="产品编号" align="center" prop="productCode" />
      <el-table-column label="计划数量" align="center" prop="planQty" />
      <el-table-column label="计划开始时间" align="center" prop="planStartTime" width="120">
      <el-table-column label="计划开始时间" align="center" prop="planStartTime" >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.planStartTime, '{y}-{m}-{d}') }}</span>
          <span>{{ parseTime(scope.row.planStartTime, '{y}-{m}-{d} {h}:{i}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="计划结束时间" align="center" prop="planEndTime" width="120">
      <el-table-column label="计划结束时间" align="center" prop="planEndTime" >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.planEndTime, '{y}-{m}-{d}') }}</span>
          <span>{{ parseTime(scope.row.planEndTime, '{y}-{m}-{d} {h}:{i}') }}</span>
        </template>
      </el-table-column>
      <el-table-column label="工单状态" align="center" prop="orderStatus">
<!--      <el-table-column label="更新时间" align="center" prop="updateTime" >-->
<!--        <template slot-scope="scope">-->
<!--          <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}') }}</span>-->
<!--        </template>-->
<!--      </el-table-column>-->
      <el-table-column label="缸体上线数量" align="center" prop="bodyQty" />
      <el-table-column label="缸盖上线数量" align="center" prop="headQty" />
      <el-table-column label="预装上线数量" align="center" prop="preQty" />
      <el-table-column label="缸体工单状态" align="center" prop="bodyStatus" >
        <template slot-scope="scope">
          <dict-tag :options="dict.type.order_status" :value="scope.row.orderStatus"/>
          <dict-tag :options="dict.type.status" :value="scope.row.bodyStatus"/>
        </template>
      </el-table-column>
      <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
      <el-table-column label="缸盖工单状态" align="center" prop="headStatus" >
        <template slot-scope="scope">
          <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
          <dict-tag :options="dict.type.status" :value="scope.row.headStatus"/>
        </template>
      </el-table-column>
      <el-table-column label="更新用户" align="center" prop="updateBy" />
      <el-table-column label="预装工单状态" align="center" prop="preStatus" >
        <template slot-scope="scope">
          <dict-tag :options="dict.type.status" :value="scope.row.preStatus"/>
        </template>
      </el-table-column>
      <el-table-column label="备注" width="180px" show-overflow-tooltip align="center" prop="remarks" />
    </el-table>

@@ -160,45 +152,51 @@
    <!-- 添加或修改生产工单对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-form-item label="工单编号" prop="workOrderNo">
          <el-input v-model="form.workOrderNo" placeholder="请输入工单编号" />
        <el-form-item  label="工单编号" prop="workOrderNo">
          <el-input  disabled v-model="form.workOrderNo" placeholder="请输入工单编号" />
        </el-form-item>
        <el-form-item label="订单编号" prop="salesOrderCode">
          <el-input v-model="form.salesOrderCode" placeholder="请输入订单编号" />
        <el-form-item  label="订单编号" prop="salesOrderCode">
          <el-input disabled v-model="form.salesOrderCode" placeholder="请输入订单编号" />
        </el-form-item>
        <el-form-item label="产品编号" prop="productCode">
          <el-input v-model="form.productCode" placeholder="请输入产品编号" />
        <el-form-item  label="产品编号" prop="productCode">
          <el-input disabled v-model="form.productCode" placeholder="请输入产品编号" />
        </el-form-item>
        <el-form-item label="产线编号" prop="lineCode">
          <el-input v-model="form.lineCode" placeholder="请输入产线编号" />
        </el-form-item>
        <el-form-item label="计划数量" prop="planQty">
          <el-input v-model="form.planQty" placeholder="请输入计划数量" />
        <el-form-item  label="计划数量" prop="planQty">
          <el-input  v-model="form.planQty" placeholder="请输入计划数量" />
        </el-form-item>
        <el-form-item label="计划开始时间" prop="planStartTime">
          <el-date-picker clearable
            v-model="form.planStartTime"
            type="date"
            value-format="yyyy-MM-dd"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择计划开始时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="计划结束时间" prop="planEndTime">
          <el-date-picker clearable
            v-model="form.planEndTime"
            type="date"
            value-format="yyyy-MM-dd"
            type="datetime"
            value-format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择计划结束时间">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="工单状态" prop="orderStatus" v-if = updateFlag>
          <el-radio-group v-model="form.orderStatus">
            <el-radio
              v-for="dict in dict.type.order_status"
              :key="dict.value"
              :label="dict.value"
            >{{dict.label}}</el-radio>
          </el-radio-group>
        <el-form-item  label="缸体数量" prop="bodyQty">
          <el-input  v-model="form.bodyQty" placeholder="请输入计划数量" />
        </el-form-item>
<!--        <el-form-item label="缸体工单状态" prop="bodyStatus" v-if = updateFlag>-->
<!--          <el-radio-group v-model="form.bodyStatus">-->
<!--            <el-radio-->
<!--              v-for="dict in dict.type.status"-->
<!--              :key="dict.value"-->
<!--              :label="dict.value"-->
<!--            >{{dict.label}}</el-radio>-->
<!--          </el-radio-group>-->
<!--        </el-form-item>-->
        <el-form-item  label="缸套数量" prop="headStatus">
          <el-input  v-model="form.headStatus" placeholder="请输入计划数量" />
        </el-form-item>
        <el-form-item  label="预装数量" prop="preStatus">
          <el-input  v-model="form.preStatus" placeholder="请输入计划数量" />
        </el-form-item>
        <el-form-item label="备注" prop="remarks">
          <el-input
@@ -330,9 +328,6 @@
        productCode: [
          { required: true, message: "产品编号不能为空", trigger: "blur" }
        ],
        lineCode: [
          { required: true, message: "产线编号不能为空", trigger: "blur" }
        ],
        planQty: [
          { required: true, message: "计划数量不能为空", trigger: "blur" }
        ],
@@ -407,6 +402,12 @@
        updateBy: null,
        remarks: null,
        delFlag: null,
        bodyQty: null,
        headQty: null,
        preQty: null,
        bodyStatus :null,
        headStatus :null,
        preStatus :null,
      };
      this.resetForm("form");
      this.addFlag = false
@@ -447,6 +448,76 @@
        this.title = "修改生产工单";
      });
    },

    /** 修改缸体状态按钮操作 */
    bodyStatus(row) {
      this.reset();
      const id = row.id || this.ids
      getInfo(id).then(response => {
        this.form = response.data;
        if(this.form.bodyStatus === "1"){
          this.form.bodyStatus = "3";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("暂停成功");
            this.getList();});
        }else if(this.form.bodyStatus === "2"){
          this.$message('订单已完成禁止修改');
        }else if(this.form.bodyStatus === "3"){
          this.form.bodyStatus = "1";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("重启成功");
            this.getList();});
        }else if(this.form.bodyStatus === "0"){
          this.$message('订单未开始');
        }
      });
    },
    /** 修改缸盖状态按钮操作 */
    headStatus(row) {
      this.reset();
      const id = row.id || this.ids
      getInfo(id).then(response => {
        this.form = response.data;
        if(this.form.headStatus === "1"){
          this.form.headStatus = "3";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("暂停成功");
            this.getList();});
        }else if(this.form.headStatus === "2"){
          this.$message('订单已完成禁止修改');
        }else if(this.form.headStatus === "3"){
          this.form.headStatus = "1";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("重启成功");
            this.getList();});
        }else if(this.form.headStatus === "0"){
          this.$message('订单未开始');
        }
      });
    },
    /** 修改预装状态按钮操作 */
    preStatus(row) {
      this.reset();
      const id = row.id || this.ids
      getInfo(id).then(response => {
        this.form = response.data;
        if(this.form.preStatus === "1"){
          this.form.preStatus = "3";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("暂停成功");
            this.getList();});
        }else if(this.form.preStatus === "2"){
          this.$message('订单已完成禁止修改');
        }else if(this.form.preStatus === "3"){
          this.form.preStatus = "1";
          updateInfo(this.form).then(response => {
            this.$modal.msgSuccess("重启成功");
            this.getList();});
        }else if(this.form.preStatus === "0"){
          this.$message('订单未开始');
        }
      });
    },
    /** 提交按钮 */
    submitForm() {
      this.$refs["form"].validate(valid => {