fix:coding#431

src/views/pum/planitem_form.vue

@@ -1,58 +1,126 @@
 <template>
-    <el-dialog :title="titleMap[mode]" v-model="visible" :size="1000" destroy-on-close @closed="$emit('closed')">
+	<el-dialog
+		:title="titleMap[mode]"
+		v-model="visible"
+		:size="1000"
+		destroy-on-close
+		@closed="$emit('closed')"
+	>
 		<el-container v-loading="loading">
 			<el-main style="padding: 0 20px 20px 20px">
-                <el-form ref="dialogForm" :model="form" :rules="rules" label-width="120px">
+				<el-form
+					ref="dialogForm"
+					:model="form"
+					:rules="rules"
+					label-width="120px"
+				>
 					<el-row>
 						<el-col :md="12" :sm="24">
-
 							<el-form-item label="所需物料" prop="material">
-                                <el-select v-model="form.material" placeholder="所需物料" clearable style="width:100%">
+								<!-- <div
-                                    <el-option v-for="item in options" :key="item.id" :label="item.name"
+									style="
-                                        :value="item.id"></el-option>
+										width: 100%;
+										height: 32px;
+										border-radius: 4px;
+										border: 1px solid #dcdfe6;
+									"
+									@click="materialsChoses"
+								>
+									{{ formMaterialName }}
+								</div> -->
+								<el-select
+									v-model="form.material"
+									placeholder="所需物料"
+									clearable
+									style="width: 100%"
+								>
+									<el-option
+										v-for="item in options"
+										:key="item.id"
+										:label="item.full_name"
+										:value="item.id"
+									></el-option>
 								</el-select>
 							</el-form-item>
 						</el-col>
 						<el-col :md="12" :sm="24">
 							<el-form-item label="所需数量" prop="need_count">
-                                <el-input-number v-model="form.need_count" :precision="0" :min="0" controls-position="right"
+								<el-input-number
-                                    placeholder="所需数量" style="width:100%" />
+									v-model="form.need_count"
+									:precision="0"
+									:min="0"
+									controls-position="right"
+									placeholder="所需数量"
+									style="width: 100%"
+								/>
 							</el-form-item>
 						</el-col>
 						<el-col :md="12" :sm="24">
 							<el-form-item label="需求日期">
-                                <el-date-picker v-model="form.need_date" type="date" placeholder="需求日期"
+								<el-date-picker
-                                    value-format="YYYY-MM-DD" style="width:100%">
+									v-model="form.need_date"
+									type="date"
+									placeholder="需求日期"
+									value-format="YYYY-MM-DD"
+									style="width: 100%"
+								>
 								</el-date-picker>
 							</el-form-item>
 						</el-col>
+						<el-col :md="12" :sm="24">
 							<el-form-item label="所属部门">
-                            <el-select v-model="form.belong_dept" placeholder="所属部门" clearable style="width: 100%;">
+								<el-select
-                                <el-option v-for="item in deptOptions" :key="item.id" :label="item.name"
+									v-model="form.belong_dept"
-                                    :value="item.id"></el-option>
+									placeholder="所属部门"
+									clearable
+								>
+									<el-option
+										v-for="item in deptOptions"
+										:key="item.id"
+										:label="item.name"
+										:value="item.id"
+									></el-option>
 								</el-select>
 							</el-form-item>
+						</el-col>
 						<el-col :md="12" :sm="24">
 							<el-form-item label="备注">
-                                <el-input v-model="form.note" placeholder="备注" />
+								<el-input
+									v-model="form.note"
+									placeholder="备注"
+								/>
 							</el-form-item>
 						</el-col>
 					</el-row>
 				</el-form>
 			</el-main>
 			<el-footer>
-                <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
+				<el-button type="primary" :loading="isSaveing" @click="submit"
+					>保存</el-button
+				>
 				<el-button @click="visible = false">取消</el-button>
 			</el-footer>
 		</el-container>
 	</el-dialog>
+	<el-dialog title="选择物料" v-model="materialsVisible" width="90%">
+		<materials
+			style="height: 500px"
+			:materialType="materialType"
+			ref="materialsChose"
+			@choseChange="choseChange"
+		></materials>
+	</el-dialog>
 </template>
 <script>
+// import materials from "./../mtm/materials.vue";
 export default {
 	emits: ["success", "closed"],
 	props: {
-        puPlan: { type: String, default: '' },
+		puPlan: { type: String, default: "" },
 	},
+	// components: {
+	// 	materials,
+	// },
 	data() {
 		return {
 			loading: false,
@@ -64,13 +132,30 @@ export default {
 			},
 			form: {},
 			rules: {
-                material: [{ required: true, message: "请选择物料", trigger: "blur" }],
+				material: [
-                need_date: [{ required: true, message: "请输入需求日期", trigger: "blur" }],
+					{ required: true, message: "请选择物料", trigger: "blur" },
-                need_count: [{ required: true, message: "请输入所需数量", trigger: "blur" }],
+				],
+				need_date: [
+					{
+						required: true,
+						message: "请输入需求日期",
+						trigger: "blur",
 					},
+				],
+				need_count: [
+					{
+						required: true,
+						message: "请输入所需数量",
+						trigger: "blur",
+					},
+				],
+			},
+			formMaterialName: "",
+			materialType: "planitem",
 			visible: false,
 			isSaveing: false,
 			setFiltersVisible: false,
+			materialsVisible: false,
 			options: [],
 			deptOptions: [],
 		};
@@ -80,9 +165,20 @@ export default {
 		this.getDeptOptions();
 	},
 	methods: {
+		// materialsChoses() {
+		// 	this.materialsVisible = true;
+		// },
+		// choseChange(data, data2) {
+		// 	console.log(data, data2);
+		// 	this.form.material = data;
+		// 	this.formMaterialName = data2;
+		// 	this.materialsVisible = false;
+		// },
 		//部门数据
 		getDeptOptions() {
-            this.$API.system.dept.list.req({ page: 0, type: 'dept' }).then(res => {
+			this.$API.system.dept.list
+				.req({ page: 0, type: "dept" })
+				.then((res) => {
 					this.deptOptions = res;
 				});
 		},
@@ -93,9 +189,11 @@ export default {
 			return this;
 		},
 		getList() {
-            this.$API.mtm.material.list.req({ page: 0 }).then(res => {
+			this.$API.mtm.material.list
+				.req({ page: 0, type__in: "30,40" })
+				.then((res) => {
 					this.options = res;
-            })
+				});
 		},
 		//提交
 		submit() {
@@ -106,9 +204,14 @@ export default {
 						var res;
 						this.form.pu_plan = this.puPlan;
 						if (this.mode == "add") {
-                            res = await this.$API.pum.planitem.create.req(this.form);
+							res = await this.$API.pum.planitem.create.req(
+								this.form
+							);
 						} else if (this.mode == "edit") {
-                            res = await this.$API.pum.planitem.update.req(this.form.id, this.form);
+							res = await this.$API.pum.planitem.update.req(
+								this.form.id,
+								this.form
+							);
 						}
 						this.isSaveing = false;
 						this.$emit("success", this.form, this.mode);
@@ -134,4 +237,3 @@ export default {
 	},
 };
 </script>
-