yxt_product
/
yxt-yythmall-ui-admin
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

预约配货统计

master
liupopo 1 year ago
parent
d95238daa3
commit
42c1b09b66
5 changed files with 527 additions and 707 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 127
      src/api/lpk/reserveorder.js
  2. 535
      src/views/orderreserve/allDistributionCount.vue
  3. 8
      src/views/orderreserve/distributionCount.vue
  4. 4
      src/views/orderreserve/index.vue
  5. 560
      src/views/orderreserve/subBranch.vue

127
src/api/lpk/reserveorder.js
View File

@ -24,96 +24,71 @@ export default {
responseType: 'blob' responseType: 'blob'
}) })
}, },
// 获取各提货点配货列表
// 获取所有门店 pageOfStore: function(data) {
getAllStore: function(data) {
return request({ return request({
url: '/lpkstore/getAllStore', url: '/adminapi/reserve/pageOfStore',
method: 'delete',
data: data
});
},
// 导出报表
exportExcel: function(data) {
return request({
url: '/lpksreservoorder/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: data,
headers: {
'Content-Type': 'application/json'
}
});
},
// 获取配货列表
distributionList: function(data) {
return request({
url: '/lpksreservoorder/orderListByStore',
method: 'post', method: 'post',
data: data data: data
}); });
}, },
expExcelOfStore: function(params) {
// 导出报表 return request({
distributionExportExcel: function(data) { url: '/adminapi/reserve/expExcelOfStore',
return request({ method: 'post',
url: '/lpksreservoorder/exportExcelByStore', data: params,
method: 'post', // headers: {
responseType: 'blob', // 表明返回服务器返回的数据类型 // "responseType": "blob" //将二进制流转换成blob对象
data: data, // },
headers: { headers: {
'Content-Type': 'application/json' 'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
} },
}); responseType: 'blob'
}, })
},
// 获取各支行配货列表
// 获取支行汇总列表 pageOfBank: function(data) {
bankOrderList: function(data) {
return request({ return request({
url: '/lpksreservoorder/orderListByBank', url: '/adminapi/reserve/pageOfBank',
method: 'post', method: 'post',
data: data data: data
}); });
}, },
expExcelOfBank: function(params) {
// 导出支行报表 return request({
bankOrderExportExcel: function(data) { url: '/adminapi/reserve/expExcelOfBank',
return request({ method: 'post',
url: '/lpksreservoorder/exportExcelByBank', data: params,
method: 'post', // headers: {
responseType: 'blob', // 表明返回服务器返回的数据类型 // "responseType": "blob" //将二进制流转换成blob对象
data: data, // },
headers: { headers: {
'Content-Type': 'application/json' 'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
} },
}); responseType: 'blob'
}, })
},
// 获取支行汇总列表 // 获取总配货列表
ZOrderList: function(data) { pageOfAll: function(data) {
return request({ return request({
url: '/lpksreservoorder/orderListByZ', url: '/adminapi/reserve/pageOfAll',
method: 'post', method: 'post',
data: data data: data
}); });
}, },
expExcelOfAll: function(params) {
// 导出总报表 return request({
allOrderExportExcel: function(data) { url: '/adminapi/reserve/expExcelOfAll',
return request({ method: 'post',
url: '/lpksreservoorder/exportExcelByZ', data: params,
method: 'post', // headers: {
responseType: 'blob', // 表明返回服务器返回的数据类型 // "responseType": "blob" //将二进制流转换成blob对象
data: data, // },
headers: { headers: {
'Content-Type': 'application/json' 'Access-Control-Allow-Headers': 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild'
} },
}); responseType: 'blob'
}, })
}
} }

535
src/views/orderreserve/allDistributionCount.vue
View File

@ -1,316 +1,239 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="总配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" /> <button-bar ref="btnbar" view-title="总配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow"> <el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }} {{ searchxianshitit }}
</el-button> </el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header"> <el-form :inline="true" class="tab-header">
<el-form-item label="预约开始日期"> <el-form-item label="预约开始日期">
<el-date-picker v-model="page.params.startDate" @change="selectTime1" type="date" <el-date-picker v-model="page.params.startDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable />
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" </el-form-item>
style="width: 200px;"> <el-form-item label="预约结束日期">
</el-date-picker> <el-date-picker v-model="page.params.endDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable />
</el-form-item>
</el-form-item> <el-form-item label="菜窖分类">
<el-form-item label="预约结束日期"> <el-select v-model="page.params.cardType" filterable class="item_input" clearable placeholder="请选择" style="width:100%">
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" <el-option v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id" />
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" </el-select>
style="width: 200px;"> </el-form-item>
</el-date-picker> </el-form>
<div class="btn" style="text-align: center;">
</el-form-item> <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-form-item label="卡券类型"> </div>
<el-select v-model="page.params.cardType" filterable class="item_input" clearable </div>
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> </div>
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" <!-- Start 项目列表头部 -->
:value="item.sid"> <div class="listtop">
</el-option> <div class="tit">配货列表</div>
</el-select> </div>
</el-form-item> <!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
</el-form> <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell">
<div class="btn" style="text-align: center;"> <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-button type="primary" size="small" icon="el-icon-search" <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
@click="dosearch">查询</el-button> <!-- <el-table-column label="操作" align="center" width="120">
<el-button type="primary" size="small" icon="el-icon-refresh"
@click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">配货列表</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell">
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" align="center" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="cardType" label="卡券类型" align="center" /> <el-table-column prop="reserveDate" label="预约日期" align="center" />
<el-table-column prop="reserveDate" label="预约日期" align="center" /> <el-table-column prop="brandName" label="菜窖分类" align="center" />
<el-table-column prop="goodsName" label="商品名称" align="center" /> <el-table-column prop="goodsName" label="商品名称" align="center" />
<el-table-column prop="goodsNumber" label="数量(份)" align="center" /> <el-table-column prop="goodsNumber" label="数量(份)" align="center" />
</el-table> </el-table>
</div> </div>
<!-- End 项目列表 --> <!-- End 项目列表 -->
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit" />
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" <pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" :limit.sync="page.size" class="pagination" @pagination="loadList" />
:limit.sync="page.size" class="pagination" @pagination="loadList" /> </div>
</div> </div>
</div> </div>
</div> <!-- End 查询和其列表部分 -->
<!-- End 查询和其列表部分 --> <!-- 新增修改部分组件 -->
<!-- 新增修改部分组件 --> <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> </div>
</div>
</template> </template>
<script> <script>
import req from '@/api/order/order.js' import req from '@/api/lpk/reserveorder.js'
import ButtonBar from '@/components/ButtonBar' import reqMall from '@/api/adminmallapi.js'
import Pagination from '@/components/pagination' import ButtonBar from '@/components/ButtonBar'
import pageye from '@/components/pagination/pageye' import Pagination from '@/components/pagination'
import divAdd from './indexInfo.vue' import divAdd from './indexInfo.vue'
import { export default {
getBeforeDate name: 'SupplierBankInfoIndex',
} from '@/utils/index' components: {
export default { ButtonBar,
name: 'SupplierBankInfoIndex', Pagination,
components: { divAdd
ButtonBar, },
Pagination, data() {
pageye, return {
divAdd, btndisabled: false,
}, viewState: 1, // 1、列表 2、添加 3、修改 4、查看
data() { isSearchShow: false,
return { searchxianshitit: '显示查询条件',
btndisabled: false, tableLoading: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 dataList: [],
isSearchShow: false, btnList: [{
searchxianshitit: '显示查询条件', type: 'success',
tableLoading: false, size: 'small',
dataList: [], icon: 'export',
btnList: [{ btnKey: 'build',
type: 'success', btnLabel: '导出'
size: 'small', },
icon: 'export', {
btnKey: 'build', type: 'info',
btnLabel: '导出' size: 'small',
}, icon: 'cross',
{ btnKey: 'doClose',
type: 'info', btnLabel: '关闭'
size: 'small', }
icon: 'cross', ],
btnKey: 'doClose', page: {
btnLabel: '关闭' total: 0, // 默认数据总数
} current: 1, // 默认开始页面
], size: 10, // 每页的数据条数
page: { params: {
total: 0, // 默认数据总数 startDate: '',
current: 1, // 默认开始页面 endDate: '',
size: 10, // 每页的数据条数 store: '',
params: { cardType: ''
startDate: "", }
endDate: "", },
store: "", brandList: []
cardType: "" }
}, },
}, mounted() {
giftPackList: [], this.$refs['btnbar'].setButtonList(this.btnList)
cardTypeList: [{ },
text: "全部", created() {
sid: "" this.initBrand()
}, },
{ methods: {
text: "家庭卡", initBrand() {
sid: "1" reqMall.listAllBrand().then(resp => {
}, this.brandList = resp.data
{ })
text: "亲情卡", },
sid: "2" // 搜索条件效果
}, clicksearchShow() {
{ this.isSearchShow = !this.isSearchShow
text: "企业卡", if (this.isSearchShow) {
sid: "3" this.searchxianshitit = '隐藏查询条件'
}, } else {
this.searchxianshitit = '显示查询条件'
] }
} },
}, btnHandle(btnKey) {
mounted() { switch (btnKey) {
this.$refs['btnbar'].setButtonList(this.btnList) case 'build': // 导出
}, this.doBuild()
created() { break
this.getAllStore() case 'doClose':
// this.loadList() this.doClose()
}, break
methods: { default:
//改变单行蓝色和绿色 break
cell({ }
row, },
column, loadList() {
rowIndex, this.tableLoading = true
columnIndex req.pageOfAll(this.page).then((resp) => {
}) { this.tableLoading = false
if (columnIndex == 3) { if (resp.success) {
return 'padding: 0px' const data = resp.data
} this.page.total = data.total
}, this.dataList = data.records
// 搜索条件效果 } else {
clicksearchShow() { // 根据resp.code进行异常情况处理
this.isSearchShow = !this.isSearchShow this.dataList = []
if (this.isSearchShow) { this.page.total = 0
this.searchxianshitit = '隐藏查询条件' }
} else { }).catch(() => {
this.searchxianshitit = '显示查询条件' this.tableLoading = false
} })
}, },
btnHandle(btnKey) {
switch (btnKey) { // 序号
case 'build': // 导出 indexMethod(index) {
this.doBuild() var pagestart = (this.page.current - 1) * this.page.size
break var pageindex = index + 1 + pagestart
case 'doClose': return pageindex
this.doClose() },
break dosearch() {
default: this.page.current = 1
break this.loadList()
} },
}, resetQuery() {
selectTime1(val) { this.page = {
current: 1,
console.log('selectTime1:', val) size: 10,
this.page.params.startDate = val total: 0,
params: {
}, startDate: '',
selectTime2(val) { endDate: '',
store: '',
console.log('selectTime2:', val) cardType: ''
this.page.params.endDate = val }
}
}, this.loadList()
},
giftPackSelect(val) {
console.log('>>>>>>>>>giftPackSelect', val) toRelevancy(row) {
this.page.params.store = val this.viewState = 3
}, this.$refs['divadd'].showEdit(row)
cardTypeSelect(val) { },
console.log('>>>>>>>>>cardTypeSelect', val) resetState() {
this.page.params.cardType = val this.viewState = 1
}, },
getAllStore() { doClose() {
req.getAllStore().then((resp) => { this.$store.dispatch('tagsView/delView', this.$route)
if (resp.success) { this.$router.go(-1)
this.giftPackList = resp.data },
}
}).catch(() => {}) // 导出
}, doBuild() {
const loading = this.$loading({
loadList() { lock: true,
this.tableLoading = true text: 'Loading',
req.ZOrderList(this.page).then((resp) => { spinner: 'el-icon-loading',
this.tableLoading = false background: 'rgba(0, 0, 0, 0.7)'
if (resp.success) { })
const data = resp.data
this.page.total = data.total req.expExcelOfAll(this.page.params).then((resp) => {
this.dataList = data.records loading.close()
} else { const blob = new Blob([resp], {
// 根据resp.code进行异常情况处理 type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
this.dataList = [] })
this.page.total = 0 const fileName = '总配货明细_' + this.page.params.startDate + '.xlsx'
} const elink = document.createElement('a')
}).catch(() => { elink.download = fileName
this.tableLoading = false elink.style.display = 'nonde'
}) elink.href = URL.createObjectURL(blob)
}, document.body.appendChild(elink)
elink.click()
// 序号 URL.revokeObjectURL(elink.href)
indexMethod(index) { document.body.removeChild(elink)
var pagestart = (this.page.current - 1) * this.page.size }).catch(() => {
var pageindex = index + 1 + pagestart loading.close()
return pageindex })
}, }
dosearch() {
this.page.current = 1 }
this.loadList() }
},
resetQuery() {
this.page = {
current: 1,
size: 10,
total: 0,
params: {
startDate: "",
endDate: "",
store: "",
cardType: ""
},
}
this.loadList()
},
toRelevancy(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
// 导出
doBuild() {
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.allOrderExportExcel(this.page.params).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel'
})
const fileName = '总配货明细_' + this.page.params.startDate + '.xls'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
},
}
}
</script> </script>
<style scoped> <style scoped>
::v-deep .el-table .cell { ::v-deep .el-table .cell {
padding: 0px; padding: 0px;
} }
</style> </style>

8
src/views/orderreserve/distributionCount.vue
View File

@ -198,7 +198,7 @@
}, },
loadList() { loadList() {
this.tableLoading = true this.tableLoading = true
req.pageOfCustomer(this.page).then((resp) => { req.pageOfStore(this.page).then((resp) => {
this.tableLoading = false this.tableLoading = false
if (resp.success) { if (resp.success) {
const data = resp.data const data = resp.data
@ -261,12 +261,12 @@
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req.distributionExportExcel(this.page.params).then((resp) => { req.expExcelOfStore(this.page.params).then((resp) => {
loading.close() loading.close()
const blob = new Blob([resp], { const blob = new Blob([resp], {
type: 'application/vnd.ms-excel' type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
}) })
const fileName = '网点配货明细_' + this.page.params.startDate + '.xls' const fileName = '网点配货明细_' + this.page.params.startDate + '.xlsx'
const elink = document.createElement('a') const elink = document.createElement('a')
elink.download = fileName elink.download = fileName
elink.style.display = 'nonde' elink.style.display = 'nonde'

4
src/views/orderreserve/index.vue
View File

@ -255,9 +255,9 @@
req.expExcelOfCustomer(this.page.params).then((resp) => { req.expExcelOfCustomer(this.page.params).then((resp) => {
loading.close() loading.close()
const blob = new Blob([resp], { const blob = new Blob([resp], {
type: 'application/vnd.ms-excel' type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
}) })
const fileName = '预约单明细_' + this.page.params.startDate + '.xls' const fileName = '预约单明细_' + this.page.params.startDate + '.xlsx'
const elink = document.createElement('a') const elink = document.createElement('a')
elink.download = fileName elink.download = fileName
elink.style.display = 'nonde' elink.style.display = 'nonde'

560
src/views/orderreserve/subBranch.vue
View File

@ -1,335 +1,257 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div v-show="viewState == 1"> <div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="支行配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" /> <button-bar ref="btnbar" view-title="支行配货统计" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content"> <div class="main-content">
<div class="searchcon"> <div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow"> <el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }} {{ searchxianshitit }}
</el-button> </el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form :inline="true" class="tab-header"> <el-form :inline="true" class="tab-header">
<el-form-item label="预约开始日期"> <el-form-item label="预约开始日期">
<el-date-picker v-model="page.params.startDate" @change="selectTime1" type="date" <el-date-picker v-model="page.params.startDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable />
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" </el-form-item>
style="width: 200px;"> <el-form-item label="预约结束日期">
</el-date-picker> <el-date-picker v-model="page.params.endDate" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;" clearable />
</el-form-item>
</el-form-item> <el-form-item label="所属支行">
<el-form-item label="预约结束日期"> <el-select v-model="page.params.bankSid" filterable class="item_input" clearable placeholder="请选择" style="width:100%">
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" <el-option v-for="item in bankList" :key="item.sid" :label="item.name" :value="item.sid" />
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" </el-select>
style="width: 200px;"> </el-form-item>
</el-date-picker> <el-form-item label="菜窖分类">
<el-select v-model="page.params.cardType" filterable class="item_input" clearable placeholder="请选择" style="width:100%">
</el-form-item> <el-option v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
<el-form-item label="支行名称"> </el-form-item>
<el-select v-model="page.params.bankSid" filterable class="item_input" clearable </el-form>
placeholder="请选择" style="width:100%" @change="bankSelect"> <div class="btn" style="text-align: center;">
<el-option v-for="item in bankList" :key="item.name" :label="item.name" <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
:value="item.sid"> <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-option> </div>
</el-select> </div>
</el-form-item> </div>
<!-- Start 项目列表头部 -->
<el-form-item label="卡券类型"> <div class="listtop">
<el-select v-model="page.params.cardType" filterable class="item_input" clearable <div class="tit">支行配货列表</div>
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> </div>
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" <!-- End 项目列表头部 -->
:value="item.sid"> <!-- Start 项目列表 -->
</el-option> <div class="">
</el-select> <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell">
</el-form-item> <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" align="center" width="120">
</el-form>
<div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search"
@click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh"
@click="resetQuery">重置</el-button>
</div>
</div>
</div>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">配货列表</div>
</div>
<!-- End 项目列表头部 -->
<!-- Start 项目列表 -->
<div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell">
<!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" align="center" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button>
</template> </template>
</el-table-column> --> </el-table-column> -->
<el-table-column prop="cardType" label="卡券类型" align="center" /> <el-table-column prop="reserveDate" label="预约日期" align="center" />
<el-table-column prop="reserveDate" label="预约日期" align="center" /> <el-table-column prop="bankName" label="支行名称" align="center" />
<el-table-column prop="bankName" label="支行名称" align="center" /> <el-table-column prop="brandName" label="菜窖分类" align="center" />
<el-table-column prop="goodsName" label="商品名称" align="center" /> <el-table-column prop="goodsName" label="商品名称" align="center" />
<el-table-column prop="goodsNumber" label="数量(份)" align="center" /> <el-table-column prop="goodsNumber" label="数量(份)" align="center" />
<el-table-column prop="address" label="支行地址" align="center" /> <el-table-column prop="bankAddress" label="支行地址" align="center" />
<el-table-column prop="linker" label="联系人" align="center" /> <el-table-column prop="bankLinker" label="支行联系人" align="center" />
<el-table-column prop="linkPhone" label="联系电话" align="center" /> <el-table-column prop="bankPhone" label="支行电话" align="center" />
</el-table> </el-table>
</div> </div>
<!-- End 项目列表 --> <!-- End 项目列表 -->
<div class="pages"> <div class="pages">
<div class="tit" /> <div class="tit" />
<!-- 翻页 --> <!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" <pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" :limit.sync="page.size" class="pagination" @pagination="loadList" />
:limit.sync="page.size" class="pagination" @pagination="loadList" /> </div>
</div> </div>
</div> </div>
</div> <!-- End 查询和其列表部分 -->
<!-- End 查询和其列表部分 --> <!-- 新增修改部分组件 -->
<!-- 新增修改部分组件 --> <divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> </div>
</div>
</template> </template>
<script> <script>
import req from '@/api/order/order.js' import req from '@/api/lpk/reserveorder.js'
import req2 from '@/api/pickupPoint/pickupPoint.js' import reqBank from '@/api/lpk/bank.js'
import ButtonBar from '@/components/ButtonBar' import reqMall from '@/api/adminmallapi.js'
import Pagination from '@/components/pagination' import ButtonBar from '@/components/ButtonBar'
import pageye from '@/components/pagination/pageye' import Pagination from '@/components/pagination'
import divAdd from './indexInfo.vue' import divAdd from './indexInfo.vue'
import { export default {
getBeforeDate name: 'OrderreserveSubBranch',
} from '@/utils/index' components: {
export default { ButtonBar,
name: 'SupplierBankInfoIndex', Pagination,
components: { divAdd
ButtonBar, },
Pagination, data() {
pageye, return {
divAdd, btndisabled: false,
}, viewState: 1, // 1、列表 2、添加 3、修改 4、查看
data() { isSearchShow: false,
return { searchxianshitit: '显示查询条件',
btndisabled: false, tableLoading: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 dataList: [],
isSearchShow: false, btnList: [{
searchxianshitit: '显示查询条件', type: 'success',
tableLoading: false, size: 'small',
dataList: [], icon: 'export',
btnList: [{ btnKey: 'build',
type: 'success', btnLabel: '导出'
size: 'small', },
icon: 'export', {
btnKey: 'build', type: 'info',
btnLabel: '导出' size: 'small',
}, icon: 'cross',
{ btnKey: 'doClose',
type: 'info', btnLabel: '关闭'
size: 'small', }
icon: 'cross', ],
btnKey: 'doClose', page: {
btnLabel: '关闭' total: 0, // 默认数据总数
} current: 1, // 默认开始页面
], size: 10, // 每页的数据条数
page: { params: {
total: 0, // 默认数据总数 startDate: '',
current: 1, // 默认开始页面 endDate: '',
size: 10, // 每页的数据条数 bankSid: '',
params: { cardType: ''
startDate: "", }
endDate: "", },
bankSid: "", brandList: [],
cardType: "" bankList: []
}, }
}, },
bankList: [], mounted() {
cardTypeList: [{ this.$refs['btnbar'].setButtonList(this.btnList)
text: "全部", },
sid: "" created() {
}, this.initBank()
{ this.initBrand()
text: "家庭卡", },
sid: "1" methods: {
}, initBank() {
{ reqBank.listBankAll()
text: "亲情卡", .then(resp => {
sid: "2" this.bankList = resp.data
}, })
{ },
text: "企业卡", initBrand() {
sid: "3" reqMall.listAllBrand().then(resp => {
}, this.brandList = resp.data
})
] },
} // 搜索条件效果
}, clicksearchShow() {
mounted() { this.isSearchShow = !this.isSearchShow
this.$refs['btnbar'].setButtonList(this.btnList) if (this.isSearchShow) {
}, this.searchxianshitit = '隐藏查询条件'
created() { } else {
this.getAllStore() this.searchxianshitit = '显示查询条件'
// this.loadList() }
}, },
methods: { btnHandle(btnKey) {
switch (btnKey) {
//改变单行蓝色和绿色 case 'build': // 导出
cell({ this.doBuild()
row, break
column, case 'doClose':
rowIndex, this.doClose()
columnIndex break
}) { default:
if (columnIndex == 3) { break
return 'padding: 0px' }
} },
}, loadList() {
// 搜索条件效果 this.tableLoading = true
clicksearchShow() { req.pageOfBank(this.page).then((resp) => {
this.isSearchShow = !this.isSearchShow this.tableLoading = false
if (this.isSearchShow) { if (resp.success) {
this.searchxianshitit = '隐藏查询条件' const data = resp.data
} else { this.page.total = data.total
this.searchxianshitit = '显示查询条件' this.dataList = data.records
} } else {
}, // 根据resp.code进行异常情况处理
btnHandle(btnKey) { this.dataList = []
switch (btnKey) { this.page.total = 0
case 'build': // 导出 }
this.doBuild() }).catch(() => {
break this.tableLoading = false
case 'doClose': })
this.doClose() },
break
default:
break
}
},
selectTime1(val) {
console.log('selectTime1:', val)
this.page.params.startDate = val
},
selectTime2(val) {
console.log('selectTime2:', val)
this.page.params.endDate = val
},
bankSelect(val) {
console.log('>>>>>>>>>bankSelect', val)
this.page.params.bankSid = val
},
cardTypeSelect(val) {
console.log('>>>>>>>>>cardTypeSelect', val)
this.page.params.cardType = val
},
getAllStore() {
req2.bankSelect()
.then(resp => {
console.log('>>>>>>>>>bankSelect', resp)
this.bankList = resp.data
console.log('>>>>>>>>>bankSelect', this.bankList)
})
.catch(() => {})
},
loadList() {
this.tableLoading = true
req.bankOrderList(this.page).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.page.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.page.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.page.current - 1) * this.page.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.page.current = 1
this.loadList()
},
resetQuery() {
this.page = {
current: 1,
size: 10,
total: 0,
params: {
startDate: "",
endDate: "",
bankSid: "",
cardType: ""
},
}
this.loadList()
},
toRelevancy(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
// 导出 // 序号
doBuild() { indexMethod(index) {
const loading = this.$loading({ var pagestart = (this.page.current - 1) * this.page.size
lock: true, var pageindex = index + 1 + pagestart
text: 'Loading', return pageindex
spinner: 'el-icon-loading', },
background: 'rgba(0, 0, 0, 0.7)' dosearch() {
}) this.page.current = 1
this.loadList()
},
resetQuery() {
this.page = {
current: 1,
size: 10,
total: 0,
params: {
startDate: '',
endDate: '',
bankSid: '',
cardType: ''
}
}
this.loadList()
},
toRelevancy(row) {
this.viewState = 3
this.$refs['divadd'].showEdit(row)
},
resetState() {
this.viewState = 1
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
},
req.bankOrderExportExcel(this.page.params).then((resp) => { // 导出
loading.close() doBuild() {
const blob = new Blob([resp], { const loading = this.$loading({
type: 'application/vnd.ms-excel' lock: true,
}) text: 'Loading',
const fileName = '支行配货明细_' + this.page.params.startDate + '.xls' spinner: 'el-icon-loading',
const elink = document.createElement('a') background: 'rgba(0, 0, 0, 0.7)'
elink.download = fileName })
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
},
req.expExcelOfBank(this.page.params).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
})
const fileName = '支行配货明细_' + this.page.params.startDate + '.xlsx'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink)
elink.click()
URL.revokeObjectURL(elink.href)
document.body.removeChild(elink)
}).catch(() => {
loading.close()
})
}
} }
} }
</script> </script>
<style scoped> <style scoped>
::v-deep .el-table .cell { ::v-deep .el-table .cell {
padding: 0px; padding: 0px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save