|
|
@@ -1,79 +1,80 @@
|
|
|
<template>
|
|
|
- <ele-modal :title="title" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false" append-to-body width="80%" :maxable="true">
|
|
|
- <el-form ref="form1" :model="formData" :rules="rules" label-width="120px">
|
|
|
- <el-row>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="处置方式" prop="disposalStatus" align="center" >
|
|
|
- <el-select v-model="formData.disposalStatus" placeholder="请选择" style="width: 100%;" v-if="qualityType == 1">
|
|
|
- <el-option v-for="item in disposalStatusListType" :key="item.value"
|
|
|
- :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <el-select v-model="formData.disposalStatus" placeholder="请选择" style="width: 100%;" v-else>
|
|
|
- <el-option v-for="item in disposalStatusList" :key="item.value"
|
|
|
- :label="item.label" :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="处置仓库" prop="disposeWarehouseId" align="center">
|
|
|
- <el-select v-model="formData.disposeWarehouseId" placeholder="请选择" style="width: 100%;" clearable @change="handleWarehouseChange">
|
|
|
- <el-option v-for="item in warehouseList" :key="item.disposeWarehouseId"
|
|
|
- :label="item.disposeWarehouseName" :value="item.disposeWarehouseId">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="留样日期" prop="sampleDate" align="center" >
|
|
|
- <el-date-picker class="w100" v-model="formData.sampleDate" 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="disposeTime">
|
|
|
- <el-date-picker class="w100" v-model="formData.disposeTime" type="date"
|
|
|
- value-format="yyyy-MM-dd" placeholder="请输入"></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-top:12px">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="留样条件" prop="sampleCondition" align="center" >
|
|
|
- <el-input v-model="formData.sampleCondition" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-top:12px">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="生产商/受托生产" prop="producerManufacturer" align="center" >
|
|
|
- <el-input v-model="formData.producerManufacturer" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-top:12px">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="留样地点" prop="samplePlace" align="center" >
|
|
|
- <el-input type="textarea" v-model="formData.samplePlace" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row style="margin-top:12px">
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="留样备注" prop="sampleRemark" align="center" >
|
|
|
- <el-input type="textarea" v-model="formData.sampleRemark" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <template v-slot:footer >
|
|
|
- <el-button @click="handleClose">取消</el-button>
|
|
|
- <el-button type="primary" @click="handleConfirm">
|
|
|
- 确认
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </ele-modal>
|
|
|
+ <ele-modal :title="title" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false" append-to-body width="80%" :maxable="true">
|
|
|
+ <el-form ref="form1" :model="formData" :rules="rules" label-width="120px">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="处置方式" prop="disposalStatus" align="center">
|
|
|
+ <el-select v-model="formData.disposalStatus" placeholder="请选择" style="width: 100%;" v-if="qualityType == 1">
|
|
|
+ <el-option v-for="item in disposalStatusListType" :key="item.value" :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-select v-model="formData.disposalStatus" placeholder="请选择" style="width: 100%;" v-else>
|
|
|
+ <el-option v-for="item in disposalStatusList" :key="item.value" :label="item.label" :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6" v-if="formData.disposalStatus == 3">
|
|
|
+ <el-form-item label="处置仓库" prop="disposeWarehouseId" align="center">
|
|
|
+ <el-select v-model="formData.disposeWarehouseId" placeholder="请选择" style="width: 100%;" clearable
|
|
|
+ @change="handleWarehouseChange" filterable>
|
|
|
+ <el-option v-for="item in warehouseList" :key="item.disposeWarehouseId" :label="item.disposeWarehouseName"
|
|
|
+ :value="item.disposeWarehouseId">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="留样日期" prop="sampleDate" align="center">
|
|
|
+ <el-date-picker class="w100" v-model="formData.sampleDate" 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="disposeTime">
|
|
|
+ <el-date-picker class="w100" v-model="formData.disposeTime" type="date" value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请输入"></el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top:12px">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="留样条件" prop="sampleCondition" align="center">
|
|
|
+ <el-input v-model="formData.sampleCondition" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top:12px">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="生产商/受托生产" prop="producerManufacturer" align="center">
|
|
|
+ <el-input v-model="formData.producerManufacturer" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top:12px">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="留样地点" prop="samplePlace" align="center">
|
|
|
+ <el-input type="textarea" v-model="formData.samplePlace" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row style="margin-top:12px">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="留样备注" prop="sampleRemark" align="center">
|
|
|
+ <el-input type="textarea" v-model="formData.sampleRemark" placeholder="请输入" style="width: 100%;"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <template v-slot:footer>
|
|
|
+ <el-button @click="handleClose">取消</el-button>
|
|
|
+ <el-button type="primary" @click="handleConfirm">
|
|
|
+ 确认
|
|
|
+ </el-button>
|
|
|
+ </template>
|
|
|
+ </ele-modal>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -81,138 +82,138 @@
|
|
|
import { warehouseList } from '@/api/inspectionWork';
|
|
|
|
|
|
export default {
|
|
|
- components: {
|
|
|
+ components: {
|
|
|
|
|
|
- },
|
|
|
- data() {
|
|
|
-
|
|
|
- return {
|
|
|
- title: '',
|
|
|
- visible: false,
|
|
|
- rowIndex: 0,
|
|
|
- type: '',
|
|
|
- formData: {},
|
|
|
- qualityType: '',
|
|
|
- warehouseList:[],
|
|
|
- // 表单验证规则
|
|
|
- rules: {
|
|
|
- disposeTime: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请输入绑定手机号',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- disposalStatus: [
|
|
|
- {
|
|
|
- required: true,
|
|
|
- message: '请选择处置方式',
|
|
|
- trigger: 'blur'
|
|
|
- }
|
|
|
- ],
|
|
|
- },
|
|
|
- disposalStatusList: [
|
|
|
- {
|
|
|
- value: 1,
|
|
|
- label: '返工'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 2,
|
|
|
- label: '返修'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 3,
|
|
|
- label: '报废'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 4,
|
|
|
- label: '降级使用'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 5,
|
|
|
- label: '让步接收'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 6,
|
|
|
- label: '留样'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 7,
|
|
|
- label: '消耗'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 8,
|
|
|
- label: '回用'
|
|
|
- },
|
|
|
- ],
|
|
|
- disposalStatusListType: [
|
|
|
- {
|
|
|
- value: 3,
|
|
|
- label: '报废'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 6,
|
|
|
- label: '留样'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 7,
|
|
|
- label: '消耗'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 8,
|
|
|
- label: '回用'
|
|
|
- },
|
|
|
- ]
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- },
|
|
|
+ },
|
|
|
+ data() {
|
|
|
|
|
|
- created() {
|
|
|
- this.getWarehouseList();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleWarehouseChange(val){
|
|
|
- this.warehouseList.findIndex((item) => {
|
|
|
- if(item.disposeWarehouseId == val){
|
|
|
- this.formData.disposeWarehouseName = item.disposeWarehouseName;
|
|
|
+ return {
|
|
|
+ title: '',
|
|
|
+ visible: false,
|
|
|
+ rowIndex: 0,
|
|
|
+ type: '',
|
|
|
+ formData: {},
|
|
|
+ qualityType: '',
|
|
|
+ warehouseList: [],
|
|
|
+ // 表单验证规则
|
|
|
+ rules: {
|
|
|
+ disposeTime: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入绑定手机号',
|
|
|
+ trigger: 'blur'
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- async getWarehouseList() {
|
|
|
- let res = await warehouseList({});
|
|
|
- this.warehouseList = res.map((item) => {
|
|
|
- item.disposeWarehouseName = item.name;
|
|
|
- item.disposeWarehouseId = item.id;
|
|
|
- return {
|
|
|
- ...item
|
|
|
+ ],
|
|
|
+ disposalStatus: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择处置方式',
|
|
|
+ trigger: 'blur'
|
|
|
}
|
|
|
- })
|
|
|
+ ],
|
|
|
},
|
|
|
- async openDispose(index, row, type,qualityType) {
|
|
|
+ disposalStatusList: [
|
|
|
+ {
|
|
|
+ value: 1,
|
|
|
+ label: '返工'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 2,
|
|
|
+ label: '返修'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ label: '报废'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 4,
|
|
|
+ label: '降级使用'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 5,
|
|
|
+ label: '让步接收'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 6,
|
|
|
+ label: '留样'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 7,
|
|
|
+ label: '消耗'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 8,
|
|
|
+ label: '回用'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ disposalStatusListType: [
|
|
|
+ {
|
|
|
+ value: 3,
|
|
|
+ label: '报废'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 6,
|
|
|
+ label: '留样'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 7,
|
|
|
+ label: '消耗'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 8,
|
|
|
+ label: '回用'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
|
|
|
- this.qualityType = qualityType;
|
|
|
- this.rowIndex = index
|
|
|
- this.type = type;
|
|
|
- this.formData = row;
|
|
|
+ created() {
|
|
|
+ this.getWarehouseList();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleWarehouseChange(val) {
|
|
|
+ this.warehouseList.findIndex((item) => {
|
|
|
+ if (item.disposeWarehouseId == val) {
|
|
|
+ this.formData.disposeWarehouseName = item.disposeWarehouseName;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async getWarehouseList() {
|
|
|
+ let res = await warehouseList({});
|
|
|
+ this.warehouseList = res.map((item) => {
|
|
|
+ item.disposeWarehouseName = item.name;
|
|
|
+ item.disposeWarehouseId = item.id;
|
|
|
+ return {
|
|
|
+ ...item
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ async openDispose(index, row, type, qualityType) {
|
|
|
|
|
|
+ this.qualityType = qualityType;
|
|
|
+ this.rowIndex = index
|
|
|
+ this.type = type;
|
|
|
+ this.formData = row;
|
|
|
+
|
|
|
+
|
|
|
+ this.visible = true;
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.visible = false;
|
|
|
+ },
|
|
|
+ handleConfirm() {
|
|
|
+ this.$refs.form1.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(this.formData, "sdfd");
|
|
|
+ this.$emit('handleDisposeConfirm', this.formData, this.rowIndex);
|
|
|
|
|
|
- this.visible = true;
|
|
|
- },
|
|
|
- handleClose() {
|
|
|
- this.visible = false;
|
|
|
- },
|
|
|
- handleConfirm() {
|
|
|
- this.$refs.form1.validate((valid) => {
|
|
|
- if(valid) {
|
|
|
- console.log(this.formData,"sdfd");
|
|
|
- this.$emit('handleDisposeConfirm', this.formData, this.rowIndex);
|
|
|
-
|
|
|
this.visible = false;
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- }
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
yijing