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

前端

Browse Source
This commit is contained in:
xvv 2024-07-11 17:33:26 +08:00
parent fa1e15dde4
commit a88217849a
2 changed files with 39 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
fuintAdmin/src/views/indexcomponents/centenrindex.vue
View File

@ -15,7 +15,7 @@
</div>
<div><span>{{radio}}交易金额总计：</span><span class="title-lan">{{sum}}</span> <span>元</span></div>
<div v-loading="oilLoading" id="ccccc" style="width: 100%; height: 400px; background: linear-gradient( 360deg, #F8F1E7 0%, #FFFFFF 100%); "></div>
<div v-loading="oilLoading" id="ccccc" style="width: 100%; height: 370px; background: linear-gradient( 360deg, #F8F1E7 0%, #FFFFFF 100%); "></div>
</div>
@ -194,7 +194,14 @@ export default {
},
]
],
grid: {
left: '8%',
right: '8%',
bottom: '5%',
containLabel: true
},
};
chart.setOption(option)

60
fuintCashierWeb/src/views/cashier/NewComponents/homeindex.vue
View File

@ -243,16 +243,17 @@
<div class="center-top-of">
<div class="wrap-wrap">
<div class="of-box" v-for="(item,index) in gunList" :key="index"
:style="{'background-color': colorList[index%5].color}"
:style="{'background-color': colorList[index%4].color}"
@click="refuel(item)">
<div>{{ getName(oilNameList,getOilNames(oilNumberList,item.numberId)) }}</div>
<div :style="{'color': colorList[index%4].border}" >{{ getName(oilNameList,getOilNames(oilNumberList,item.numberId)) }}</div>
<!-- <div>{{ getOilNames(oilNumberList,item.numberId) }}</div>-->
<!-- <div>{{ item.oilNumber }</div>-->
<div class="of-title" >{{item.gunName}}</div>
<div style="display: flex;justify-content: space-between">
<div style="display: flex;justify-content: space-between ;font-size: 12px" >
<img src="../../../assets/images/jya.png" style="width: 18px;height: 18px;">
<span style="font-size: 12px">{{ item.tankName }}</span>
<span :style="{'color': colorList[index%4].border}" >{{ item.tankName }}</span>
</div>
</div>
@ -268,7 +269,7 @@
</div>
</div>
<div class="center-left-bottom">
<div class="bottom-gd" @click="resetting">重置</div>
<div class="bottom-qk" @click="resetting">重置</div>
<!-- <div class="bottom-qk">解锁</div>-->
</div>
</div>
@ -1497,11 +1498,10 @@
leftindex:0,
oilList:[],
colorList:[
{color:'#e5f0ff'},
{color:'#fff2e5'},
{color:'#e5edf1'},
{color:'#ecfae5'},
{color:'#fafafa'}
{color:'#e5f0ff',border:"#409EFF"},
{color:'#fff2e5',border:"#FF9655"},
{color:'#ecfae5',border:"#0DC291"},
{color:'#fff8e7',border:"#FFB519"}
],
restaurants:'',
num: 1,
@ -4829,19 +4829,19 @@
//cursor: pointer;
//color: #20b400;
}
.wrap-box :hover{
/*background: #00afff !important;*/
width: 100%;
height: 100%;
border-radius: 8px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #00afff;
cursor: pointer;
/*color: white;*/
}
//.wrap-box :hover{
// /*background: #00afff !important;*/
// width: 100%;
// height: 100%;
// border-radius: 8px;
// height: 80px;
// display: flex;
// align-items: center;
// justify-content: center;
// border: 1px solid #00afff;
// cursor: pointer;
// /*color: white;*/
//}
.box-center{
width: 100%;
@ -4864,27 +4864,27 @@
.bottom-qk{
border: 1px solid #99a9bf;
box-sizing: border-box;
padding: 14px 20px;
border-radius: 50px;
padding: 10px 20px;
border-radius: 10px;
color: #99a9bf;
margin: 15px 0px ;
}
.bottom-qd{
border: 1px solid #13ce66;
background: #13ce66;
background: linear-gradient( 312deg, #9CDCA0 0%, #5BC557 100%);
box-sizing: border-box;
padding: 14px 20px;
border-radius: 50px;
border-radius: 8px;
color: #ffffff;
margin: 15px 10px ;
}
.bottom-gd{
border: 1px solid #FF9655;
background: #FF9655;
border: 1px solid #02AAFE;
background: linear-gradient( 312deg, #70CAFD 0%, #0BADFE 100%, #02AAFE 100%);
box-sizing: border-box;
padding: 14px 20px;
border-radius: 50px;
border-radius: 8px;
color: #ffffff;
margin: 15px 10px ;