12.01前端

This commit is contained in:
@QQNZX 2023-12-01 16:04:45 +08:00
parent 8fb4b20d7f
commit 0cfc766146

View File

@ -10,8 +10,9 @@
<view class="top-img">
<image src="../../static/logo.png" mode=""></image>
</view>
<view class="">
<view class="top-title">{{store.name}}{{store.description ? "("+store.description+")" : ""}}</view><!--九州加油站总站-->
<view style="width: 80%;">
<view class="top-title">{{store.name}}{{store.description ? "("+store.description+")" : ""}}
</view><!--九州加油站总站-->
<view class="top-hui">{{store.address}}</view><!--平安大道东200米-->
<view class="top-hong">{{oilPrice}}/{{oilUnit}}</view>
</view>
@ -33,10 +34,8 @@
v-for="(item,index) in 4" :key="index">
<text>92#</text>
</view> -->
<view class="box-oil"
v-for="(item,index) in oilNumberList" :key="index"
:class=" {'xz' :hindex == index }"
@click="getHIndex(index,item)">
<view class="box-oil" v-for="(item,index) in oilNumberList" :key="index"
:class=" {'xz' :hindex == index }" @click="getHIndex(index,item)">
<text>{{item.oilNames}}</text>
</view>
</view>
@ -48,9 +47,8 @@
v-for="(item,index) in 8" :key="index">
<text>{{index}}号枪</text>
</view> -->
<view class="box-oil" :class=" {'xz' :qindex == index }"
v-for="(item,index) in oilGunList" :key="index"
@click="getQIndex(index,item.id)">
<view class="box-oil" :class=" {'xz' :qindex == index }" v-for="(item,index) in oilGunList"
:key="index" @click="getQIndex(index,item.id)">
<text>{{item.gunName}}</text>
</view>
</view>
@ -89,9 +87,8 @@
v-for="(item,index) in 19" :key="index">
<text>{{index}}员工</text>
</view> -->
<view class="box-oil2" :class=" {'xz' :sindex == index }"
v-for="(item,index) in staffList" :key="index"
@click="getSIndex(index)">
<view class="box-oil2" :class=" {'xz' :sindex == index }" v-for="(item,index) in staffList"
:key="index" @click="getSIndex(index)">
<text>{{item.realName}}员工</text>
</view>
</view>
@ -120,43 +117,43 @@
aindex: 0,
sindex: 0,
//
store:{},
store: {},
//
welfare:[],
welfare: [],
//
distance: "",
// id
storeId:"",
storeId: "",
//
oilNumberList:[],
oilNumberList: [],
//
oilGunList:[],
oilGunList: [],
//
staffList: [],
//
amountList:[100,200,300],
amountList: [100, 200, 300],
// url
baseUrl: this.$baseUrl,
//
oilPrice:0,
oilPrice: 0,
//
oilUnit:"",
oilUnit: "",
//
oilOrder:{
storeId:"",
userId:"",
couponId:"",
commissionAmount:0,
staffId:"",
terminal:"applet",
oils:"",
oilGunNum:"",
oilNum:"",
orderAmount:0,
discountAmount:0,
payAmount:0,
payUser:"",
payType:"WECHAT",
oilOrder: {
storeId: "",
userId: "",
couponId: "",
commissionAmount: 0,
staffId: "",
terminal: "applet",
oils: "",
oilGunNum: "",
oilNum: "",
orderAmount: 0,
discountAmount: 0,
payAmount: 0,
payUser: "",
payType: "WECHAT",
},
}
},
@ -167,21 +164,23 @@
this.isExistStoreId();
},
methods: {
isExistStoreId(){
if (uni.getStorageSync("inviteStoreId") != ""){
isExistStoreId() {
if (uni.getStorageSync("inviteStoreId") != "") {
this.getStore(uni.getStorageSync("inviteStoreId"));
}else{
} else {
this.getAddress();
}
},
//
getStore(id){
getStore(id) {
let _this = this;
request({
url: "business/storeInformation/store/queryStoreById",
method: 'post',
data:{"storeId":id},
}).then((res)=>{
data: {
"storeId": id
},
}).then((res) => {
_this.getOilNumber(id);
_this.getStaffList(id)
_this.store = res.data
@ -196,7 +195,7 @@
})
},
//
getAddress(){
getAddress() {
let _this = this;
uni.getLocation({
// 使wgs84 使gcj02
@ -211,17 +210,17 @@
"lon": res.longitude,
"lat": res.latitude
},
}).then((response)=>{
}).then((response) => {
_this.distance = (response.data.distance).toFixed(1);
_this.store = response.data.store;
_this.storeId = response.data.store.id;
_this.getOilNumber(_this.storeId);
_this.getStaffList(_this.storeId)
let welfare = response.data.store.welfare;
if (welfare != undefined && welfare!=null && welfare!=""){
if (welfare.includes(",")){
if (welfare != undefined && welfare != null && welfare != "") {
if (welfare.includes(",")) {
_this.welfare = response.data.store.welfare.split(",");
}else {
} else {
_this.welfare.push(response.data.store.welfare);
}
}
@ -233,12 +232,12 @@
});
},
//
getOilNumber(storeId){
getOilNumber(storeId) {
let _this = this;
request({
url: "business/petrolStationManagement/oilNumber/getOilNumberName/" + storeId,
method: 'get',
}).then((res)=>{
}).then((res) => {
_this.oilNumberList = res.data;
_this.getOilGun(res.data[0].numberId);
_this.oilPrice = res.data[0].gbPrice
@ -246,21 +245,21 @@
})
},
//
getOilGun(numberId){
getOilGun(numberId) {
let _this = this;
request({
url: "business/petrolStationManagement/oilGun/queryGunList/" + numberId,
method: 'get',
}).then((res)=>{
}).then((res) => {
_this.oilGunList = res.data
})
},
getStaffList(storeId){
getStaffList(storeId) {
let _this = this;
request({
url: "business/member/staff/queryStaffList/" + storeId,
method: 'get',
}).then((res)=>{
}).then((res) => {
_this.staffList = res.data
})
},
@ -272,17 +271,17 @@
url: '/pagesRefuel/orderDetail/index'
})
},
getAIndex(index,amount) {
this.value = amount+""
getAIndex(index, amount) {
this.value = amount + ""
this.aindex = index
},
getHIndex(index,data) {
getHIndex(index, data) {
this.hindex = index
this.getOilGun(data.numberId)
this.oilPrice = data.gbPrice
this.oilUnit = data.unit
},
getQIndex(index,id) {
getQIndex(index, id) {
this.qindex = index
},
goRefuel() {
@ -290,22 +289,22 @@
url: '/pagesRefuel/pagesRefuel/index'
})
},
change(){
change() {
},
//
closeStaff(){
closeStaff() {
this.$refs.popup.close()
},
//
submitAmount(){
if (this.value!=""){
submitAmount() {
if (this.value != "") {
this.show = false
this.$refs.popup.open('bottom')
}else{
} else {
uni.showToast({
title:"请输入加油金额",
icon:"error"
title: "请输入加油金额",
icon: "error"
})
}
},
@ -398,6 +397,13 @@
font-size: 14px;
margin: 5px 0px;
color: #999999;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.top-hong {
@ -431,6 +437,7 @@
display: flex;
flex-wrap: wrap;
}
.wrap-box1 {
width: 100%;
display: flex;
@ -451,6 +458,7 @@
padding: 12px 0px;
border-radius: 6px;
}
.box-oil1 {
width: 29%;
display: flex;
@ -463,6 +471,7 @@
padding: 12px 0px;
border-radius: 6px;
}
.box-oil2 {
width: 28%;
display: flex;