|
@@ -109,12 +109,21 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
|
|
|
- <el-tabs v-model="curTabs">
|
|
|
+ <el-tabs v-model="formTabs">
|
|
|
<el-tab-pane label="商品信息" name="a"></el-tab-pane>
|
|
|
<el-tab-pane label="条码信息" name="b" v-if="joinCode"></el-tab-pane>
|
|
|
+ <el-tab-pane label="旧机信息" name="c" v-if="formData.isReturnOld === 'YES'"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
- <div v-show="curTabs == 'a'">
|
|
|
+ <div v-show="formTabs == 'a'">
|
|
|
+ <div style="margin-top: 10px;" v-if="formData.isOld == 'YES'">
|
|
|
+ <el-form-item label="是否退旧机" label-width="100px" prop="isReturnOld">
|
|
|
+ <el-radio-group v-model="formData.isReturnOld">
|
|
|
+ <el-radio label="YES">是</el-radio>
|
|
|
+ <el-radio label="NO">否</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
<el-table
|
|
|
class="specTable"
|
|
|
:data="goodsList"
|
|
@@ -168,7 +177,7 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <div v-show="curTabs == 'b'">
|
|
|
+ <div v-show="formTabs == 'b'">
|
|
|
<el-table
|
|
|
class="specTable"
|
|
|
:data="codeList"
|
|
@@ -201,7 +210,30 @@
|
|
|
|
|
|
</el-table>
|
|
|
</div>
|
|
|
-
|
|
|
+ <div v-show="formTabs == 'c'">
|
|
|
+ <el-table
|
|
|
+ class="specTable"
|
|
|
+ :data="oldList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ style="margin-top: 20px">
|
|
|
+ <el-table-column align="center" label="大类" prop="mainName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="小类" prop="smallName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="规格型号" prop="specName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="属性" prop="attrId" min-width="160">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.itemList.map(o => o.dictName).join('、')}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="单位" min-width="120">
|
|
|
+ <template>台</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="数量" prop="num" min-width="120"></el-table-column>
|
|
|
+ <el-table-column align="center" label="金额" prop="payAmount" min-width="120"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer" style="margin-top: 20px;">
|
|
@@ -262,12 +294,13 @@
|
|
|
</el-descriptions-item>
|
|
|
</el-descriptions>
|
|
|
|
|
|
- <el-tabs v-model="curTabs">
|
|
|
+ <el-tabs v-model="detailTabs">
|
|
|
<el-tab-pane label="商品信息" name="a"></el-tab-pane>
|
|
|
<el-tab-pane label="条码信息" name="b" v-if="joinCode"></el-tab-pane>
|
|
|
+ <el-tab-pane label="旧机信息" name="c" v-if="detailData.isOld == 'YES'"></el-tab-pane>
|
|
|
</el-tabs>
|
|
|
|
|
|
- <div v-show="curTabs == 'a'">
|
|
|
+ <div v-show="detailTabs == 'a'">
|
|
|
<el-table
|
|
|
class="specTable"
|
|
|
:data="detailData.orderOfflineRefundItems"
|
|
@@ -305,7 +338,7 @@
|
|
|
<el-table-column align="center" label="订单金额" prop="payAmount" min-width="120"></el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <div v-show="curTabs == 'b'">
|
|
|
+ <div v-show="detailTabs == 'b'">
|
|
|
<el-table
|
|
|
class="specTable"
|
|
|
:data="detailData.orderOfflineItemCodes"
|
|
@@ -331,6 +364,30 @@
|
|
|
|
|
|
</el-table>
|
|
|
</div>
|
|
|
+ <div v-show="detailTabs == 'c'">
|
|
|
+ <el-table
|
|
|
+ class="specTable"
|
|
|
+ :data="detailData.orderOldProductDTOList"
|
|
|
+ element-loading-text="Loading"
|
|
|
+ border
|
|
|
+ highlight-current-row
|
|
|
+ stripe
|
|
|
+ style="margin-top: 20px">
|
|
|
+ <el-table-column align="center" label="大类" prop="mainName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="小类" prop="smallName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="规格型号" prop="specName" min-width="160"></el-table-column>
|
|
|
+ <el-table-column align="center" label="属性" prop="attrId" min-width="160">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.itemList.map(o => o.dictName).join('、')}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="单位" min-width="120">
|
|
|
+ <template>台</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column align="center" label="数量" prop="num" min-width="120"></el-table-column>
|
|
|
+ <el-table-column align="center" label="金额" prop="payAmount" min-width="120"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
|
|
|
<div slot="footer" class="dialog-footer" style="margin-top: 20px;">
|
|
|
<el-button size="mini" @click="data.removeTab()">关 闭</el-button>
|
|
@@ -535,8 +592,13 @@ export default {
|
|
|
|
|
|
remark: '', // 备注
|
|
|
fileUrl: '', // 附件
|
|
|
+
|
|
|
+ isOld: 'NO',
|
|
|
+ isReturnOld: '',
|
|
|
+ },
|
|
|
+ formRules: {
|
|
|
+ isReturnOld: [{ required: true, message: '请选择是否退旧机', trigger: 'change' }],
|
|
|
},
|
|
|
- formRules: {},
|
|
|
formType: 'add',
|
|
|
formVisible: false,
|
|
|
|
|
@@ -544,7 +606,9 @@ export default {
|
|
|
orderTypeList: [],
|
|
|
goodsList: [],
|
|
|
codeList: [],
|
|
|
- curTabs: 'a',
|
|
|
+ oldList: [],
|
|
|
+ formTabs: 'a',
|
|
|
+ detailTabs: 'a',
|
|
|
|
|
|
detailData: {},
|
|
|
|
|
@@ -598,6 +662,7 @@ export default {
|
|
|
getOrderDetail({ orderId: this.$route.query.orderId }).then((res) => {
|
|
|
const data = res.data;
|
|
|
this.formData.orderId = data.orderId;
|
|
|
+ this.formData.isOld = data.isOld;
|
|
|
this.formData.saleType = data.saleType;
|
|
|
this.formData.saleName = data.saleName;
|
|
|
this.formData.saleMobile = data.saleMobile;
|
|
@@ -610,6 +675,7 @@ export default {
|
|
|
item.waitRefundPrice = item.price;
|
|
|
})
|
|
|
this.goodsList = data.orderDetails;
|
|
|
+ this.oldList = data.orderOldProductDTOList;
|
|
|
})
|
|
|
getOrderCodeList({orderId: this.$route.query.orderId}).then(res => {
|
|
|
this.codeList = res.data;
|
|
@@ -692,6 +758,7 @@ export default {
|
|
|
// this.getOrderTypeList();
|
|
|
this.formType = type
|
|
|
this.formVisible = true
|
|
|
+ this.formTabs = 'a';
|
|
|
if (type == 'add') {
|
|
|
this.formDialogType = 0
|
|
|
this.formData.companyWechatName = this.name;
|
|
@@ -723,6 +790,9 @@ export default {
|
|
|
this.goodsList = data.orderOfflineRefundItems;
|
|
|
this.codeList = data.orderOfflineItemCodes;
|
|
|
// Object.assign(this.formData, res.data)
|
|
|
+
|
|
|
+ this.formData.isReturnOld = data.isOld;
|
|
|
+ this.oldList = data.orderOldProductDTOList;
|
|
|
})
|
|
|
}
|
|
|
})
|
|
@@ -758,7 +828,9 @@ export default {
|
|
|
refundAmount: item.waitRefundPrice,
|
|
|
}
|
|
|
}),
|
|
|
- orderOfflineItemCodes: this.joinCode ? this.codeList : []
|
|
|
+ orderOfflineItemCodes: this.joinCode ? this.codeList : [],
|
|
|
+ isOld: this.formData.isReturnOld,
|
|
|
+ ids: this.oldList.map(o => o.id),
|
|
|
}).then(res => {
|
|
|
this.$message({ type: 'success', message: `${this.formDialogTitles[this.formDialogType]}成功!` })
|
|
|
cancel('list')
|
|
@@ -781,6 +853,7 @@ export default {
|
|
|
this.pageType = type;
|
|
|
this.formCancel()
|
|
|
this.$nextTick(()=>{
|
|
|
+ this.detailTabs = 'a';
|
|
|
if (type == 'detail') {
|
|
|
this.formDialogType = 0
|
|
|
} else if(type == 'examine'){
|
|
@@ -884,26 +957,30 @@ export default {
|
|
|
if(this.waitChooseOrder.length > 1) {
|
|
|
return this.$errorMsg('最多选择一个订单');
|
|
|
}
|
|
|
- const data = this.waitChooseOrder[0];
|
|
|
- this.formData.orderId = data.orderId;
|
|
|
- this.formData.saleType = data.saleType;
|
|
|
- this.formData.saleName = data.saleName;
|
|
|
- this.formData.saleMobile = data.saleMobile;
|
|
|
- this.formData.createTime = data.createTime;
|
|
|
- this.formData.receUserName = data.receUserName;
|
|
|
- this.formData.recePhone = data.recePhone;
|
|
|
- this.formData.receAddress = data.receAddress;
|
|
|
- data.orderDetails.forEach(item => {
|
|
|
- item.waitRefundNum = item.num;
|
|
|
- item.waitRefundPrice = item.price;
|
|
|
- })
|
|
|
- this.goodsList = data.orderDetails;
|
|
|
+ getOrderDetail({ orderId: this.waitChooseOrder[0].orderId }).then((res) => {
|
|
|
+ const data = res.data;
|
|
|
+ this.formData.orderId = data.orderId;
|
|
|
+ this.formData.isOld = data.isOld;
|
|
|
+ this.formData.saleType = data.saleType;
|
|
|
+ this.formData.saleName = data.saleName;
|
|
|
+ this.formData.saleMobile = data.saleMobile;
|
|
|
+ this.formData.createTime = data.createTime;
|
|
|
+ this.formData.receUserName = data.receUserName;
|
|
|
+ this.formData.recePhone = data.recePhone;
|
|
|
+ this.formData.receAddress = data.receAddress;
|
|
|
+ data.orderDetails.forEach(item => {
|
|
|
+ item.waitRefundNum = item.num;
|
|
|
+ item.waitRefundPrice = item.price;
|
|
|
+ })
|
|
|
+ this.goodsList = data.orderDetails;
|
|
|
+ this.oldList = data.orderOldProductDTOList;
|
|
|
|
|
|
- getOrderCodeList({orderId: data.orderId}).then(res => {
|
|
|
- this.codeList = res.data;
|
|
|
- })
|
|
|
+ getOrderCodeList({orderId: data.orderId}).then(res => {
|
|
|
+ this.codeList = res.data;
|
|
|
+ })
|
|
|
|
|
|
- this.isShowOrderDialog = false;
|
|
|
+ this.isShowOrderDialog = false;
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
// 删除商品
|
|
@@ -916,6 +993,11 @@ export default {
|
|
|
this.codeList.splice(index, 1);
|
|
|
},
|
|
|
|
|
|
+ // 删除旧机
|
|
|
+ deleteOld(index) {
|
|
|
+ this.oldList.splice(index, 1);
|
|
|
+ },
|
|
|
+
|
|
|
// 获取工单类型列表
|
|
|
getOrderTypeList() {
|
|
|
getOrderTypeList({
|