dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

10.28

Browse Source
This commit is contained in:
cun-nan 2024-10-28 13:51:30 +08:00
parent 4f9479c799
commit 6c77a34048
1 changed files with 62 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

169
fuintAdmin/src/views/oilConfig/oilPurchase/list.vue
View File

@ -1,67 +1,71 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="card-change"> <div class="card-change">
<div class="box-gang"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
<div class="box"> <el-form-item label="" prop="purchaseNo">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-input v-model="queryParams.purchaseNo" placeholder="请输入进货单号"/>
<div class="size-bole">0/0</div> </el-form-item>
</el-tooltip> <el-form-item label="" prop="supplierId">
<div class="size-hui"> <el-select v-model="queryParams.supplierId" placeholder="请选择供应商" clearable>
<div class="dian" style="background: #0DC291"></div> <el-option
<div class="nei">采购吨数</div> v-for="option in suppliersList"
</div> :key="option.id"
</div> :label="option.supplierName"
:value="option.id"
></el-option>
</el-select>
</el-form-item>
<div class="box"> <el-form-item label="" prop="numberId">
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-select v-model="queryParams.numberId" placeholder="请选择油品油号">
<div class="size-bole" style="color: #00CAFF">0/0</div> <el-option
</el-tooltip> v-for="option in selectOilTypeByPrice"
<div class="size-hui"> :key="option.numberId"
<div class="dian" style="background: #00CAFF"></div> :label="option.oilType +' '+option.oilName"
<div class="nei">采购升数</div> :value="option.numberId"
</div> ></el-option>
</div> </el-select>
<div class="box"> </el-form-item>
<el-tooltip class="item" effect="dark" content="999999/999999999999" placement="top-start"> <el-form-item label="" v-model="queryParams.status" prop="status">
<div class="size-bole">0/0</div> <el-select v-model="queryParams.status" placeholder="请选择状态" clearable>
</el-tooltip> <el-option
<div class="size-hui"> v-for="dict in dict.type.oilPurchasedStatus"
<div class="dian" style="background: #0DC291"></div> :key="dict.value"
<div class="nei">采购总额（元）</div> :label="dict.label"
</div> :value="dict.value"
</div> ></el-option>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px"> </el-select>
<div> </el-form-item>
<el-form-item label="进货单号" prop="purchaseNo">
<el-input v-model="queryParams.purchaseNo" placeholder="请输入进货单号"/>
</el-form-item>
</div>
<div>
<el-form-item label="进货时间" prop="purchaseNo">
<el-date-picker
v-model="beginTime"
style="width: 200px"
type="date"
placeholder="开始日期">
</el-date-picker>
</el-form-item>
</div>
</el-form>
<div>
<el-button type="primary" >取消</el-button>
<el-button type="primary">保存</el-button>
<el-button type="primary">保存并审核</el-button>
</div>
</div> <el-form-item label="">
<el-button <el-date-picker
type="primary" v-model="beginTime"
@click="purchaseAdd" style="width: 160px"
>新增采购 type="date"
</el-button> placeholder="开始日期">
</el-date-picker>
至
<el-date-picker
v-model="endTime"
style="width: 160px"
type="date"
placeholder="结束日期">
</el-date-picker>
</el-form-item>
<el-form-item style="display:flex;justify-content: end">
<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="purchaseAdd"
v-hasPermi="['oilConfig:oilPurchase:list:add']"
<div style="height: 70vh;overflow: auto;scrollbar-width: none"> >新增采购
</el-button>
</el-form-item>
</el-form>
<div style="height: 70vh;overflow: auto">
<el-table ref="tables" <el-table ref="tables"
v-loading="loading" v-loading="loading"
:data="purchaseList" :data="purchaseList"
@ -280,56 +284,7 @@ export default {
} }
.el-form--inline .el-form-item { .el-form--inline .el-form-item {
margin-right: 4px; margin-right: 44px;
} }
.box-gang{
width: 100%;
display: flex;
align-items: center;
}
.box{
padding: 5px;
padding-left: 20px;
width: 280px;
height: 60px;
background:#fff;
border-radius: 10px;
border: 1px solid #FF9655;
margin-right: 15px;
}
.size-hui{
display: flex;
align-items: center;
font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400;
font-size: 13px;
color: #888888;
text-align: left;
font-style: normal;
text-transform: none;
.nei {
color: #333333;
width: 100%;
}
}
.dian{
width: 6px;
height: 6px;
border-radius: 50%;
margin-right: 5px;
}
.size-bole{
height: 31px;
font-size: 24px;
color: #0DC291;
font-weight: 600;
font-size: 24px;
text-align: left;
font-style: normal;
text-transform: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style> </style>