|
@@ -1,36 +1,20 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<basic-container v-show="show" class="page-crad">
|
|
|
- <avue-crud
|
|
|
- ref="crud"
|
|
|
- :option="option"
|
|
|
- :data="dataList"
|
|
|
- v-model="form"
|
|
|
- :page.sync="page"
|
|
|
- :search.sync="search"
|
|
|
- :key="key"
|
|
|
- @search-change="searchChange"
|
|
|
- @current-change="currentChange"
|
|
|
- @size-change="sizeChange"
|
|
|
- @refresh-change="refreshChange"
|
|
|
- @on-load="onLoad"
|
|
|
- :table-loading="loading"
|
|
|
- @saveColumn="saveColumn"
|
|
|
- @resetColumn="resetColumn"
|
|
|
- :summary-method="summaryMethod"
|
|
|
- :cell-style="cellStyle"
|
|
|
- @selection-change="selectionChange"
|
|
|
- @expand-change="expandChange"
|
|
|
- @search-criteria-switch="searchCriteriaSwitch"
|
|
|
- >
|
|
|
- <template slot-scope="{ row }" slot="expand">
|
|
|
- <avue-crud
|
|
|
- :data="row.itemData"
|
|
|
- :option="itemOption"
|
|
|
- :table-loading="row.itemLoading"
|
|
|
- :cell-style="cellStyle"
|
|
|
- class="itemTable"
|
|
|
- ></avue-crud>
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="待报关" name="first" />
|
|
|
+ <el-tab-pane label="待出运" name="second" />
|
|
|
+ <el-tab-pane label="待寄单" name="third" />
|
|
|
+ <el-tab-pane label="全部" name="fourth" />
|
|
|
+ </el-tabs>
|
|
|
+ <avue-crud ref="crud" :option="option" :data="dataList" v-model="form" :page.sync="page" :search.sync="search"
|
|
|
+ :key="key" @search-change="searchChange" @current-change="currentChange" @size-change="sizeChange"
|
|
|
+ @refresh-change="refreshChange" @on-load="onLoad" :table-loading="loading" @saveColumn="saveColumn"
|
|
|
+ @resetColumn="resetColumn" :summary-method="summaryMethod" :cell-style="cellStyle"
|
|
|
+ @selection-change="selectionChange" @expand-change="expandChange" @search-criteria-switch="searchCriteriaSwitch">
|
|
|
+ <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-scope="{ row }" slot="salesCompany">
|
|
|
<span>{{ row.salesCompanyName }}</span>
|
|
@@ -45,85 +29,68 @@
|
|
|
<span>{{ row.createUserName }}</span>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="corpId">
|
|
|
- <span
|
|
|
- style="color: #409EFF;cursor: pointer"
|
|
|
- @click.stop="editOpen(scope.row, 1)"
|
|
|
- >{{ scope.row.corpsName }}
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="editOpen(scope.row, 1)">{{ scope.row.corpsName }}
|
|
|
</span>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="orgOrderNo">
|
|
|
- <span
|
|
|
- style="color: #409EFF;cursor: pointer"
|
|
|
- @click.stop="editOpen(scope.row, 1)"
|
|
|
- >{{ scope.row.orgOrderNo }}
|
|
|
+ <span style="color: #409EFF;cursor: pointer" @click.stop="editOpen(scope.row, 1)">{{ scope.row.orgOrderNo }}
|
|
|
</span>
|
|
|
</template>
|
|
|
|
|
|
<template slot="createTimeSearch">
|
|
|
- <el-date-picker
|
|
|
- v-model="search.createTime"
|
|
|
- type="daterange"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- format="yyyy-MM-dd"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- :default-time="['00:00:00', '23:59:59']"
|
|
|
- >
|
|
|
+ <el-date-picker v-model="search.createTime" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
+ format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']">
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
<template slot="portOfLoadSearch">
|
|
|
<port-info v-model="search.portOfLoad" />
|
|
|
</template>
|
|
|
<template slot-scope="{ row }" slot="deliveryStatus">
|
|
|
- <span v-for="item in $refs.crud.DIC.deliveryStatus" :style="{color: item.colour}" v-if="item.dictValue == row.deliveryStatus">{{row.deliveryStatus}}</span>
|
|
|
+ <span v-for="item in $refs.crud.DIC.deliveryStatus" :style="{ color: item.colour }"
|
|
|
+ v-if="item.dictValue == row.deliveryStatus">{{ row.deliveryStatus }}</span>
|
|
|
</template>
|
|
|
<template slot="portOfDestinationSearch">
|
|
|
<port-info v-model="search.portOfDestination" />
|
|
|
</template>
|
|
|
<template slot="menuLeft">
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="primary"-->
|
|
|
-<!-- icon="el-icon-plus"-->
|
|
|
-<!-- size="small"-->
|
|
|
-<!-- @click.stop="newAdd()"-->
|
|
|
-<!-- >创建单据-->
|
|
|
-<!-- </el-button>-->
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="success"-->
|
|
|
-<!-- size="small"-->
|
|
|
-<!-- @click.stop="copyDoc()"-->
|
|
|
-<!-- :disabled="selectionList.length != 1"-->
|
|
|
-<!-- >复制单据</el-button-->
|
|
|
-<!-- >-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="primary"-->
|
|
|
+ <!-- icon="el-icon-plus"-->
|
|
|
+ <!-- size="small"-->
|
|
|
+ <!-- @click.stop="newAdd()"-->
|
|
|
+ <!-- >创建单据-->
|
|
|
+ <!-- </el-button>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="success"-->
|
|
|
+ <!-- size="small"-->
|
|
|
+ <!-- @click.stop="copyDoc()"-->
|
|
|
+ <!-- :disabled="selectionList.length != 1"-->
|
|
|
+ <!-- >复制单据</el-button-->
|
|
|
+ <!-- >-->
|
|
|
<el-button type="info" size="small">报表打印</el-button>
|
|
|
</template>
|
|
|
<template slot="corpIdSearch">
|
|
|
<crop-select v-model="search.corpId" corpType="KH"></crop-select>
|
|
|
</template>
|
|
|
<template slot-scope="scope" slot="menu">
|
|
|
-<!-- <el-button-->
|
|
|
-<!-- type="text"-->
|
|
|
-<!-- icon="el-icon-delete"-->
|
|
|
-<!-- size="small"-->
|
|
|
-<!-- @click.stop="rowDel(scope.row, scope.index)"-->
|
|
|
-<!-- >删除-->
|
|
|
-<!-- </el-button>-->
|
|
|
+ <!-- <el-button-->
|
|
|
+ <!-- type="text"-->
|
|
|
+ <!-- icon="el-icon-delete"-->
|
|
|
+ <!-- size="small"-->
|
|
|
+ <!-- @click.stop="rowDel(scope.row, scope.index)"-->
|
|
|
+ <!-- >删除-->
|
|
|
+ <!-- </el-button>-->
|
|
|
<el-button type="text" icon="el-icon-view" size="small" @click.stop="editOpen(scope.row, 1)">查看</el-button>
|
|
|
</template>
|
|
|
</avue-crud>
|
|
|
</basic-container>
|
|
|
- <detail-page
|
|
|
- @goBack="goBack"
|
|
|
- @copyOrder="copyOrder"
|
|
|
- :detailData="detailData"
|
|
|
- v-if="!show"
|
|
|
- ></detail-page>
|
|
|
+ <detail-page @goBack="goBack" @copyOrder="copyOrder" :detailData="detailData" v-if="!show"></detail-page>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import option from "./config/mainList.json";
|
|
|
-import { getList, remove, gainUser,getGoodsInfo} from "@/api/basicData/invoice";
|
|
|
+import { getList, remove, gainUser, getGoodsInfo } from "@/api/basicData/invoice";
|
|
|
import detailPage from "./detailsPage.vue";
|
|
|
import { micrometerFormat, IntegerFormat } from "@/util/validate";
|
|
|
import { defaultDate } from "@/util/date";
|
|
@@ -132,6 +99,8 @@ export default {
|
|
|
name: "customerInformation",
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeName: 'first',
|
|
|
+ tabType: 1,
|
|
|
configuration2: {
|
|
|
multipleChoices: false,
|
|
|
multiple: false,
|
|
@@ -139,7 +108,7 @@ export default {
|
|
|
placeholder: "请点击右边按钮选择",
|
|
|
dicData: []
|
|
|
},
|
|
|
- key:0,
|
|
|
+ key: 0,
|
|
|
search: {
|
|
|
businessDate: defaultDate()
|
|
|
},
|
|
@@ -203,11 +172,11 @@ export default {
|
|
|
option: {},
|
|
|
parentId: 0,
|
|
|
dataList: [],
|
|
|
- page: {
|
|
|
+ page: {
|
|
|
pageSize: 20,
|
|
|
currentPage: 1,
|
|
|
total: 0,
|
|
|
- pageSizes: [10,20,30,40,50, 100, 200, 300, 400, 500]
|
|
|
+ pageSizes: [10, 20, 30, 40, 50, 100, 200, 300, 400, 500]
|
|
|
},
|
|
|
show: true,
|
|
|
detailData: {},
|
|
@@ -224,7 +193,7 @@ export default {
|
|
|
gainUser().then(res => {
|
|
|
this.findObject(this.option.column, "createUser").dicData = res.data.data;
|
|
|
});
|
|
|
- this.option.height = window.innerHeight - 210;
|
|
|
+ this.option.height = window.innerHeight - 260;
|
|
|
this.key++
|
|
|
},
|
|
|
activated() {
|
|
@@ -244,6 +213,18 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleClick(tab, event) {
|
|
|
+ if (this.activeName == 'first') {
|
|
|
+ this.tabType = 1
|
|
|
+ } else if (this.activeName == 'second') {
|
|
|
+ this.tabType = 2
|
|
|
+ } else if (this.activeName == 'third') {
|
|
|
+ this.tabType = 3
|
|
|
+ } else if (this.activeName == 'fourth') {
|
|
|
+ this.tabType = ''
|
|
|
+ }
|
|
|
+ this.onLoad(this.page, this.search);
|
|
|
+ },
|
|
|
searchCriteriaSwitch(type) {
|
|
|
if (type) {
|
|
|
this.option.height = this.option.height - 191;
|
|
@@ -308,16 +289,16 @@ export default {
|
|
|
if (params.businessDate) {
|
|
|
params.businessStartDate = params.businessDate[0];
|
|
|
params.businessEndDate = params.businessDate[1];
|
|
|
- }else {
|
|
|
- delete params.businessStartDate
|
|
|
- delete params.businessEndDate
|
|
|
+ } else {
|
|
|
+ delete params.businessStartDate
|
|
|
+ delete params.businessEndDate
|
|
|
}
|
|
|
if (params.createTime) {
|
|
|
params.createStartTime = params.createTime[0];
|
|
|
params.createEndTime = params.createTime[1];
|
|
|
- }else {
|
|
|
- delete params.createStartTime
|
|
|
- delete params.createEndTime
|
|
|
+ } else {
|
|
|
+ delete params.createStartTime
|
|
|
+ delete params.createEndTime
|
|
|
}
|
|
|
delete params.businessDate;
|
|
|
delete params.createTime;
|
|
@@ -341,9 +322,13 @@ export default {
|
|
|
};
|
|
|
delete params.businessDate;
|
|
|
}
|
|
|
+ params = {
|
|
|
+ ...params,
|
|
|
+ tabType: this.tabType
|
|
|
+ };
|
|
|
this.loading = true;
|
|
|
this.dataList.forEach(item => {
|
|
|
- this.$refs.crud.toggleRowExpansion(item, false);
|
|
|
+ this.$refs.crud.toggleRowExpansion(item, false);
|
|
|
});
|
|
|
getList(page.currentPage, page.pageSize, params)
|
|
|
.then(res => {
|
|
@@ -451,7 +436,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
- option: function() {
|
|
|
+ option: function () {
|
|
|
this.search.businessDate = defaultDate();
|
|
|
}
|
|
|
}
|
|
@@ -462,9 +447,11 @@ export default {
|
|
|
::v-deep .select-component {
|
|
|
display: flex;
|
|
|
}
|
|
|
+
|
|
|
.page-crad ::v-deep .basic-container__card {
|
|
|
height: 94.2vh;
|
|
|
}
|
|
|
+
|
|
|
.itemTable ::v-deep .el-table {
|
|
|
margin-left: 50px;
|
|
|
width: 100%;
|