|
@@ -17,23 +17,21 @@
|
|
|
<el-button type="primary" icon="edit" @click="delgd_delclick" v-if="delall=== true" :disabled="ysSelection === '' && gySelection === ''" class="bt" title="选择批量删除(颜色资料或工艺资料)" >删除颜色工艺资料</el-button>
|
|
<el-button type="primary" icon="edit" @click="delgd_delclick" v-if="delall=== true" :disabled="ysSelection === '' && gySelection === ''" class="bt" title="选择批量删除(颜色资料或工艺资料)" >删除颜色工艺资料</el-button>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
</layout-header>
|
|
</layout-header>
|
|
|
<layout>
|
|
<layout>
|
|
|
|
|
+
|
|
|
<!-- 左侧树形结构 -->
|
|
<!-- 左侧树形结构 -->
|
|
|
<layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
|
|
<layout-sider :resize-directions="['right']" :width="190" style="margin-right: 10px;">
|
|
|
<div class="JKWTree-tree" style="height: 200px">
|
|
<div class="JKWTree-tree" style="height: 200px">
|
|
|
<h3>客户编号</h3>
|
|
<h3>客户编号</h3>
|
|
|
- <el-tree :data="treeData" class="treecolor" @node-click="handleNodeClick"></el-tree>
|
|
|
|
|
|
|
+ <el-tree :data="treeData" class="treecolor" @node-click="handleNodeClick"></el-tree>
|
|
|
</div>
|
|
</div>
|
|
|
</layout-sider>
|
|
</layout-sider>
|
|
|
|
|
|
|
|
<!-- 右侧内容区域 -->
|
|
<!-- 右侧内容区域 -->
|
|
|
<layout-content >
|
|
<layout-content >
|
|
|
<el-main>
|
|
<el-main>
|
|
|
-
|
|
|
|
|
<!-- 工单表格列表 -->
|
|
<!-- 工单表格列表 -->
|
|
|
<div class="gva-table-box">
|
|
<div class="gva-table-box">
|
|
|
<el-table ref="multipleTable"
|
|
<el-table ref="multipleTable"
|
|
@@ -268,78 +266,78 @@
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-form :model="add_gdscgdformData" label-position="right" ref="elFormRef" :rules="rule" >
|
|
<el-form :model="add_gdscgdformData" label-position="right" ref="elFormRef" :rules="rule" >
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="订单编号:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
- <el-input v-model="add_gdscgdformData['订单编号']" style="width: 150px;" id="订单编号" @keydown="add_gdzlent($event, '订单号', '订单编号', '生产款号')" />
|
|
|
|
|
|
|
+ <el-form-item label="订单编号" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
+ <el-input v-model="add_gdscgdformData['订单编号']" disabled style="width: 150px;" id="订单编号"/>
|
|
|
|
|
+ </el-form-item>
|
|
|
|
|
+ <el-form-item label="客户编号" prop="customerCode" class="mab" label-width="150">
|
|
|
|
|
+ <el-input v-model="add_gdscgdformData['客户编号']" disabled style="width: 150px;" id="客户编号"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="生产款号:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="生产款号" prop="customerCode" class="mab" label-width="110">
|
|
|
<el-input v-model="add_gdscgdformData['生产款号']" style="width: 150px;" id="生产款号" @keydown="add_gdzlent($event, '订单编号', '生产款号', '款式')"/>
|
|
<el-input v-model="add_gdscgdformData['生产款号']" style="width: 150px;" id="生产款号" @keydown="add_gdzlent($event, '订单编号', '生产款号', '款式')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="款式:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
- <el-input v-model="add_gdscgdformData['款式']" style="width: 150px;" id="款式" @keydown="add_gdzlent($event, '生产款号', '款式', '客户编号')"/>
|
|
|
|
|
- </el-form-item>
|
|
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="客户:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
- <el-input v-model="add_gdscgdformData['客户编号']" style="width: 150px;" id="客户编号" @keydown="add_gdzlent($event, '款式', '客户编号', '落货日期')"/>
|
|
|
|
|
|
|
+ <el-form-item label="款式" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
+ <el-input v-model="add_gdscgdformData['款式']" style="width: 150px;" id="款式" @keydown="add_gdzlent($event, '生产款号', '款式', '客户编号')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="落货日期:" prop="deliveryDate" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="落货日期" prop="deliveryDate" class="mab" label-width="150">
|
|
|
<el-date-picker v-model="add_gdscgdformData['落货日期']" type="date" style="width: 150px;" id="落货日期" @keydown="add_gdzlent($event, '客户编号', '落货日期', '面料')"/>
|
|
<el-date-picker v-model="add_gdscgdformData['落货日期']" type="date" style="width: 150px;" id="落货日期" @keydown="add_gdzlent($event, '客户编号', '落货日期', '面料')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="面料:" prop="customerCode" class="mab" label-width="98">
|
|
|
|
|
|
|
+ <el-form-item label="面料" prop="customerCode" class="mab" label-width="98">
|
|
|
<el-input type="textarea" v-model="add_gdscgdformData['面料']" rows="2" resize="none" id="面料" @keydown="add_gdzlent($event, '落货日期', '面料', '要求')" />
|
|
<el-input type="textarea" v-model="add_gdscgdformData['面料']" rows="2" resize="none" id="面料" @keydown="add_gdzlent($event, '落货日期', '面料', '要求')" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
<el-col :span="24">
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="要求:" prop="customerCode" class="mab" label-width="98">
|
|
|
|
|
|
|
+ <el-form-item label="要求" prop="customerCode" class="mab" label-width="98">
|
|
|
<el-input type="textarea" v-model="add_gdscgdformData['要求']" rows="2" resize="none" id="要求" @keydown="add_gdzlent($event, '面料', '要求', '船样描述')" />
|
|
<el-input type="textarea" v-model="add_gdscgdformData['要求']" rows="2" resize="none" id="要求" @keydown="add_gdzlent($event, '面料', '要求', '船样描述')" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="船样描述:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="船样描述" prop="customerCode" class="mab" label-width="110">
|
|
|
<el-input v-model="add_gdscgdformData['船样描述']" style="width: 150px;" id="船样描述" @keydown="add_gdzlent($event, '要求', '船样描述', '船样合计')"/>
|
|
<el-input v-model="add_gdscgdformData['船样描述']" style="width: 150px;" id="船样描述" @keydown="add_gdzlent($event, '要求', '船样描述', '船样合计')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="船样合计:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="船样合计" prop="customerCode" class="mab" label-width="150">
|
|
|
<el-input v-model="add_gdscgdformData['船样合计']" style="width: 150px;" id="船样合计" @keydown="add_gdzlent($event, '船样描述', '船样合计', '箱唛要求')"/>
|
|
<el-input v-model="add_gdscgdformData['船样合计']" style="width: 150px;" id="船样合计" @keydown="add_gdzlent($event, '船样描述', '船样合计', '箱唛要求')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="箱唛要求:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="箱唛要求" prop="customerCode" class="mab" label-width="110">
|
|
|
<el-input v-model="add_gdscgdformData['箱唛要求']" style="width: 150px;" id="箱唛要求" @keydown="add_gdzlent($event, '船样合计', '箱唛要求', '粘衬')"/>
|
|
<el-input v-model="add_gdscgdformData['箱唛要求']" style="width: 150px;" id="箱唛要求" @keydown="add_gdzlent($event, '船样合计', '箱唛要求', '粘衬')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="粘衬:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="粘衬" prop="customerCode" class="mab" label-width="150">
|
|
|
<el-input v-model="add_gdscgdformData['粘衬']" style="width: 150px;" id="粘衬" @keydown="add_gdzlent($event, '箱唛要求', '粘衬', '订单数量')"/>
|
|
<el-input v-model="add_gdscgdformData['粘衬']" style="width: 150px;" id="粘衬" @keydown="add_gdzlent($event, '箱唛要求', '粘衬', '订单数量')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="订单数量:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="订单数量" prop="customerCode" class="mab" label-width="110">
|
|
|
<el-input v-model="add_gdscgdformData['订单数量']" style="width: 150px;" id="订单数量" @keydown="add_gdzlent($event, '粘衬', '订单数量', '单位')"/>
|
|
<el-input v-model="add_gdscgdformData['订单数量']" style="width: 150px;" id="订单数量" @keydown="add_gdzlent($event, '粘衬', '订单数量', '单位')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="单位:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="单位" prop="customerCode" class="mab" label-width="150">
|
|
|
<el-input v-model="add_gdscgdformData['单位']" style="width: 150px;" id="单位" @keydown="add_gdzlent($event, '订单数量', '单位', '制单人')"/>
|
|
<el-input v-model="add_gdscgdformData['单位']" style="width: 150px;" id="单位" @keydown="add_gdzlent($event, '订单数量', '单位', '制单人')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<el-row :gutter="24">
|
|
<el-row :gutter="24">
|
|
|
- <el-form-item label="制单人:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
- <el-input v-model="add_gdscgdformData['制单人']" style="width: 150px;" id="制单人" @keydown="add_gdzlent($event, '单位', '制单人', '制单日期')"/>
|
|
|
|
|
|
|
+ <el-form-item label="制单人" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
+ <el-input v-model="add_gdscgdformData['制单人']" disabled style="width: 150px;" id="制单人" @keydown="add_gdzlent($event, '单位', '制单人', '制单日期')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="制单日期:" prop="deliveryDate" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="制单日期" prop="deliveryDate" class="mab" label-width="150">
|
|
|
<el-date-picker v-model="add_gdscgdformData['制单日期']" type="date" style="width: 150px;" id="制单日期" @keydown="add_gdzlent($event, '制单人', '制单日期', '审核人')"/>
|
|
<el-date-picker v-model="add_gdscgdformData['制单日期']" type="date" style="width: 150px;" id="制单日期" @keydown="add_gdzlent($event, '制单人', '制单日期', '审核人')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
- <el-row :gutter="24">
|
|
|
|
|
- <el-form-item label="审核人:" prop="customerCode" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <!-- <el-row :gutter="24">
|
|
|
|
|
+ <el-form-item label="审核人" prop="customerCode" class="mab" label-width="110">
|
|
|
<el-input v-model="add_gdscgdformData['审核人']" style="width: 150px;" id="审核人" @keydown="add_gdzlent($event, '制单日期', '审核人', '审核日期')"/>
|
|
<el-input v-model="add_gdscgdformData['审核人']" style="width: 150px;" id="审核人" @keydown="add_gdzlent($event, '制单日期', '审核人', '审核日期')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="审核日期:" prop="deliveryDate" class="mab" label-width="110">
|
|
|
|
|
|
|
+ <el-form-item label="审核日期" prop="deliveryDate" class="mab" label-width="150">
|
|
|
<el-date-picker v-model="add_gdscgdformData['审核日期']" type="date" style="width: 150px;" id="审核日期" @keydown="add_gdzlent($event, '审核人', '审核日期', '订单号')"/>
|
|
<el-date-picker v-model="add_gdscgdformData['审核日期']" type="date" style="width: 150px;" id="审核日期" @keydown="add_gdzlent($event, '审核人', '审核日期', '订单号')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- </el-row>
|
|
|
|
|
|
|
+ </el-row> -->
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</el-row>
|
|
</el-row>
|
|
|
<template #footer>
|
|
<template #footer>
|
|
@@ -366,15 +364,15 @@
|
|
|
<div style="display: flex; gap: 0px;">
|
|
<div style="display: flex; gap: 0px;">
|
|
|
<el-form-item label="色系名称:" class="mab" prop="keyOrder"label-width='130'>
|
|
<el-form-item label="色系名称:" class="mab" prop="keyOrder"label-width='130'>
|
|
|
<el-select v-model="add_yszlformdata.sxmc" style="width: 150px;" id="尺码规格" @keydown="add_gdzlent($event, '款号', '尺码规格', '是否船样')">
|
|
<el-select v-model="add_yszlformdata.sxmc" style="width: 150px;" id="尺码规格" @keydown="add_gdzlent($event, '款号', '尺码规格', '是否船样')">
|
|
|
- <el-option label="红色" @click="sxhandleSizeChange('红色')" ></el-option>
|
|
|
|
|
- <el-option label="黄色" @click="sxhandleSizeChange('黄色')" ></el-option>
|
|
|
|
|
- <el-option label="蓝色" @click="sxhandleSizeChange('蓝色')" ></el-option>
|
|
|
|
|
- <el-option label="绿色" @click="sxhandleSizeChange('绿色')" ></el-option>
|
|
|
|
|
- <el-option label="紫色" @click="sxhandleSizeChange('紫色')" ></el-option>
|
|
|
|
|
- <el-option label="灰色" @click="sxhandleSizeChange('灰色')" ></el-option>
|
|
|
|
|
- <el-option label="咖啡" @click="sxhandleSizeChange('咖啡')" ></el-option>
|
|
|
|
|
- <el-option label="黑白" @click="sxhandleSizeChange('黑白')" ></el-option>
|
|
|
|
|
- <el-option label="经典色" @click="sxhandleSizeChange('经典色')" ></el-option>
|
|
|
|
|
|
|
+ <el-option label="红色系" @click="sxhandleSizeChange('红色系')" ></el-option>
|
|
|
|
|
+ <el-option label="黄色系" @click="sxhandleSizeChange('黄色系')" ></el-option>
|
|
|
|
|
+ <el-option label="蓝色系" @click="sxhandleSizeChange('蓝色系')" ></el-option>
|
|
|
|
|
+ <el-option label="绿色系" @click="sxhandleSizeChange('绿色系')" ></el-option>
|
|
|
|
|
+ <el-option label="紫色系" @click="sxhandleSizeChange('紫色系')" ></el-option>
|
|
|
|
|
+ <el-option label="灰色系" @click="sxhandleSizeChange('灰色系')" ></el-option>
|
|
|
|
|
+ <el-option label="咖啡色系" @click="sxhandleSizeChange('咖啡色系')" ></el-option>
|
|
|
|
|
+ <el-option label="黑白色系" @click="sxhandleSizeChange('黑白色系')" ></el-option>
|
|
|
|
|
+ <el-option label="经典色系" @click="sxhandleSizeChange('经典色系')" ></el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
@@ -416,19 +414,20 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div style="display: flex; gap: 0px;">
|
|
<div style="display: flex; gap: 0px;">
|
|
|
<el-form-item label="制单数:" class="mab" prop="keyOrder"label-width='130'>
|
|
<el-form-item label="制单数:" class="mab" prop="keyOrder"label-width='130'>
|
|
|
- <el-input v-model="zdsformdata.zds1" style="width: 80px;" id="zds1" @keydown="add_gdzlent($event, '是否船样', 'zds1', 'zds2')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds2" style="width: 80px;" id="zds2" @keydown="add_gdzlent($event, 'zds1', 'zds2', 'zds3')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds3" style="width: 80px;" id="zds3" @keydown="add_gdzlent($event, 'zds2', 'zds3', 'zds4')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds4" style="width: 80px;" id="zds4" @keydown="add_gdzlent($event, 'zds3', 'zds4', 'zds5')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds5" style="width: 80px;" id="zds5" @keydown="add_gdzlent($event, 'zds4', 'zds5', 'zds6')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds6" style="width: 80px;" id="zds6" @keydown="add_gdzlent($event, 'zds5', 'zds6', 'zds7')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds7" style="width: 80px;" id="zds7" @keydown="add_gdzlent($event, 'zds6', 'zds7', 'zds8')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds8" style="width: 80px;" id="zds8" @keydown="add_gdzlent($event, 'zds7', 'zds8', 'zds9')"/>
|
|
|
|
|
- <el-input v-model="zdsformdata.zds9" style="width: 80px;" id="zds9" @keydown="add_gdzlent($event, 'zds8', 'zds9', '订单子编号')"/>
|
|
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds1"@input="updateTotal" style="width: 80px;" id="zds1" @keydown="add_gdzlent($event, '是否船样', 'zds1', 'zds2')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds2"@input="updateTotal" style="width: 80px;" id="zds2" @keydown="add_gdzlent($event, 'zds1', 'zds2', 'zds3')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds3"@input="updateTotal" style="width: 80px;" id="zds3" @keydown="add_gdzlent($event, 'zds2', 'zds3', 'zds4')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds4"@input="updateTotal" style="width: 80px;" id="zds4" @keydown="add_gdzlent($event, 'zds3', 'zds4', 'zds5')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds5"@input="updateTotal" style="width: 80px;" id="zds5" @keydown="add_gdzlent($event, 'zds4', 'zds5', 'zds6')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds6"@input="updateTotal" style="width: 80px;" id="zds6" @keydown="add_gdzlent($event, 'zds5', 'zds6', 'zds7')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds7"@input="updateTotal" style="width: 80px;" id="zds7" @keydown="add_gdzlent($event, 'zds6', 'zds7', 'zds8')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds8"@input="updateTotal" style="width: 80px;" id="zds8" @keydown="add_gdzlent($event, 'zds7', 'zds8', 'zds9')"/>
|
|
|
|
|
+ <el-input v-model="zdsformdata.zds9" readonly style="width: 80px;" id="zds9" @keydown="add_gdzlent($event, 'zds8', 'zds9', '订单子编号')"/>
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 图片 -->
|
|
<!-- 图片 -->
|
|
|
<div class="uploadImage">
|
|
<div class="uploadImage">
|
|
|
|
|
+ <div @paste="handlePaste" contenteditable="true" tabindex="0" class="paste-area">粘贴图片到这里</div>
|
|
|
<el-upload
|
|
<el-upload
|
|
|
:file-list="fileList"
|
|
:file-list="fileList"
|
|
|
accept="image/*"
|
|
accept="image/*"
|
|
@@ -446,7 +445,6 @@
|
|
|
>
|
|
>
|
|
|
<i class="el-icon-plus"
|
|
<i class="el-icon-plus"
|
|
|
ref="uploadImage"
|
|
ref="uploadImage"
|
|
|
- @paste="handlePaste"
|
|
|
|
|
contenteditable=""
|
|
contenteditable=""
|
|
|
@keydown="handleFocus"></i>
|
|
@keydown="handleFocus"></i>
|
|
|
<div class="el-upload__text">{{uploadText}}</div>
|
|
<div class="el-upload__text">{{uploadText}}</div>
|
|
@@ -708,8 +706,7 @@ import { Layout, LayoutSider, LayoutContent } from '@arco-design/web-vue';
|
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
|
import { ref, reactive, computed, nextTick, watch } from 'vue'
|
|
import { ref, reactive, computed, nextTick, watch } from 'vue'
|
|
|
import { useUserStore } from '@/pinia/modules/user'
|
|
import { useUserStore } from '@/pinia/modules/user'
|
|
|
-
|
|
|
|
|
-import {Datalist,WorkOrderList,WorkOrderAdd,PrintListData,printDetailAdd,PrintDetailDel,orderDataDel} from '@/api/mes/job'
|
|
|
|
|
|
|
+import {Datalist,WorkOrderList,WorkOrderAdd,PrintListData,printDetailAdd,PrintDetailDel,orderDataDel,getWorkOrder} from '@/api/mes/job'
|
|
|
import PrintPage from './components/print.vue'
|
|
import PrintPage from './components/print.vue'
|
|
|
import AddGongYi from './components/addGongYi.vue'
|
|
import AddGongYi from './components/addGongYi.vue'
|
|
|
defineOptions({name: 'Company'})
|
|
defineOptions({name: 'Company'})
|
|
@@ -784,7 +781,7 @@ const _WorkList_page = async () => {
|
|
|
try {
|
|
try {
|
|
|
const WorkListdata = await WorkOrderList({search:processedValue,page:1,limit:15});
|
|
const WorkListdata = await WorkOrderList({search:processedValue,page:1,limit:15});
|
|
|
console.log("上方表格数据")
|
|
console.log("上方表格数据")
|
|
|
- // console.log(WorkListdata)
|
|
|
|
|
|
|
+ // console.log(_Gd_khdh.value)
|
|
|
tableData.value=WorkListdata.data.data
|
|
tableData.value=WorkListdata.data.data
|
|
|
console.log(tableData)
|
|
console.log(tableData)
|
|
|
// total.value =WorkListdata.data.total;//共多少条
|
|
// total.value =WorkListdata.data.total;//共多少条
|
|
@@ -825,7 +822,6 @@ const handleSizeChange = (val) => {
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
// =========== 新增 ===========
|
|
// =========== 新增 ===========
|
|
|
-const add_gddialogFormVisible = ref(false)
|
|
|
|
|
// 获取当前日期
|
|
// 获取当前日期
|
|
|
const today = new Date();
|
|
const today = new Date();
|
|
|
const year = today.getFullYear();
|
|
const year = today.getFullYear();
|
|
@@ -837,7 +833,7 @@ const seconds = String(today.getSeconds()).padStart(2, '0');
|
|
|
const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
const currentDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
|
|
const currentDates = `${year}-${month}-${day}`;
|
|
const currentDates = `${year}-${month}-${day}`;
|
|
|
const add_gdscgdformData = reactive({
|
|
const add_gdscgdformData = reactive({
|
|
|
- 订单编号: 'DC2408001',
|
|
|
|
|
|
|
+ 订单编号: '',
|
|
|
生产款号: '',
|
|
生产款号: '',
|
|
|
款式: '',
|
|
款式: '',
|
|
|
客户编号: '',
|
|
客户编号: '',
|
|
@@ -861,14 +857,41 @@ const gd_clearFormData = () => {
|
|
|
add_gdscgdformData[key] = '';
|
|
add_gdscgdformData[key] = '';
|
|
|
});
|
|
});
|
|
|
};
|
|
};
|
|
|
-//新增按钮
|
|
|
|
|
-const addgd_onclick = () => {
|
|
|
|
|
|
|
|
|
|
- add_gddialogFormVisible.value = true
|
|
|
|
|
- add_gdscgdformData['订单号'] = '';
|
|
|
|
|
- add_gdscgdformData['制单日期'] = '2024-06-27';
|
|
|
|
|
- add_gdscgdformData['落货日期'] = '2024-07-28';
|
|
|
|
|
|
|
+const add_gddialogFormVisible = ref(false)
|
|
|
|
|
+//点击新增订单资料按钮
|
|
|
|
|
+const addgd_onclick = async ()=>{
|
|
|
|
|
+ console.log(_Gd_khdh.value)
|
|
|
|
|
+ if(_Gd_khdh.value === '' || _Gd_khdh.value === null){
|
|
|
|
|
+ ElMessage({type: 'warning',message: '请选择左侧客户编号' })
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }else{
|
|
|
|
|
+ add_gddialogFormVisible.value = true
|
|
|
|
|
+ const getWorkOrder_list = await getWorkOrder();
|
|
|
|
|
+ // console.log(getWorkOrder_list)
|
|
|
|
|
+ add_gdscgdformData['订单编号'] = getWorkOrder_list.data;
|
|
|
|
|
+ add_gdscgdformData['客户编号'] = _Gd_khdh.value
|
|
|
|
|
+ add_gdscgdformData['制单人'] = _username.value
|
|
|
|
|
+
|
|
|
|
|
+ add_gdscgdformData['生产款号'] = ''
|
|
|
|
|
+ add_gdscgdformData['款式'] = ''
|
|
|
|
|
+ add_gdscgdformData['落货日期'] = ''
|
|
|
|
|
+ add_gdscgdformData['面料'] = ''
|
|
|
|
|
+ add_gdscgdformData['要求'] = ''
|
|
|
|
|
+ add_gdscgdformData['船样描述'] = ''
|
|
|
|
|
+ add_gdscgdformData['船样合计'] = ''
|
|
|
|
|
+ add_gdscgdformData['箱唛要求'] = ''
|
|
|
|
|
+ add_gdscgdformData['粘衬'] = ''
|
|
|
|
|
+ add_gdscgdformData['订单数量'] = ''
|
|
|
|
|
+ add_gdscgdformData['制单日期'] = '';
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ // add_gdscgdformData['落货日期'] = '2024-07-28';
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+}
|
|
|
|
|
|
|
|
|
|
|
|
|
//新增工单资料确定
|
|
//新增工单资料确定
|
|
@@ -877,14 +900,37 @@ const add_gdenterDialog = async ()=>{
|
|
|
ElMessage({type: 'warning',message: '订单编号不能为空' })
|
|
ElMessage({type: 'warning',message: '订单编号不能为空' })
|
|
|
return false;
|
|
return false;
|
|
|
}
|
|
}
|
|
|
- console.log("新增工单资料确定")
|
|
|
|
|
- console.log(add_gdscgdformData)
|
|
|
|
|
|
|
+ if(add_gdscgdformData['客户编号'] === '' || add_gdscgdformData['客户编号'] === undefined){
|
|
|
|
|
+ ElMessage({type: 'warning',message: '客户编号不能为空' })
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ if(add_gdscgdformData['订单数量'] === '' || add_gdscgdformData['订单数量'] === undefined){
|
|
|
|
|
+ ElMessage({type: 'warning',message: '客户编号不能为空' })
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+ if(add_gdscgdformData['制单日期'] === '' || add_gdscgdformData['制单日期'] === undefined){
|
|
|
|
|
+ ElMessage({type: 'warning',message: '制单日期不能为空' })
|
|
|
|
|
+ return false;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ //日期转换
|
|
|
|
|
+ let lhrq_formattedDeliveryDate = '';
|
|
|
|
|
+ if (add_gdscgdformData['落货日期']) {
|
|
|
|
|
+ const date = new Date(add_gdscgdformData['落货日期']);
|
|
|
|
|
+ lhrq_formattedDeliveryDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
|
|
|
|
|
+ }
|
|
|
|
|
+ let zdrq_formattedDeliveryDate = '';
|
|
|
|
|
+ if (add_gdscgdformData['制单日期']) {
|
|
|
|
|
+ const date = new Date(add_gdscgdformData['制单日期']);
|
|
|
|
|
+ zdrq_formattedDeliveryDate = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
const formattedData = {
|
|
const formattedData = {
|
|
|
订单编号: add_gdscgdformData['订单编号'],
|
|
订单编号: add_gdscgdformData['订单编号'],
|
|
|
生产款号: add_gdscgdformData['生产款号'],
|
|
生产款号: add_gdscgdformData['生产款号'],
|
|
|
款式: add_gdscgdformData['款式'],
|
|
款式: add_gdscgdformData['款式'],
|
|
|
客户编号: add_gdscgdformData['客户编号'],
|
|
客户编号: add_gdscgdformData['客户编号'],
|
|
|
- 落货日期: add_gdscgdformData['落货日期'],
|
|
|
|
|
|
|
+ 落货日期: lhrq_formattedDeliveryDate,
|
|
|
箱唛要求: add_gdscgdformData['箱唛要求'],
|
|
箱唛要求: add_gdscgdformData['箱唛要求'],
|
|
|
面料: add_gdscgdformData['面料'],
|
|
面料: add_gdscgdformData['面料'],
|
|
|
要求: add_gdscgdformData['要求'],
|
|
要求: add_gdscgdformData['要求'],
|
|
@@ -894,7 +940,7 @@ const add_gdenterDialog = async ()=>{
|
|
|
订单数量: add_gdscgdformData['订单数量'],
|
|
订单数量: add_gdscgdformData['订单数量'],
|
|
|
单位: add_gdscgdformData['单位'],
|
|
单位: add_gdscgdformData['单位'],
|
|
|
Sys_id: add_gdscgdformData['制单人'],
|
|
Sys_id: add_gdscgdformData['制单人'],
|
|
|
- 接单日期: add_gdscgdformData['制单日期'],
|
|
|
|
|
|
|
+ 接单日期: zdrq_formattedDeliveryDate,
|
|
|
// 审核人: add_gdscgdformData['审核人'],
|
|
// 审核人: add_gdscgdformData['审核人'],
|
|
|
// 审核日期: add_gdscgdformData['审核日期']
|
|
// 审核日期: add_gdscgdformData['审核日期']
|
|
|
};
|
|
};
|
|
@@ -903,6 +949,9 @@ const add_gdenterDialog = async ()=>{
|
|
|
if (edit_gdformdata_list.code === 0) {
|
|
if (edit_gdformdata_list.code === 0) {
|
|
|
add_gddialogFormVisible.value = false;
|
|
add_gddialogFormVisible.value = false;
|
|
|
ElMessage({type: 'success',message: '新增成功'})
|
|
ElMessage({type: 'success',message: '新增成功'})
|
|
|
|
|
+ const WorkListdata = await WorkOrderList({search:_Gd_khdh.value,page:1,limit:15});
|
|
|
|
|
+ console.log("上方表格数据")
|
|
|
|
|
+ tableData.value=WorkListdata.data.data
|
|
|
} else {
|
|
} else {
|
|
|
ElMessage({ type: 'error',message: '新增失败'})
|
|
ElMessage({ type: 'error',message: '新增失败'})
|
|
|
}
|
|
}
|
|
@@ -948,24 +997,24 @@ const zdsformdata = reactive({
|
|
|
});
|
|
});
|
|
|
const sxhandleSizeChange = (value) => {
|
|
const sxhandleSizeChange = (value) => {
|
|
|
// console.log(value)
|
|
// console.log(value)
|
|
|
- if (value === '红色') {
|
|
|
|
|
- add_yszlformdata.sxmc = '红色'
|
|
|
|
|
- } else if(value === '黄色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '黄色'
|
|
|
|
|
- }else if(value === '蓝色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '蓝色'
|
|
|
|
|
- }else if(value === '绿色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '绿色'
|
|
|
|
|
- }else if(value === '紫色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '紫色'
|
|
|
|
|
- }else if(value === '灰色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '灰色'
|
|
|
|
|
- }else if(value === '咖啡'){
|
|
|
|
|
- add_yszlformdata.sxmc = '咖啡'
|
|
|
|
|
- }else if(value === '黑白'){
|
|
|
|
|
- add_yszlformdata.sxmc = '黑白'
|
|
|
|
|
- }else if(value === '经典色'){
|
|
|
|
|
- add_yszlformdata.sxmc = '经典色'
|
|
|
|
|
|
|
+ if (value === '红色系') {
|
|
|
|
|
+ add_yszlformdata.sxmc = '红色系'
|
|
|
|
|
+ } else if(value === '黄色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '黄色系'
|
|
|
|
|
+ }else if(value === '蓝色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '蓝色系'
|
|
|
|
|
+ }else if(value === '绿色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '绿色系'
|
|
|
|
|
+ }else if(value === '紫色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '紫色系'
|
|
|
|
|
+ }else if(value === '灰色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '灰色系'
|
|
|
|
|
+ }else if(value === '咖啡色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '咖啡色系'
|
|
|
|
|
+ }else if(value === '黑白色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '黑白色系'
|
|
|
|
|
+ }else if(value === '经典色系'){
|
|
|
|
|
+ add_yszlformdata.sxmc = '经典色系'
|
|
|
}
|
|
}
|
|
|
};
|
|
};
|
|
|
|
|
|
|
@@ -998,12 +1047,17 @@ const gdyj_clearFormData = () => {
|
|
|
Object.keys(zdsformdata).forEach(key => {
|
|
Object.keys(zdsformdata).forEach(key => {
|
|
|
zdsformdata[key] = '';
|
|
zdsformdata[key] = '';
|
|
|
});
|
|
});
|
|
|
- add_yszlformdata['ddh'] = _Gd_gdbh.value;
|
|
|
|
|
- add_yszlformdata['ddzbh'] = '';
|
|
|
|
|
- add_yszlformdata['ys'] = '';
|
|
|
|
|
- add_yszlformdata['cmgg'] = '32~46';
|
|
|
|
|
- add_yszlformdata['sfcy'] = '是';
|
|
|
|
|
|
|
+
|
|
|
};
|
|
};
|
|
|
|
|
+
|
|
|
|
|
+//自动计算制单数总计
|
|
|
|
|
+function updateTotal() {
|
|
|
|
|
+ // 直接指定要累加的属性名
|
|
|
|
|
+ const relevantKeys = ['zds1', 'zds2', 'zds3', 'zds4', 'zds5', 'zds6', 'zds7', 'zds8'];
|
|
|
|
|
+ const values = relevantKeys.map(key => parseInt(zdsformdata[key], 10) || 0); // 使用 || 0 来处理可能的 NaN 或 undefined/null
|
|
|
|
|
+ zdsformdata.zds9 = values.reduce((sum, value) => sum + value, 0);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
//新增颜色资料按钮
|
|
//新增颜色资料按钮
|
|
|
const addgdyj_onclick = () => {
|
|
const addgdyj_onclick = () => {
|
|
|
if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
|
|
if(_Gd_gdbh.value === '' || _Gd_gdbh.value === null){
|
|
@@ -1011,6 +1065,12 @@ const addgdyj_onclick = () => {
|
|
|
return false;
|
|
return false;
|
|
|
}else{
|
|
}else{
|
|
|
add_gdyjdialogFormVisible.value = true
|
|
add_gdyjdialogFormVisible.value = true
|
|
|
|
|
+ add_yszlformdata['ddh'] = _Gd_gdbh.value;
|
|
|
|
|
+ add_yszlformdata['ddzbh'] = '';
|
|
|
|
|
+ add_yszlformdata['ys'] = '';
|
|
|
|
|
+ add_yszlformdata['cmgg'] = '32~46';
|
|
|
|
|
+ add_yszlformdata['sfcy'] = '是';
|
|
|
|
|
+ add_yszlformdata['kdy'] = _username.value;
|
|
|
gdyj_clearFormData();
|
|
gdyj_clearFormData();
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -1083,7 +1143,20 @@ const add_gdyjenterDialog = async () => {
|
|
|
// 图片:previewFiles['value']['0']['name']
|
|
// 图片:previewFiles['value']['0']['name']
|
|
|
};
|
|
};
|
|
|
console.log(addyszltable)
|
|
console.log(addyszltable)
|
|
|
|
|
+
|
|
|
const printDetailAdds = await printDetailAdd(addyszltable);
|
|
const printDetailAdds = await printDetailAdd(addyszltable);
|
|
|
|
|
+ if (printDetailAdds.code === 0) {
|
|
|
|
|
+ add_gdyjdialogFormVisible.value = false;
|
|
|
|
|
+ ElMessage({type: 'success',message: '新增成功'})
|
|
|
|
|
+ }
|
|
|
|
|
+ const PrintListDatas = await PrintListData({order:_Gd_gdbh.value})
|
|
|
|
|
+ if(PrintListDatas.data.列表.length === 0){
|
|
|
|
|
+ ystableData.length = []
|
|
|
|
|
+ }else{
|
|
|
|
|
+ sizeDatas.splice(0,PrintListDatas.data.型号.length,...PrintListDatas.data.型号);//型号数据
|
|
|
|
|
+ ystableData.splice(0,PrintListDatas.data.列表.length,...PrintListDatas.data.列表);//表格数据
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
//新增颜色资料取消
|
|
//新增颜色资料取消
|
|
@@ -1484,23 +1557,23 @@ const handleUploadFile = (file) => {
|
|
|
return true;
|
|
return true;
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
-const uploadFile = (file) => {
|
|
|
|
|
- uploadImageUsingFile({ imageFile: file.file, type: 3 })
|
|
|
|
|
- .then(value => {
|
|
|
|
|
- if (value.code === '0') {
|
|
|
|
|
- // 注意:直接修改 props 是不推荐的,但这里为了简化,我们直接修改
|
|
|
|
|
- // 更好的做法是使用 emit 发送一个事件,让父组件来处理
|
|
|
|
|
- props.fileList.push(value.data);
|
|
|
|
|
- emit('getImage', [...props.fileList]); // 通知父组件更新
|
|
|
|
|
- } else {
|
|
|
|
|
- ElMessage.error('图片上传失败');
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- .catch(err => {
|
|
|
|
|
- ElMessage.error('图片上传失败');
|
|
|
|
|
- console.log(err);
|
|
|
|
|
- });
|
|
|
|
|
-};
|
|
|
|
|
|
|
+// const uploadFile = (file) => {
|
|
|
|
|
+// uploadImageUsingFile({ imageFile: file.file, type: 3 })
|
|
|
|
|
+// .then(value => {
|
|
|
|
|
+// if (value.code === '0') {
|
|
|
|
|
+// // 注意:直接修改 props 是不推荐的,但这里为了简化,我们直接修改
|
|
|
|
|
+// // 更好的做法是使用 emit 发送一个事件,让父组件来处理
|
|
|
|
|
+// props.fileList.push(value.data);
|
|
|
|
|
+// emit('getImage', [...props.fileList]); // 通知父组件更新
|
|
|
|
|
+// } else {
|
|
|
|
|
+// ElMessage.error('图片上传失败');
|
|
|
|
|
+// }
|
|
|
|
|
+// })
|
|
|
|
|
+// .catch(err => {
|
|
|
|
|
+// ElMessage.error('图片上传失败');
|
|
|
|
|
+// console.log(err);
|
|
|
|
|
+// });
|
|
|
|
|
+// };
|
|
|
|
|
|
|
|
const handlePicturePreview = (file) => {
|
|
const handlePicturePreview = (file) => {
|
|
|
dialogImageUrl.value = file.originalUrl;
|
|
dialogImageUrl.value = file.originalUrl;
|
|
@@ -1522,7 +1595,7 @@ const handlePaste = (event) => {
|
|
|
for (let i = 0; i < items.length; i++) {
|
|
for (let i = 0; i < items.length; i++) {
|
|
|
if (items[i].type.includes('image')) {
|
|
if (items[i].type.includes('image')) {
|
|
|
const file = items[i].getAsFile();
|
|
const file = items[i].getAsFile();
|
|
|
- uploadFile({ file });
|
|
|
|
|
|
|
+ // uploadFile({ file });
|
|
|
break;
|
|
break;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|