| | |
| | | > |
| | | <el-tabs v-model="activeTab"> |
| | | <el-tab-pane label="就地寄存" name="local"> |
| | | <div class="price-tip">根据行李尺寸以及存放天数收费(不足一天按一天计价)</div> |
| | | <div class="tip-warn"><i class="el-icon-warning"></i>根据行李尺寸以及存放天数收费(不足一天按一天计价)</div> |
| | | <div class="price-items"> |
| | | <div class="price-item" v-for="(item, index) in jiudiTableData" :key="index"> |
| | | <span class="price-label">其中{{item.categoryName}}每天收费</span> |
| | |
| | | <el-tab-pane label="异地寄存" name="remote"> |
| | | <div class="remote-config-title">异地寄送配置</div> |
| | | <div class="remote-header"> |
| | | <span class="remote-tip">根据行李尺寸、配送里程及配送价格收取费用(不足1公里按1公里计价)</span> |
| | | <span class="remote-tip"> <p class="tip-warn"><i class="el-icon-warning"></i>根据行李尺寸、配送里程及配送价格收取费用(不足1公里按1公里计价)</p></span> |
| | | </div> |
| | | <el-table :data="remoteTableData" border stripe> |
| | | <el-table-column prop="categoryName" label="行李尺寸"></el-table-column> |
| | |
| | | <el-tab-pane label="预计时效" name="time"> |
| | | <div class="remote-config-title">预计时效规则</div> |
| | | <div class="remote-header"> |
| | | <span class="remote-tip">根据配送里程预计配送时长并展示在小程序下单页面</span> |
| | | <span class="remote-tip"><p class="tip-warn"><i class="el-icon-warning"></i>根据配送里程预计配送时长并展示在小程序下单页面</p></span> |
| | | </div> |
| | | <el-table :data="timeTableData" border stripe> |
| | | <el-table-column label="起送里程(公里)"> |
| | |
| | | </el-table> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="门店注册押金" name="deposit"> |
| | | <div class="price-tip">根据所在城市以及注册类型不同,平台收取不同数额押金。押金会在门店退网后线下原额退还(门店线上微信支付的押金因微信官方要求具有时效性)</div> |
| | | <div class="price-tip"><p class="tip-warn"><i class="el-icon-warning"></i> |
| | | 根据所在城市以及注册类型不同,平台收取不同数额押金。押金会在门店退网后线下原额退还(门店线上微信支付的押金因微信官方要求具有时效性)</p></div> |
| | | <div class="price-items"> |
| | | <div class="price-item" v-for="(item, index) in storeDepositData" :key="index"> |
| | | <span class="price-label">其中{{item.fieldTypeName}}收取押金</span> |
| | |
| | | </div> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="分成比例" name="share"> |
| | | <div class="price-tip">根据订单中不同运营角色而独立配置不同分成比例</div> |
| | | <div class="price-tip"><p class="tip-warn"><i class="el-icon-warning"></i>根据订单中不同运营角色而独立配置不同分成比例</p></div> |
| | | <div class="price-items"> |
| | | <div class="price-item" v-for="(item, index) in shareTableData" :key="index"> |
| | | <span class="price-label">{{item.fieldType === 4 ? '在订单中作为配送员时,' : '其中门店类型为'}}{{item.fieldTypeName}}分成比例为</span> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | |
| | | .price-tip { |
| | | margin-bottom: 20px; |
| | | /*margin-bottom: 20px;*/ |
| | | color: #666; |
| | | font-size: 14px; |
| | | } |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 10px; |
| | | font-size: 14px; |
| | | } |
| | | .price-label { |
| | | flex-shrink: 0; |
| | | font-weight: 500; |
| | | /*font-weight: 500;*/ |
| | | } |
| | | .price-unit { |
| | | color: #666; |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 15px; |
| | | margin-bottom: 15px; |
| | | /*margin-bottom: 15px;*/ |
| | | } |
| | | .remote-tip { |
| | | color: #666; |
| | |
| | | margin-top: 15px; |
| | | text-align: right; |
| | | } |
| | | </style> |
| | | </style> |