¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-row :gutter="20"> <el-col> |
| | | <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="90px"> |
| | | <el-form-item label="计åå¼å·¥æ¥" style="width: 350px"> |
| | | <el-date-picker |
| | | v-model="daterangePlanStartDay" |
| | | value-format="YYYY-MM-DD" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="计åå®å·¥æ¥" style="width: 350px"> |
| | | <el-date-picker |
| | | v-model="daterangePlanEndDay" |
| | | value-format="YYYY-MM-DD" |
| | | type="daterange" |
| | | range-separator="-" |
| | | start-placeholder="å¼å§æ¥æ" |
| | | end-placeholder="ç»ææ¥æ" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="åæ®å·" prop="documentNumber"> |
| | | <el-input |
| | | v-model="queryParams.documentNumber" |
| | | placeholder="请è¾å
¥åæ®å·" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="客æ·åç§°" prop="customer"> |
| | | <el-input |
| | | v-model="queryParams.customer" |
| | | placeholder="请è¾å
¥å®¢æ·åç§°" |
| | | clearable |
| | | @keyup.enter="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">æç´¢</el-button> |
| | | <el-button icon="Refresh" @click="resetQuery">éç½®</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </el-col> </el-row> |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="Plus" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['ApsPlatePlan:ApsPlatePlan:edit']" |
| | | >æ¹éä¿®æ¹è®¡åå¼å·¥æ¥</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="Edit" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['ApsPlatePlan:ApsPlatePlan:edit']" |
| | | >æ¹éä¿®æ¹è®¡åå®å·¥æ¥</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="info" |
| | | plain |
| | | icon="Upload" |
| | | @click="handleImport" |
| | | v-hasPermi="['ApsPlatePlan:ApsPlatePlan:edit']" |
| | | >导å
¥</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport" |
| | | v-hasPermi="['ApsPlatePlan:ApsPlatePlan:export']" |
| | | >导åº</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <HxlhTable |
| | | style="width: 100%" |
| | | :columns="columns" |
| | | :data="planList" |
| | | :loading="loading" |
| | | :height="height" |
| | | @on-checkbox="handleCheckboxChange" |
| | | > |
| | | </HxlhTable> |
| | | |
| | | <!-- æ·»å æä¿®æ¹é£é计å管çå¯¹è¯æ¡ --> |
| | | <el-dialog :title="title" v-model="open" width="500px" append-to-body> |
| | | <!-- <el-dialog :title="title" width="500px" append-to-body>--> |
| | | <el-form ref="ApsPlatePlanRef" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="主é®id" prop="id"> |
| | | <el-input v-model="form.id" placeholder="请è¾å
¥ä¸»é®id" /> |
| | | </el-form-item> |
| | | <el-form-item label="主计åå" prop="masterPlanner"> |
| | | <el-input v-model="form.masterPlanner" placeholder="请è¾å
¥ä¸»è®¡åå" /> |
| | | </el-form-item> |
| | | <el-form-item label="卿¥" prop="weekDay"> |
| | | <el-date-picker clearable |
| | | v-model="form.weekDay" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | placeholder="è¯·éæ©å¨æ¥"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="å¨åº¦" prop="weekCycle"> |
| | | <el-input v-model="form.weekCycle" placeholder="请è¾å
¥å¨åº¦" /> |
| | | </el-form-item> |
| | | <el-form-item label="主件æå·" prop="mainPartNumber"> |
| | | <el-input v-model="form.mainPartNumber" placeholder="请è¾å
¥ä¸»ä»¶æå·" /> |
| | | </el-form-item> |
| | | <el-form-item label="主件å¾å·" prop="mainPartDrawingNumber"> |
| | | <el-input v-model="form.mainPartDrawingNumber" placeholder="请è¾å
¥ä¸»ä»¶å¾å·" /> |
| | | </el-form-item> |
| | | <el-form-item label="客æ·åç§°" prop="customer"> |
| | | <el-input v-model="form.customer" placeholder="请è¾å
¥å®¢æ·åç§°" /> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸å¡ç±»å" prop="businessType"> |
| | | <el-select v-model="form.businessType" placeholder="è¯·éæ©ä¸å¡ç±»å"> |
| | | <el-option |
| | | v-for="dict in aps_business_type" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="åæ®å·" prop="documentNumber"> |
| | | <el-input v-model="form.documentNumber" placeholder="请è¾å
¥åæ®å·" /> |
| | | </el-form-item> |
| | | <el-form-item label="éæ±åç±»" prop="requirementType"> |
| | | <el-input v-model="form.requirementType" placeholder="请è¾å
¥éæ±åç±»" /> |
| | | </el-form-item> |
| | | <el-form-item label="åæ®ç¶æ" prop="documentStatus"> |
| | | <el-select v-model="form.documentStatus" placeholder="è¯·éæ©åæ®ç¶æ"> |
| | | <el-option |
| | | v-for="dict in aps_document_status" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="æå·" prop="itemNumber"> |
| | | <el-input v-model="form.itemNumber" placeholder="请è¾å
¥æå·" /> |
| | | </el-form-item> |
| | | <el-form-item label="å¾å·" prop="drawingNo"> |
| | | <el-input v-model="form.drawingNo" placeholder="请è¾å
¥å¾å·" /> |
| | | </el-form-item> |
| | | <el-form-item label="çæ¬å·" prop="versionNumber"> |
| | | <el-input v-model="form.versionNumber" placeholder="请è¾å
¥çæ¬å·" /> |
| | | </el-form-item> |
| | | <el-form-item label="ç产æ°é" prop="productionQuantity"> |
| | | <el-input v-model="form.productionQuantity" placeholder="请è¾å
¥ç产æ°é" /> |
| | | </el-form-item> |
| | | <el-form-item label="è¯åæ°é" prop="goodProductsQuantity"> |
| | | <el-input v-model="form.goodProductsQuantity" placeholder="请è¾å
¥è¯åæ°é" /> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥åºå·" prop="processNumber"> |
| | | <el-input v-model="form.processNumber" placeholder="请è¾å
¥å·¥åºå·" /> |
| | | </el-form-item> |
| | | <el-form-item label="å·¥ä½ä¸å¿" prop="workCenter"> |
| | | <el-input v-model="form.workCenter" placeholder="请è¾å
¥å·¥ä½ä¸å¿" /> |
| | | </el-form-item> |
| | | <el-form-item label="æå±é¨é¨" prop="department"> |
| | | <el-input v-model="form.department" placeholder="请è¾å
¥æå±é¨é¨" /> |
| | | </el-form-item> |
| | | <el-form-item label="计åå¼å·¥æ¥" prop="planStartDay"> |
| | | <el-date-picker clearable |
| | | v-model="form.planStartDay" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | placeholder="è¯·éæ©è®¡åå¼å·¥æ¥"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="计åå®å·¥æ¥" prop="planEndDay"> |
| | | <el-date-picker clearable |
| | | v-model="form.planEndDay" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | placeholder="è¯·éæ©è®¡åå®å·¥æ¥"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="夿æå·" prop="standbyNumber"> |
| | | <el-input v-model="form.standbyNumber" placeholder="请è¾å
¥å¤ææå·" /> |
| | | </el-form-item> |
| | | <el-form-item label="夿åç§°" prop="standbyName"> |
| | | <el-input v-model="form.standbyName" placeholder="请è¾å
¥å¤æåç§°" /> |
| | | </el-form-item> |
| | | <el-form-item label="夿åºå" prop="standbyStock"> |
| | | <el-input v-model="form.standbyStock" placeholder="请è¾å
¥å¤æåºå" /> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸éå·¥åºæå±é¨é¨" prop="nextProcessDeparment"> |
| | | <el-input v-model="form.nextProcessDeparment" placeholder="请è¾å
¥ä¸éå·¥åºæå±é¨é¨" /> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦æèµ·" prop="isSuspended"> |
| | | <el-select v-model="form.isSuspended" placeholder="è¯·éæ©æ¯å¦æèµ·"> |
| | | <el-option |
| | | v-for="dict in aps_is_suspended" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="å¤åæ è¯" prop="isOutsourcing"> |
| | | <el-input v-model="form.isOutsourcing" placeholder="请è¾å
¥å¤åæ è¯" /> |
| | | </el-form-item> |
| | | <el-form-item label="è´¦å¥" prop="account"> |
| | | <el-select v-model="form.account" placeholder="è¯·éæ©è´¦å¥"> |
| | | <el-option |
| | | v-for="dict in aps_account" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸é¶ç©æ" prop="advancedMaterials"> |
| | | <el-input v-model="form.advancedMaterials" placeholder="请è¾å
¥ä¸é¶ç©æ" /> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸é¶åæ®å·" prop="advancedDocumentNumber"> |
| | | <el-input v-model="form.advancedDocumentNumber" placeholder="请è¾å
¥ä¸é¶åæ®å·" /> |
| | | </el-form-item> |
| | | <el-form-item label="ä¸é¶éæ±æ¥æ" prop="advancedRequirementDay"> |
| | | <el-date-picker clearable |
| | | v-model="form.advancedRequirementDay" |
| | | type="date" |
| | | value-format="YYYY-MM-DD" |
| | | placeholder="è¯·éæ©ä¸é¶éæ±æ¥æ"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="计åé½å¥" prop="isPlanComplete"> |
| | | <el-input v-model="form.isPlanComplete" placeholder="请è¾å
¥è®¡åé½å¥" /> |
| | | </el-form-item> |
| | | <el-form-item label="åºåé½å¥" prop="isStockComplete"> |
| | | <el-input v-model="form.isStockComplete" placeholder="请è¾å
¥åºåé½å¥" /> |
| | | </el-form-item> |
| | | <el-form-item label="æ¯å¦ææè¿å·¥åº" prop="hasTurnback"> |
| | | <el-input v-model="form.hasTurnback" placeholder="请è¾å
¥æ¯å¦ææè¿å·¥åº" /> |
| | | </el-form-item> |
| | | <el-form-item label="é£é©æ è¯" prop="hasRisk"> |
| | | <el-input v-model="form.hasRisk" placeholder="请è¾å
¥é£é©æ è¯" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <div class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">ç¡® å®</el-button> |
| | | <el-button @click="cancel">å æ¶</el-button> |
| | | </div> |
| | | </template> |
| | | </el-dialog> |
| | | |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup name="ApsPlatePlan"> |
| | | import { listPlan, getApsPlatePlan, delApsPlatePlan, addApsPlatePlan, updateApsPlatePlan ,uploadApsPlatePlan} from "@/api/ApsPlatePlan/ApsPlatePlan"; |
| | | import HxlhTable from '@/components/HxlhTable' |
| | | import { getToken } from "@/utils/auth"; |
| | | |
| | | const { proxy } = getCurrentInstance(); |
| | | |
| | | const { aps_is_suspended, aps_document_status, aps_account, aps_business_type } = proxy.useDict('aps_is_suspended', 'aps_document_status', 'aps_account', 'aps_business_type'); |
| | | |
| | | const planList = ref([]); |
| | | const loading = ref(true); |
| | | const showSearch = ref(true); |
| | | const single = ref(true); |
| | | const total = ref(0); |
| | | const daterangePlanStartDay = ref([]); |
| | | const daterangePlanEndDay = ref([]); |
| | | const vxeTable = ref(null); |
| | | const height = ref(document.documentElement.clientHeight - 260 + "px;") |
| | | |
| | | |
| | | /*** ç¨æ·å¯¼å
¥åæ° */ |
| | | const upload = reactive({ |
| | | // æ¯å¦æ¾ç¤ºå¼¹åºå±ï¼ç¨æ·å¯¼å
¥ï¼ |
| | | open: false, |
| | | // å¼¹åºå±æ é¢ï¼ç¨æ·å¯¼å
¥ï¼ |
| | | title: "", |
| | | // æ¯å¦ç¦ç¨ä¸ä¼ |
| | | isUploading: false, |
| | | // æ¯å¦æ´æ°å·²ç»åå¨çç¨æ·æ°æ® |
| | | updateSupport: 0, |
| | | // 设置ä¸ä¼ ç请æ±å¤´é¨ |
| | | headers: { Authorization: "Bearer " + getToken() }, |
| | | // ä¸ä¼ çå°å |
| | | url: import.meta.env.VITE_APP_BASE_API + "/system/user/importData" |
| | | }); |
| | | |
| | | // è¡¨æ ¼é
ç½® |
| | | const columns = ref([ |
| | | { type: 'checkbox', width: 60, align:"center"}, |
| | | { type: 'seq', title: 'åºå·', width: 60 }, |
| | | { |
| | | title: '主计åå', |
| | | field: 'masterPlanner', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '卿¥', |
| | | field: 'weekDay', |
| | | width: 100, |
| | | formatter: (({ cellValue, row, column }) => { |
| | | if (cellValue) { |
| | | const weekDay = new Date(cellValue); |
| | | const year = weekDay.getFullYear(); |
| | | const month = String(weekDay.getMonth() + 1).padStart(2, '0'); |
| | | const day = String(weekDay.getDate()).padStart(2, '0'); |
| | | return `${month}-${day}`; |
| | | } |
| | | return ''; |
| | | }) |
| | | }, |
| | | { |
| | | title: 'å¨åº¦', |
| | | field: 'weekCycle', |
| | | width: 80, |
| | | }, |
| | | { |
| | | title: '主件æå·', |
| | | field: 'mainPartNumber', |
| | | width: 150, |
| | | }, |
| | | { |
| | | title: '主件å¾å·', |
| | | field: 'mainPartDrawingNumber', |
| | | width: 150, |
| | | }, |
| | | { |
| | | title: '客æ·åç§°', |
| | | field: 'customer', |
| | | width: 200, |
| | | }, |
| | | { |
| | | title: 'ä¸å¡ç±»å', |
| | | field: 'businessType', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'åæ®å·', |
| | | field: 'documentNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'éæ±åç±»', |
| | | field: 'requirementType', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'åæ®ç¶æ', |
| | | field: 'documentStatus', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'æå·', |
| | | field: 'itemNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'å¾å·', |
| | | field: 'drawingNo', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'çæ¬å·', |
| | | field: 'versionNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'ç产æ°é', |
| | | field: 'productionQuantity', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'è¯åæ°é', |
| | | field: 'goodProductsQuantity', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'å·¥åºå·', |
| | | field: 'processNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'å·¥ä½ä¸å¿', |
| | | field: 'workCenter', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'æå±é¨é¨', |
| | | field: 'department', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '计åå¼å·¥æ¥', |
| | | field: 'planStartDay', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '计åå®å·¥æ¥', |
| | | field: 'planEndDay', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '夿æå·', |
| | | field: 'standbyNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '夿åç§°', |
| | | field: 'standbyName', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '夿åºå', |
| | | field: 'standbyStock', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'ä¸éå·¥åºæå±é¨é¨', |
| | | field: 'nextProcessDeparment', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'æ¯å¦æèµ·', |
| | | field: 'isSuspended', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'å¤åæ è¯', |
| | | field: 'isOutsourcing', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'è´¦å¥', |
| | | field: 'account', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'ä¸é¶ç©æ', |
| | | field: 'advancedMaterials', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'ä¸é¶åæ®å·', |
| | | field: 'advancedDocumentNumber', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'ä¸é¶éæ±æ¥æ', |
| | | field: 'advancedRequirementDay', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: '计åé½å¥', |
| | | field: 'isPlanComplete', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'åºåé½å¥', |
| | | field: 'isStockComplete', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'æ¯å¦ææè¿å·¥åº', |
| | | field: 'hasTurnback', |
| | | width: 100, |
| | | }, |
| | | { |
| | | title: 'é£é©æ è¯', |
| | | field: 'hasRisk', |
| | | width: 100, |
| | | }, |
| | | ]); |
| | | |
| | | |
| | | const data = reactive({ |
| | | form: {}, |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | customer: null, |
| | | documentNumber: null |
| | | }, |
| | | rules: { |
| | | id: [ |
| | | { required: true, message: "主é®idä¸è½ä¸ºç©º", trigger: "blur" } |
| | | ], |
| | | } |
| | | }); |
| | | |
| | | const { queryParams, form, rules } = toRefs(data); |
| | | |
| | | /** æ¥è¯¢é£é计å管çå表 */ |
| | | function getList() { |
| | | loading.value = true; |
| | | queryParams.value.params = {}; |
| | | if (null != daterangePlanStartDay && '' != daterangePlanStartDay) { |
| | | queryParams.value.params["beginPlanStartDay"] = daterangePlanStartDay.value[0]; |
| | | queryParams.value.params["endPlanStartDay"] = daterangePlanStartDay.value[1]; |
| | | } |
| | | if (null != daterangePlanEndDay && '' != daterangePlanEndDay) { |
| | | queryParams.value.params["beginPlanEndDay"] = daterangePlanEndDay.value[0]; |
| | | queryParams.value.params["endPlanEndDay"] = daterangePlanEndDay.value[1]; |
| | | } |
| | | listPlan(queryParams.value).then(response => { |
| | | planList.value = response.rows; |
| | | total.value = response.total; |
| | | loading.value = false; |
| | | }); |
| | | } |
| | | |
| | | /** æç´¢æé®æä½ */ |
| | | function handleQuery() { |
| | | queryParams.value.pageNum = 1; |
| | | getList(); |
| | | } |
| | | |
| | | /** éç½®æé®æä½ */ |
| | | function resetQuery() { |
| | | daterangePlanStartDay.value = []; |
| | | daterangePlanEndDay.value = []; |
| | | daterangeAdvancedRequirementDay.value = []; |
| | | proxy.resetForm("queryRef"); |
| | | handleQuery(); |
| | | } |
| | | |
| | | // å¤éæ¡é䏿°æ® |
| | | const handleCheckboxChange = (data) => { |
| | | console.log(data); |
| | | }; |
| | | |
| | | /** æ¹éä¿®æ¹è®¡åå¼å·¥æ¥æé®æä½ */ |
| | | function plannedStart(row) { |
| | | |
| | | } |
| | | |
| | | /** æ¹éä¿®æ¹è®¡åå®å·¥æ¥æé®æä½ */ |
| | | function plannedEnd(row) { |
| | | |
| | | } |
| | | /** 导å
¥æé®æä½ */ |
| | | function handleImport() { |
| | | upload.title = "导å
¥"; |
| | | upload.open = true; |
| | | }; |
| | | |
| | | /** å¯¼åºæé®æä½ */ |
| | | function handleExport() { |
| | | proxy.download('aps/partPlan/export', { |
| | | ...queryParams.value |
| | | }, `plan_${new Date().getTime()}.xlsx`) |
| | | } |
| | | getList(); |
| | | </script> |