yxt_group
/
lipinka_admin_ui
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

完善bug

master
myTest383 4 months ago
parent
df1fa45926
commit
2abd31e3da
9 changed files with 2093 additions and 2094 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. 310
      src/layout/components/Navbar.vue
  2. 22
      src/layout/components/Sidebar/index.vue
  3. 584
      src/router/index.js
  4. 444
      src/views/network/index.vue
  5. 380
      src/views/network/indexAdd.vue
  6. 569
      src/views/order/allDistributionCount.vue
  7. 647
      src/views/order/distributionCount.vue
  8. 632
      src/views/order/index.vue
  9. 599
      src/views/order/subBranch.vue

310
src/layout/components/Navbar.vue
View File

@ -1,168 +1,172 @@
<template> <template>
<div> <div>
<div class="navbar"> <div class="navbar">
<p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png" style="width: 45px;height: 45px;margin-right: 10px;"/>汇融惠享管理平台</p> <p class="breadcrumb-container"><img src="@/assets/loginImg/logo.png"
<!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> --> style="width: 45px;height: 45px;margin-right: 10px;" />汇融惠享管理平台</p>
<div class="right-menu"> <!-- <h3 class="breadcrumb-container">汇融银行供应链贷后监管平台</h3> -->
<!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>--> <div class="right-menu">
<!-- <p>欢迎您，{{name}}</p> <!-- <p>{{Orgname}} {{departmentName}} 欢迎, {{name}}</p>-->
<p class="dy" @click="logout()"><img src="@/assets/images/dy.png"></p> --> <!-- <p>欢迎您：{{pNameAndDepartmentNameAndPostName}}- {{name}}</p> -->
</div> <p>欢迎您：系统管理员</p>
<!-- <img src="@/assets/images/info.png"> -->
<!-- <img src="@/assets/images/dy.png" @click="logout"> -->
<span class="backToHome" @click="logout"><i class="el-icon-back"></i>退出登录</span>
</div>
</div>
<el-footer class="footer" height="40px">Copyright © {{ year }} 汇融惠享管理平台 All Rights Reserved</el-footer>
</div> </div>
<el-footer class="footer" height="40px">Copyright © {{ year }} 汇融惠享管理平台 All Rights Reserved</el-footer>
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
name: '', name: '',
year:'', year: '',
} }
}, },
mounted() { mounted() {
this.name = window.sessionStorage.getItem('userName') this.name = window.sessionStorage.getItem('userName')
var nowDate = new Date() var nowDate = new Date()
this.year = nowDate.getFullYear() this.year = nowDate.getFullYear()
}, },
methods: { methods: {
logout() { logout() {
this.$confirm('确定要退出吗, 是否继续?', '提示', { this.$confirm('确定要退出吗, 是否继续?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
// this.$store.commit('user/SET_UESRINFO', '') // this.$store.commit('user/SET_UESRINFO', '')
this.$router.push({ this.$router.push({
path: '/login' path: '/login'
}) })
}) })
}, },
}
} }
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "~@/styles/variables.scss"; @import "~@/styles/variables.scss";
.navbar { .navbar {
height: 60px; height: 60px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background: $header-bg; background: $header-bg;
padding: 0 30px; padding: 0 30px;
box-shadow: 0 1px 4px rgba(0, 21, 41, .08); box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
.hamburger-container { .hamburger-container {
line-height: 46px; line-height: 46px;
height: 100%; height: 100%;
float: left; float: left;
cursor: pointer; cursor: pointer;
transition: background .3s; transition: background .3s;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
&:hover {
background: rgba(0, 0, 0, .025)
}
}
.breadcrumb-container { &:hover {
display: flex; background: rgba(0, 0, 0, .025)
align-items: center; }
color: #fff;
font-size: 26px;
line-height: 60px;
margin: 0;
float: left;
}
.right-menu {
float: right;
height: 100%;
line-height: 60px;
color: #fff;
&:focus {
outline: none;
}
p {
display: inline-block;
margin: 0;
padding: 0;
padding: 0 15px;
}
img {
vertical-align: middle;
margin: 0 10px;
cursor: pointer;
}
.backToHome {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer;
}
.backToHome:hover {
background: #087dba;
}
.right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
font-size: 18px;
color: #5a5e66;
vertical-align: text-bottom;
&.hover-effect {
cursor: pointer;
transition: background .3s;
&:hover {
background: rgba(0, 0, 0, .025)
}
} }
}
.avatar-container {
margin-right: 30px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar { .breadcrumb-container {
cursor: pointer; display: flex;
width: 40px; align-items: center;
height: 40px; color: #fff;
border-radius: 10px; font-size: 26px;
} line-height: 60px;
margin: 0;
float: left;
}
.el-icon-caret-bottom { .right-menu {
cursor: pointer; float: right;
position: absolute; height: 100%;
right: -20px; line-height: 60px;
top: 25px; color: #fff;
font-size: 12px;
} &:focus {
outline: none;
}
p {
display: inline-block;
margin: 0;
padding: 0;
padding: 0 15px;
}
img {
vertical-align: middle;
margin: 0 10px;
cursor: pointer;
}
.backToHome {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer;
}
.backToHome:hover {
background: #087dba;
}
.right-menu-item {
display: inline-block;
padding: 0 8px;
height: 100%;
font-size: 18px;
color: #5a5e66;
vertical-align: text-bottom;
&.hover-effect {
cursor: pointer;
transition: background .3s;
&:hover {
background: rgba(0, 0, 0, .025)
}
}
}
.avatar-container {
margin-right: 30px;
.avatar-wrapper {
margin-top: 5px;
position: relative;
.user-avatar {
cursor: pointer;
width: 40px;
height: 40px;
border-radius: 10px;
}
.el-icon-caret-bottom {
cursor: pointer;
position: absolute;
right: -20px;
top: 25px;
font-size: 12px;
}
}
}
} }
}
} }
}
.footer {
.footer { position: fixed;
position: fixed; bottom: 0;
bottom: 0; width: 100%;
width: 100%; line-height: 40px;
line-height: 40px; background: #E9F1F7;
background: #E9F1F7; text-align: center;
text-align: center; font-size: 14px;
font-size: 14px; color: #666;
color: #666; }
} </style>
</style>

22
src/layout/components/Sidebar/index.vue
View File

@ -174,16 +174,16 @@
name: "/pickupPoint/index", name: "/pickupPoint/index",
path: "/pickupPoint/index" path: "/pickupPoint/index"
}, },
// { {
// alwaysShow: true, alwaysShow: true,
// component: "network", component: "network",
// meta: { meta: {
// icon: "el-icon-menu", icon: "el-icon-menu",
// title: "支行管理", title: "区域管理",
// }, },
// name: "/network/index", name: "/network/index",
// path: "/network/index" path: "/network/index"
// }, },
{ {
alwaysShow: true, alwaysShow: true,
component: "commodity", component: "commodity",
@ -229,7 +229,7 @@
component: "subBranch", component: "subBranch",
meta: { meta: {
icon: "el-icon-help", icon: "el-icon-help",
title: "支行配货统计", title: "区域配货统计",
}, },
name: "/order/subBranch", name: "/order/subBranch",
path: "/order/subBranch", path: "/order/subBranch",

584
src/router/index.js
View File

@ -10,320 +10,320 @@ import Layout from '@/layout'
import codemenu from './modules/codemenu' import codemenu from './modules/codemenu'
export const constantRoutes = [{ export const constantRoutes = [{
path: '/', path: '/',
redirect: 'login' redirect: 'login'
}, },
{ {
path: '/login', path: '/login',
component: () => import('@/views/login/login.vue'), component: () => import('@/views/login/login.vue'),
name: 'login' name: 'login'
}, },
// { // {
// path: '/', // path: '/',
// redirect: 'userInfo/index' // redirect: 'userInfo/index'
// }, // },
// { // {
// path: '/index', // path: '/index',
// component: () => import('@/views/userInfo/index.vue'), // component: () => import('@/views/userInfo/index.vue'),
// name: 'index' // name: 'index'
// }, // },
{ {
path: '/index', path: '/index',
component: Layout, component: Layout,
redirect: '/index', redirect: '/index',
children: [{ children: [{
path: '/index', path: '/index',
component: () => component: () =>
import('@/views/index.vue'), import('@/views/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '主页', title: '主页',
noCache: true, noCache: true,
affix: true affix: true
} }
}] }]
}, },
{ {
path: '/userInfo', path: '/userInfo',
component: Layout, component: Layout,
redirect: null, redirect: null,
meta: { meta: {
title: '用户信息' title: '用户信息'
}, },
children: [{ children: [{
path: '/userInfo/index', path: '/userInfo/index',
component: () => component: () =>
import('@/views/userInfo/index.vue'), import('@/views/userInfo/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '用户信息列表' title: '用户信息列表'
} }
}, ] }, ]
}, { }, {
path: '/marketingCard', path: '/marketingCard',
component: Layout, component: Layout,
redirect: '/marketingCard/applet', redirect: '/marketingCard/applet',
children: [ children: [
{ {
path: '/marketingCard/applet', path: '/marketingCard/applet',
component: () => import('@/views/marketingCard/applet.vue'), component: () => import('@/views/marketingCard/applet.vue'),
name: 'applet', name: 'applet',
meta: { meta: {
title: '小程序礼包设置', title: '小程序礼包设置',
noCache: true noCache: true
} }
}, { }, {
path: '/marketingCard/index', path: '/marketingCard/index',
component: () => import('@/views/marketingCard/index.vue'), component: () => import('@/views/marketingCard/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '礼包设置', title: '礼包设置',
noCache: true noCache: true
} }
}, },
{ {
path: '/marketingCard/pickupCardSet', path: '/marketingCard/pickupCardSet',
component: () => import('@/views/marketingCard/pickupCardSet.vue'), component: () => import('@/views/marketingCard/pickupCardSet.vue'),
name: 'pickupCardSet', name: 'pickupCardSet',
meta: { meta: {
title: '个人卡设置', title: '个人卡设置',
noCache: true noCache: true
} }
}, },
{ {
path: '/marketingCard/corporateCardSet', path: '/marketingCard/corporateCardSet',
component: () => import('@/views/marketingCard/corporateCardSet.vue'), component: () => import('@/views/marketingCard/corporateCardSet.vue'),
name: 'corporateCardSet', name: 'corporateCardSet',
meta: { meta: {
title: '企业卡设置', title: '企业卡设置',
noCache: true noCache: true
} }
}, },
// { // {
// path: '/marketingCard/grantRecords', // path: '/marketingCard/grantRecords',
// component: () => import('@/views/marketingCard/grantRecords.vue'), // component: () => import('@/views/marketingCard/grantRecords.vue'),
// name: 'grantRecords', // name: 'grantRecords',
// meta: { // meta: {
// title: '发放记录', // title: '发放记录',
// noCache: true // noCache: true
// } // }
// }, // },
// { // {
// path: '/marketingCard/carList', // path: '/marketingCard/carList',
// component: () => import('@/views/marketingCard/carList.vue'), // component: () => import('@/views/marketingCard/carList.vue'),
// name: 'carList', // name: 'carList',
// meta: { // meta: {
// title: '提货卡列表', // title: '提货卡列表',
// noCache: true // noCache: true
// } // }
// }, // },
] ]
}, { }, {
path: '/cardManage', path: '/cardManage',
component: Layout, component: Layout,
redirect: '/cardManage/person', redirect: '/cardManage/person',
children: [{ children: [{
path: '/cardManage/person', path: '/cardManage/person',
component: () => import('@/views/cardManage/person.vue'), component: () => import('@/views/cardManage/person.vue'),
name: 'person', name: 'person',
meta: { meta: {
title: '个人卡统计', title: '个人卡统计',
noCache: true noCache: true
} }
}, },
{ {
path: '/cardManage/enterprise', path: '/cardManage/enterprise',
component: () => import('@/views/cardManage/enterprise.vue'), component: () => import('@/views/cardManage/enterprise.vue'),
name: 'enterprise', name: 'enterprise',
meta: { meta: {
title: '企业卡统计', title: '企业卡统计',
noCache: true noCache: true
} }
}, },
{ {
path: '/cardManage/giftCard', path: '/cardManage/giftCard',
component: () => import('@/views/cardManage/giftCard.vue'), component: () => import('@/views/cardManage/giftCard.vue'),
name: 'giftCard', name: 'giftCard',
meta: { meta: {
title: '福利卡统计', title: '福利卡统计',
noCache: true noCache: true
} }
}, },
] ]
}, { }, {
path: '/pickupPoint', path: '/pickupPoint',
component: Layout, component: Layout,
redirect: '/pickupPoint/index', redirect: '/pickupPoint/index',
children: [{ children: [{
path: '/pickupPoint/index', path: '/pickupPoint/index',
component: () => component: () =>
import('@/views/pickupPoint/index.vue'), import('@/views/pickupPoint/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '提货点信息' title: '提货点信息'
} }
}, ] }, ]
}, },
{ {
path: '/network', path: '/network',
component: Layout, component: Layout,
redirect: '/network/index', redirect: '/network/index',
children: [{ children: [{
path: '/network/index', path: '/network/index',
component: () => component: () =>
import('@/views/network/index.vue'), import('@/views/network/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '支行管理' title: '区域管理'
} }
}, ] }, ]
}, },
{ {
path: '/commodity', path: '/commodity',
component: Layout, component: Layout,
redirect: '/commodity/index', redirect: '/commodity/index',
children: [{ children: [{
path: '/commodity/index', path: '/commodity/index',
component: () => component: () =>
import('@/views/commodity/index.vue'), import('@/views/commodity/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '商品信息' title: '商品信息'
} }
}, ] }, ]
}, },
{ {
path: '/order', path: '/order',
component: Layout, component: Layout,
redirect: '/order/index', redirect: '/order/index',
children: [{ children: [{
path: '/order/index', path: '/order/index',
component: () => component: () =>
import('@/views/order/index.vue'), import('@/views/order/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '订单统计' title: '订单统计'
} }
}, { }, {
path: '/order/distributionCount', path: '/order/distributionCount',
component: () => component: () =>
import('@/views/order/distributionCount.vue'), import('@/views/order/distributionCount.vue'),
name: 'distributionCount', name: 'distributionCount',
meta: { meta: {
title: '网点配货统计' title: '网点配货统计'
} }
}, { }, {
path: '/order/subBranch', path: '/order/subBranch',
component: () => component: () =>
import('@/views/order/subBranch.vue'), import('@/views/order/subBranch.vue'),
name: 'subBranch', name: 'subBranch',
meta: { meta: {
title: '支行配货统计' title: '区域配货统计'
} }
}, },
{ {
path: '/order/allDistributionCount', path: '/order/allDistributionCount',
component: () => component: () =>
import('@/views/order/allDistributionCount.vue'), import('@/views/order/allDistributionCount.vue'),
name: 'allDistributionCount', name: 'allDistributionCount',
meta: { meta: {
title: '总配货统计' title: '总配货统计'
} }
} }
] ]
}, { }, {
path: '/statisticalReport', path: '/statisticalReport',
component: Layout, component: Layout,
redirect: '/statisticalReport/index', redirect: '/statisticalReport/index',
children: [{ children: [{
path: '/statisticalReport/index', path: '/statisticalReport/index',
component: () => import('@/views/statisticalReport/index.vue'), component: () => import('@/views/statisticalReport/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '提货卡汇总', title: '提货卡汇总',
noCache: true noCache: true
} }
}, },
{ {
path: '/statisticalReport/collectionSummary', path: '/statisticalReport/collectionSummary',
component: () => import('@/views/statisticalReport/collectionSummary.vue'), component: () => import('@/views/statisticalReport/collectionSummary.vue'),
name: 'collectionSummary', name: 'collectionSummary',
meta: { meta: {
title: '提货汇总', title: '提货汇总',
noCache: true noCache: true
} }
}, },
{ {
path: '/statisticalReport/deliveryDetails', path: '/statisticalReport/deliveryDetails',
component: () => import('@/views/statisticalReport/deliveryDetails.vue'), component: () => import('@/views/statisticalReport/deliveryDetails.vue'),
name: 'deliveryDetails', name: 'deliveryDetails',
meta: { meta: {
title: '客户提货明细', title: '客户提货明细',
noCache: true noCache: true
} }
} }
] ]
}, },
{ {
path: '/print', path: '/print',
component: Layout, component: Layout,
redirect: '/print/index', redirect: '/print/index',
children: [{ children: [{
path: '/print/index', path: '/print/index',
component: () => component: () =>
import('@/views/print/index.vue'), import('@/views/print/index.vue'),
name: 'index', name: 'index',
meta: { meta: {
title: '打印电子卡' title: '打印电子卡'
} }
}, { }, {
path: '/print/enterpriseCrad', path: '/print/enterpriseCrad',
component: () => component: () =>
import('@/views/print/enterpriseCrad.vue'), import('@/views/print/enterpriseCrad.vue'),
name: 'enterpriseCrad', name: 'enterpriseCrad',
meta: { meta: {
title: '打印企业卡' title: '打印企业卡'
} }
},] }, ]
}, },
...codemenu, ...codemenu,
{ {
path: '/404', path: '/404',
component: () => component: () =>
import('@/views/404'), import('@/views/404'),
hidden: true hidden: true
} }
// 404 page must be placed at the end !!! // 404 page must be placed at the end !!!
// { path: '*', redirect: '/404', hidden: true } // { path: '*', redirect: '/404', hidden: true }
] ]
const createRouter = () => new Router({ const createRouter = () => new Router({
// mode: 'history', // require service support // mode: 'history', // require service support
scrollBehavior: () => ({ scrollBehavior: () => ({
y: 0 y: 0
}), }),
routes: constantRoutes routes: constantRoutes
}) })
const router = createRouter() const router = createRouter()
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
export function resetRouter() { export function resetRouter() {
const newRouter = createRouter() const newRouter = createRouter()
router.matcher = newRouter.matcher // reset router router.matcher = newRouter.matcher // reset router
} }
export default router export default router

444
src/views/network/index.vue
View File

@ -1,230 +1,230 @@
<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-input v-model="queryParams.params.name" placeholder="" clearable /> <el-input v-model="queryParams.params.name" placeholder="" clearable />
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" <el-button type="primary" size="small" icon="el-icon-search"
@click="dosearch">查询</el-button> @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" <el-button type="primary" size="small" icon="el-icon-refresh"
@click="resetQuery">重置</el-button> @click="resetQuery">重置</el-button>
</div> </div>
</div> </div>
</div> </div>
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop"> <div class="listtop">
<div class="tit">支行列表</div> <div class="tit">区域列表</div>
</div> </div>
<!-- End 项目列表头部 --> <!-- End 项目列表头部 -->
<!-- Start 项目列表 --> <!-- Start 项目列表 -->
<div class=""> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :row-style="{height: '40px'}"> <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> :row-style="{height: '40px'}">
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column label="操作" align="center" width="180"> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<template slot-scope="scope"> <el-table-column label="操作" align="center" width="180">
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button> <template slot-scope="scope">
<el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">编辑</el-button>
</template> <el-button type="primary" size="mini" @click="toRelevancyInfo(scope.row)">删除</el-button>
</el-table-column> </template>
<el-table-column prop="name" label="支行名称" align="center" /> </el-table-column>
<el-table-column prop="shortName" label="支行简称" align="center" /> <el-table-column prop="name" label="区域名称" align="center" />
<el-table-column prop="linker" label="联系人" align="center" /> <el-table-column prop="shortName" label="区域简称" align="center" />
<el-table-column prop="linkPhone" label="联系电话" align="center" /> <el-table-column prop="linker" label="联系人" align="center" />
<el-table-column prop="address" label="支行地址" align="center" /> <el-table-column prop="linkPhone" label="联系电话" align="center" />
<el-table-column prop="address" label="区域地址" align="center" />
</el-table>
</div> </el-table>
<!-- End 项目列表 --> </div>
<div class="pages"> <!-- End 项目列表 -->
<div class="tit" /> <div class="pages">
<!-- 翻页 --> <div class="tit" />
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current" <!-- 翻页 -->
:limit.sync="queryParams.size" class="pagination" @pagination="loadList" /> <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
</div> :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
</div> </div>
</div> </div>
<!-- 新增修改部分组件 --> </div>
<divAdd v-show="viewState == 2|| viewState ==3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> <!-- 新增修改部分组件 -->
</div> <divAdd v-show="viewState == 2|| viewState ==3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
</div>
</template> </template>
<script> <script>
import req from '@/api/network/network.js' import req from '@/api/network/network.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import divAdd from './indexAdd.vue' import divAdd from './indexAdd.vue'
export default { export default {
name: 'SupplierBankInfoIndex', name: 'SupplierBankInfoIndex',
components: { components: {
ButtonBar, ButtonBar,
Pagination, Pagination,
pageye, pageye,
divAdd divAdd
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
dataList: [], dataList: [],
btnList: [ btnList: [{
{ type: 'primary',
type: 'primary', size: 'small',
size: 'small', icon: 'plus',
icon: 'plus', btnKey: 'toAdd',
btnKey: 'toAdd', btnLabel: '新增'
btnLabel: '新增' },
}, {
{ type: 'info',
type: 'info', size: 'small',
size: 'small', icon: 'cross',
icon: 'cross', btnKey: 'doClose',
btnKey: 'doClose', btnLabel: '关闭'
btnLabel: '关闭' }
} ],
], queryParams: {
queryParams: { current: 1,
current: 1, size: 10,
size: 10, total: 0,
total: 0, params: {
params: { name: '',
name: '',
}
} },
}, sids: []
sids: [] }
} },
}, mounted() {
mounted() { this.$refs['btnbar'].setButtonList(this.btnList)
this.$refs['btnbar'].setButtonList(this.btnList) },
}, created() {
created() { this.loadList()
this.loadList() },
}, methods: {
methods: { // 搜索条件效果
// 搜索条件效果 clicksearchShow() {
clicksearchShow() { this.isSearchShow = !this.isSearchShow
this.isSearchShow = !this.isSearchShow if (this.isSearchShow) {
if (this.isSearchShow) { this.searchxianshitit = '隐藏查询条件'
this.searchxianshitit = '隐藏查询条件' } else {
} else { this.searchxianshitit = '显示查询条件'
this.searchxianshitit = '显示查询条件' }
} },
}, btnHandle(btnKey) {
btnHandle(btnKey) { switch (btnKey) {
switch (btnKey) { case 'toAdd':
case 'toAdd': this.toAdd()
this.toAdd() break
break case 'doClose':
case 'doClose': this.doClose()
this.doClose() break
break default:
default: break
break }
} },
}, loadList() {
loadList() { this.tableLoading = true
this.tableLoading = true req.bankListPage(this.queryParams).then((resp) => {
req.bankListPage(this.queryParams).then((resp) => { this.tableLoading = false
this.tableLoading = false if (resp.success) {
if (resp.success) { const data = resp.data
const data = resp.data this.queryParams.total = data.total
this.queryParams.total = data.total this.dataList = data.records
this.dataList = data.records } else {
} else { // 根据resp.code进行异常情况处理
// 根据resp.code进行异常情况处理 this.dataList = []
this.dataList = [] this.queryParams.total = 0
this.queryParams.total = 0 }
} }).catch(() => {
}).catch(() => { this.tableLoading = false
this.tableLoading = false })
}) },
},
// 序号
// 序号 indexMethod(index) {
indexMethod(index) { var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pagestart = (this.queryParams.current - 1) * this.queryParams.size var pageindex = index + 1 + pagestart
var pageindex = index + 1 + pagestart return pageindex
return pageindex },
}, dosearch() {
dosearch() { this.queryParams.current = 1
this.queryParams.current = 1 this.loadList()
this.loadList() },
}, resetQuery() {
resetQuery() { this.queryParams = {
this.queryParams = { current: 1,
current: 1, size: 10,
size: 10, total: 0,
total: 0, params: {
params: { name: '',
name: '', }
} }
} this.loadList()
this.loadList() },
}, toAdd() {
toAdd() { this.viewState = 2
this.viewState = 2 this.$refs['divadd'].showAdd()
this.$refs['divadd'].showAdd() },
}, doClose() {
doClose() { this.$store.dispatch('tagsView/delView', this.$route)
this.$store.dispatch('tagsView/delView', this.$route) this.$router.go(-1)
this.$router.go(-1) },
}, toRelevancy(row) {
toRelevancy(row) { this.viewState = 3
this.viewState = 3 this.$refs['divadd'].showEdit(row)
this.$refs['divadd'].showEdit(row) },
}, toRelevancyInfo(row) {
toRelevancyInfo(row) {
const tip = '请确认是否删除所选支行?' const tip = '请确认是否删除所选支行?'
this.$confirm(tip, '提示', { this.$confirm(tip, '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req.deleteBank(row.sid).then((resp) => { req.deleteBank(row.sid).then((resp) => {
loading.close() loading.close()
if (resp.success) { if (resp.success) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: resp.msg, message: resp.msg,
showClose: true showClose: true
}) })
this.loadList() this.loadList()
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
} }
}).catch(e => { }).catch(e => {
loading.close() loading.close()
}) })
}).catch(() => {}) }).catch(() => {})
}, },
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
} }
} }
} }
</script> </script>
<style scoped> <style scoped>
</style> </style>

380
src/views/network/indexAdd.vue
View File

@ -1,197 +1,197 @@
<template> <template>
<div> <div>
<div class="tab-header webtop"> <div class="tab-header webtop">
<!-- 标题 --> <!-- 标题 -->
<div>网点信息</div> <div>区域信息</div>
<!-- start 添加修改按钮 --> <!-- start 添加修改按钮 -->
<div> <div>
<el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button> <el-button type="primary" size="small" :disabled="submitdisabled" @click="saveOrUpdate">保存</el-button>
<el-button type="info" size="small" @click="handleReturn()">关闭</el-button> <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
</div> </div>
<!-- end 添加修改按钮 --> <!-- end 添加修改按钮 -->
<!-- end 详情按钮 --> <!-- end 详情按钮 -->
</div> </div>
<div class="listconadd"> <div class="listconadd">
<el-card class="box-card"> <el-card class="box-card">
<div class="item"> <div class="item">
<span class="item_text">名称：</span> <span class="item_text">名称：</span>
<el-input v-model="formobj.name" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.name" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">简称：</span> <span class="item_text">简称：</span>
<el-input v-model="formobj.shortName" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.shortName" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">联系人：</span> <span class="item_text">联系人：</span>
<el-input v-model="formobj.linker" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.linker" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">电话：</span> <span class="item_text">电话：</span>
<el-input v-model="formobj.linkPhone" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.linkPhone" placeholder="" class="item_input" clearable />
</div> </div>
<div class="item"> <div class="item">
<span class="item_text">地址：</span> <span class="item_text">地址：</span>
<el-input v-model="formobj.address" placeholder="" class="item_input" clearable /> <el-input v-model="formobj.address" placeholder="" class="item_input" clearable />
</div> </div>
</el-card> </el-card>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import req from '@/api/network/network.js' import req from '@/api/network/network.js'
export default { export default {
data() { data() {
return { return {
submitdisabled: false, submitdisabled: false,
formobj: { formobj: {
sid: "", sid: "",
name: '', name: '',
shortName: '', shortName: '',
linker: '', linker: '',
linkPhone: "", linkPhone: "",
address: "", address: "",
} }
} }
}, },
methods: { methods: {
saveOrUpdate() { saveOrUpdate() {
console.log('>>>>>>>>>saveOrUpdate', this.formobj) console.log('>>>>>>>>>saveOrUpdate', this.formobj)
if(this.formobj.sid){ if (this.formobj.sid) {
req.updateBank(this.formobj) req.updateBank(this.formobj)
.then(resp => { .then(resp => {
if (resp.success) { if (resp.success) {
this.$message({ this.$message({
showClose: true, showClose: true,
type: 'success', type: 'success',
message: resp.msg message: resp.msg
}) })
this.handleReturn('true') this.handleReturn('true')
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
} }
}) })
.catch(() => {}) .catch(() => {})
}else{ } else {
req.saveBank(this.formobj) req.saveBank(this.formobj)
.then(resp => { .then(resp => {
if (resp.success) { if (resp.success) {
this.$message({ this.$message({
showClose: true, showClose: true,
type: 'success', type: 'success',
message: resp.msg message: resp.msg
}) })
this.handleReturn('true') this.handleReturn('true')
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
} }
}) })
.catch(() => {}) .catch(() => {})
} }
}, },
handleReturn(isreload) { handleReturn(isreload) {
if (isreload === 'true') this.$emit('reloadlist') if (isreload === 'true') this.$emit('reloadlist')
this.imgList = [] this.imgList = []
this.formobj = { this.formobj = {
sid: "", sid: "",
name: '', name: '',
shortName: '', shortName: '',
linker: '', linker: '',
linkPhone: "", linkPhone: "",
address: "", address: "",
} }
this.$emit('doback') this.$emit('doback')
}, },
showAdd() { showAdd() {
}, },
showEdit(row) { showEdit(row) {
req.bankInit(row.sid) req.bankInit(row.sid)
.then(resp => { .then(resp => {
if (resp.success) { if (resp.success) {
this.formobj = resp.data this.formobj = resp.data
} }
}) })
.catch(e => { .catch(e => {
this.formobj = row this.formobj = row
}) })
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.box-card { .box-card {
margin-left: 60px; margin-left: 60px;
margin-right: 60px; margin-right: 60px;
min-width: 70%; min-width: 70%;
margin-top: 20px; margin-top: 20px;
.item { .item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-top: 15px; margin-top: 15px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
.item_text { .item_text {
flex: 0.8; flex: 0.8;
font-size: 18px; font-size: 18px;
text-align: right; text-align: right;
} }
.item_input { .item_input {
flex: 4; flex: 4;
font-size: 16px; font-size: 16px;
margin-left: 10px; margin-left: 10px;
margin-right: 80px; margin-right: 80px;
} }
.item_left_input { .item_left_input {
width: 20%; width: 20%;
} }
.item_left_text { .item_left_text {
height: 30px; height: 30px;
margin-left: 20px; margin-left: 20px;
line-height: 30px; line-height: 30px;
color: #018AD2; color: #018AD2;
padding: 0px 15px; padding: 0px 15px;
border: 1.5px solid #018AD2; border: 1.5px solid #018AD2;
border-radius: 5px; border-radius: 5px;
} }
.item_right { .item_right {
flex: 1; flex: 1;
justify-items: center; justify-items: center;
.item_right_list_text { .item_right_list_text {
font-size: 16px; font-size: 16px;
} }
.item_right_list_delect { .item_right_list_delect {
color: #5E94FF; color: #5E94FF;
margin-left: 20px; margin-left: 20px;
font-size: 16px; font-size: 16px;
text-decoration: underline; text-decoration: underline;
} }
} }
} }
} }
</style> </style>

569
src/views/order/allDistributionCount.vue
View File

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

647
src/views/order/distributionCount.vue
View File

@ -1,89 +1,88 @@
<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" @change="selectTime1" type="date"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 200px;"> style="width: 200px;">
</el-date-picker> </el-date-picker>
</el-form-item> 至
<el-form-item label="预约结束日期"> <el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date"
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
style="width: 200px;"> </el-date-picker>
</el-date-picker>
</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 <el-select v-model="page.params.bankSid" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="bankSelect"> placeholder="请选择" style="width:100%" @change="bankSelect">
<el-option v-for="item in bankList" :key="item.name" :label="item.name" <el-option v-for="item in bankList" :key="item.name" :label="item.name"
:value="item.sid"> :value="item.sid">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="提货门店"> <el-form-item label="提货门店">
<el-select v-model="page.params.store" filterable class="item_input" clearable <el-select v-model="page.params.store" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="giftPackSelect"> placeholder="请选择" style="width:100%" @change="giftPackSelect">
<el-option v-for="item in giftPackList" :key="item.text" :label="item.text" <el-option v-for="item in giftPackList" :key="item.text" :label="item.text"
:value="item.text"> :value="item.text">
</el-option> </el-option>
</el-select> </el-select>
</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 <el-select v-model="page.params.cardType" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> placeholder="请选择" style="width:100%" @change="cardTypeSelect">
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" <el-option v-for="item in cardTypeList" :key="item.text" :label="item.text"
:value="item.sid"> :value="item.sid">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" <el-button type="primary" size="small" icon="el-icon-search"
@click="dosearch">查询</el-button> @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" <el-button type="primary" size="small" icon="el-icon-refresh"
@click="resetQuery">重置</el-button> @click="resetQuery">重置</el-button>
</div> </div>
</div> </div>
</div> </div>
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop"> <div class="listtop">
<div class="tit">配货列表</div> <div class="tit">配货列表</div>
</div> </div>
<!-- End 项目列表头部 --> <!-- End 项目列表头部 -->
<!-- Start 项目列表 --> <!-- Start 项目列表 -->
<div class=""> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell"> <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="50" type="selection" align="center" /> -->
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" align="center" width="120"> <!-- <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="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="store" label="提货地点" align="center" /> <el-table-column prop="store" 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="address" label="网点地址" align="center" />
<el-table-column prop="linker" label="联系人" align="center" /> <el-table-column prop="linker" label="联系人" align="center" />
<el-table-column prop="linkPhone" label="联系电话" align="center" /> <el-table-column prop="linkPhone" label="联系电话" align="center" />
<!-- <el-table-column label="商品明细" align="center"> <!-- <el-table-column label="商品明细" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-for="(item,index) in scope.row.goods" style="width: 100%;height: 100%;"> <div v-for="(item,index) in scope.row.goods" style="width: 100%;height: 100%;">
<div style="width: 100%;padding:10px" <div style="width: 100%;padding:10px"
@ -94,273 +93,273 @@
</template> </template>
</el-table-column> --> </el-table-column> -->
</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/order/order.js'
import req2 from '@/api/pickupPoint/pickupPoint.js' import req2 from '@/api/pickupPoint/pickupPoint.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import divAdd from './indexInfo.vue' import divAdd from './indexInfo.vue'
import { import {
getBeforeDate getBeforeDate
} from '@/utils/index' } from '@/utils/index'
export default { export default {
name: 'SupplierBankInfoIndex', name: 'SupplierBankInfoIndex',
components: { components: {
ButtonBar, ButtonBar,
Pagination, Pagination,
pageye, pageye,
divAdd, divAdd,
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
dataList: [], dataList: [],
btnList: [{ btnList: [{
type: 'success', type: 'success',
size: 'small', size: 'small',
icon: 'export', icon: 'export',
btnKey: 'build', btnKey: 'build',
btnLabel: '导出' btnLabel: '导出'
}, },
{ {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
btnKey: 'doClose', btnKey: 'doClose',
btnLabel: '关闭' btnLabel: '关闭'
} }
], ],
page: { page: {
total: 0, // 默认数据总数 total: 0, // 默认数据总数
current: 1, // 默认开始页面 current: 1, // 默认开始页面
size: 10, // 每页的数据条数 size: 10, // 每页的数据条数
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
store: "", store: "",
bankSid: "", bankSid: "",
cardType: "" cardType: ""
}, },
}, },
giftPackList: [], giftPackList: [],
bankList: [], bankList: [],
cardTypeList: [{ cardTypeList: [{
text: "全部", text: "全部",
sid: "" sid: ""
}, },
{ {
text: "家庭卡", text: "家庭卡",
sid: "1" sid: "1"
}, },
{ {
text: "亲情卡", text: "亲情卡",
sid: "2" sid: "2"
}, },
{ {
text: "企业卡", text: "企业卡",
sid: "3" sid: "3"
}, },
] ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
this.getAllStore() this.getAllStore()
// this.loadList() // this.loadList()
this.getBankList() this.getBankList()
}, },
methods: { methods: {
//改变单行蓝色和绿色 //改变单行蓝色和绿色
cell({ cell({
row, row,
column, column,
rowIndex, rowIndex,
columnIndex columnIndex
}) { }) {
if (columnIndex == 3) { if (columnIndex == 3) {
return 'padding: 0px' return 'padding: 0px'
} }
}, },
// 搜索条件效果 // 搜索条件效果
clicksearchShow() { clicksearchShow() {
this.isSearchShow = !this.isSearchShow this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) { if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件' this.searchxianshitit = '隐藏查询条件'
} else { } else {
this.searchxianshitit = '显示查询条件' this.searchxianshitit = '显示查询条件'
} }
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'build': // 导出 case 'build': // 导出
this.doBuild() this.doBuild()
break break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
default: default:
break break
} }
}, },
selectTime1(val) { selectTime1(val) {
console.log('selectTime1:', val) console.log('selectTime1:', val)
this.page.params.startDate = val this.page.params.startDate = val
}, },
selectTime2(val) { selectTime2(val) {
console.log('selectTime2:', val) console.log('selectTime2:', val)
this.page.params.endDate = val this.page.params.endDate = val
}, },
giftPackSelect(val) { giftPackSelect(val) {
console.log('>>>>>>>>>giftPackSelect', val) console.log('>>>>>>>>>giftPackSelect', val)
this.page.params.store = val this.page.params.store = val
}, },
getBankList() { getBankList() {
req2.bankSelect() req2.bankSelect()
.then(resp => { .then(resp => {
console.log('>>>>>>>>>getBankList', resp.data) console.log('>>>>>>>>>getBankList', resp.data)
this.bankList = resp.data this.bankList = resp.data
}) })
.catch(() => {}) .catch(() => {})
}, },
bankSelect(val) { bankSelect(val) {
console.log('>>>>>>>>>bankSelect', val) console.log('>>>>>>>>>bankSelect', val)
this.page.params.bankSid = val this.page.params.bankSid = val
}, },
cardTypeSelect(val) { cardTypeSelect(val) {
console.log('>>>>>>>>>cardTypeSelect', val) console.log('>>>>>>>>>cardTypeSelect', val)
this.page.params.cardType = val this.page.params.cardType = val
}, },
getAllStore() { getAllStore() {
req.getAllStore().then((resp) => { req.getAllStore().then((resp) => {
if (resp.success) { if (resp.success) {
this.giftPackList = resp.data this.giftPackList = resp.data
} }
}).catch(() => {}) }).catch(() => {})
}, },
loadList() { loadList() {
this.tableLoading = true this.tableLoading = true
req.distributionList(this.page).then((resp) => { req.distributionList(this.page).then((resp) => {
this.tableLoading = false this.tableLoading = false
if (resp.success) { if (resp.success) {
const data = resp.data const data = resp.data
this.page.total = data.total this.page.total = data.total
this.dataList = data.records this.dataList = data.records
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
this.dataList = [] this.dataList = []
this.page.total = 0 this.page.total = 0
} }
}).catch(() => { }).catch(() => {
this.tableLoading = false this.tableLoading = false
}) })
}, },
// 序号 // 序号
indexMethod(index) { indexMethod(index) {
var pagestart = (this.page.current - 1) * this.page.size var pagestart = (this.page.current - 1) * this.page.size
var pageindex = index + 1 + pagestart var pageindex = index + 1 + pagestart
return pageindex return pageindex
}, },
dosearch() { dosearch() {
this.page.current = 1 this.page.current = 1
this.loadList() this.loadList()
}, },
resetQuery() { resetQuery() {
this.page = { this.page = {
current: 1, current: 1,
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
store: "", store: "",
bankSid: "", bankSid: "",
cardType: "" cardType: ""
}, },
} }
this.loadList() this.loadList()
}, },
toRelevancy(row) { toRelevancy(row) {
this.viewState = 3 this.viewState = 3
this.$refs['divadd'].showEdit(row) this.$refs['divadd'].showEdit(row)
}, },
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
}, },
// 导出 // 导出
doBuild() { doBuild() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req.distributionExportExcel(this.page.params).then((resp) => { req.distributionExportExcel(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.ms-excel'
}) })
const fileName = '网点配货明细_' + this.page.params.startDate + '.xls' const fileName = '网点配货明细_' + this.page.params.startDate + '.xls'
const elink = document.createElement('a') const elink = document.createElement('a')
elink.download = fileName elink.download = fileName
elink.style.display = 'nonde' elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob) elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink) document.body.appendChild(elink)
elink.click() elink.click()
URL.revokeObjectURL(elink.href) URL.revokeObjectURL(elink.href)
document.body.removeChild(elink) document.body.removeChild(elink)
}).catch(() => { }).catch(() => {
loading.close() loading.close()
}) })
}, },
} }
} }
</script> </script>
<style scoped> <style scoped>
::v-deep .el-table .cell { ::v-deep .el-table .cell {
padding: 0px; padding: 0px;
} }
</style> </style>

632
src/views/order/index.vue
View File

@ -1,342 +1,340 @@
<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" @change="selectTime1" type="date"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 200px;"> style="width: 200px;">
</el-date-picker> </el-date-picker>
</el-form-item> 至
<el-form-item label="预约结束日期"> <el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date"
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
style="width: 200px;"> </el-date-picker>
</el-date-picker>
</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 <el-select v-model="page.params.bankSid" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="bankSelect"> placeholder="请选择" style="width:100%" @change="bankSelect">
<el-option v-for="item in bankList" :key="item.name" :label="item.name" <el-option v-for="item in bankList" :key="item.name" :label="item.name"
:value="item.sid"> :value="item.sid">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="提货门店"> <el-form-item label="提货门店">
<el-select v-model="page.params.store" filterable class="item_input" clearable <el-select v-model="page.params.store" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="giftPackSelect"> placeholder="请选择" style="width:100%" @change="giftPackSelect">
<el-option v-for="item in giftPackList" :key="item.text" :label="item.text" <el-option v-for="item in giftPackList" :key="item.text" :label="item.text"
:value="item.text"> :value="item.text">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="卡券类型">
<el-select v-model="page.params.cardType" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="cardTypeSelect">
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text"
:value="item.sid">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div class="btn" style="text-align: center;"> <el-form-item label="卡券类型">
<el-button type="primary" size="small" icon="el-icon-search" <el-select v-model="page.params.cardType" filterable class="item_input" clearable
@click="dosearch">查询</el-button> placeholder="请选择" style="width:100%" @change="cardTypeSelect">
<el-button type="primary" size="small" icon="el-icon-refresh" <el-option v-for="item in cardTypeList" :key="item.text" :label="item.text"
@click="resetQuery">重置</el-button> :value="item.sid">
</div> </el-option>
</div> </el-select>
</div> </el-form-item>
<!-- Start 项目列表头部 -->
<div class="listtop">
<div class="tit">订单列表</div> </el-form>
</div> <div class="btn" style="text-align: center;">
<!-- End 项目列表头部 --> <el-button type="primary" size="small" icon="el-icon-search"
<!-- Start 项目列表 --> @click="dosearch">查询</el-button>
<div class=""> <el-button type="primary" size="small" icon="el-icon-refresh"
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> @click="resetQuery">重置</el-button>
<!-- <el-table-column fixed width="50" type="selection" align="center" /> --> </div>
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> </div>
<el-table-column label="操作" align="center" width="120"> </div>
<template slot-scope="scope"> <!-- Start 项目列表头部 -->
<el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button> <div class="listtop">
</template> <div class="tit">订单列表</div>
</el-table-column> </div>
<el-table-column prop="cardType" label="卡券类型" align="center" /> <!-- End 项目列表头部 -->
<el-table-column prop="reserveDate" label="预约日期" align="center" /> <!-- Start 项目列表 -->
<el-table-column prop="bankName" label="所属支行" align="center" /> <div class="">
<el-table-column prop="store" label="提货地点" align="center" /> <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column prop="serialNumber" label="卡券序列号" align="center" /> <!-- <el-table-column fixed width="50" type="selection" align="center" /> -->
<el-table-column prop="bagName" label="礼包类型" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="userName" label="用户名称" align="center" /> <el-table-column label="操作" align="center" width="120">
<el-table-column prop="userPhone" label="联系电话" align="center" /> <template slot-scope="scope">
</el-table> <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">明细</el-button>
</div> </template>
<!-- End 项目列表 --> </el-table-column>
<div class="pages"> <el-table-column prop="cardType" label="卡券类型" align="center" />
<div class="tit" /> <el-table-column prop="reserveDate" label="预约日期" align="center" />
<!-- 翻页 --> <el-table-column prop="bankName" label="所属区域" align="center" />
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current" <el-table-column prop="store" label="提货地点" align="center" />
:limit.sync="page.size" class="pagination" @pagination="loadList" /> <el-table-column prop="serialNumber" label="卡券序列号" align="center" />
</div> <el-table-column prop="bagName" label="礼包类型" align="center" />
</div> <el-table-column prop="userName" label="用户名称" align="center" />
</div> <el-table-column prop="userPhone" label="联系电话" align="center" />
<!-- End 查询和其列表部分 --> </el-table>
<!-- 新增修改部分组件 --> </div>
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" /> <!-- End 项目列表 -->
</div> <div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="page.total" :page.sync="page.current"
:limit.sync="page.size" class="pagination" @pagination="loadList" />
</div>
</div>
</div>
<!-- End 查询和其列表部分 -->
<!-- 新增修改部分组件 -->
<divAdd v-show="viewState == 2 || viewState == 3" ref="divadd" @doback="resetState" @reloadlist="loadList" />
</div>
</template> </template>
<script> <script>
import req from '@/api/order/order.js' import req from '@/api/order/order.js'
import req2 from '@/api/pickupPoint/pickupPoint.js' import req2 from '@/api/pickupPoint/pickupPoint.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import divAdd from './indexInfo.vue' import divAdd from './indexInfo.vue'
import { import {
getBeforeDate getBeforeDate
} from '@/utils/index' } from '@/utils/index'
export default { export default {
name: 'SupplierBankInfoIndex', name: 'SupplierBankInfoIndex',
components: { components: {
ButtonBar, ButtonBar,
Pagination, Pagination,
pageye, pageye,
divAdd, divAdd,
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
dataList: [], dataList: [],
btnList: [{ btnList: [{
type: 'success', type: 'success',
size: 'small', size: 'small',
icon: 'export', icon: 'export',
btnKey: 'build', btnKey: 'build',
btnLabel: '导出' btnLabel: '导出'
}, },
{ {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
btnKey: 'doClose', btnKey: 'doClose',
btnLabel: '关闭' btnLabel: '关闭'
} }
], ],
page: { page: {
total: 0, // 默认数据总数 total: 0, // 默认数据总数
current: 1, // 默认开始页面 current: 1, // 默认开始页面
size: 10, // 每页的数据条数 size: 10, // 每页的数据条数
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
store: "", store: "",
bankSid:"", bankSid: "",
cardType:"" cardType: ""
}, },
}, },
giftPackList: [], giftPackList: [],
bankList: [], bankList: [],
cardTypeList:[ cardTypeList: [{
{ text: "全部",
text :"全部", sid: ""
sid:"" },
}, {
{ text: "家庭卡",
text :"家庭卡", sid: "1"
sid:"1" },
}, {
{ text: "亲情卡",
text :"亲情卡", sid: "2"
sid:"2" },
}, {
{ text: "企业卡",
text :"企业卡", sid: "3"
sid:"3" },
},
]
] }
} },
}, mounted() {
mounted() { this.$refs['btnbar'].setButtonList(this.btnList)
this.$refs['btnbar'].setButtonList(this.btnList) },
}, created() {
created() { this.getAllStore()
this.getAllStore() // this.loadList()
// this.loadList() this.getBankList()
this.getBankList() },
}, methods: {
methods: { // 搜索条件效果
// 搜索条件效果 clicksearchShow() {
clicksearchShow() { this.isSearchShow = !this.isSearchShow
this.isSearchShow = !this.isSearchShow if (this.isSearchShow) {
if (this.isSearchShow) { this.searchxianshitit = '隐藏查询条件'
this.searchxianshitit = '隐藏查询条件' } else {
} else { this.searchxianshitit = '显示查询条件'
this.searchxianshitit = '显示查询条件' }
} },
}, btnHandle(btnKey) {
btnHandle(btnKey) { switch (btnKey) {
switch (btnKey) { case 'build': // 导出
case 'build': // 导出 this.doBuild()
this.doBuild() break
break case 'doClose':
case 'doClose': this.doClose()
this.doClose() break
break default:
default: break
break }
} },
}, selectTime1(val) {
selectTime1(val) {
console.log('selectTime1:', val) console.log('selectTime1:', val)
this.page.params.startDate = val this.page.params.startDate = val
}, },
selectTime2(val) { selectTime2(val) {
console.log('selectTime2:', val) console.log('selectTime2:', val)
this.page.params.endDate = val this.page.params.endDate = val
}, },
giftPackSelect(val) { giftPackSelect(val) {
console.log('>>>>>>>>>giftPackSelect', val) console.log('>>>>>>>>>giftPackSelect', val)
this.page.params.store = val this.page.params.store = val
}, },
getBankList() { getBankList() {
req2.bankSelect() req2.bankSelect()
.then(resp => { .then(resp => {
console.log('>>>>>>>>>getBankList', resp.data) console.log('>>>>>>>>>getBankList', resp.data)
this.bankList = resp.data this.bankList = resp.data
}) })
.catch(() => {}) .catch(() => {})
}, },
bankSelect(val) { bankSelect(val) {
console.log('>>>>>>>>>bankSelect', val) console.log('>>>>>>>>>bankSelect', val)
this.page.params.bankSid = val this.page.params.bankSid = val
}, },
cardTypeSelect(val){ cardTypeSelect(val) {
console.log('>>>>>>>>>cardTypeSelect', val) console.log('>>>>>>>>>cardTypeSelect', val)
this.page.params.cardType = val this.page.params.cardType = val
}, },
getAllStore() { getAllStore() {
req.getAllStore().then((resp) => { req.getAllStore().then((resp) => {
if (resp.success) { if (resp.success) {
this.giftPackList = resp.data this.giftPackList = resp.data
} }
}).catch(() => {}) }).catch(() => {})
}, },
loadList() { loadList() {
this.tableLoading = true this.tableLoading = true
req.orderList(this.page).then((resp) => { req.orderList(this.page).then((resp) => {
this.tableLoading = false this.tableLoading = false
if (resp.success) { if (resp.success) {
const data = resp.data const data = resp.data
this.page.total = data.total this.page.total = data.total
this.dataList = data.records this.dataList = data.records
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
this.dataList = [] this.dataList = []
this.page.total = 0 this.page.total = 0
} }
}).catch(() => { }).catch(() => {
this.tableLoading = false this.tableLoading = false
}) })
}, },
// 序号 // 序号
indexMethod(index) { indexMethod(index) {
var pagestart = (this.page.current - 1) * this.page.size var pagestart = (this.page.current - 1) * this.page.size
var pageindex = index + 1 + pagestart var pageindex = index + 1 + pagestart
return pageindex return pageindex
}, },
dosearch() { dosearch() {
this.page.current = 1 this.page.current = 1
this.loadList() this.loadList()
}, },
resetQuery() { resetQuery() {
this.page = { this.page = {
current: 1, current: 1,
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
store: "", store: "",
bankSid:"", bankSid: "",
cardType:"" cardType: ""
}, },
} }
this.loadList() this.loadList()
}, },
toRelevancy(row) { toRelevancy(row) {
this.viewState = 3 this.viewState = 3
this.$refs['divadd'].showEdit(row) this.$refs['divadd'].showEdit(row)
}, },
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
}, },
// 导出 // 导出
doBuild() { doBuild() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req.exportExcel(this.page.params).then((resp) => { req.exportExcel(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.ms-excel'
}) })
const fileName = '订单明细_' + this.page.params.startDate + '.xls' const fileName = '订单明细_' + this.page.params.startDate + '.xls'
const elink = document.createElement('a') const elink = document.createElement('a')
elink.download = fileName elink.download = fileName
elink.style.display = 'nonde' elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob) elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink) document.body.appendChild(elink)
elink.click() elink.click()
URL.revokeObjectURL(elink.href) URL.revokeObjectURL(elink.href)
document.body.removeChild(elink) document.body.removeChild(elink)
}).catch(() => { }).catch(() => {
loading.close() loading.close()
}) })
}, },
} }
} }
</script> </script>
<style scoped> <style scoped>
</style> </style>

599
src/views/order/subBranch.vue
View File

@ -1,335 +1,334 @@
<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" @change="selectTime1" type="date"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
style="width: 200px;"> style="width: 200px;">
</el-date-picker> </el-date-picker>
</el-form-item> 至
<el-form-item label="预约结束日期"> <el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date"
<el-date-picker v-model="page.params.endDate" @change="selectTime2" type="date" placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
placeholder="选择日期" format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
style="width: 200px;"> </el-date-picker>
</el-date-picker>
</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 <el-select v-model="page.params.bankSid" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="bankSelect"> placeholder="请选择" style="width:100%" @change="bankSelect">
<el-option v-for="item in bankList" :key="item.name" :label="item.name" <el-option v-for="item in bankList" :key="item.name" :label="item.name"
:value="item.sid"> :value="item.sid">
</el-option> </el-option>
</el-select> </el-select>
</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 <el-select v-model="page.params.cardType" filterable class="item_input" clearable
placeholder="请选择" style="width:100%" @change="cardTypeSelect"> placeholder="请选择" style="width:100%" @change="cardTypeSelect">
<el-option v-for="item in cardTypeList" :key="item.text" :label="item.text" <el-option v-for="item in cardTypeList" :key="item.text" :label="item.text"
:value="item.sid"> :value="item.sid">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
<el-button type="primary" size="small" icon="el-icon-search" <el-button type="primary" size="small" icon="el-icon-search"
@click="dosearch">查询</el-button> @click="dosearch">查询</el-button>
<el-button type="primary" size="small" icon="el-icon-refresh" <el-button type="primary" size="small" icon="el-icon-refresh"
@click="resetQuery">重置</el-button> @click="resetQuery">重置</el-button>
</div> </div>
</div> </div>
</div> </div>
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop"> <div class="listtop">
<div class="tit">配货列表</div> <div class="tit">配货列表</div>
</div> </div>
<!-- End 项目列表头部 --> <!-- End 项目列表头部 -->
<!-- Start 项目列表 --> <!-- Start 项目列表 -->
<div class=""> <div class="">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%" :cell-style="cell"> <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="50" type="selection" align="center" /> -->
<el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" /> <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
<!-- <el-table-column label="操作" align="center" width="120"> <!-- <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="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="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="address" label="区域地址" align="center" />
<el-table-column prop="linker" label="联系人" align="center" /> <el-table-column prop="linker" label="联系人" align="center" />
<el-table-column prop="linkPhone" label="联系电话" align="center" /> <el-table-column prop="linkPhone" 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/order/order.js'
import req2 from '@/api/pickupPoint/pickupPoint.js' import req2 from '@/api/pickupPoint/pickupPoint.js'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
import Pagination from '@/components/pagination' import Pagination from '@/components/pagination'
import pageye from '@/components/pagination/pageye' import pageye from '@/components/pagination/pageye'
import divAdd from './indexInfo.vue' import divAdd from './indexInfo.vue'
import { import {
getBeforeDate getBeforeDate
} from '@/utils/index' } from '@/utils/index'
export default { export default {
name: 'SupplierBankInfoIndex', name: 'SupplierBankInfoIndex',
components: { components: {
ButtonBar, ButtonBar,
Pagination, Pagination,
pageye, pageye,
divAdd, divAdd,
}, },
data() { data() {
return { return {
btndisabled: false, btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看 viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
dataList: [], dataList: [],
btnList: [{ btnList: [{
type: 'success', type: 'success',
size: 'small', size: 'small',
icon: 'export', icon: 'export',
btnKey: 'build', btnKey: 'build',
btnLabel: '导出' btnLabel: '导出'
}, },
{ {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
btnKey: 'doClose', btnKey: 'doClose',
btnLabel: '关闭' btnLabel: '关闭'
} }
], ],
page: { page: {
total: 0, // 默认数据总数 total: 0, // 默认数据总数
current: 1, // 默认开始页面 current: 1, // 默认开始页面
size: 10, // 每页的数据条数 size: 10, // 每页的数据条数
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
bankSid: "", bankSid: "",
cardType: "" cardType: ""
}, },
}, },
bankList: [], bankList: [],
cardTypeList: [{ cardTypeList: [{
text: "全部", text: "全部",
sid: "" sid: ""
}, },
{ {
text: "家庭卡", text: "家庭卡",
sid: "1" sid: "1"
}, },
{ {
text: "亲情卡", text: "亲情卡",
sid: "2" sid: "2"
}, },
{ {
text: "企业卡", text: "企业卡",
sid: "3" sid: "3"
}, },
] ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
this.getAllStore() this.getAllStore()
// this.loadList() // this.loadList()
}, },
methods: { methods: {
//改变单行蓝色和绿色 //改变单行蓝色和绿色
cell({ cell({
row, row,
column, column,
rowIndex, rowIndex,
columnIndex columnIndex
}) { }) {
if (columnIndex == 3) { if (columnIndex == 3) {
return 'padding: 0px' return 'padding: 0px'
} }
}, },
// 搜索条件效果 // 搜索条件效果
clicksearchShow() { clicksearchShow() {
this.isSearchShow = !this.isSearchShow this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) { if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件' this.searchxianshitit = '隐藏查询条件'
} else { } else {
this.searchxianshitit = '显示查询条件' this.searchxianshitit = '显示查询条件'
} }
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'build': // 导出 case 'build': // 导出
this.doBuild() this.doBuild()
break break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
default: default:
break break
} }
}, },
selectTime1(val) { selectTime1(val) {
console.log('selectTime1:', val) console.log('selectTime1:', val)
this.page.params.startDate = val this.page.params.startDate = val
}, },
selectTime2(val) { selectTime2(val) {
console.log('selectTime2:', val) console.log('selectTime2:', val)
this.page.params.endDate = val this.page.params.endDate = val
}, },
bankSelect(val) { bankSelect(val) {
console.log('>>>>>>>>>bankSelect', val) console.log('>>>>>>>>>bankSelect', val)
this.page.params.bankSid = val this.page.params.bankSid = val
}, },
cardTypeSelect(val) { cardTypeSelect(val) {
console.log('>>>>>>>>>cardTypeSelect', val) console.log('>>>>>>>>>cardTypeSelect', val)
this.page.params.cardType = val this.page.params.cardType = val
}, },
getAllStore() { getAllStore() {
req2.bankSelect() req2.bankSelect()
.then(resp => { .then(resp => {
console.log('>>>>>>>>>bankSelect', resp) console.log('>>>>>>>>>bankSelect', resp)
this.bankList = resp.data this.bankList = resp.data
console.log('>>>>>>>>>bankSelect', this.bankList) console.log('>>>>>>>>>bankSelect', this.bankList)
}) })
.catch(() => {}) .catch(() => {})
}, },
loadList() { loadList() {
this.tableLoading = true this.tableLoading = true
req.bankOrderList(this.page).then((resp) => { req.bankOrderList(this.page).then((resp) => {
this.tableLoading = false this.tableLoading = false
if (resp.success) { if (resp.success) {
const data = resp.data const data = resp.data
this.page.total = data.total this.page.total = data.total
this.dataList = data.records this.dataList = data.records
} else { } else {
// 根据resp.code进行异常情况处理 // 根据resp.code进行异常情况处理
this.dataList = [] this.dataList = []
this.page.total = 0 this.page.total = 0
} }
}).catch(() => { }).catch(() => {
this.tableLoading = false this.tableLoading = false
}) })
}, },
// 序号 // 序号
indexMethod(index) { indexMethod(index) {
var pagestart = (this.page.current - 1) * this.page.size var pagestart = (this.page.current - 1) * this.page.size
var pageindex = index + 1 + pagestart var pageindex = index + 1 + pagestart
return pageindex return pageindex
}, },
dosearch() { dosearch() {
this.page.current = 1 this.page.current = 1
this.loadList() this.loadList()
}, },
resetQuery() { resetQuery() {
this.page = { this.page = {
current: 1, current: 1,
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
startDate: "", startDate: "",
endDate: "", endDate: "",
bankSid: "", bankSid: "",
cardType: "" cardType: ""
}, },
} }
this.loadList() this.loadList()
}, },
toRelevancy(row) { toRelevancy(row) {
this.viewState = 3 this.viewState = 3
this.$refs['divadd'].showEdit(row) this.$refs['divadd'].showEdit(row)
}, },
resetState() { resetState() {
this.viewState = 1 this.viewState = 1
}, },
doClose() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)
}, },
// 导出 // 导出
doBuild() { doBuild() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}) })
req.bankOrderExportExcel(this.page.params).then((resp) => { req.bankOrderExportExcel(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.ms-excel'
}) })
const fileName = '支行配货明细_' + this.page.params.startDate + '.xls' const fileName = '支行配货明细_' + this.page.params.startDate + '.xls'
const elink = document.createElement('a') const elink = document.createElement('a')
elink.download = fileName elink.download = fileName
elink.style.display = 'nonde' elink.style.display = 'nonde'
elink.href = URL.createObjectURL(blob) elink.href = URL.createObjectURL(blob)
document.body.appendChild(elink) document.body.appendChild(elink)
elink.click() elink.click()
URL.revokeObjectURL(elink.href) URL.revokeObjectURL(elink.href)
document.body.removeChild(elink) document.body.removeChild(elink)
}).catch(() => { }).catch(() => {
loading.close() 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