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

Merge remote-tracking branch 'origin/master'

master
wangpengfei 2 years ago
parent
b53057264a f4ae2fc76c
commit
82c4b37581
17 changed files with 2197 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      supervise-customer-ui/src/api/tobacco/distributionCentre.js
  2. 29
      supervise-customer-ui/src/api/tobacco/orderCommodity.js
  3. 29
      supervise-customer-ui/src/api/tobacco/orders.js
  4. 29
      supervise-customer-ui/src/api/tobacco/outBound.js
  5. 30
      supervise-customer-ui/src/api/tobacco/sales.js
  6. 29
      supervise-customer-ui/src/api/tobacco/stockInfo.js
  7. 17
      supervise-customer-ui/src/api/tobacco/supplier.js
  8. 74
      supervise-customer-ui/src/router/modules/codemenu.js
  9. 2
      supervise-customer-ui/src/views/query/orders.vue
  10. 234
      supervise-customer-ui/src/views/tobacco/distributionCentre.vue
  11. 232
      supervise-customer-ui/src/views/tobacco/inAndOutBound.vue
  12. 218
      supervise-customer-ui/src/views/tobacco/orderCommodity.vue
  13. 231
      supervise-customer-ui/src/views/tobacco/orders.vue
  14. 243
      supervise-customer-ui/src/views/tobacco/sale.vue
  15. 239
      supervise-customer-ui/src/views/tobacco/stockInfo.vue
  16. 254
      supervise-customer-ui/src/views/tobacco/supplier.vue
  17. 279
      supervise-customer-ui/src/views/tobacco/warehouse.vue

29
supervise-customer-ui/src/api/tobacco/distributionCentre.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
// 配送批发查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdwholesalegd/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdwholesalegd/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

29
supervise-customer-ui/src/api/tobacco/orderCommodity.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
// 订单商品查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/purchaserequisitionpro/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/purchaserequisitionpro/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

29
supervise-customer-ui/src/api/tobacco/orders.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
// 订单查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/purchaserequisition/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/purchaserequisition/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

29
supervise-customer-ui/src/api/tobacco/outBound.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
// 入库查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdinstorageyc/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdinstorageyc/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

30
supervise-customer-ui/src/api/tobacco/sales.js
View File

@ -0,0 +1,30 @@
import request from '@/utils/request'
// 销售查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdsalesyc/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdsalesyc/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

29
supervise-customer-ui/src/api/tobacco/stockInfo.js
View File

@ -0,0 +1,29 @@
import request from '@/utils/request'
// 库存查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdinventoryyc/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdinventoryyc/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

17
supervise-customer-ui/src/api/tobacco/supplier.js
View File

@ -0,0 +1,17 @@
import request from '@/utils/request'
// 供应商查询
export default {
// 查询分页列表
listPage: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/supplierbankinfo/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

74
supervise-customer-ui/src/router/modules/codemenu.js
View File

@ -228,5 +228,79 @@ const codemenu = [{
noCache: true
}
}, ]
},
{
path: '/tobacco',
component: Layout,
redirect: '/tobacco',
meta: {
title: '烟草查询'
},
children: [
{
path: '/tobacco/stockInfo',
component: () => import('@/views/tobacco/stockInfo.vue'),
name: 'stockInfo',
meta: {
title: '库存信息查询',
noCache: true
}
}, {
path: '/tobacco/orders',
component: () => import('@/views/tobacco/orders.vue'),
name: 'orders',
meta: {
title: '订单查询',
noCache: true
}
}, {
path: '/kucun/orderCommodity',
component: () => import('@/views/tobacco/orderCommodity.vue'),
name: 'orderCommodity',
meta: {
title: '订单商品查询',
noCache: true
}
}, {
path: '/tobacco/inAndOutBound',
component: () => import('@/views/tobacco/inAndOutBound.vue'),
name: 'inAndOutBound',
meta: {
title: '入库查询',
noCache: true
}
},{
path: '/tobacco/supplier',
component: () => import('@/views/tobacco/supplier.vue'),
name: 'supplier',
meta: {
title: '供应商查询',
noCache: true
}
}, {
path: '/tobacco/xscx',
component: () => import('@/views/tobacco/sale.vue'),
name: 'sale',
meta: {
title: '销售查询',
noCache: true
}
},{
path: '/tobacco/warehouse',
component: () => import('@/views/tobacco/warehouse.vue'),
name: 'warehouse',
meta: {
title: '仓库调拨查询',
noCache: true
}
}, {
path: '/tobacco/distributionCentre',
component: () => import('@/views/tobacco/distributionCentre.vue'),
name: 'distributionCentre',
meta: {
title: '配送批发查询',
noCache: true
}
}, ]
}]
export default codemenu

2
supervise-customer-ui/src/views/query/orders.vue
View File

@ -205,7 +205,7 @@
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '库存明细列表' + '.xls'
const fileName = '订单明细列表' + '.xls'
const elink = document.createElement('a')
elink.download = fileName
elink.style.display = 'nonde'

234
supervise-customer-ui/src/views/tobacco/distributionCentre.vue
View File

@ -0,0 +1,234 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="配送中心批发查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="商品编码">
<el-input v-model="queryParams.params.prodCode" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.prodName" placeholder="" clearable />
</el-form-item>
<el-form-item label="销售日期">
<el-date-picker v-model="queryParams.params.startDate" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.endDate" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">配送中心批发列表</div>
<!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> -->
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="orderType" width="100" label="订单类型" align="center" />
<el-table-column prop="prodCode" width="140" label="商品编码" align="center" />
<el-table-column prop="prodName" label="商品名称" align="center" />
<el-table-column prop="brandCode" width="100" label="品牌代码" align="center" />
<el-table-column prop="brandName" width="180" label="品牌名称" align="center" />
<el-table-column prop="saleNum" width="100" label="销售数量" align="center" />
<el-table-column prop="total" width="100" label="销售总价" align="center" />
<el-table-column prop="storeName" width="200" label="销售渠道" align="center" />
<el-table-column prop="dataDate" width="150" label="销售日期" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/distributionCentre'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
prodCode: '',
prodName: '',
startDate: '',
endDate: ''
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
prodCode: '',
prodName: '',
startDate: '',
endDate: ''
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草配送中心批发列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

232
supervise-customer-ui/src/views/tobacco/inAndOutBound.vue
View File

@ -0,0 +1,232 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="入库查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="仓库/门店">
<el-input v-model="queryParams.params.colc2" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.coli8" placeholder="" clearable />
</el-form-item>
<el-form-item label="起始日期">
<el-date-picker v-model="queryParams.params.startTime" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.endTime" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">入库明细表</div>
<!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> -->
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="colc2" width="240" label="仓库/门店名称" align="center" />
<el-table-column prop="cold3" width="200"label="收货时间" align="center" />
<el-table-column prop="coli8" label="商品名称" align="center" />
<el-table-column prop="coll11" width="120" label="规格" align="center" />
<el-table-column prop="colm12" width="120" label="类别编号" align="center" />
<el-table-column prop="coln13" width="120"label="类别名称" align="center" />
<el-table-column prop="colr17" width="120" label="数量" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/outBound'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
colc2: '',
coli8: '',
startTime: '',
endTime: '',
}
},
dataList: [ ]
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
colc2: '',
coli8: '',
startTime: '',
endTime: '',
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草入库列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

218
supervise-customer-ui/src/views/tobacco/orderCommodity.vue
View File

@ -0,0 +1,218 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="订单商品查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="订单编号">
<el-input v-model="queryParams.params.code" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.proName" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品编码">
<el-input v-model="queryParams.params.proCode" placeholder="" clearable />
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单商品明细表</div>
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="code" width="180" label="订单编号" align="center" />
<el-table-column prop="proCode" width="150" label="商品编码" align="center" />
<el-table-column prop="proName" label="商品名称" align="center" />
<el-table-column prop="categoryKey" width="120" label="类别编码" align="center" />
<el-table-column prop="category" width="180" label="分类名称" align="center" />
<el-table-column prop="number" width="100" label="商品数量" align="center" />
<el-table-column prop="totalPrice" width="120" label="商品货值" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/orderCommodity'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
code: '',
proName: '',
proCode: "",
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
code: '',
proName: '',
proCode: "",
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草订单商品列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

231
supervise-customer-ui/src/views/tobacco/orders.vue
View File

@ -0,0 +1,231 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="订单查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="订单编号">
<el-input v-model="queryParams.params.code" placeholder="" clearable />
</el-form-item>
<el-form-item label="供应商名称">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item>
<el-form-item label="供应商编号">
<el-input v-model="queryParams.params.supplierOnlyCode" placeholder="" clearable />
</el-form-item>
<el-form-item label="订单日期">
<el-date-picker v-model="queryParams.params.startDate" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.endDate" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
</el-form-item>
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div>
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="code" width="200" label="订单编号" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" />
<el-table-column prop="supplierOnlyCode" width="120" label="唯一编码" align="center" />
<el-table-column prop="supplierCode" width="120" label="第二代码" align="center" />
<el-table-column prop="createTime" width="200" label="订单日期" align="center" />
<el-table-column prop="purchaseDate" width="200" label="采购日期" align="center" />
<el-table-column prop="arrivalDate" width="150" label="到货日期" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/orders'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
code: '',
supplierName: '',
supplierOnlyCode: "",
startDate: '',
endDate: '',
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
code: '',
supplierName: '',
supplierOnlyCode: "",
startDate: '',
endDate: '',
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草订单明细列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

243
supervise-customer-ui/src/views/tobacco/sale.vue
View File

@ -0,0 +1,243 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="销售查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="商品编码">
<el-input v-model="queryParams.params.prodCode" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.prodName" placeholder="" clearable />
</el-form-item>
<!-- <el-form-item label="销售渠道">
<el-input v-model="queryParams.params.storeCode" placeholder="" clearable />
</el-form-item> -->
<el-form-item label="销售日期">
<el-date-picker v-model="queryParams.params.startTime" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.endTime" type="date" clearable value-format="yyyy-MM-dd"
placeholder="选择日期" />
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">销售明细表</div>
<!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div>-->
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="orderType" width="100" label="订单类型" align="center" />
<el-table-column prop="prodCode" width="140" label="商品编码" align="center" />
<el-table-column prop="prodName" label="商品名称" align="center" />
<el-table-column prop="brandCode" width="100" label="品牌代码" align="center" />
<el-table-column prop="brandName" width="180" label="品牌名称" align="center" />
<el-table-column prop="saleNum" width="100" label="销售数量" align="center" />
<el-table-column prop="total" width="100" label="销售总价" align="center" />
<el-table-column prop="storeName" width="200" label="销售渠道" align="center" />
<el-table-column prop="dataDate" width="150" label="销售日期" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/sales'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}, ],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
prodCode: '', // 商品编码
prodName: '', // 商品名称
storeCode: '', // 销售渠道
brandCode: '', // 品牌代码
brandName: '', // 品牌名称
startTime: '',
endTime: '',
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
prodCode: '', // 商品编码
prodName: '', // 商品名称
storeCode: '', // 销售渠道
brandCode: '', // 品牌代码
brandName: '', // 品牌名称
startTime: '',
endTime: '',
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草销售列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

239
supervise-customer-ui/src/views/tobacco/stockInfo.vue
View File

@ -0,0 +1,239 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="库存信息查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="仓库/门店">
<el-input v-model="queryParams.params.warehouseName" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品名称">
<el-input v-model="queryParams.params.prodName" placeholder="" clearable />
</el-form-item>
<el-form-item label="商品编码">
<el-input v-model="queryParams.params.prodCode" placeholder="" clearable />
</el-form-item>
<el-form-item label="数据日期">
<el-date-picker v-model="queryParams.params.startDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.endDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">库存明细表</div>
<!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> -->
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="warehouseCode" width="100" label="仓库编号" align="center" />
<el-table-column prop="warehouseName" width="200" label="仓库名称" align="center" />
<el-table-column prop="prodCode" width="120" label="商品编码" align="center" />
<el-table-column prop="prodName" label="商品名称" align="center" />
<el-table-column prop="prodNum" width="100" label="商品数量" align="center" />
<el-table-column prop="prodValue" width="100" label="商品货值" align="center" />
<el-table-column prop="suppliderName" label="供应商" align="center" />
<el-table-column prop="dataDate" width="150" label="数据日期" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/stockInfo'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
btnList: [
{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
},{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
warehouseName: '',
prodName: '',
prodCode: '',
startDate: '',
endDate: '',
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
warehouseName: '',
prodName: '',
prodCode: '',
startDate: '',
endDate: '',
}
}
this.loadList()
},
// 导出文件
doBuild() {
if (this.dataList.length == 0) {
this.$message({
message: '暂无数据可导出！',
type: 'warning',
duration: 1000
});
return
}
const loading = this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
})
req.exportExcel(this.queryParams).then((resp) => {
loading.close()
const blob = new Blob([resp], {
type: 'application/vnd.ms-excel;charset=UTF-8'
})
const fileName = '烟草库存明细列表' + '.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()
})
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

254
supervise-customer-ui/src/views/tobacco/supplier.vue
View File

@ -0,0 +1,254 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="供应商查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<!-- <el-form-item label="审核状态">
<el-select v-model="queryParams.params.auditStatus" filterable placeholder="请选择" clearable>
<el-option v-for="item in audit_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey"></el-option>
</el-select>
</el-form-item>
<el-form-item label="供应商编号">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable />
</el-form-item> -->
<el-form-item label="供应商名称">
<el-input v-model="queryParams.params.name" placeholder="" clearable />
</el-form-item>
<!-- <el-form-item label="联系人">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item>
<el-form-item label="法人">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item>
<el-form-item label="营业执照号码">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item>
<el-form-item label="银行账号">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item> -->
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">供应商列表</div>
<!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> -->
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<!-- :row-style="{height: '50px'}"> -->
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="codeUnified" width="150" label="供应商代码" align="center" />
<el-table-column prop="name" label="供应商名称" align="center" />
<el-table-column prop="contacts" width="180" label="联系人" align="center" />
<el-table-column prop="telephone" width="180" label="电话" align="center" />
<el-table-column prop="address" label="地址" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import req from '@/api/tobacco/supplier'
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
pages: {
num: 2,
totalPrice: 123546516,
arrivalPrice: 2,
inTransitPrice: 1985616
},
audit_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '待审核'
},
{
dictKey: 2,
dictValue: '通过'
},
{
dictKey: 3,
dictValue: '拒绝'
}
],
goods_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '在途'
},
{
dictKey: 2,
dictValue: '到货'
}
],
query_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '按供应商'
},
{
dictKey: 2,
dictValue: '按订单'
}
],
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
// orderId: '',
name: '',
// auditStatus: '',
// goodsStatus: '',
// orderStartDate: '',
// orderEndDate: '',
// arrivalStartDate: '',
// arrivalEndDate: '',
// queryType: ''
}
},
dataList: []
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
// orderId: '',
name: '',
// auditStatus: '',
// goodsStatus: '',
// orderStartDate: '',
// orderEndDate: '',
// arrivalStartDate: '',
// arrivalEndDate: '',
// queryType: ''
}
}
this.loadList()
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>

279
supervise-customer-ui/src/views/tobacco/warehouse.vue
View File

@ -0,0 +1,279 @@
<template>
<div class="app-container">
<div style="margin-left:16px;">
<div v-show="viewState == 1">
<button-bar ref="btnbar" view-title="仓库调拨查询" :btndisabled="btndisabled" @btnhandle="btnHandle" />
<div class="main-content">
<div class="searchcon">
<el-button size="small" class="searchbtn" @click="clicksearchShow">
{{ searchxianshitit }}
</el-button>
<div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="订单编号">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable />
</el-form-item>
<el-form-item label="供应商名称">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item>
<el-form-item label="审核状态">
<el-select v-model="queryParams.params.auditStatus" filterable placeholder="请选择" clearable>
<el-option v-for="item in audit_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey"></el-option>
</el-select>
</el-form-item>
<el-form-item label="货物状态">
<el-select v-model="queryParams.params.goodsStatus" filterable placeholder="请选择" clearable>
<el-option v-for="item in goods_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey"></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单日期">
<el-date-picker v-model="queryParams.params.orderStartDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.orderEndDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
</el-form-item>
<el-form-item label="到货日期">
<el-date-picker v-model="queryParams.params.arrivalStartDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
<span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.arrivalEndDate" type="date" clearable
value-format="yyyy-MM-dd" placeholder="选择日期" />
</el-form-item>
<el-form-item label="查询方式">
<el-select v-model="queryParams.queryType" filterable placeholder="全部" clearable>
<el-option v-for="item in query_list" :key="item.dictKey" :label="item.dictValue"
:value="item.dictKey">
</el-option>
</el-select>
</el-form-item>
</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"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div>
<div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div>
</div>
<div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
<el-table-column width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsStatus" label="货物状态" align="center" />
<el-table-column prop="orderId" label="订单编号" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" />
<el-table-column prop="orderPrice" label="订单金额" align="center" />
<el-table-column prop="arrivalPrice" label="到货货值" align="center" />
<el-table-column prop="inTransitPrice" label="在途货值" align="center" />
<el-table-column prop="orderDate" label="订单日期" align="center" />
<el-table-column prop="arrivalDate" label="到货日期" align="center" />
</el-table>
</div>
<!-- End 项目列表 -->
<div class="pages">
<div class="tit" />
<!-- 翻页 -->
<pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
:limit.sync="queryParams.size" @pagination="loadList" />
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import ButtonBar from '@/components/ButtonBar'
export default {
components: {
ButtonBar,
},
data() {
return {
btndisabled: false,
viewState: 1, // 1、列表 2、添加 3、修改 4、查看
isSearchShow: false,
searchxianshitit: '显示查询条件',
tableLoading: false,
pages: {
num: 2,
totalPrice: 123546516,
arrivalPrice: 2,
inTransitPrice: 1985616
},
audit_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '待审核'
},
{
dictKey: 2,
dictValue: '通过'
},
{
dictKey: 3,
dictValue: '拒绝'
}
],
goods_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '在途'
},
{
dictKey: 2,
dictValue: '到货'
}
],
query_list: [{
dictKey: 0,
dictValue: '全部'
},
{
dictKey: 1,
dictValue: '按供应商'
},
{
dictKey: 2,
dictValue: '按订单'
}
],
btnList: [{
type: 'info',
size: 'small',
icon: 'cross',
btnKey: 'doClose',
btnLabel: '关闭'
}],
queryParams: {
current: 1,
size: 10,
total: 0,
params: {
orderId: '',
supplierName: '',
auditStatus: '',
goodsStatus: '',
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
}
},
dataList: [{
goodsStatus: '全部',
orderId: 'S4ZR02111003',
supplierName: '[6143301]石家庄舶来品商贸有限公司',
orderPrice: '120130',
arrivalPrice: '0',
inTransitPrice: '120130',
orderDate: '2022-11-26',
arrivalDate: '2022-11-26',
}, ]
}
},
mounted() {
this.$refs['btnbar'].setButtonList(this.btnList)
},
created() {
// this.loadList()
},
methods: {
// 搜索条件效果
clicksearchShow() {
this.isSearchShow = !this.isSearchShow
if (this.isSearchShow) {
this.searchxianshitit = '隐藏查询条件'
} else {
this.searchxianshitit = '显示查询条件'
}
},
btnHandle(btnKey) {
switch (btnKey) {
case 'doClose':
this.doClose()
break
default:
break
}
},
loadList() {
this.tableLoading = true
req.listPage(this.queryParams).then((resp) => {
this.tableLoading = false
if (resp.success) {
const data = resp.data
this.queryParams.total = data.total
this.dataList = data.records
} else {
// 根据resp.code进行异常情况处理
this.dataList = []
this.queryParams.total = 0
}
}).catch(() => {
this.tableLoading = false
})
},
// 序号
indexMethod(index) {
var pagestart = (this.queryParams.current - 1) * this.queryParams.size
var pageindex = index + 1 + pagestart
return pageindex
},
dosearch() {
this.queryParams.current = 1
this.loadList()
},
resetQuery() {
this.queryParams = {
current: 1,
size: 10,
total: 0,
params: {
orderId: '',
supplierName: '',
auditStatus: '',
goodsStatus: '',
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
}
}
this.loadList()
},
doClose() {
this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1)
}
}
}
</script>
<style scoped>
</style>
Write Preview
Loading…
Cancel
Save