12.01前端

gasStation-uni/pages/refuel/refuel.vue

@@ -10,8 +10,9 @@
 						<view class="top-img">
 							<image src="../../static/logo.png" mode=""></image>
 						</view>
-						<view class="">
+						<view style="width: 80%;">
-							<view class="top-title">{{store.name}}{{store.description ? "("+store.description+")" : ""}}</view><!--九州加油站（总站）-->
+							<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" 
+						<view class="box-oil" v-for="(item,index) in oilNumberList" :key="index"
-							v-for="(item,index) in oilNumberList" :key="index"
+							:class=" {'xz' :hindex == index }" @click="getHIndex(index,item)">
-							: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 }" 
+						<view class="box-oil" :class=" {'xz' :qindex == index }" v-for="(item,index) in oilGunList"
-							v-for="(item,index) in oilGunList" :key="index"
+							:key="index" @click="getQIndex(index,item.id)">
-							@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 }" 
+							<view class="box-oil2" :class=" {'xz' :sindex == index }" v-for="(item,index) in staffList"
-								v-for="(item,index) in staffList" :key="index"
+								:key="index" @click="getSIndex(index)">
-								@click="getSIndex(index)">
 								<text>{{item.realName}}员工</text>
 							</view>
 						</view>
@@ -180,7 +177,9 @@
 				request({
 					url: "business/storeInformation/store/queryStoreById",
 					method: 'post',
-					data:{"storeId":id},
+					data: {
+						"storeId": id
+					},
 				}).then((res) => {
 					_this.getOilNumber(id);
 					_this.getStaffList(id)
@@ -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;