|
|
@@ -0,0 +1,148 @@
|
|
|
+<!-- 用户编辑弹窗 -->
|
|
|
+<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">
|
|
|
+ <header-title title="基本信息"></header-title>
|
|
|
+ <base-info ref="baseInfoRefs" v-if="baseForm" :form="baseForm" :btnType="btnType" ></base-info>
|
|
|
+ <ele-pro-table ref="table" :columns="tableColumns" :datasource="datasource">
|
|
|
+ <!-- 表头工具栏 -->
|
|
|
+ <template v-slot:toolbar>
|
|
|
+ </template>
|
|
|
+ <template v-slot:code="{ row }">
|
|
|
+ <el-link type="primary" :underline="false">
|
|
|
+ {{ row.code }}
|
|
|
+ </el-link>
|
|
|
+ </template>
|
|
|
+ <!-- 操作列 -->
|
|
|
+ <template v-slot:action="{ row }">
|
|
|
+ <el-link type="primary" :underline="false">
|
|
|
+ 处置
|
|
|
+ </el-link>
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+
|
|
|
+ <template v-slot:footer>
|
|
|
+ <el-button @click="handleClose">取消</el-button>
|
|
|
+ </template>
|
|
|
+ </ele-modal>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {getSampleQWorkOrderIdPage} from "@/api/samplemanagement";
|
|
|
+import baseInfo from './baseInfo.vue';
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ baseInfo
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ const defaultForm = function () {
|
|
|
+ return {
|
|
|
+ };
|
|
|
+ };
|
|
|
+ return {
|
|
|
+ defaultForm,
|
|
|
+ // 表单数据
|
|
|
+ baseForm: { ...defaultForm() },
|
|
|
+ title: null,
|
|
|
+ btnType: null,
|
|
|
+ visible: false,
|
|
|
+ qualityWorkOrderId: '',
|
|
|
+ qualitySampleList: [],
|
|
|
+ tableColumns: [
|
|
|
+ { label: '编码',prop: 'categoryCode', width: '150',align: 'center',showOverflowTooltip: true},
|
|
|
+ {label: '名称',prop: 'categoryName',width: '150',align: 'center',showOverflowTooltip: true},
|
|
|
+ { label: '批次号', prop: 'batchNo', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '发货条码', prop: 'barcodes', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '包装编码', prop: 'packageNo', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '包装数量', prop: 'packingQuantity', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '包装单位', prop: 'packingUnit', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '计量数量', prop: 'measureQuantity', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '计量单位', prop: 'measureUnit', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '物料代号', prop: 'materielDesignation', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '客户代号', prop: 'clientCode', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '刻码', prop: 'engrave', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '重量', prop: 'weight', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '重量单位', prop: 'weightUnit', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '仓库', prop: 'warehouseName', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '货区', prop: 'areaName', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '货架', prop: 'goodsShelfName', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '货位', prop: 'goodsAllocationName', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '生产日期', prop: 'productionDate', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '采购日期', prop: 'purchaseDate', align: 'center' ,showOverflowTooltip: true},
|
|
|
+ { label: '样品状态', prop: 'disposalStatus', align: 'center' ,showOverflowTooltip: true ,fixed: 'right'},
|
|
|
+ {columnKey: 'action',label: '操作',align: 'center',width: 120,resizable: false,slot: 'action',fixed: 'right'}
|
|
|
+ ],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ },
|
|
|
+
|
|
|
+ created() { },
|
|
|
+ methods: {
|
|
|
+ datasource({ page, where, limit }) {
|
|
|
+ where.qualityWorkOrderId = this.qualityWorkOrderId;
|
|
|
+ return getSampleQWorkOrderIdPage({
|
|
|
+ ...where,
|
|
|
+ pageNum: page,
|
|
|
+ size: limit
|
|
|
+ });
|
|
|
+ },
|
|
|
+ async open(type, row) {
|
|
|
+ this.btnType = type;
|
|
|
+ this.title =type == 'add'? '新增': type == 'edit'? '编辑': '详情';
|
|
|
+ if (this.btnType != 'add') {
|
|
|
+ this.qualityWorkOrderId = row.qualityWorkOrderId;
|
|
|
+ this.baseForm = JSON.parse(JSON.stringify(row));
|
|
|
+ }
|
|
|
+ this.visible = true;
|
|
|
+ },
|
|
|
+ resetForm() {
|
|
|
+ this.baseForm = { ...this.defaultForm() };
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.resetForm();
|
|
|
+ // this.resetTable();
|
|
|
+ this.visible = false;
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.location-warp {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .detail {
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.el-form-item__content .el-input-group__prepend) {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+:deep(.el-dialog:not(.ele-dialog-form) .el-dialog__body .el-form .el-form-item:last-child) {
|
|
|
+ margin-bottom: 22px;
|
|
|
+}
|
|
|
+
|
|
|
+.add-product {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ font-size: 30px;
|
|
|
+ color: #1890ff;
|
|
|
+ margin: 10px 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.el-pagination {
|
|
|
+ padding: 12px 16px;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #ebeef5;
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+</style>
|