|
|
@@ -22,16 +22,18 @@
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="false" >
|
|
|
<view class="tui-title">单价</view>
|
|
|
- <input type="digit" @focus="goodsPrice=''" style="width:260upx;" v-model="goodsPrice" placeholder-class="tui-placeholder" placeholder="填写金额" />
|
|
|
+ <input type="digit" @focus="goodsPrice=''" style="width:160upx;" v-model="goodsPrice" placeholder-class="tui-placeholder" placeholder="填写金额" />
|
|
|
<text style="color:#3385FF;font-weight:bold;">合计 ¥<text>{{orderTotalPrice}}</text></text>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
- <tui-list-cell class="line-cell" :hover="false" :arrow="false">
|
|
|
+ <tui-list-cell class="line-cell option-wrap" :hover="false" :arrow="false">
|
|
|
<view class="tui-title">收款方式</view>
|
|
|
- <button @click="form.hasPay = 4" class="admin-button-com middle" :class="form.hasPay == 4 ? 'blue' : 'default'">余额</button>
|
|
|
- <button @click="form.hasPay = 0" class="admin-button-com middle" :class="form.hasPay == 0 ? 'blue' : 'default'" style="margin-left:6upx;">扫码</button>
|
|
|
- <button @tap="form.hasPay = 1" class="admin-button-com middle" :class="form.hasPay == 1 ? 'blue' : 'default'" style="margin-left:6upx;">线下</button>
|
|
|
- <button @tap="form.hasPay = 2" class="admin-button-com middle" :class="form.hasPay == 2 ? 'blue' : 'default'" style="margin-left:6upx;">挂账</button>
|
|
|
+ <view class="option-btns">
|
|
|
+ <button @click="form.hasPay = 4" class="admin-button-com middle" :class="form.hasPay == 4 ? 'blue' : 'default'">余额</button>
|
|
|
+ <button @click="form.hasPay = 0" class="admin-button-com middle" :class="form.hasPay == 0 ? 'blue' : 'default'">扫码</button>
|
|
|
+ <button @tap="form.hasPay = 1" class="admin-button-com middle" :class="form.hasPay == 1 ? 'blue' : 'default'">线下</button>
|
|
|
+ <button @tap="form.hasPay = 2" class="admin-button-com middle" :class="form.hasPay == 2 ? 'blue' : 'default'">挂账</button>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
<tui-list-cell class="line-cell" :arrow="true" v-if="form.hasPay == 1">
|
|
|
@@ -42,12 +44,14 @@
|
|
|
</picker>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
- <tui-list-cell class="line-cell" :hover="false">
|
|
|
+ <tui-list-cell class="line-cell option-wrap" :hover="false">
|
|
|
<view class="tui-title">配送方式</view>
|
|
|
- <button @tap="setSendType(0)" class="admin-button-com middle" :class="form.sendType == 0 ? 'blue' : 'default'">送货</button>
|
|
|
- <button @tap="setSendType(1)" class="admin-button-com middle" :class="form.sendType == 1 ? 'blue' : 'default'" style="margin-left:6upx;">自取</button>
|
|
|
- <button @click="setSendType(2)" class="admin-button-com middle" :class="form.sendType == 2 ? 'blue' : 'default'" style="margin-left:6upx;">跑腿</button>
|
|
|
- <button @click="setSendType(3)" class="admin-button-com middle" :class="form.sendType == 3 ? 'blue' : 'default'" style="margin-left:6upx;">物流</button>
|
|
|
+ <view class="option-btns">
|
|
|
+ <button @tap="setSendType(0)" class="admin-button-com middle" :class="form.sendType == 0 ? 'blue' : 'default'">送货</button>
|
|
|
+ <button @tap="setSendType(1)" class="admin-button-com middle" :class="form.sendType == 1 ? 'blue' : 'default'">自取</button>
|
|
|
+ <button @click="setSendType(2)" class="admin-button-com middle" :class="form.sendType == 2 ? 'blue' : 'default'">跑腿</button>
|
|
|
+ <button @click="setSendType(3)" class="admin-button-com middle" :class="form.sendType == 3 ? 'blue' : 'default'">物流</button>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false" :arrow="true">
|
|
|
@@ -343,7 +347,19 @@ export default {
|
|
|
font-size: 32upx;
|
|
|
}
|
|
|
.form-container {
|
|
|
- width: 100%;
|
|
|
+ width: auto;
|
|
|
+ align-self: stretch;
|
|
|
+ margin: 35upx 24upx 0;
|
|
|
+ padding: 8upx 0 24upx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #f8f9fb;
|
|
|
+ border: 1px solid #e8eaef;
|
|
|
+ border-radius: 16upx;
|
|
|
+ overflow: hidden;
|
|
|
+ .module-com {
|
|
|
+ background: transparent;
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
.line-cell {
|
|
|
.tui-title {
|
|
|
width: 210upx;
|
|
|
@@ -357,11 +373,33 @@ export default {
|
|
|
color: #ccc;
|
|
|
}
|
|
|
}
|
|
|
+ /* 收款/配送按钮：固定每行 2 个，共两行，按钮拉长 */
|
|
|
+ .option-wrap {
|
|
|
+ align-items: flex-start !important;
|
|
|
+ .option-btns {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ .admin-button-com {
|
|
|
+ width: calc(50% - 10upx);
|
|
|
+ margin: 0 10upx 12upx 0;
|
|
|
+ padding-left: 0;
|
|
|
+ padding-right: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ flex-shrink: 0;
|
|
|
+ text-align: center;
|
|
|
+ &:nth-child(2n) {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.button-group {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
- margin-top: 40upx;
|
|
|
+ margin-top: 24upx;
|
|
|
padding: 0 30upx;
|
|
|
}
|
|
|
}
|
