|
@ -6,30 +6,45 @@ |
|
|
<z-paging ref="paging" v-model="data" @query="queryList" :pagingStyle='styleObject' :auto='true'> |
|
|
<z-paging ref="paging" v-model="data" @query="queryList" :pagingStyle='styleObject' :auto='true'> |
|
|
|
|
|
|
|
|
<view v-for="(item,index) in data" style=" display: flex;flex-direction: column;margin-left: 10px;margin-right: 10px;background: #fff;margin-top: 10px; |
|
|
<view v-for="(item,index) in data" style=" display: flex;flex-direction: column;margin-left: 10px;margin-right: 10px;background: #fff;margin-top: 10px; |
|
|
padding: 10px 20px; |
|
|
padding: 10px 0px; |
|
|
border-radius: 20px;"> |
|
|
border-radius: 15px;"> |
|
|
|
|
|
|
|
|
<view class="item"> |
|
|
<view class="item"> |
|
|
<view class="left-circle"></view> |
|
|
<!-- <view class="left-circle"></view> |
|
|
<view class="right-circle"></view> |
|
|
<view class="right-circle"></view> |
|
|
<view class="item-line"></view> |
|
|
<view class="item-line"></view> --> |
|
|
|
|
|
|
|
|
<view class="item-top"> |
|
|
<view class="item-top" style="margin-left: 16px;margin-right: 16px;"> |
|
|
|
|
|
|
|
|
<text class="item-top-code">预约单号:{{item.reserveCode}}</text> |
|
|
<text class="item-top-code">预约单号:{{item.reserveCode}}</text> |
|
|
<text class="item-top-state">{{item.stateValue}}</text> |
|
|
<text class="item-top-state">{{item.stateValue}}</text> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<view |
|
|
|
|
|
style="display: flex;flex-direction: row;align-items: center;margin-left: 16px;margin-right: 16px;margin-top: 15px;"> |
|
|
|
|
|
<text |
|
|
|
|
|
style="font-size: 16px;margin-right: 8px;color: #bbb;flex: 1;margin-right: 10px;">{{item.storeName}}</text> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="item-bom"> |
|
|
<view class="item-bom" style="margin-left: 16px;margin-right: 16px;margin-top: 8px;"> |
|
|
|
|
|
|
|
|
<view class="item-bom-left"> |
|
|
<view class="item-bom-left"> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;"> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;" |
|
|
|
|
|
@click="makePhoneCall(item.linkPhone)"> |
|
|
|
|
|
<image src="../../static/phone-1.png" |
|
|
|
|
|
style="width: 20px;height: 20px;margin-right: 5px;"></image> |
|
|
|
|
|
<text style="color: #bbb;">咨询电话</text> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- <view style="display: flex;flex-direction: row;align-items: center;"> |
|
|
<text |
|
|
<text |
|
|
style="font-size: 16px;margin-right: 5px;color: #BBBBBB;">{{item.storeName}}</text> |
|
|
style="font-size: 16px;margin-right: 8px;color: #BBBBBB;">{{item.storeName}}</text> |
|
|
<image src="../../static/phone-1.png" style="width: 15px;height: 15px;" |
|
|
<image src="../../static/phone-1.png" style="width: 20px;height: 20px;" |
|
|
@click="makePhoneCall(item.linkPhone)"></image> |
|
|
@click="makePhoneCall(item.linkPhone)"></image> |
|
|
</view> |
|
|
</view> --> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> |
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> |
|
|
<image src="../../static/time.png" style="width: 15px;height: 15px;margin-right: 5px;"> |
|
|
<image src="../../static/time.png" style="width: 15px;height: 15px;margin-right: 5px;"> |
|
@ -38,7 +53,7 @@ |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{item.reserveDate}}</text> |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{item.reserveDate}}</text> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 20px;"> |
|
|
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 8px;"> |
|
|
<text style="font-size: 12px;color: #BBBBBB; margin-right: 5px;">提菜人:</text> |
|
|
<text style="font-size: 12px;color: #BBBBBB; margin-right: 5px;">提菜人:</text> |
|
|
<text |
|
|
<text |
|
|
style="font-size: 12px;color: #BBBBBB; margin-right: 5px;">{{item.userName}}</text> |
|
|
style="font-size: 12px;color: #BBBBBB; margin-right: 5px;">{{item.userName}}</text> |
|
@ -56,24 +71,33 @@ |
|
|
<view class="item-bom_right" style="box-sizing: border-box;"> |
|
|
<view class="item-bom_right" style="box-sizing: border-box;"> |
|
|
|
|
|
|
|
|
<text style="opacity: 0.7;font-size: 18px;font-weight: 800;font-family: sans-serif;z-index: 101; |
|
|
<text style="opacity: 0.7;font-size: 18px;font-weight: 800;font-family: sans-serif;z-index: 101; |
|
|
width: 100px; height: 100px;line-height: 100px; text-align: center; background: #666; |
|
|
width: 104px; height: 104px;line-height: 104px; text-align: center; background: #666; |
|
|
position: absolute;border-radius: 20px;color: #fff;">已失效</text> |
|
|
position: absolute;border-radius: 20px;color: #fff;">已失效</text> |
|
|
|
|
|
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/daiticai.png" |
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/daiticai.png" |
|
|
style="width: 100px; height: 100px;z-index: 100;border-radius: 20px;"> |
|
|
style="width: 104px; height: 104px;z-index: 100;border-radius: 20px;"> |
|
|
</image> |
|
|
</image> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="item_list" v-if="item.showLsit"> |
|
|
<view style=" |
|
|
|
|
|
height: 30px;margin-top: 5px;"> |
|
|
|
|
|
<image src="https://supervise.yxtsoft.com/lpk/image/reservationRecords_icon2.png" |
|
|
|
|
|
style="width: 100%;height: 100%;" mode="scaleToFill"></image> |
|
|
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="item_list" v-if="item.showLsit" style="margin-left: 16px;margin-right: 16px;"> |
|
|
|
|
|
|
|
|
<view v-for="(child,index) in item.goodsVo" |
|
|
<view v-for="(child,index) in item.goodsVo" |
|
|
style="display: flex;flex-direction: row;width: 100%;"> |
|
|
style="display: flex;flex-direction: row;width: 100%;"> |
|
|
|
|
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%; |
|
|
<view style="display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%; |
|
|
padding-left: 10px;padding-right: 10px;margin-top: 8px;"> |
|
|
padding-left: 10px;padding-right: 10px;margin-bottom: 8px;"> |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{child.goodName}}</text> |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{child.goodName}}</text> |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{child.num}}{{child.unitName}}</text> |
|
|
<text style="font-size: 12px;color: #BBBBBB;">{{child.num}}{{child.unitName}}</text> |
|
|
</view> |
|
|
</view> |
|
@ -107,7 +131,7 @@ |
|
|
'padding-top': '10px', |
|
|
'padding-top': '10px', |
|
|
'padding-bottom': '10px', |
|
|
'padding-bottom': '10px', |
|
|
'border-radius': '15px', |
|
|
'border-radius': '15px', |
|
|
'background': '#f2f2f2' |
|
|
'background': '#F9F9F9' |
|
|
}, |
|
|
}, |
|
|
data: [] |
|
|
data: [] |
|
|
} |
|
|
} |
|
@ -164,6 +188,9 @@ |
|
|
.item { |
|
|
.item { |
|
|
position: relative; |
|
|
position: relative; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
flex-direction: column; |
|
|
// /*最重要的部分如下:*/ |
|
|
// /*最重要的部分如下:*/ |
|
|
// background-image: radial-gradient(circle at left 50%, #f2f2f2, #f2f2f2 12px, transparent 12px), |
|
|
// background-image: radial-gradient(circle at left 50%, #f2f2f2, #f2f2f2 12px, transparent 12px), |
|
|
// radial-gradient(circle at right 50%, #f2f2f2, #f2f2f2 12px, transparent 12px); |
|
|
// radial-gradient(circle at right 50%, #f2f2f2, #f2f2f2 12px, transparent 12px); |
|
@ -204,11 +231,11 @@ |
|
|
flex-direction: row; |
|
|
flex-direction: row; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
padding-bottom: 8px; |
|
|
// padding-bottom: 8px; |
|
|
border-bottom: 1px solid #eee; |
|
|
// border-bottom: 1px solid #eee; |
|
|
|
|
|
|
|
|
.item-top-code { |
|
|
.item-top-code { |
|
|
font-size: 13px; |
|
|
font-size: 14px; |
|
|
color: #BBBBBB; |
|
|
color: #BBBBBB; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
@ -221,7 +248,6 @@ |
|
|
.item-bom { |
|
|
.item-bom { |
|
|
position: relative; //添加的定位 |
|
|
position: relative; //添加的定位 |
|
|
z-index: 100; |
|
|
z-index: 100; |
|
|
margin-top: 10px; |
|
|
|
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: row; |
|
|
flex-direction: row; |
|
|
align-items: center; |
|
|
align-items: center; |
|
@ -241,7 +267,7 @@ |
|
|
.item_list { |
|
|
.item_list { |
|
|
position: relative; //添加的定位 |
|
|
position: relative; //添加的定位 |
|
|
z-index: 100; |
|
|
z-index: 100; |
|
|
margin-top: 10px; |
|
|
margin-top: 5px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.item_btn { |
|
|
.item_btn { |
|
@ -251,7 +277,6 @@ |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
margin-top: 10px; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |