|
|
@@ -19,30 +19,43 @@
|
|
|
@search-criteria-switch="searchCriteriaSwitch"
|
|
|
@saveColumn="saveColumn"
|
|
|
@resetColumn="resetColumn"
|
|
|
+ @expand-change="expandChange"
|
|
|
>
|
|
|
<template slot="orderNo" slot-scope="scope">
|
|
|
<span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row,scope.index)">{{ scope.row.orderNo }}</span>
|
|
|
</template>
|
|
|
- <template slot="corpId" slot-scope="scope">
|
|
|
+ <template slot="corpsName" slot-scope="scope">
|
|
|
<span style="color: #409EFF;cursor: pointer" @click.stop="beforeOpenPage(scope.row,scope.index)">{{ scope.row.corpsName }}</span>
|
|
|
</template>
|
|
|
- <template slot="storageId" slot-scope="scope">
|
|
|
+ <template slot="storageName" slot-scope="scope">
|
|
|
<span>{{ scope.row.storageName }}</span>
|
|
|
</template>
|
|
|
<template slot="createUser" slot-scope="scope">
|
|
|
<span>{{ scope.row.createUserName }}</span>
|
|
|
</template>
|
|
|
- <template slot="storageIdSearch">
|
|
|
+ <template slot="amount" slot-scope="scope">
|
|
|
+ <span>{{ scope.row.amount | decimalFormat }}</span>
|
|
|
+ </template>
|
|
|
+ <template slot="storageNameSearch">
|
|
|
<warehouse-select
|
|
|
v-model="search.storageId"
|
|
|
:configuration="configurationWarehouse"/>
|
|
|
</template>
|
|
|
- <template slot="corpIdSearch">
|
|
|
+ <template slot="corpsNameSearch">
|
|
|
<crop-select
|
|
|
v-model="search.corpId"
|
|
|
corpType="KH"
|
|
|
></crop-select>
|
|
|
</template>
|
|
|
+ <template slot-scope="{ row }" slot="expand">
|
|
|
+ <avue-crud
|
|
|
+ :data="row.itemData"
|
|
|
+ :option="itemOption"
|
|
|
+ :table-loading="row.itemLoading"
|
|
|
+ :cell-style="cellStyle"
|
|
|
+ class="itemTable"
|
|
|
+ ></avue-crud>
|
|
|
+ </template>
|
|
|
<template slot="menuLeft">
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
@@ -83,7 +96,7 @@
|
|
|
import option from './config/mainList.json';
|
|
|
import detailPage from "./detail";
|
|
|
import { gainUser } from "@/api/basicData/customerInquiry";
|
|
|
-import {getSalesList, detail, deleteDetails} from "@/api/dealer/sales";
|
|
|
+import {getSalesList, dataDetail, deleteDetails} from "@/api/dealer/sales";
|
|
|
|
|
|
export default {
|
|
|
name: "index",
|
|
|
@@ -110,8 +123,82 @@ export default {
|
|
|
multiple: false,
|
|
|
collapseTags: false,
|
|
|
placeholder: "请点击右边按钮选择",
|
|
|
+ clearable: true,
|
|
|
dicData: [],
|
|
|
},
|
|
|
+ itemOption: {
|
|
|
+ align: "center",
|
|
|
+ header: false,
|
|
|
+ menu: false,
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: "产品编码",
|
|
|
+ prop: "code",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "商品名称",
|
|
|
+ prop: "cname",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "花纹",
|
|
|
+ prop: "brandItem",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "负荷指数",
|
|
|
+ prop: "specsOne",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "速度级别",
|
|
|
+ prop: "specsTwo",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "单位",
|
|
|
+ prop: "unit",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "批次号",
|
|
|
+ prop: "lotNo",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "数量",
|
|
|
+ prop: "orderQuantity",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "尺寸",
|
|
|
+ prop: "size",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "价格",
|
|
|
+ prop: "price",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: "小计",
|
|
|
+ prop: "amount",
|
|
|
+ width: 138,
|
|
|
+ overHidden: true
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
async created() {
|
|
|
@@ -133,6 +220,11 @@ export default {
|
|
|
this.option.searchMenuPosition = "right";
|
|
|
}
|
|
|
},
|
|
|
+ filters: {
|
|
|
+ decimalFormat(num) {
|
|
|
+ return num ? Number(num).toFixed(2) : "0.00";
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
searchCriteriaSwitch(type) {
|
|
|
if (type){
|
|
|
@@ -204,6 +296,10 @@ export default {
|
|
|
}
|
|
|
delete queryParams.businesDate;
|
|
|
getSalesList(queryParams).then(res => {
|
|
|
+ res.data.data.records.forEach(e => {
|
|
|
+ e.itemLoading = false;
|
|
|
+ e.itemData = [];
|
|
|
+ });
|
|
|
this.dataList = res.data.data.records;
|
|
|
this.page.total = res.data.data.total;
|
|
|
this.option.height = window.innerHeight - 240;
|
|
|
@@ -267,6 +363,18 @@ export default {
|
|
|
query: true, // 表示只是查询
|
|
|
};
|
|
|
},
|
|
|
+ expandChange(row) {
|
|
|
+ if (this.dataList[row.$index].itemLoading == false) {
|
|
|
+ this.dataList[row.$index].itemLoading = true;
|
|
|
+ dataDetail(row.id)
|
|
|
+ .then(res => {
|
|
|
+ this.dataList[row.$index].itemData = res.data.data.orderItemsList? res.data.data.orderItemsList: [];
|
|
|
+ })
|
|
|
+ .finally(() => {
|
|
|
+ this.dataList[row.$index].itemLoading = false;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
}
|
|
|
</script>
|
lichao