add mixin & dialog

src/views/quality/base/mixin.js

@@ -1,5 +0,0 @@
-export default {
-    data() {
-        
-    }
-}

src/views/quality/base/qualityInspectionDet/index.vue

@@ -37,8 +37,12 @@
 			@confirm="submitForm">
 			<el-form ref="form" :model="form" :rules="rules" label-width="100px">
 				<el-form-item label="检测类型id" prop="typeId">
-					<el-select v-model="form.typeId" placeholder="请选择检测类型id">
-						<el-option label="请选择字典生成" value="" />
+					<el-select v-model="form.typeId" placeholder="请选择检测类型">
+						<el-option
+							v-for="opt in typeList"
+							:key="opt.value"
+							:label="opt.label"
+							:value="opt.value" />
 					</el-select>
 				</el-form-item>
 				<el-form-item label="检测内容" prop="content">
@@ -52,7 +56,6 @@
 				</el-form-item>
 			</el-form>
 		</base-dialog>
-
 	</div>
 </template>
 
@@ -66,11 +69,14 @@ import {
 	exportQualityInspectionDetExcel,
 } from '@/api/base/qualityInspectionDet';
 
+import moment from 'moment';
+
 export default {
 	name: 'QualityInspectionDet',
 	components: {},
 	data() {
 		return {
+			typeList: [], // 检测类型列表
 			searchBarFormConfig: [
 				{
 					type: 'input',
@@ -124,15 +130,19 @@ export default {
 				// },
 			],
 			tableBtn: [
-				this.$auth.hasPermi('base:quality-inspection-det:update') ? {
-					type: 'edit',
-					btnName: '修改',
-				} : undefined,
-				this.$auth.hasPermi('base:quality-inspection-det:delete') ? {
-					type: 'delete',
-					btnName: '删除',
-				} : undefined,
-			].filter(v=>v),
+				this.$auth.hasPermi('base:quality-inspection-det:update')
+					? {
+							type: 'edit',
+							btnName: '修改',
+					  }
+					: undefined,
+				this.$auth.hasPermi('base:quality-inspection-det:delete')
+					? {
+							type: 'delete',
+							btnName: '删除',
+					  }
+					: undefined,
+			].filter((v) => v),
 			tableData: [],
 			tableProps: [
 				{
@@ -183,6 +193,7 @@ export default {
 	},
 	created() {
 		this.getList();
+		this.getTypeList();
 	},
 	methods: {
 		/** base table related */
@@ -226,6 +237,19 @@ export default {
 		handleEmitFun(val) {
 			console.log('emit unf', val);
 		},
+		/** 获取检测类型id */
+		getTypeList() {
+			this.$axios('/base/quality-inspection-type/listAll').then(
+				(response) => {
+					this.typeList = response.data.map((item) => {
+						return {
+							label: item.name,
+							value: item.id,
+						};
+					});
+				}
+			);
+		},
 		/** 查询列表 */
 		getList() {
 			this.loading = true;
@@ -266,7 +290,7 @@ export default {
 		handleAdd() {
 			this.reset();
 			this.open = true;
-			this.title = '添加质量检测信息基础';
+			this.title = '添加质量检测信息';
 		},
 		/** 修改按钮操作 */
 		handleUpdate(row) {
@@ -275,7 +299,7 @@ export default {
 			getQualityInspectionDet(id).then((response) => {
 				this.form = response.data;
 				this.open = true;
-				this.title = '修改质量检测信息基础';
+				this.title = '修改质量检测信息';
 			});
 		},
 		/** 提交按钮 */
@@ -336,3 +360,9 @@ export default {
 	},
 };
 </script>
+
+<style>
+.el-select {
+	width: 100% !important;
+}
+</style>