|
@@ -9,185 +9,61 @@
|
|
|
:title="'齐套性检查'"
|
|
:title="'齐套性检查'"
|
|
|
>
|
|
>
|
|
|
<div class="form-wrapper">
|
|
<div class="form-wrapper">
|
|
|
-<!-- <el-form :model="requestData" label-width="0" :show-message="false">-->
|
|
|
|
|
-<!-- <el-descriptions title="" :column="2" border>-->
|
|
|
|
|
-<!-- <el-descriptions-item label="计划编号">-->
|
|
|
|
|
-<!-- {{ formData.code }}</el-descriptions-item-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="产品编码">{{-->
|
|
|
|
|
-<!-- formData.productCode-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="产品名称">{{-->
|
|
|
|
|
-<!-- formData.productName-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="牌号|型号">-->
|
|
|
|
|
-<!-- {{ formData.brandNo }}|{{ formData.model }}</el-descriptions-item-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="批次号">{{-->
|
|
|
|
|
-<!-- formData.batchNo-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="工艺路线">{{-->
|
|
|
|
|
-<!-- formData.produceRoutingName-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-descriptions-item label="要求生产数量">{{-->
|
|
|
|
|
-<!-- formData.requiredFormingNum-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-<!-- <el-descriptions-item label="要求完成日期">{{-->
|
|
|
|
|
-<!-- formData.reqMoldTime-->
|
|
|
|
|
-<!-- }}</el-descriptions-item>-->
|
|
|
|
|
-<!-- </el-descriptions>-->
|
|
|
|
|
-<!-- </el-form>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <headerTitle title="剩余拆批" class="mt20"> </headerTitle>-->
|
|
|
|
|
- <div class="optionButton">
|
|
|
|
|
- <el-button type="primary" @click="merge"
|
|
|
|
|
- >合并</el-button>
|
|
|
|
|
|
|
+ <div v-if="leftShow" :style="{width: leftWidth}">
|
|
|
|
|
+ <el-card class="box-card">
|
|
|
|
|
+<!-- <div v-for="o in 4" :key="o" class="text item">-->
|
|
|
|
|
+<!-- {{'列表内容 ' + o }}-->
|
|
|
|
|
+<!-- </div>-->
|
|
|
|
|
+ </el-card>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div :style="{width: rightWidth}">
|
|
|
|
|
+ <div class="planInfo">
|
|
|
|
|
+ <div></div>
|
|
|
|
|
+ <div></div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <ele-pro-table
|
|
|
|
|
+ ref="table"
|
|
|
|
|
+ :needPage="false"
|
|
|
|
|
+ :columns="columns"
|
|
|
|
|
+ :key="activeName"
|
|
|
|
|
+ :init-load="false"
|
|
|
|
|
+ :datasource="datasource"
|
|
|
|
|
+ >
|
|
|
|
|
+ <template v-slot:stockCount="{ row }">
|
|
|
|
|
+ <el-link type="primary" :underline="false" @click="stockDetail(row)">
|
|
|
|
|
+ {{ row.stockCount }}
|
|
|
|
|
+ </el-link>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-slot:currentCount="{ row }">
|
|
|
|
|
+ <el-link type="primary" :underline="false" @click="currentDetail(row)">
|
|
|
|
|
+ {{ row.currentCount }}
|
|
|
|
|
+ </el-link>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-slot:stockColor="{ row }">
|
|
|
|
|
+ <div :class="{'statusRed' : row.stockStatus == '缺料'}">
|
|
|
|
|
+ {{row.stockStatus}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-slot:currentColor="{ row }">
|
|
|
|
|
+ <div :class="{'statusRed' : row.currentStatus == '缺料'}">
|
|
|
|
|
+ {{row.currentStatus}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-slot:finishColor="{ row }">
|
|
|
|
|
+ <div :class="{'statusRed' : row.finishStatus == '缺料'}">
|
|
|
|
|
+ {{row.finishStatus}}
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-slot:finishCount="{ row }">
|
|
|
|
|
+ <div>
|
|
|
|
|
+ <div v-if="row.finishCount > 0">{{row.finishCount}}</div>
|
|
|
|
|
+ <div v-else>-</div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </ele-pro-table>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- <el-tabs v-model="activeName" @tab-click="tabClick()" type="card" size="mini">
|
|
|
|
|
- <el-tab-pane label="自制件" name="first"></el-tab-pane>
|
|
|
|
|
- <el-tab-pane label="装配件" name="second"></el-tab-pane>
|
|
|
|
|
- </el-tabs>
|
|
|
|
|
- <el-form ref="form" :model="form" :rules="rules">
|
|
|
|
|
-<!-- <ele-pro-table-->
|
|
|
|
|
-<!-- ref="table"-->
|
|
|
|
|
-<!-- :needPage="false"-->
|
|
|
|
|
-<!-- :columns="columns"-->
|
|
|
|
|
-<!-- :datasource="form.surplusUnpack"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <template v-slot:toolbar>-->
|
|
|
|
|
-<!-- <el-button-->
|
|
|
|
|
-<!-- size="small"-->
|
|
|
|
|
-<!-- type="primary"-->
|
|
|
|
|
-<!-- icon="el-icon-plus"-->
|
|
|
|
|
-<!-- class="ele-btn-icon"-->
|
|
|
|
|
-<!-- :disabled="requiredFormingNum == 0 ? true : false"-->
|
|
|
|
|
-<!-- @click="openUnpack"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- 拆批-->
|
|
|
|
|
-<!-- </el-button>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <template v-slot:requiredFormingNum="scope">-->
|
|
|
|
|
-<!-- <el-form-item-->
|
|
|
|
|
-<!-- v-if="requiredFormingNum != 0"-->
|
|
|
|
|
-<!-- :prop="'surplusUnpack.' + scope.$index + '.requiredFormingNum'"-->
|
|
|
|
|
-<!-- :rules="[-->
|
|
|
|
|
-<!-- {-->
|
|
|
|
|
-<!-- required: true,-->
|
|
|
|
|
-<!-- message: '请输入要求生产数量',-->
|
|
|
|
|
-<!-- trigger: 'change'-->
|
|
|
|
|
-<!-- },-->
|
|
|
|
|
-<!-- {-->
|
|
|
|
|
-<!-- pattern: /^\d+(\.{0,1}\d+){0,1}$/,-->
|
|
|
|
|
-<!-- message: '拆批数超过生产数量',-->
|
|
|
|
|
-<!-- trigger: ['blur', 'change']-->
|
|
|
|
|
-<!-- }-->
|
|
|
|
|
-<!-- ]"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <el-input-->
|
|
|
|
|
-<!-- disabled-->
|
|
|
|
|
-<!-- v-model="requiredFormingNum"-->
|
|
|
|
|
-<!-- placeholder="请输入"-->
|
|
|
|
|
-<!-- ></el-input>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <el-form-item v-else> 工单已全部拆完 </el-form-item>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <template v-slot:splitResidue="scope">-->
|
|
|
|
|
-<!-- {{ formData.splitResidue }}-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- </ele-pro-table>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <headerTitle title="拆批" class="mt20"> </headerTitle>-->
|
|
|
|
|
-
|
|
|
|
|
- <ele-pro-table
|
|
|
|
|
- ref="table"
|
|
|
|
|
- :needPage="false"
|
|
|
|
|
- :columns="columns"
|
|
|
|
|
- :key="activeName"
|
|
|
|
|
- :init-load="false"
|
|
|
|
|
- :datasource="datasource"
|
|
|
|
|
- >
|
|
|
|
|
- <template v-slot:stockCount="{ row }">
|
|
|
|
|
- <el-link type="primary" :underline="false" @click="stockDetail(row)">
|
|
|
|
|
- {{ row.stockCount }}
|
|
|
|
|
- </el-link>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:currentCount="{ row }">
|
|
|
|
|
- <el-link type="primary" :underline="false" @click="currentDetail(row)">
|
|
|
|
|
- {{ row.currentCount }}
|
|
|
|
|
- </el-link>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:stockColor="{ row }">
|
|
|
|
|
- <div :class="{'statusRed' : row.stockStatus == '缺料'}">
|
|
|
|
|
- {{row.stockStatus}}
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:currentColor="{ row }">
|
|
|
|
|
- <div :class="{'statusRed' : row.currentStatus == '缺料'}">
|
|
|
|
|
- {{row.currentStatus}}
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:finishColor="{ row }">
|
|
|
|
|
- <div :class="{'statusRed' : row.finishStatus == '缺料'}">
|
|
|
|
|
- {{row.finishStatus}}
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
- <template v-slot:finishCount="{ row }">
|
|
|
|
|
- <div>
|
|
|
|
|
- <div v-if="row.finishCount > 0">{{row.finishCount}}</div>
|
|
|
|
|
- <div v-else>-</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </template>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
-<!-- <template v-slot:requiredFormingNum="scope">-->
|
|
|
|
|
-<!-- <el-form-item-->
|
|
|
|
|
-<!-- :prop="'unpackList.' + scope.$index + '.requiredFormingNum'"-->
|
|
|
|
|
-<!-- :rules="{-->
|
|
|
|
|
-<!-- required: true,-->
|
|
|
|
|
-<!-- message: '请输入要求生产数量',-->
|
|
|
|
|
-<!-- trigger: 'change'-->
|
|
|
|
|
-<!-- }"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <el-input-number-->
|
|
|
|
|
-<!-- type="number"-->
|
|
|
|
|
-<!-- @change="changeNum(scope.$index)"-->
|
|
|
|
|
-<!-- :min="0"-->
|
|
|
|
|
-<!-- v-model="scope.row.requiredFormingNum"-->
|
|
|
|
|
-<!-- placeholder="请输入"-->
|
|
|
|
|
-<!-- ></el-input-number>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
-
|
|
|
|
|
-<!-- <template v-slot:reqMoldTime="scope">-->
|
|
|
|
|
-<!-- <el-form-item-->
|
|
|
|
|
-<!-- :prop="'unpackList.' + scope.$index + '.reqMoldTime'"-->
|
|
|
|
|
-<!-- :rules="{-->
|
|
|
|
|
-<!-- required: true,-->
|
|
|
|
|
-<!-- message: '请选择开始计划时间',-->
|
|
|
|
|
-<!-- trigger: 'change'-->
|
|
|
|
|
-<!-- }"-->
|
|
|
|
|
-<!-- >-->
|
|
|
|
|
-<!-- <el-date-picker-->
|
|
|
|
|
-<!-- class="w100"-->
|
|
|
|
|
-<!-- v-model="scope.row.reqMoldTime"-->
|
|
|
|
|
-<!-- type="date"-->
|
|
|
|
|
-<!-- value-format="yyyy-MM-dd"-->
|
|
|
|
|
-<!-- ></el-date-picker>-->
|
|
|
|
|
-<!-- </el-form-item>-->
|
|
|
|
|
-<!-- </template>-->
|
|
|
|
|
- </ele-pro-table>
|
|
|
|
|
- </el-form>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div slot="footer">
|
|
<div slot="footer">
|
|
|
<el-button plain @click="cancel">取消</el-button>
|
|
<el-button plain @click="cancel">取消</el-button>
|
|
@@ -320,9 +196,21 @@
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
ids: [],
|
|
ids: [],
|
|
|
- activeName: 'first',
|
|
|
|
|
|
|
+ leftShow: false,
|
|
|
|
|
+ leftWidth: '0%',
|
|
|
|
|
+ rightWidth: '100%',
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
|
|
+ watch: {
|
|
|
|
|
+ leftShow(newVal, oldVal){
|
|
|
|
|
+ if(newVal){
|
|
|
|
|
+ this.leftWidth = '30%';
|
|
|
|
|
+ this.rightWidth = '70%';
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+ mounted() {
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
reload(where) {
|
|
reload(where) {
|
|
|
this.$nextTick(() => {
|
|
this.$nextTick(() => {
|
|
@@ -346,7 +234,7 @@
|
|
|
open(ids) {
|
|
open(ids) {
|
|
|
this.visible = true;
|
|
this.visible = true;
|
|
|
this.ids = ids;
|
|
this.ids = ids;
|
|
|
- this.reload({planIds: ids});
|
|
|
|
|
|
|
+ // this.reload({planIds: ids});
|
|
|
},
|
|
},
|
|
|
cancel() {
|
|
cancel() {
|
|
|
this.formData = {};
|
|
this.formData = {};
|
|
@@ -392,4 +280,10 @@
|
|
|
.statusRed{
|
|
.statusRed{
|
|
|
color: red;
|
|
color: red;
|
|
|
}
|
|
}
|
|
|
|
|
+ .planInfo{
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
|
|
+ .form-wrapper{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|