This commit is contained in:
cun-nan 2024-10-28 11:33:35 +08:00
parent 45757fd59d
commit 4f9479c799
6 changed files with 258 additions and 244 deletions

View File

@ -48,7 +48,7 @@
@click="purchaseAdd"
v-hasPermi="['oilConfig:oilInventory:list']"
>添加盘点
>新增盘点
</el-button>
</el-form-item>
</el-form>

View File

@ -4,32 +4,32 @@
<div class="card-change-1-search" >
<div style="height: 90px; display: flex; justify-content: space-between;">
<div style="height: 100%; display: flex; justify-content: space-between;">
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;font-family: YouSheBiaoTiHei">
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;">
<div class="box">
<span style="font-size: 26px;color: #0DC291;font-weight: bold;">{{numberOfTanks}}</span>
<span style="display: flex">
<span style="display: flex;font-size: 14px;font-weight: bold">
<div style="background-color: #0DC291;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
油罐数量
</span>
</div>
<div class="box" >
<span style="font-size: 26px;color: #3B6ADE;font-weight: bold" >{{inventoryVolume}}</span>
<span style="display: flex">
<div style="background-color: #3B6ADE;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
<span style="font-size: 26px;color: #00CAFF;font-weight: bold" >{{inventoryVolume}}</span>
<span style="display: flex;font-size: 14px;font-weight: bold">
<div style="background-color: #00CAFF;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
盘点升数
</span>
</div>
<div class="box">
<span style="font-size: 26px;color: #FF4347;font-weight: bold">{{stockDifference}}</span>
<span style="display: flex">
<div style="background-color: #FF4347;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
<span style="font-size: 26px;color: #F44522;font-weight: bold">{{stockDifference}}</span>
<span style="display: flex;font-size: 14px;font-weight: bold">
<div style="background-color: #F44522;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
库存差异(L)
</span>
</div>
<div class="box">
<span style="font-size: 26px;color: #FF9655;font-weight: bold">{{profitLossAmount}}</span>
<span style="display: flex">
<div style="background-color: #FF9655;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
<span style="font-size: 26px;color: #F4C622;font-weight: bold">{{profitLossAmount}}</span>
<span style="display: flex;font-size: 14px;font-weight: bold">
<div style="background-color: #F4C622;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
盈亏总额()
</span>
</div>
@ -60,10 +60,12 @@
</div>
</div>
<div style="height: 100%; width: 30%; display: flex; align-items: center; justify-content: flex-end;">
<el-button type="warning" v-if="state=='await'" :disabled="saveFlag" @click="saveInventory()">保存</el-button>
<el-button type="success" v-if="state=='await'" :disabled="auditFlag" @click="audit">保存并审核</el-button>
<el-button type="success" v-if="state=='ysh'" :disabled="auditFlag" @click="storage">盘点并处理库存</el-button>
<el-button type="danger" plain v-if="state =='await' || state=='ysh'" :disabled="voidFlag" @click="abolition()">作废</el-button>
<el-button type="primary" @click="cancelPurchase" v-if="state=='yzf' || state=='qrts'">关闭</el-button>
<el-button @click="cancelPurchase" v-else>取消</el-button>
<el-button type="success" v-if="state=='await'" :disabled="saveFlag" @click="saveInventory()">保存</el-button>
<el-button type="danger" v-if="state =='await' || state=='ysh'" :disabled="voidFlag" @click="abolition()">作废</el-button>
<el-button type="primary" v-if="state=='await'" :disabled="auditFlag" @click="audit">保存并审核</el-button>
<el-button type="primary" v-if="state=='ysh'" :disabled="auditFlag" @click="storage">盘点并处理库存</el-button>
</div>
</div>
@ -98,8 +100,8 @@
:default-sort="defaultSort">
<el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column label="油罐名称" align="center" prop="tankName"/>
<el-table-column label="油品名称" align="center" prop="numberName"/>
<!-- <el-table-column label="油品名称" align="center" prop="numberName"/>-->
<el-table-column label="油品-油号" align="center" prop="numberName"/>
<el-table-column label="供应商" align="center" prop="numberName"/>
<el-table-column label="上次采购信息" align="center" prop="numberName">
@ -133,15 +135,15 @@
</el-table-column>
<!-- <el-table-column label="当前剩余油量总价" align="center" prop="totalPrice"/>-->
<el-table-column label="当前均价" align="center" prop="currentAveragePrice" />
<el-table-column label="当前库存升数(L)" align="center" prop="currentInventoryVolume"/>
<el-table-column label="当前均(元/L)" align="center" prop="currentAveragePrice" />
<el-table-column label="当前库存(L)" align="center" prop="currentInventoryVolume"/>
<el-table-column label="盘点升数(L)" align="center" prop="inventoryVolume" width="150px">
<template slot-scope="scope">
<el-input-number :disabled="numberInput" v-model="scope.row.inventoryVolume" @change="change(scope.row)" controls-position="right" :min="0" :max="100000000" :step="1" :precision="2" style="max-width: 100%"></el-input-number>
</template>
</el-table-column>
<el-table-column label="库存差异升数(L)" align="center" prop="stockDifference"/>
<el-table-column label="盈亏金额(元)" align="center" prop="profitLossAmount"/>
<el-table-column label="库存差异(L)" align="center" prop="stockDifference"/>
<el-table-column label="盈亏金额(元)" align="center" prop="profitLossAmount"/>
<el-table-column v-if="state =='await'" label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -172,8 +174,8 @@
<el-form ref="tankForm" :model="tankForm" label-width="80px">
<el-row :gutter="24">
<el-col :span="10">
<el-form-item label="选择油号">
<el-select v-model="tankForm.numberId" placeholder="请选择油品号" style="width:100%" @change="chooseOilNumber()" clearable>
<el-form-item label="">
<el-select v-model="tankForm.numberId" placeholder="请选择油品号" style="width:100%" @change="chooseOilNumber()" clearable>
<el-option
v-for="option in selectOilTypeByPrice"
:key="option.numberId"
@ -184,12 +186,12 @@
</el-form-item>
</el-col>
<el-col :span="10">
<el-form-item label="油罐名称">
<el-input v-model="tankForm.tankName"></el-input>
<el-form-item label="">
<el-input v-model="tankForm.tankName" placeholder="请输入油罐名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button type="primary" @click="inquireTank()">查询</el-button>
<el-button type="primary" @click="inquireTank()" icon="el-icon-search">搜索</el-button>
</el-col>
</el-row>
</el-form>
@ -206,15 +208,15 @@
width="55">
</el-table-column>
<el-table-column label="油罐名称" align="center" prop="tankName"/>
<el-table-column label="油品" align="center" prop="oilNumber"/>
<el-table-column label="当前均价(元/)" align="center" prop="discountedPrice" />
<el-table-column label="油品-油号" align="center" prop="oilNumber"/>
<el-table-column label="当前均价(元/L)" align="center" prop="discountedPrice" />
<el-table-column label="当前库存(L)" align="center" prop="storedQuantity"/>
</el-table>
</el-main>
</el-container>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="addOrder"> </el-button>
<div class="dialog-footer" style="text-align: center">
<el-button @click="cancel"> </el-button>
<el-button type="primary" @click="addOrder"> </el-button>
</div>
</el-dialog>
@ -361,6 +363,7 @@ export default {
}else {
this.numberInput = true
}
console.log(this.state,366)
this.inventoryNo.inventoryNo = this.$route.query.inventoryNo;
// this.inventoryNo.inventoryDate = this.$route.query.inventoryDate;
@ -389,6 +392,10 @@ export default {
},
methods: {
//
cancelPurchase() {
this.$router.back()
},
getList(){
this.loading = true;
getInventoryOrderApi(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
@ -470,7 +477,7 @@ export default {
orderAdd() {
//
this.open = true;
this.title = "选择油罐"
this.title = "添加盘点油罐"
this.getOilNameList()
// this.selectSuppliers()
},
@ -889,7 +896,7 @@ export default {
width: 212px;
margin-right: 10px;
background: #FFFFFF;
border: 1px solid #EEEEEE;
border: 1px solid #FF9655;
border-radius: 10px;
display: flex;
flex-direction: column;

View File

@ -6,7 +6,7 @@
<div style="height: 100%; display: flex; justify-content: space-between;">
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;align-items: center">
<div class="box">
<span style="font-size: 24px;color: #0DC291;font-weight: bold">{{ purchasedTonnage }}</span>
<span style="font-size: 26px;color: #0DC291;font-weight: bold">{{ purchasedTonnage }}</span>
<span style="display: flex;font-size: 14px;font-weight: bold">
<div
style="background-color: #0DC291;width: 10px;height: 10px;border-radius: 50%;margin-top: 6px;margin-right: 10px"></div>
@ -400,7 +400,6 @@ export default {
this.numberInput = true
}
console.log(this.state, 388)
// this.purchaseForm.purchaseDate = localDate;
// console.log("this.purchaseForm.purchaseDate:", this.purchaseForm.purchaseDate);
@ -408,7 +407,6 @@ export default {
this.purchaseForm.purchaseDate = new Date(parseInt(this.$route.query.purchaseDate))
}
console.log("this.purchaseForm.purchaseDate", this.purchaseForm.purchaseDate)
if (this.purchaseForm.purchaseDate == null) {
this.purchaseForm.purchaseDate = new Date()
}

View File

@ -1,11 +1,19 @@
<template>
<div class="app-container">
<!-- 搜索框-->
<el-card >
<el-card>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
<el-form-item label="" prop="tankName">
<el-input
v-model="queryParams.tankName"
placeholder="请输入油罐名称"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="" prop="oilNumber">
<el-select v-model="queryParams.numberId" placeholder="油品" style="width:100%" @change="chooseOilNumber()" clearable
>
<el-select v-model="queryParams.numberId" placeholder="请选择油品油号" style="width:100%" clearable>
<el-option
v-for="option in selectOilTypeByPrice"
:key="option.numberId"
@ -15,20 +23,10 @@
</el-select>
</el-form-item>
<el-form-item label="" prop="tankName">
<el-input
v-model="queryParams.tankName"
placeholder="油罐名称"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label-width="120px" label="" v-model="queryParams.inventoryStatistics" prop="inventoryStatistics" clearable>
<el-select v-model="queryParams.inventoryStatistics" placeholder="" style="width:100%">
<el-option label="库存统计状态" value=""></el-option>
<el-form-item label-width="120px" label="" v-model="queryParams.inventoryStatistics" prop="inventoryStatistics"
clearable>
<el-select v-model="queryParams.inventoryStatistics" placeholder="请选择状态" style="width:100%">
<!-- <el-option label="库存统计状态" value=""></el-option>-->
<el-option
v-for="dict in dict.type.zhzt"
:key="dict.label"
@ -39,64 +37,67 @@
</el-form-item>
<el-form-item style="float: right;margin-right: 0px">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" @click="exportExcelTank()"
v-hasPermi="['oilConfig:oilStatistics:list:ex']"
>导出</el-button>
>导出
</el-button>
</el-form-item>
</el-form>
<el-table key="2" ref="tables"
v-loading="loading"
:data="statisticsList"
border
:default-sort="defaultSort">
<el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column label="油罐名称" align="center" prop="tankName"/>
<el-table-column label="油品名称" align="center" prop="oilNumber" />
<el-table-column label="油罐容量L" align="center" prop="tankVolume" />
<el-table-column label="油品密度(g/ml)" align="center" prop="oilDensity" />
<el-table-column label="当前剩余油量L" align="center" prop="storedQuantity" />
<el-table-column label="当前成本价(元/L" align="center" prop="discountedPrice" />
<el-table-column label="成本金额(元)" align="center" prop="totalPrice" />
<el-table-column label="状态" align="center" prop="inventoryStatistics">
<template slot-scope="scope">
<div slot="reference" class="name-wrapper">
<el-tag v-if ="scope.row.inventoryStatistics == '启用'" size="success">启用</el-tag>
<el-tag v-if ="scope.row.inventoryStatistics == '禁用'" type="danger" size="medium">禁用</el-tag>
</div>
</template>
<!-- <template slot-scope="scope">-->
<!-- <el-switch-->
<!-- v-model="scope.row.status"-->
<!-- active-value="启用"-->
<!-- inactive-value="禁用"-->
<!-- @change="changeStatus(scope.row)"-->
<!-- active-color="#13ce66"-->
<!-- inactive-color="#ff4949">-->
<!-- </el-switch>-->
<div style="height: 76vh;overflow: auto">
<el-table key="2" ref="tables"
v-loading="loading"
:data="statisticsList"
border
:default-sort="defaultSort">
<el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column label="油罐名称" align="center" prop="tankName"/>
<el-table-column label="油品-油号" align="center" prop="oilNumber"/>
<el-table-column label="油罐容量L" align="center" prop="tankVolume"/>
<el-table-column label="油品密度g/ml" align="center" prop="oilDensity"/>
<el-table-column label="当前剩余油量L" align="center" prop="storedQuantity"/>
<el-table-column label="当前成本价(元/L" align="center" prop="discountedPrice"/>
<el-table-column label="成本金额(元)" align="center" prop="totalPrice"/>
<el-table-column label="状态" align="center" prop="inventoryStatistics">
<!-- <template slot-scope="scope">-->
<!-- <div slot="reference" class="name-wrapper">-->
<!-- <el-tag v-if="scope.row.inventoryStatistics == '启用'" size="success">启用</el-tag>-->
<!-- <el-tag v-if="scope.row.inventoryStatistics == '禁用'" type="danger" size="medium">禁用</el-tag>-->
<!-- </div>-->
<!-- </template>-->
<template slot-scope="scope">
<el-switch
disabled
v-model="scope.row.status"
active-value="启用"
inactive-value="禁用"
active-color="#13ce66"
inactive-color="#ff4949">
</el-switch>
</template>
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" width="200">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="trace(scope.row)"
>库存跟踪记录
</el-button>
<!-- v-hasPermi="['']"-->
<!-- </template>-->
</el-table-column>
<el-table-column label="更新时间" align="center" prop="updateTime" width="200">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="trace(scope.row)"
>库存跟踪记录</el-button>
<!-- v-hasPermi="['']"-->
</template>
</el-table-column>
</el-table>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@ -111,34 +112,36 @@
title="库存跟踪记录"
:visible.sync="drawer"
direction="rtl"
size="40%"
size="45%"
:before-close="handleClose">
<div style="display: grid; place-items: center;">
<div class="box-card" style="">
<div style="display: flex; justify-content: space-between;margin-bottom: 10px">
<span>油罐名称{{statisticsForm.tankName}}</span>
<span>油品油号:{{ statisticsForm.oilNumber }}</span>
<span>库存数量:{{statisticsForm.storedQuantity}}{{statisticsForm.unit}}</span>
<span>更新时间:{{ statisticsForm.updateTime }}</span>
<span>油罐名称{{ statisticsForm.tankName }}</span>
<span>油品油号{{ statisticsForm.oilNumber }}</span>
<span>库存数量L{{ statisticsForm.storedQuantity }}{{ statisticsForm.unit }}</span>
<span>更新时间{{ statisticsForm.updateTime }}</span>
</div>
<el-table ref="tables"
v-loading="loading"
:data="trackList"
:default-sort="defaultSort"
border
key="1">
<el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column label="单据" align="center" prop="document" />
<el-table-column label="单号" align="center" prop="orderNumber" />
<el-table-column label="变动数量L" align="center" prop="quantityChange" />
<div style="height: 80vh;overflow: auto">
<el-table ref="tables"
v-loading="loading"
:data="trackList"
:default-sort="defaultSort"
border
key="1">
<el-table-column align="center" type="index" label="序号"></el-table-column>
<el-table-column label="单号" align="center" prop="orderNumber"/>
<el-table-column label="类型" align="center" prop="document"/>
<el-table-column label="变动数量L" align="center" prop="quantityChange"/>
<el-table-column label="库存更新时间" align="center" prop="updateTime" width="200">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
</el-table>
<el-table-column label="库存更新时间" align="center" prop="updateTime" width="200">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime) }}</span>
</template>
</el-table-column>
</el-table>
</div>
<pagination
v-show="total2>0"
:total="total2"
@ -171,26 +174,26 @@ export default {
total: 0,
total2: 0,
statisticsForm: {
tankName:'',
oilNumber:'',
storedQuantity:'',
updateTime:'',
unit:''
tankName: '',
oilNumber: '',
storedQuantity: '',
updateTime: '',
unit: ''
},
//
queryParams: {
numberId:'',
status:'启用',
inventoryStatistics:'',
numberId: '',
status: '启用',
inventoryStatistics: '',
tankName: '',
page:null,
pageSize:null
page: null,
pageSize: null
},
queryParams2: {
page:null,
pageSize:null
page: null,
pageSize: null
},
drawer: false,
@ -208,19 +211,19 @@ export default {
methods: {
exportExcelTank() {
exportExcelTankApi().then(res=>{
console.log("res",res)
exportExcelTankApi().then(res => {
console.log("res", res)
// this.downloadFile(res);
const blob = new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const blob = new Blob([res], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
this.$download.saveAs(blob,'库存统计.xLsx')
this.$download.saveAs(blob, '库存统计.xLsx')
})
},
downloadFile(blobData) {
this.$down()
// Blob URL
const blob = new Blob([blobData], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const blob = new Blob([blobData], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
const url = window.URL.createObjectURL(blob);
const link = document.createElement('a');
link.href = url;
@ -234,7 +237,7 @@ export default {
getList() {
getTankApi(this.queryParams).then(res=>{
getTankApi(this.queryParams).then(res => {
this.statisticsList = res.data.records
this.total = res.data.total;
@ -242,7 +245,7 @@ export default {
},
getTrackingList(data) {
// this.queryParams2.tankId = data.id
getTrackingApi(this.queryParams2).then(res=>{
getTrackingApi(this.queryParams2).then(res => {
this.trackList = res.data.records
this.total2 = res.data.total;
})
@ -251,15 +254,15 @@ export default {
trace(data) {
let this_ = this
this_.statisticsForm = {},
this_.statisticsForm.tankName = data.tankName,
this_.statisticsForm.oilNumber = data.oilNumber,
this_.statisticsForm.storedQuantity = data.storedQuantity,
this_.statisticsForm.updateTime = data.updateTime,
this_.statisticsForm.unit = data.unit,
this_.queryParams2.tankId = data.id
this_.statisticsForm.tankName = data.tankName,
this_.statisticsForm.oilNumber = data.oilNumber,
this_.statisticsForm.storedQuantity = data.storedQuantity,
this_.statisticsForm.updateTime = data.updateTime,
this_.statisticsForm.unit = data.unit,
this_.queryParams2.tankId = data.id
this.trackList = []
this_.getTrackingList(data)
this.drawer=true
this.drawer = true
},
//
@ -271,13 +274,13 @@ export default {
res() {
//
this.queryParams= {
numberId:'',
status:'启用',
inventoryStatistics:'',
this.queryParams = {
numberId: '',
status: '启用',
inventoryStatistics: '',
tankName: '',
page:null,
pageSize:null
page: null,
pageSize: null
}
},
@ -293,8 +296,8 @@ export default {
//
getOilNameList() {
var this_=this
getOilNameListApi().then( response => {
var this_ = this
getOilNameListApi().then(response => {
var list = response.data
this_.selectOilTypeByPrice = list
});
@ -311,34 +314,36 @@ export default {
</script>
<style scoped lang="scss">
.app-container{
width: 100%;
height: 100vh;
background: #f6f8f9;
}
.app-container {
width: 100%;
height: 100vh;
background: #f6f8f9;
}
.text {
font-size: 14px;
}
.text {
font-size: 14px;
}
.item {
margin-bottom: 18px;
}
.item {
margin-bottom: 18px;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.box-card {
width: 90%;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
.clearfix:after {
clear: both
}
.box-card {
width: 90%;
}
.el-form--inline .el-form-item {
margin-right: 44px;
}
</style>

View File

@ -1,12 +1,12 @@
<template>
<div class="app-container">
<div class="card-change" >
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<div class="card-change">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="" prop="supplierName">
<el-input
v-model="queryParams.supplierName"
placeholder="供应商名称"
placeholder="请输入供应商名称"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
@ -16,7 +16,7 @@
<el-form-item label="" prop="contactPerson">
<el-input
v-model="queryParams.contactPerson"
placeholder="联系人"
placeholder="请输入联系人"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
@ -25,7 +25,7 @@
<el-form-item label="" prop="contactPhone">
<el-input
v-model.number="queryParams.contactPhone"
placeholder="供应商电话"
placeholder="请输入联系方式"
clearable
style="width: 240px;"
@keyup.enter.native="handleQuery"
@ -33,43 +33,45 @@
</el-form-item>
<el-form-item style="float: right;margin-right: 0px">
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
<el-button
type="primary"
@click="suppliersAdd"
v-hasPermi="['oilConfig:oilSuppliers:list:add']"
>新增供应商</el-button>
>新增供应商
</el-button>
</el-form-item>
</el-form>
<el-table ref="tables"
v-loading="loading"
:data="suppliersList"
border
:default-sort="defaultSort">
<el-table-column label="序号" align="center" type="index"/>
<el-table-column label="供应商名称" align="center" prop="supplierName"/>
<el-table-column label="联系人" align="center" prop="contactPerson" />
<el-table-column label="联系方式" align="center" prop="contactPhone"/>
<el-table-column label="联系地址" align="center" prop="contactAddress"/>
<el-table-column label="备注信息" align="center" prop="remarks"/>
<el-table-column label="创建人" align="center" prop="createName"/>
<el-table-column label="创建时间" align="center" prop="createTime"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['oilConfig:oilSuppliers:list:update']"
>修改</el-button>
</template>
<!-- v-hasPermi="['']"-->
</el-table-column>
</el-table>
<div style="height: 76vh;overflow: auto">
<el-table ref="tables"
v-loading="loading"
:data="suppliersList"
border
:default-sort="defaultSort">
<el-table-column label="序号" align="center" type="index"/>
<el-table-column label="供应商名称" align="center" prop="supplierName"/>
<el-table-column label="联系人" align="center" prop="contactPerson"/>
<el-table-column label="联系电话" align="center" prop="contactPhone"/>
<el-table-column label="联系地址" align="center" prop="contactAddress"/>
<el-table-column label="备注" align="center" prop="remarks"/>
<el-table-column label="创建人" align="center" prop="createName"/>
<el-table-column label="创建时间" align="center" prop="createTime"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
@click="handleUpdate(scope.row)"
v-hasPermi="['oilConfig:oilSuppliers:list:update']"
>修改
</el-button>
</template>
<!-- v-hasPermi="['']"-->
</el-table-column>
</el-table>
</div>
<pagination
v-show="total>0"
:total="total"
@ -81,26 +83,27 @@
<!-- 新增/修改-->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="suppliersForm" :rules="rules" label-width="120px">
<el-form ref="form" :model="suppliersForm" :rules="rules" label-width="100px">
<el-form-item label="供应商" prop="supplierName">
<el-input v-model="suppliersForm.supplierName" style="width: 300px" placeholder="供应商名称" maxlength="30"/>
<el-form-item label="供应商名称" prop="supplierName">
<el-input v-model="suppliersForm.supplierName" placeholder="供应商名称" maxlength="30"/>
</el-form-item>
<el-form-item label="联系人" prop="contactPerson">
<el-input v-model="suppliersForm.contactPerson" style="width: 300px" placeholder="联系人名称" maxlength="30"/>
<el-input v-model="suppliersForm.contactPerson" placeholder="联系人名称" maxlength="30"/>
</el-form-item>
<el-form-item label="联系电话" prop="contactPhone">
<el-input v-model="suppliersForm.contactPhone" style="width: 300px" placeholder="联系电话" maxlength="30"/>
<el-input v-model="suppliersForm.contactPhone" placeholder="联系电话" maxlength="30"/>
</el-form-item>
<el-form-item label="联系地址" prop="contactAddress">
<el-input v-model="suppliersForm.contactAddress" style="width: 300px" placeholder="联系地址" maxlength="30"/>
<el-input v-model="suppliersForm.contactAddress" placeholder="联系地址" maxlength="30"/>
</el-form-item>
<el-form-item label="备注信息" prop="remarks">
<el-input type="textarea" v-model="suppliersForm.remarks" style="width: 300px" placeholder="备注信息" maxlength="30"/>
<el-input type="textarea" v-model="suppliersForm.remarks" placeholder="备注信息"
maxlength="100"/>
</el-form-item>
@ -121,18 +124,18 @@ import {getSuppliersListApi, insertSuppliersApi, updateSuppliersApi} from "@/api
export default {
data() {
return {
suppliersList:[],
suppliersForm:{
suppliersList: [],
suppliersForm: {
id: null,
supplierName: '',
contactPerson: '',
contactPhone: '',
contactAddress: '',
remarks: '',
createTime:''
createTime: ''
},
//
title:'',
title: '',
//
showSearch: true,
disableInput: false, //
@ -145,8 +148,8 @@ export default {
supplierName: '',
contactPerson: '',
contactPhone: '',
page:null,
pageSize:null
page: null,
pageSize: null
},
//
loading: false,
@ -155,7 +158,7 @@ export default {
//
rules: {
supplierName: [
{ required: true, message: "供应商名称不能为空", trigger: "blur" },
{required: true, message: "供应商名称不能为空", trigger: "blur"},
],
// contactPerson: [
// { required: true, message: "", trigger: "blur" },
@ -185,7 +188,7 @@ export default {
this.loading = false;
},
//
submitForm: function() {
submitForm: function () {
this.$refs["form"].validate(valid => {
if (valid) {
if (!this.suppliersForm.id) {
@ -213,7 +216,7 @@ export default {
handleUpdate(data) {
this.suppliersForm = data
this.open = true
this.title = '新增供应商'
this.title = '修改供应商'
},
//
cancel() {
@ -230,8 +233,8 @@ export default {
supplierName: '',
contactPerson: '',
contactPhone: '',
page:null,
pageSize:null
page: null,
pageSize: null
};
this.getList();
},
@ -243,11 +246,12 @@ export default {
</script>
<style>
.app-container{
.app-container {
width: 100%;
height: 100vh;
height: 100%;
background: #f6f8f9;
}
.el-form--inline .el-form-item {
//margin-right: 20px;
}

View File

@ -33,11 +33,11 @@
<if test="stock.status != null and stock.status != ''">
and mg.status = #{stock.status}
</if>
<if test="allOrderInfo.params.beginTime != null and allOrderInfo.params.beginTime != ''"><!-- 开始时间检索 -->
and date_format(mg.update_time,'%y%m%d') &gt;= date_format(#{allOrderInfo.params.beginTime},'%y%m%d')
<if test="stock.params.beginTime != null and stock.params.beginTime != ''"><!-- 开始时间检索 -->
and date_format(mg.update_time,'%y%m%d') &gt;= date_format(#{stock.params.beginTime},'%y%m%d')
</if>
<if test="allOrderInfo.params.endTime != null and allOrderInfo.params.endTime != ''"><!-- 结束时间检索 -->
and date_format(mg.update_time,'%y%m%d') &lt;= date_format(#{allOrderInfo.params.endTime},'%y%m%d')
<if test="stock.params.endTime != null and stock.params.endTime != ''"><!-- 结束时间检索 -->
and date_format(mg.update_time,'%y%m%d') &lt;= date_format(#{stock.params.endTime},'%y%m%d')
</if>
</where>
order by st.update_time desc