This commit is contained in:
cun-nan 2024-07-06 15:31:32 +08:00
parent 093e84ac92
commit b228266842

View File

@ -5,26 +5,38 @@
<div slot="header" class="clearfix">
<i class="el-icon-back" @click="goToAbout">返回 | </i>
<!-- <el-link icon="el-icon-edit" :underline="false" @click="goToAbout">编辑</el-link>-->
<span>| 盘点详情</span>
<span> 盘点详情</span>
</div>
<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;">
<div style="height: 100%; width: 70%; display: flex; justify-content: space-between;font-family: YouSheBiaoTiHei">
<div class="box">
<span style="font-size: 24px;color: #0DC291;font-weight: bold">{{numberOfTanks}}</span>
<span>油罐数量</span>
<span style="font-size: 26px;color: #0DC291;font-weight: bold;">{{numberOfTanks}}</span>
<span style="display: flex">
<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: 24px;color: #3B6ADE;font-weight: bold" >{{inventoryVolume}}</span>
<span>盘点升数</span>
<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>
</div>
<div class="box">
<span style="font-size: 24px;color: #FF4347;font-weight: bold">{{stockDifference}}</span>
<span>库存差异(L)</span>
<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>
库存差异(L)
</span>
</div>
<div class="box">
<span style="font-size: 24px;color: #FF9655;font-weight: bold">{{profitLossAmount}}</span>
<span>盈亏总额()</span>
<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>
</div>
</div>
@ -53,10 +65,10 @@
</div>
</div>
<div style="height: 100%; width: 30%; display: flex; align-items: center; justify-content: flex-end;">
<el-button type="primary" v-if="state=='await'" :disabled="saveFlag" @click="saveInventory()">保存</el-button>
<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="warning" v-if="state =='await' || state=='ysh'" :disabled="voidFlag" @click="abolition()">作废</el-button>
<el-button type="danger" plain v-if="state =='await' || state=='ysh'" :disabled="voidFlag" @click="abolition()">作废</el-button>
</div>
</div>
@ -65,20 +77,22 @@
<el-card style="margin-top: 20px" >
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button v-if="state =='await'"
type="primary"
icon="el-icon-plus"
@click="orderAdd"
>添加盘点油罐</el-button>
<span style="font-size: 20px;font-weight: bold">盘点详情</span>
</el-col>
<el-col :span="1.5">
<el-alert
title="为了保证盘点我准确性,请在非收银期间段内进行盘点、否则会导致盘点信息异常"
:closable="false"
type="error">
</el-alert>
<el-alert
title="为了保证盘点我准确性,请在非收银期间段内进行盘点、否则会导致盘点信息异常"
:closable="false"
type="error">
</el-alert>
</el-col>
<el-col :span="15" style="text-align: right">
<el-button v-if="state =='await'"
type="primary"
icon="el-icon-plus"
@click="orderAdd"
>添加盘点油罐</el-button>
</el-col>
<!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>-->
</el-row>
@ -878,7 +892,8 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-items: start;
padding-left: 20px;
}
</style>