|
@@ -1,4 +1,5 @@
|
|
|
<template>
|
|
<template>
|
|
|
|
|
+
|
|
|
<el-form ref="form1" :model="form" :rules="rules" label-width="120px">
|
|
<el-form ref="form1" :model="form" :rules="rules" label-width="120px">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="6">
|
|
<el-col :span="6">
|
|
@@ -63,134 +64,142 @@
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="结束时间:" prop="planEndTime">
|
|
|
|
|
- <el-date-picker :disabled="btnType == 'detail'" class="w100" v-model="form.planEndTime" type="date"
|
|
|
|
|
- value-format="yyyy-MM-dd" placeholder="请输入"></el-date-picker>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="类型:" prop="type">
|
|
|
|
|
- <DictSelection dictName="质检计划类型" v-model="form.type" clearable @change="typeChange"
|
|
|
|
|
- :disabled="btnType == 'detail' || btnType == 'issued'"></DictSelection>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="计划来源:" prop="planSource">
|
|
|
|
|
- <el-select v-model="form.planSource" placeholder="请选择" style="width: 100%" clearable
|
|
|
|
|
- @change="planSourceChange" :disabled="btnType == 'detail' || btnType == 'issued'">
|
|
|
|
|
- <el-option :label="item.label" v-for="item in sourceList" :key="item.value" :value="item.value" />
|
|
|
|
|
- </el-select>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="来源编码:" prop="planSourceCode">
|
|
|
|
|
- <el-input v-model="form.planSourceCode" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="名称:" prop=" productName">
|
|
|
|
|
- <el-input v-model="form.productName" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="编码:" prop=" productCode">
|
|
|
|
|
- <el-input v-model="form.productCode" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="批次号:" prop=" batchNo">
|
|
|
|
|
- <el-input v-model="form.batchNo" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="规格:" prop=" specification">
|
|
|
|
|
- <el-input v-model="form.specification" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="型号:" prop=" modelType">
|
|
|
|
|
- <el-input v-model="form.modelType" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="牌号:" prop=" brandNo">
|
|
|
|
|
- <el-input v-model="form.brandNo" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="数量:" prop=" productNumber">
|
|
|
|
|
- <el-input type="number" v-model="form.productNumber" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="工序:" prop=" produceTaskName">
|
|
|
|
|
- <el-input v-model="form.produceTaskName" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="合格品数量:" prop=" qualifiedNumber">
|
|
|
|
|
- <el-input type="number" v-model="form.qualifiedNumber" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="不合格品数量:" prop=" unqualifiedNumber">
|
|
|
|
|
- <el-input type="number" v-model="form.unqualifiedNumber" disabled />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="合格率:" prop="qualificationRate">
|
|
|
|
|
- <el-input type="number" v-model="form.qualificationRate"
|
|
|
|
|
- :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="总重量:" prop="totalWeight">
|
|
|
|
|
- <el-input type="number" v-model="form.totalWeight" :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="6" v-if="form.qualityMode == 2">
|
|
|
|
|
- <el-form-item label="取样数量:" prop="sampleNumber" :rules="{
|
|
|
|
|
- required: form.qualityMode == 2 ? true : false,
|
|
|
|
|
- message: '请输入取样数量',
|
|
|
|
|
- trigger: 'blur'
|
|
|
|
|
- }">
|
|
|
|
|
- <el-input type="number" v-model="form.sampleNumber" @change="handleChangeNumber"
|
|
|
|
|
- :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- <el-col :span="6">
|
|
|
|
|
- <el-form-item label="抽样比例:" prop="sampleProportion">
|
|
|
|
|
- <el-input v-model="form.sampleProportion" :disabled="btnType == 'detail' || btnType == 'issued'">
|
|
|
|
|
- <template #append>%</template>
|
|
|
|
|
- </el-input>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="24">
|
|
|
|
|
- <el-form-item label="备注:" prop="remark">
|
|
|
|
|
- <el-input type="textarea" v-model="form.remark" placeholder="请输入"
|
|
|
|
|
- :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
- <el-row>
|
|
|
|
|
- <el-col :span="8">
|
|
|
|
|
- <el-form-item label="附件:" prop="accessory">
|
|
|
|
|
- <fileUpload v-model="form.accessory" />
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
- </el-col>
|
|
|
|
|
- </el-row>
|
|
|
|
|
|
|
+ <div style="text-align: right;margin-bottom: 22px;">
|
|
|
|
|
+ <div @click="toggleExpand">
|
|
|
|
|
+ <div v-if="isExpanded"><i class="el-icon-arrow-up"></i>收起</div>
|
|
|
|
|
+ <div v-if="!isExpanded"><i class="el-icon-arrow-down"></i>展开更多</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div v-if="isExpanded">
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="结束时间:" prop="planEndTime">
|
|
|
|
|
+ <el-date-picker :disabled="btnType == 'detail'" class="w100" v-model="form.planEndTime" type="date"
|
|
|
|
|
+ value-format="yyyy-MM-dd" placeholder="请输入"></el-date-picker>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="类型:" prop="type">
|
|
|
|
|
+ <DictSelection dictName="质检计划类型" v-model="form.type" clearable @change="typeChange"
|
|
|
|
|
+ :disabled="btnType == 'detail' || btnType == 'issued'"></DictSelection>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="计划来源:" prop="planSource">
|
|
|
|
|
+ <el-select v-model="form.planSource" placeholder="请选择" style="width: 100%" clearable
|
|
|
|
|
+ @change="planSourceChange" :disabled="btnType == 'detail' || btnType == 'issued'">
|
|
|
|
|
+ <el-option :label="item.label" v-for="item in sourceList" :key="item.value" :value="item.value" />
|
|
|
|
|
+ </el-select>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="来源编码:" prop="planSourceCode">
|
|
|
|
|
+ <el-input v-model="form.planSourceCode" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="名称:" prop=" productName">
|
|
|
|
|
+ <el-input v-model="form.productName" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="编码:" prop=" productCode">
|
|
|
|
|
+ <el-input v-model="form.productCode" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="批次号:" prop=" batchNo">
|
|
|
|
|
+ <el-input v-model="form.batchNo" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="规格:" prop=" specification">
|
|
|
|
|
+ <el-input v-model="form.specification" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="型号:" prop=" modelType">
|
|
|
|
|
+ <el-input v-model="form.modelType" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="牌号:" prop=" brandNo">
|
|
|
|
|
+ <el-input v-model="form.brandNo" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="数量:" prop=" productNumber">
|
|
|
|
|
+ <el-input type="number" v-model="form.productNumber" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="工序:" prop=" produceTaskName">
|
|
|
|
|
+ <el-input v-model="form.produceTaskName" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="合格品数量:" prop=" qualifiedNumber">
|
|
|
|
|
+ <el-input type="number" v-model="form.qualifiedNumber" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="不合格品数量:" prop=" unqualifiedNumber">
|
|
|
|
|
+ <el-input type="number" v-model="form.unqualifiedNumber" disabled />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="合格率:" prop="qualificationRate">
|
|
|
|
|
+ <el-input type="number" v-model="form.qualificationRate"
|
|
|
|
|
+ :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="总重量:" prop="totalWeight">
|
|
|
|
|
+ <el-input type="number" v-model="form.totalWeight" :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="6" v-if="form.qualityMode == 2">
|
|
|
|
|
+ <el-form-item label="取样数量:" prop="sampleNumber" :rules="{
|
|
|
|
|
+ required: form.qualityMode == 2 ? true : false,
|
|
|
|
|
+ message: '请输入取样数量',
|
|
|
|
|
+ trigger: 'blur'
|
|
|
|
|
+ }">
|
|
|
|
|
+ <el-input type="number" v-model="form.sampleNumber" @change="handleChangeNumber"
|
|
|
|
|
+ :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ <el-col :span="6">
|
|
|
|
|
+ <el-form-item label="抽样比例:" prop="sampleProportion">
|
|
|
|
|
+ <el-input v-model="form.sampleProportion" :disabled="btnType == 'detail' || btnType == 'issued'">
|
|
|
|
|
+ <template #append>%</template>
|
|
|
|
|
+ </el-input>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="24">
|
|
|
|
|
+ <el-form-item label="备注:" prop="remark">
|
|
|
|
|
+ <el-input type="textarea" v-model="form.remark" placeholder="请输入"
|
|
|
|
|
+ :disabled="btnType == 'detail' || btnType == 'issued'" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ <el-row>
|
|
|
|
|
+ <el-col :span="8">
|
|
|
|
|
+ <el-form-item label="附件:" prop="accessory">
|
|
|
|
|
+ <fileUpload v-model="form.accessory" />
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ </el-col>
|
|
|
|
|
+ </el-row>
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
<warehousing ref="warehousingRef" @choose="handleChoose" />
|
|
<warehousing ref="warehousingRef" @choose="handleChoose" />
|
|
|
<productionPlan ref="productionPlanRef" @choose="handleChoose" />
|
|
<productionPlan ref="productionPlanRef" @choose="handleChoose" />
|
|
@@ -320,13 +329,17 @@ export default {
|
|
|
executeId: [
|
|
executeId: [
|
|
|
{ required: true, message: '请选择执行人员:', trigger: 'blur' }
|
|
{ required: true, message: '请选择执行人员:', trigger: 'blur' }
|
|
|
]
|
|
]
|
|
|
- }
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ isExpanded: false // 控制展开/收起状态
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
|
this.getDictListIqoCode('iqo_code');
|
|
this.getDictListIqoCode('iqo_code');
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ toggleExpand() {
|
|
|
|
|
+ this.isExpanded = !this.isExpanded;
|
|
|
|
|
+ },
|
|
|
async getDictListIqoCode(code) {
|
|
async getDictListIqoCode(code) {
|
|
|
let { data: res } = await getByCode(code);
|
|
let { data: res } = await getByCode(code);
|
|
|
this.inspectionStandardsList = res.map((item) => {
|
|
this.inspectionStandardsList = res.map((item) => {
|
|
@@ -403,6 +416,8 @@ export default {
|
|
|
handleChoose(val) {
|
|
handleChoose(val) {
|
|
|
if (!val) return;
|
|
if (!val) return;
|
|
|
this.form.planSourceId = val.id;
|
|
this.form.planSourceId = val.id;
|
|
|
|
|
+ // this.form.planReceiveId = val.receiveId;
|
|
|
|
|
+
|
|
|
this.form.planSourceCode = val.receiveNo;
|
|
this.form.planSourceCode = val.receiveNo;
|
|
|
console.log(this.form.planSourceCode, 'this.form.planSourceCode')
|
|
console.log(this.form.planSourceCode, 'this.form.planSourceCode')
|
|
|
|
|
|
|
@@ -439,7 +454,7 @@ export default {
|
|
|
},
|
|
},
|
|
|
typeChange(val) {
|
|
typeChange(val) {
|
|
|
if (val == 1) {
|
|
if (val == 1) {
|
|
|
- this.sourceList = [{ label: '采购入收货单', value: '1' }];
|
|
|
|
|
|
|
+ this.sourceList = [{ label: '采购收货单', value: '1' }];
|
|
|
} else if (val == 2) {
|
|
} else if (val == 2) {
|
|
|
this.sourceList = [
|
|
this.sourceList = [
|
|
|
{ label: '生产计划', value: '2' },
|
|
{ label: '生产计划', value: '2' },
|
|
@@ -451,4 +466,8 @@ export default {
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
</script>
|
|
</script>
|
|
|
-<style lang="scss" scoped></style>
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+::v-deep .el-form-item .el-form-item--medium .more {
|
|
|
|
|
+ margin: 0 !important;
|
|
|
|
|
+}
|
|
|
|
|
+</style>
|