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
a4319795cc 560b849873
commit
bbc2bd7ed2
9 changed files with 421 additions and 479 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. 29
      supervise-customer-ui/src/api/query/distributionCentre.js
  2. 29
      supervise-customer-ui/src/api/query/orderCommodity.js
  3. 29
      supervise-customer-ui/src/api/query/orders.js
  4. 2
      supervise-customer-ui/src/api/query/outBound.js
  5. 29
      supervise-customer-ui/src/api/query/stockInfo.js
  6. 205
      supervise-customer-ui/src/views/query/distributionCentre.vue
  7. 190
      supervise-customer-ui/src/views/query/orderCommodity.vue
  8. 194
      supervise-customer-ui/src/views/query/orders.vue
  9. 193
      supervise-customer-ui/src/views/query/stockInfo.vue

29
supervise-customer-ui/src/api/query/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/query/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/query/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'
}
})
},
}

2
supervise-customer-ui/src/api/query/outBound.js
View File

@ -1,5 +1,5 @@
import request from '@/utils/request' import request from '@/utils/request'
// 供应商查询 // 入库查询
export default { export default {
// 查询分页列表 // 查询分页列表

29
supervise-customer-ui/src/api/query/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/gdinventoryok/listPage',
method: 'post',
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
exportExcel: function(params) {
return request({
baseURL: '/api',
url: '/customer/v1/gdinventoryok/exportExcel',
method: 'post',
responseType: 'blob', // 表明返回服务器返回的数据类型
data: params,
headers: {
'Content-Type': 'application/json'
}
})
},
}

205
supervise-customer-ui/src/views/query/distributionCentre.vue
View File

@ -2,7 +2,7 @@
<div class="app-container"> <div class="app-container">
<div style="margin-left:16px;"> <div style="margin-left:16px;">
<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">
@ -10,44 +10,18 @@
</el-button> </el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header"> <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="订单编号"> <el-form-item label="商品编码">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable /> <el-input v-model="queryParams.params.prodCode" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="供应商名称"> <el-form-item label="商品名称">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable /> <el-input v-model="queryParams.params.prodName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="审核状态"> <el-form-item label="销售日期">
<el-select v-model="queryParams.params.auditStatus" filterable placeholder="请选择" clearable> <el-date-picker v-model="queryParams.params.startDate" type="date" clearable value-format="yyyy-MM-dd"
<el-option v-for="item in audit_list" :key="item.dictKey" :label="item.dictValue" placeholder="选择日期" />
: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> <span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.arrivalEndDate" type="date" clearable <el-date-picker v-model="queryParams.params.endDate" type="date" clearable value-format="yyyy-MM-dd"
value-format="yyyy-MM-dd" placeholder="选择日期" /> 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-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@ -60,28 +34,29 @@
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop" <div class="listtop"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;"> style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div> <div class="tit">配送中心批发列表</div>
<div> <!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span> <span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span> <span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span> <span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span> <span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> </div> -->
</div> </div>
<div style="margin-top: 30px;"> <div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> <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 width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsStatus" label="货物状态" align="center" /> <el-table-column prop="orderType" width="100" label="订单类型" align="center" />
<el-table-column prop="orderId" label="订单编号" align="center" /> <el-table-column prop="prodCode" width="140" label="商品编码" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" /> <el-table-column prop="prodName" label="商品名称" align="center" />
<el-table-column prop="orderPrice" label="订单金额" align="center" /> <el-table-column prop="brandCode" width="100" label="品牌代码" align="center" />
<el-table-column prop="arrivalPrice" label="到货货值" align="center" /> <el-table-column prop="brandName" width="180" label="品牌名称" align="center" />
<el-table-column prop="inTransitPrice" label="在途货值" align="center" /> <el-table-column prop="saleNum" width="100" label="销售数量" align="center" />
<el-table-column prop="orderDate" label="订单日期" align="center" /> <el-table-column prop="total" width="100" label="销售总价" align="center" />
<el-table-column prop="arrivalDate" 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> </el-table>
</div> </div>
@ -100,6 +75,7 @@
</template> </template>
<script> <script>
import req from '@/api/query/distributionCentre'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
export default { export default {
components: { components: {
@ -112,56 +88,13 @@
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, 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: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@ -173,34 +106,20 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', prodCode: '',
supplierName: '', prodName: '',
auditStatus: '', startDate: '',
goodsStatus: '', endDate: ''
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
}, },
dataList: [{ dataList: []
goodsStatus: '全部',
orderId: 'S4ZR02111003',
supplierName: '[6143301]石家庄舶来品商贸有限公司',
orderPrice: '120130',
arrivalPrice: '0',
inTransitPrice: '120130',
orderDate: '2022-11-26',
arrivalDate: '2022-11-26',
}, ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
// this.loadList() this.loadList()
}, },
methods: { methods: {
// 搜索条件效果 // 搜索条件效果
@ -214,6 +133,9 @@
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
@ -254,19 +176,52 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', prodCode: '',
supplierName: '', prodName: '',
auditStatus: '', startDate: '',
goodsStatus: '', endDate: ''
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
} }
this.loadList() 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() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)

190
supervise-customer-ui/src/views/query/orderCommodity.vue
View File

@ -10,35 +10,14 @@
</el-button> </el-button>
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header"> <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-form-item label="商品名称">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable /> <el-input v-model="queryParams.params.proName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="商品编码"> <el-form-item label="商品编码">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable /> <el-input v-model="queryParams.params.proCode" 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-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-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>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@ -51,28 +30,19 @@
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop" <div class="listtop"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;"> style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div> <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>
<div style="margin-top: 30px;"> <div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> <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 width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsStatus" label="货物状态" align="center" /> <el-table-column prop="code" width="180" label="订单编号" align="center" />
<el-table-column prop="orderId" label="订单编号" align="center" /> <el-table-column prop="proCode" width="150" label="商品编码" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" /> <el-table-column prop="proName" label="商品名称" align="center" />
<el-table-column prop="orderPrice" label="订单金额" align="center" /> <el-table-column prop="categoryKey" width="120" label="类别编码" align="center" />
<el-table-column prop="arrivalPrice" label="到货货值" align="center" /> <el-table-column prop="category" width="180" label="分类名称" align="center" />
<el-table-column prop="inTransitPrice" label="在途货值" align="center" /> <el-table-column prop="number" width="100" label="商品数量" align="center" />
<el-table-column prop="orderDate" label="订单日期" align="center" /> <el-table-column prop="totalPrice" width="120" label="商品货值" align="center" />
<el-table-column prop="arrivalDate" label="到货日期" align="center" />
</el-table> </el-table>
</div> </div>
@ -91,6 +61,7 @@
</template> </template>
<script> <script>
import req from '@/api/query/orderCommodity'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
export default { export default {
components: { components: {
@ -103,56 +74,13 @@
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, 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: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@ -164,34 +92,19 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', code: '',
supplierName: '', proName: '',
auditStatus: '', proCode: "",
goodsStatus: '',
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
}, },
dataList: [{ dataList: []
goodsStatus: '全部',
orderId: 'S4ZR02111003',
supplierName: '[6143301]石家庄舶来品商贸有限公司',
orderPrice: '120130',
arrivalPrice: '0',
inTransitPrice: '120130',
orderDate: '2022-11-26',
arrivalDate: '2022-11-26',
}, ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
// this.loadList() this.loadList()
}, },
methods: { methods: {
// 搜索条件效果 // 搜索条件效果
@ -205,6 +118,9 @@
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
@ -245,19 +161,51 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', code: '',
supplierName: '', proName: '',
auditStatus: '', proCode: "",
goodsStatus: '',
orderStartDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
} }
this.loadList() 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() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)

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

@ -11,43 +11,21 @@
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header"> <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="订单编号"> <el-form-item label="订单编号">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable /> <el-input v-model="queryParams.params.code" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="供应商名称"> <el-form-item label="供应商名称">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable /> <el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="审核状态"> <el-form-item label="供应商编号">
<el-select v-model="queryParams.params.auditStatus" filterable placeholder="请选择" clearable> <el-input v-model="queryParams.params.supplierOnlyCode" 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>
<el-form-item label="订单日期"> <el-form-item label="订单日期">
<el-date-picker v-model="queryParams.params.orderStartDate" type="date" clearable <el-date-picker v-model="queryParams.params.startDate" type="date" clearable value-format="yyyy-MM-dd"
value-format="yyyy-MM-dd" placeholder="选择日期" /> 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> <span style="padding: 0 8px">至</span>
<el-date-picker v-model="queryParams.params.arrivalEndDate" type="date" clearable <el-date-picker v-model="queryParams.params.endDate" type="date" clearable value-format="yyyy-MM-dd"
value-format="yyyy-MM-dd" placeholder="选择日期" /> placeholder="选择日期" />
</el-form-item> </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-item>
</el-form> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@ -61,27 +39,18 @@
<div class="listtop" <div class="listtop"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;"> style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div> <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>
<div style="margin-top: 30px;"> <div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> <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 width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsStatus" label="货物状态" align="center" /> <el-table-column prop="code" width="200" label="订单编号" align="center" />
<el-table-column prop="orderId" label="订单编号" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" /> <el-table-column prop="supplierName" label="供应商名称" align="center" />
<el-table-column prop="orderPrice" label="订单金额" align="center" /> <el-table-column prop="supplierOnlyCode" width="120" label="唯一编码" align="center" />
<el-table-column prop="arrivalPrice" label="到货货值" align="center" /> <el-table-column prop="supplierCode" width="120" label="第二代码" align="center" />
<el-table-column prop="inTransitPrice" label="在途货值" align="center" /> <el-table-column prop="createTime" width="200" label="订单日期" align="center" />
<el-table-column prop="orderDate" label="订单日期" align="center" /> <el-table-column prop="purchaseDate" width="200" label="采购日期" align="center" />
<el-table-column prop="arrivalDate" label="到货日期" align="center" /> <el-table-column prop="arrivalDate" width="150" label="到货日期" align="center" />
</el-table> </el-table>
</div> </div>
@ -100,6 +69,7 @@
</template> </template>
<script> <script>
import req from '@/api/query/orders'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
export default { export default {
components: { components: {
@ -112,56 +82,14 @@
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, 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: [{ btnList: [{
type: 'success',
size: 'small',
icon: 'export',
btnKey: 'doBuild',
btnLabel: '导出'
}, {
type: 'info', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@ -173,34 +101,21 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', code: '',
supplierName: '', supplierName: '',
auditStatus: '', supplierOnlyCode: "",
goodsStatus: '', startDate: '',
orderStartDate: '', endDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
}, },
dataList: [{ dataList: []
goodsStatus: '全部',
orderId: 'S4ZR02111003',
supplierName: '[6143301]石家庄舶来品商贸有限公司',
orderPrice: '120130',
arrivalPrice: '0',
inTransitPrice: '120130',
orderDate: '2022-11-26',
arrivalDate: '2022-11-26',
}, ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
// this.loadList() this.loadList()
}, },
methods: { methods: {
// 搜索条件效果 // 搜索条件效果
@ -214,6 +129,9 @@
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
@ -254,19 +172,53 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', code: '',
supplierName: '', supplierName: '',
auditStatus: '', supplierOnlyCode: "",
goodsStatus: '', startDate: '',
orderStartDate: '', endDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
} }
this.loadList() 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() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)

193
supervise-customer-ui/src/views/query/stockInfo.vue
View File

@ -11,32 +11,20 @@
<div v-show="isSearchShow" class="search"> <div v-show="isSearchShow" class="search">
<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header"> <el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
<el-form-item label="仓库/门店"> <el-form-item label="仓库/门店">
<el-input v-model="queryParams.params.orderId" placeholder="" clearable /> <el-input v-model="queryParams.params.warehouseName" 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-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>
<el-form-item label="商品名称"> <el-form-item label="商品名称">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable /> <el-input v-model="queryParams.params.prodName" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="商品编码"> <el-form-item label="商品编码">
<el-input v-model="queryParams.params.supplierName" placeholder="" clearable /> <el-input v-model="queryParams.params.prodCode" placeholder="" clearable />
</el-form-item> </el-form-item>
<el-form-item label="商品类别"> <el-form-item label="数据日期">
<el-select v-model="queryParams.params.goodsStatus" filterable placeholder="请选择" clearable> <el-date-picker v-model="queryParams.params.startDate" type="date" clearable
<el-option v-for="item in goods_list" :key="item.dictKey" :label="item.dictValue" value-format="yyyy-MM-dd" placeholder="选择日期" />
:value="item.dictKey"></el-option> <span style="padding: 0 8px">至</span>
</el-select> <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> </el-form>
<div class="btn" style="text-align: center;"> <div class="btn" style="text-align: center;">
@ -49,28 +37,28 @@
<!-- Start 项目列表头部 --> <!-- Start 项目列表头部 -->
<div class="listtop" <div class="listtop"
style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;"> style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div class="tit">订单明细表</div> <div class="tit">库存明细表</div>
<div> <!-- <div>
<span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span> <span style="padding-right: 20px">商品种类数量：{{pages.num}}个</span>
<span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span> <span style="padding-right: 20px">订单金额合计：{{pages.totalPrice}}元</span>
<span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span> <span style="padding-right: 20px">到货货值合计：{{pages.arrivalPrice}}元</span>
<span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span> <span style="padding-right: 20px">在途货值合计：{{pages.inTransitPrice}}元</span>
</div> </div> -->
</div> </div>
<div style="margin-top: 30px;"> <div style="margin-top: 30px;">
<el-table v-loading="tableLoading" :data="dataList" border style="width: 100%"> <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 width="60" label="序号" type="index" :index="indexMethod" align="center" />
<el-table-column prop="goodsStatus" label="货物状态" align="center" /> <el-table-column prop="warehouseCode" width="100" label="仓库编号" align="center" />
<el-table-column prop="orderId" label="订单编号" align="center" /> <el-table-column prop="warehouseName" width="150" label="仓库名称" align="center" />
<el-table-column prop="supplierName" label="供应商名称" align="center" /> <el-table-column prop="prodCode" width="120" label="商品编码" align="center" />
<el-table-column prop="orderPrice" label="订单金额" align="center" /> <el-table-column prop="prodName" label="商品名称" align="center" />
<el-table-column prop="arrivalPrice" label="到货货值" align="center" /> <el-table-column prop="prodNum" width="100" label="商品数量" align="center" />
<el-table-column prop="inTransitPrice" label="在途货值" align="center" /> <el-table-column prop="prodValue" width="100" label="商品货值" align="center" />
<el-table-column prop="orderDate" label="订单日期" align="center" /> <el-table-column prop="suppliderName" label="供应商" align="center" />
<el-table-column prop="arrivalDate" label="到货日期" align="center" /> <el-table-column prop="dataDate" width="150" label="数据日期" align="center" />
</el-table> </el-table>
</div> </div>
@ -89,6 +77,7 @@
</template> </template>
<script> <script>
import req from '@/api/query/stockInfo'
import ButtonBar from '@/components/ButtonBar' import ButtonBar from '@/components/ButtonBar'
export default { export default {
components: { components: {
@ -101,56 +90,14 @@
isSearchShow: false, isSearchShow: false,
searchxianshitit: '显示查询条件', searchxianshitit: '显示查询条件',
tableLoading: false, tableLoading: false,
pages: { btnList: [
num: 2, {
totalPrice: 123546516, type: 'success',
arrivalPrice: 2, size: 'small',
inTransitPrice: 1985616 icon: 'export',
}, btnKey: 'doBuild',
audit_list: [{ btnLabel: '导出'
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', type: 'info',
size: 'small', size: 'small',
icon: 'cross', icon: 'cross',
@ -162,34 +109,21 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', warehouseName: '',
supplierName: '', prodName: '',
auditStatus: '', prodCode: '',
goodsStatus: '', startDate: '',
orderStartDate: '', endDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
}, },
dataList: [{ dataList: []
goodsStatus: '全部',
orderId: 'S4ZR02111003',
supplierName: '[6143301]石家庄舶来品商贸有限公司',
orderPrice: '120130',
arrivalPrice: '0',
inTransitPrice: '120130',
orderDate: '2022-11-26',
arrivalDate: '2022-11-26',
}, ]
} }
}, },
mounted() { mounted() {
this.$refs['btnbar'].setButtonList(this.btnList) this.$refs['btnbar'].setButtonList(this.btnList)
}, },
created() { created() {
// this.loadList() this.loadList()
}, },
methods: { methods: {
// 搜索条件效果 // 搜索条件效果
@ -203,6 +137,9 @@
}, },
btnHandle(btnKey) { btnHandle(btnKey) {
switch (btnKey) { switch (btnKey) {
case 'doBuild':
this.doBuild()
break
case 'doClose': case 'doClose':
this.doClose() this.doClose()
break break
@ -243,19 +180,53 @@
size: 10, size: 10,
total: 0, total: 0,
params: { params: {
orderId: '', warehouseName: '',
supplierName: '', prodName: '',
auditStatus: '', prodCode: '',
goodsStatus: '', startDate: '',
orderStartDate: '', endDate: '',
orderEndDate: '',
arrivalStartDate: '',
arrivalEndDate: '',
queryType: ''
} }
} }
this.loadList() 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() { doClose() {
this.$store.dispatch('tagsView/delView', this.$route) this.$store.dispatch('tagsView/delView', this.$route)
this.$router.go(-1) this.$router.go(-1)

Write Preview
Loading…
Cancel
Save