| | |
| | | </van-field> |
| | | </van-cell-group> |
| | | <van-cell-group inset> |
| | | <p class="pt-6 pb-2 ash">{{ $t('收款人姓名') }}</p> |
| | | <van-field class="select-item" v-model="params.name" name="pattern" :placeholder="$t('entryRealName')"> |
| | | <p class="pt-6 pb-2 ash">{{ $t('realName') }}</p> |
| | | <van-field class="select-item" v-model="params.name" :maxlength="10" name="pattern" |
| | | :placeholder="$t('entryRealName')"> |
| | | </van-field> |
| | | </van-cell-group> |
| | | <van-cell-group inset v-for="(item, index) in list" :key="index"> |
| | | <p class="pt-6 pb-2 ash">{{ $t(item[`paramName${parseInt(index) + 1}`]) }}</p> |
| | | |
| | | <!-- 目前(index+1)的项是账户类型,需要做下拉框选项,如果后期有变动则需要改动 --> |
| | | <van-field class="select-item" v-model="item[`param_value${parseInt(index) + 1}`]" |
| | | :name="item[`paramName${parseInt(index) + 1}`]" |
| | | :placeholder="item[`paramName${parseInt(index) + 1}`]" v-if="(index + 1) != 5"> |
| | | :name="item[`paramName${parseInt(index) + 1}`]" :placeholder="item[`paramName${parseInt(index) + 1}`]"> |
| | | </van-field> |
| | | |
| | | <!-- 账户类型下拉选择 --> |
| | | <select class="select-item mt-2 native-select" v-model="item[`param_value${parseInt(index) + 1}`]" |
| | | v-else> |
| | | <option value="Current Account">Current Account</option> |
| | | <option value="Personal Account">Personal Account</option> |
| | | </select> |
| | | </van-cell-group> |
| | | |
| | | <van-cell-group inset v-if="configDetail.methodType !== 1"> |
| | | <p class="pt-6 pb-2 ash">{{ $t('payQrcode') }}</p> |
| | | <van-uploader v-model="frontFile" :after-read="afterRead" :max-count="1" /> |
| | |
| | | const params = ref({ |
| | | name: '', |
| | | remark: '', |
| | | accountType: 'Current Account', |
| | | }) |
| | | const frontFile = ref([]) |
| | | const submitImg = ref('') |
| | |
| | | ['paramName' + index]: configDetail.value['paramName' + index], |
| | | ['param_value' + index]: configDetail.value['paramValue' + index], |
| | | }) |
| | | console.log(list) |
| | | } |
| | | index++; |
| | | } |
| | | } |
| | | }) |
| | | console.log("list.value", list.value) |
| | | } |
| | | |
| | | const initData = () => { |
| | |
| | | } |
| | | } |
| | | } |
| | | } |
| | | |
| | | .native-select { |
| | | width: 100%; |
| | | border: none; |
| | | background: $tab_background; |
| | | color: $text_color; |
| | | font-size: 14px; |
| | | border-radius: 3px; |
| | | padding: 0 15px; |
| | | height: 50px; |
| | | box-sizing: border-box; |
| | | appearance: none; |
| | | -webkit-appearance: none; |
| | | -moz-appearance: none; |
| | | } |
| | | |
| | | .native-select:focus { |
| | | outline: none; |
| | | box-shadow: none; |
| | | } |
| | | |
| | | :deep(.van-cell-group) { |