新增报表

2023-12-13 16:50:55 +08:00
parent 4e48eae2a7 49d002142f
commit fbe8e5c023
55 changed files with 14420 additions and 9579 deletions
--- a/src/views/quality/base/qualityHotMaterial/SmallTitle.vue
+++ b/src/views/quality/base/qualityHotMaterial/SmallTitle.vue
@@ -0,0 +1,65 @@
+<!--
+ * @Author: zhp
+ * @Date: 2023-11-07 19:28:13
+ * @LastEditTime: 2023-11-08 14:11:43
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+	<div :class="[className, { 'p-0': noPadding }]">
+		<slot />
+	</div>
+</template>
+
+<script>
+export default {
+	props: {
+		size: {
+			// 取值范围:  xl lg md sm
+			type: String,
+			default: 'de',
+			validator: function (val) {
+				return ['xl', 'lg', 'de', 'md', 'sm'].indexOf(val) !== -1;
+			},
+		},
+		noPadding: {
+			type: Boolean,
+			default: false,
+		},
+	},
+	computed: {
+		className: function () {
+			return `${this.size}-title`;
+		},
+	},
+};
+</script>
+
+<style lang="scss" scoped>
+$pxls: (xl, 28px) (lg, 24px) (de, 20px) (md, 18px) (sm, 16px);
+$mgr: 8px;
+@each $size, $height in $pxls {
+	.#{$size}-title {
+		font-size: 18px;
+		line-height: $height;
+		color: #000;
+		font-weight: 500;
+		font-family: '微软雅黑', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
+
+		&::before {
+			content: '';
+			display: inline-block;
+			vertical-align: top;
+			width: 4px;
+			height: $height + 2px;
+			border-radius: 1px;
+			margin-right: $mgr;
+			background-color: #0b58ff;
+		}
+	}
+}
+
+.p-0 {
+	padding: 0;
+}
+</style>
--- a/src/views/quality/base/qualityHotMaterial/add-or-updata.vue
+++ b/src/views/quality/base/qualityHotMaterial/add-or-updata.vue
@@ -0,0 +1,375 @@
+<!--
+ * @Author: zhp
+ * @Date: 2023-12-08 13:46:17
+ * @LastEditTime: 2023-12-08 16:09:13
+ * @LastEditors: zhp
+ * @Description:
+-->
+<template>
+  <el-drawer :visible.sync="visible" :show-close="false" :wrapper-closable="false" class="drawer" size="50%">
+    <small-title slot="title" :no-padding="true">
+      {{ isdetail ? '详情' : !dataForm.id ? '新增' : '编辑' }}
+    </small-title>
+    <div class="content">
+      <!-- <div class="visual-part"> -->
+      <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()"
+        label-width="100px" label-position="top">
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="供应商" prop="supplierId">
+              <el-select v-model="dataForm.supplierId" filterable :disabled="isdetail" style="width: 100%"
+                placeholder="请选择供应商">
+                <el-option v-for="dict in supplierList" :key=" dict.id" :label="dict.name" :value="dict.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="原料" prop="materialId">
+              <el-select v-model="dataForm.materialId" filterable :disabled="isdetail" style="width: 100%"
+                @change="getData" placeholder="请选择原料">
+                <el-option v-for="dict in materialList" :key=" dict.id" :label="dict.name" :value="dict.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="样品编码" prop="sampleCode">
+              <el-input v-model="dataForm.sampleCode" clearable :disabled="isdetail" placeholder="请输入样品编码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="24">
+          <el-col :span="8">
+            <el-form-item label="取样人" prop="samplerId">
+              <el-select v-model="dataForm.samplerId" filterable :disabled="isdetail" style="width: 100%"
+                placeholder="请选择取样人">
+                <el-option v-for="dict in workerList" :key=" dict.id" :label="dict.name" :value="dict.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检测人" prop="checkerId">
+              <el-select v-model="dataForm.checkerId" filterable :disabled="isdetail" style="width: 100%"
+                placeholder="请选择检测人">
+                <el-option v-for="dict in workerList" :key=" dict.id" :label="dict.name" :value="dict.id" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="检测时间" prop="checkTime">
+              <el-date-picker v-model="dataForm.checkTime" type="datetime" placeholder="选择检测时间">
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <!-- </div> -->
+      <div class="attr-list" v-if="idAttrShow">
+        <!-- <small-title style="margin: 16px 0; padding-left: 8px" :no-padding="true">
+          设备物料明细
+        </small-title>
+
+        <div v-if="!isdetail" class="action_btn">
+          <template>
+            <span style="display: inline-block;">
+              <el-button type="text" @click="addNew()" icon="el-icon-plus">新增</el-button>
+            </span>
+          </template>
+        </div>
+        <base-table :table-props="tableProps" :page="listQuery.pageNo" :limit="listQuery.pageSize"
+          :table-data="productAttrList">
+          <method-btn v-if="!isdetail" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
+            @clickBtn="handleClick" />
+        </base-table>
+        <pagination v-show="listQuery.total > 0" :total="listQuery.total" :page.sync="listQuery.pageNo"
+          :limit.sync="listQuery.pageSize" :page-sizes="[5, 10, 15]" @pagination="getList" /> -->
+      </div>
+    </div>
+    <div class="drawer-body__footer">
+      <el-button style="" @click="goback()">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </div>
+    <!-- <attr-add v-if="addOrUpdateVisible" ref="addOrUpdate" :product-id="dataForm.id" @refreshDataList="getList" /> -->
+  </el-drawer>
+</template>
+
+<script>
+// import basicAdd from '../../core/mixins/basic-add';
+import {
+  getQualityHotMaterial,
+  updateQualityHotMaterial,
+  createQualityHotMaterial,
+  getHotMaterialAllList,
+  getSupplierList,
+  getWorkerList,
+  getMaterialCheckList
+} from '@/api/base/qualityHotMaterial';
+import SmallTitle from './SmallTitle';
+// import { parseTime } from '../../core/mixins/code-filter';
+// import attrAdd from './attr-add';
+// import {DICT_TYPE, getDictDatas} from "@/utils/dict";
+// import { publicFormatter } from '@/utils/dict';
+const topBtnConfig = [
+  {
+    type: 'add',
+    btnName: 'btn.add'
+  }
+]
+
+export default {
+	// mixins: [basicAdd],
+	components: { SmallTitle },
+	data() {
+		return {
+			// tableBtn,
+			// tableProps,
+			// topBtnConfig,
+			addOrUpdateVisible: false,
+			urlOptions: {
+			  isGetCode: false,
+        // codeURL: getCode,
+        createURL: createQualityHotMaterial,
+        updateURL: updateQualityHotMaterial,
+        infoURL: getQualityHotMaterial,
+			},
+			listQuery: {
+				pageSize: 10,
+				pageNo: 1,
+				total: 0,
+      },
+      materialList: [],
+      workerList: [],
+      supplierList:[],
+      equipmentList:[],
+			dataForm: {
+        id: undefined,
+        materialId:null,
+        supplierId: null,
+        sampleCode: null,
+        samplerId: null,
+        checkerId: null,
+        checkTime: null,
+        appearance: null,
+        checkResult: null,
+        materialGrade: null,
+			},
+			productAttrList: [],
+			visible: false,
+			isdetail: false,
+			idAttrShow: false,
+			dataRule: {
+        // code: [{ required: true, message: "设备物料编码不能为空", trigger: "blur" }],
+        name: [{ required: true, message: "设备物料名称不能为空", trigger: "blur" }],
+				equipmentId: [{ required: true, message: "设备名称不能为空", trigger: "change" }],
+				// : [{ required: true, message: "产品类型不能为空", trigger: "change" }],
+				// processTime: [{ required: true, message: "产线生产单位用时不能为空", trigger: "blur" }]
+      }
+		};
+	},
+  mounted() {
+  },
+  methods: {
+    dataFormSubmit() {
+      this.$refs["dataForm"].validate((valid) => {
+        if (!valid) {
+          return false;
+        }
+        // 修改的提交
+        if (this.dataForm.id) {
+          this.urlOptions.updateURL(this.dataForm).then(response => {
+            this.$modal.msgSuccess("修改成功");
+            this.visible = false;
+            this.$emit("refreshDataList");
+          });
+          return;
+        }
+        // 添加的提交
+        this.urlOptions.createURL(this.dataForm).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.idAttrShow = true;
+          this.dataForm.id = res.data
+          this.$emit("refreshDataList");
+        });
+      });
+    },
+    getData(val) {
+      console.log(val);
+      getMaterialCheckList({
+        materialId:val
+      }).then((res) => {
+        console.log(res);
+      })
+    },
+    // clickTopBtn(val) {
+    //   if (val === 'add') {
+    //     this.addNew()
+    //   }
+    // },
+		initData() {
+			this.productAttrList.splice(0);
+			this.listQuery.total = 0;
+    },
+    getDict() {
+      getHotMaterialAllList().then((res) => {
+        this.materialList = res.data
+      })
+      getWorkerList().then((res) => {
+        this.workerList = res.data
+      })
+      getSupplierList().then(res => {
+        this.supplierList = res.data
+      })
+    },
+		handleClick(raw) {
+			if (raw.type === 'delete') {
+				this.$confirm(
+					`确定对${
+          raw.data.materialName
+            ? '[物料名称为' + raw.data.materialName + ']'
+            : '[序号为' + raw.data.materialName + ']'
+					}进行删除操作?`,
+					'提示',
+					{
+						confirmButtonText: '确定',
+						cancelButtonText: '取消',
+						type: 'warning',
+					}
+				)
+					.then(() => {
+            deleteProcessEquMaterialBomDet(raw.data.id).then(({ data }) => {
+							this.$message({
+								message: '操作成功',
+								type: 'success',
+								duration: 1500,
+								onClose: () => {
+									this.getList();
+								},
+							});
+						});
+					})
+					.catch(() => {});
+			} else {
+				this.addNew(raw.data.id);
+			}
+		},
+		getList() {
+			// 获取产品属性列表
+      processEquMaterialBomDetPage({
+				...this.listQuery,
+				bomId: this.dataForm.id,
+			}).then((response) => {
+				this.productAttrList = response.data.list;
+				this.listQuery.total = response.data.total;
+			});
+		},
+		init(id, isdetail) {
+      this.initData()
+      this.getDict()
+			this.isdetail = isdetail || false;
+			this.dataForm.id = id || undefined;
+			this.visible = true;
+			if (id) {
+				this.idAttrShow = true
+			} else {
+				this.idAttrShow = false
+			}
+
+			this.$nextTick(() => {
+				this.$refs['dataForm'].resetFields();
+
+				if (this.dataForm.id) {
+					// 获取产品详情
+          this.urlOptions.infoURL({
+            bomId: id,
+            pageNo: 1,
+            pageSize:10
+          }).then(response => {
+            this.dataForm = response.data
+						this.dataForm.unit = String(this.dataForm.unit)
+						this.dataForm.materialType = String(this.dataForm.materialType)
+						this.dataForm.productType = String(this.dataForm.productType)
+          });
+					// 获取产品属性列表
+					this.getList();
+				} else {
+					if (this.urlOptions.isGetCode) {
+            this.getCode()
+          }
+				}
+			});
+		},
+		goback() {
+			this.$emit('refreshDataList');
+			this.visible = false;
+			// this.initData();
+		},
+		goEdit() {
+			this.isdetail = false;
+		},
+		// 新增 / 修改
+		addNew(id) {
+			this.addOrUpdateVisible = true;
+			this.$nextTick(() => {
+				this.$refs.addOrUpdate.init(id,this.dataForm.id);
+			});
+		}
+	}
+};
+</script>
+<style scoped>
+.drawer >>> .el-drawer {
+	border-radius: 8px 0 0 8px;
+	display: flex;
+	flex-direction: column;
+}
+
+.drawer >>> .el-form-item__label {
+	padding: 0;
+}
+
+.drawer >>> .el-drawer__header {
+	margin: 0;
+	padding: 32px 32px 24px;
+	border-bottom: 1px solid #dcdfe6;
+}
+.drawer >>> .el-drawer__body {
+	flex: 1;
+	height: 1px;
+	display: flex;
+	flex-direction: column;
+}
+
+.drawer >>> .content {
+	padding: 30px 24px;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	/* height: 100%; */
+}
+
+.drawer >>> .visual-part {
+	flex: 1 auto;
+	max-height: 76vh;
+	overflow: hidden;
+	overflow-y: scroll;
+	padding-right: 10px; /* 调整滚动条样式 */
+}
+
+.drawer >>> .el-form,
+.drawer >>> .attr-list {
+	padding: 0 16px;
+}
+
+.drawer-body__footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 18px;
+}
+.action_btn {
+  float: right;
+  margin: -40px 15px;
+  font-size: 14px;
+}
+.add {
+	color: #0b58ff;
+}
+</style>
--- a/src/views/quality/base/qualityHotMaterial/index.vue
+++ b/src/views/quality/base/qualityHotMaterial/index.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="app-container">
+    <search-bar :formConfigs="formConfig" ref="searchBarForm" @headBtnClick="buttonClick" />
+    <base-table v-loading="dataListLoading" :table-props="tableProps" :page="listQuery.pageNo"
+      :limit="listQuery.pageSize" :table-data="tableData">
+      <method-btn v-if="tableBtn.length" slot="handleBtn" :width="120" label="操作" :method-list="tableBtn"
+        @clickBtn="handleClick" />
+    </base-table>
+    <pagination :limit.sync="listQuery.pageSize" :page.sync="listQuery.pageNo" :total="listQuery.total"
+      @pagination="getDataList" />
+    <!-- <base-dialog
+			:dialogTitle="addOrEditTitle"
+			:dialogVisible="addOrUpdateVisible"
+			@cancel="handleCancel"
+			@confirm="handleConfirm"
+			:before-close="handleCancel"
+			width="30%"> -->
+    <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList" />
+    <!-- </base-dialog> -->
+  </div>
+</template>
+
+<script>
+import AddOrUpdate from './add-or-updata';
+import basicPage from '../../../core/mixins/basic-page';
+import { parseTime } from '../../../core/mixins/code-filter';
+import {
+  getQualityHotMaterialPage,
+  deleteQualityHotMaterial,
+  getHotMaterialAllList
+} from '@/api/base/qualityHotMaterial';
+// import { getList, } from "@/api/base/qualityScrapType";
+const tableProps = [
+	{
+		prop: 'createTime',
+		label: '添加时间',
+		filter: parseTime
+  },
+  {
+    prop: 'supplierName',
+    label: '供应商'
+  },
+	{
+    prop: 'materialName',
+    label: '原料'
+	},
+	{
+    prop: 'sampleCode',
+    label: '样品编号'
+	},
+	{
+    prop: 'samplerName',
+		label: '取样人'
+  },
+  {
+    prop: 'appearance',
+    label: '是否合格'
+  },
+  {
+    prop: 'materialGrade',
+    label: '原料等级'
+  },
+  {
+    prop: 'checkerName',
+    label: '检测人员'
+  },
+];
+
+export default {
+	mixins: [basicPage],
+	data() {
+		return {
+			urlOptions: {
+        getDataListURL: getQualityHotMaterialPage,
+        deleteURL: deleteQualityHotMaterial,
+				// exportURL: exportFactoryExcel,
+			},
+			tableProps,
+			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),
+			tableData: [],
+			formConfig: [
+				// {
+				// 	type: 'input',
+        //   label: '报废原因',
+        //   placeholder: '报废原因',
+        //   param: 'content',
+        // },
+        {
+          type: 'select',
+          label: '原料名称',
+          selectOptions: [],
+          labelField: 'name',
+          valueField: 'id',
+          param: 'materialId',
+        },
+				{
+					type: 'button',
+					btnName: '查询',
+					name: 'search',
+					color: 'primary',
+				},
+				{
+					type: 'separate',
+				},
+				{
+          type: this.$auth.hasPermi('base:quality-scrap-det:create') ? 'button' : '',
+					btnName: '新增',
+					name: 'add',
+					color: 'success',
+					plain: true
+				},
+			],
+		};
+	},
+	components: {
+		AddOrUpdate,
+	},
+  created() { },
+  mounted () {
+    this.getDict();
+  },
+	methods: {
+		// 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      this.urlOptions.getDataListURL(this.listQuery).then(response => {
+        this.tableData = response.data.list;
+        this.listQuery.total = response.data.total;
+        this.dataListLoading = false;
+      });
+    },
+    async getDict() {
+      // 物料列表
+      const res = await getHotMaterialAllList();
+      this.formConfig[0].selectOptions = res.data;
+    },
+		buttonClick(val) {
+			switch (val.btnName) {
+				case 'search':
+					this.listQuery.pageNo = 1;
+					this.listQuery.pageSize = 10;
+          this.listQuery.content = val.content ? val.content : undefined;
+          this.listQuery.typeId = val.typeId ? val.typeId : undefined;
+					this.getDataList();
+					break;
+				case 'reset':
+					this.$refs.searchBarForm.resetForm();
+					this.listQuery = {
+						pageSize: 10,
+						pageNo: 1,
+						total: 1,
+					};
+					this.getDataList();
+					break;
+				case 'add':
+					this.addOrEditTitle = '新增';
+					this.addOrUpdateVisible = true;
+					this.addOrUpdateHandle();
+					break;
+				case 'export':
+					this.handleExport();
+					break;
+				default:
+					console.log(val);
+			}
+		},
+	},
+};
+</script>