|
@@ -1,450 +1,305 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="content" v-if="!isUp">
|
|
|
|
|
- <!-- <uni-notice-bar single="true" text="每月25号到月底可提现上月结算余额"></uni-notice-bar> -->
|
|
|
|
|
- <!-- <view class="content-money">
|
|
|
|
|
|
|
+ <view class="content">
|
|
|
|
|
+ <view class="content-money">
|
|
|
<view class="flex ">
|
|
<view class="flex ">
|
|
|
<view class="buttom">
|
|
<view class="buttom">
|
|
|
- <view class="text">可提现金额</view>
|
|
|
|
|
<view class="icon">{{ money | getMoneyStyle }}</view>
|
|
<view class="icon">{{ money | getMoneyStyle }}</view>
|
|
|
|
|
+ <text class="text">可提现金额</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="interval"></view>
|
|
|
|
|
- <view class="buttom">
|
|
|
|
|
|
|
+ <!-- <view class="interval"></view>
|
|
|
|
|
+ <view class="buttom">
|
|
|
<view class=" icon">{{ freeze | getMoneyStyle }}</view>
|
|
<view class=" icon">{{ freeze | getMoneyStyle }}</view>
|
|
|
<text class="text">待审核提现金额</text>
|
|
<text class="text">待审核提现金额</text>
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view> -->
|
|
|
|
|
- <view class="row-box">
|
|
|
|
|
- <!-- <view class="title">提现金额</view> -->
|
|
|
|
|
- <view class="could">
|
|
|
|
|
- <text class="">
|
|
|
|
|
- 可提现金额
|
|
|
|
|
- </text>
|
|
|
|
|
- <text class="num">
|
|
|
|
|
- ¥{{ money | getMoneyStyle }}
|
|
|
|
|
- </text>
|
|
|
|
|
|
|
+ </view> -->
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="jg"></view>
|
|
|
|
|
- <view class="sq">
|
|
|
|
|
- <text class="">
|
|
|
|
|
- 申请提现金额
|
|
|
|
|
- </text>
|
|
|
|
|
- <text class="num">
|
|
|
|
|
- ¥{{ withdrawal | getMoneyStyle }}
|
|
|
|
|
- </text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="jg"></view>
|
|
|
|
|
- <!-- <view class="row">
|
|
|
|
|
- <text class="tit">¥</text>
|
|
|
|
|
- <input class="input" type="number" v-model="withdrawal" :placeholder="'最低提现金额' + minPrice + '元'"
|
|
|
|
|
- placeholder-class="placeholder" />
|
|
|
|
|
- <view class="buttom" @click="withdrawal = money">全部提现</view>
|
|
|
|
|
- </view> -->
|
|
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="row-box" style="margin-bottom: 20rpx;">
|
|
|
|
|
|
|
+ <view class="row-box">
|
|
|
<view class="title">提现金额</view>
|
|
<view class="title">提现金额</view>
|
|
|
<view class="row">
|
|
<view class="row">
|
|
|
<text class="tit">¥</text>
|
|
<text class="tit">¥</text>
|
|
|
- <input class="input" type="number" v-model="withdrawal" placeholder="请输入提现金额"
|
|
|
|
|
- placeholder-class="placeholder" />
|
|
|
|
|
|
|
+ <input class="input" type="number" v-model="withdrawal" :placeholder="'最低提现金额' + minPrice + '元'" placeholder-class="placeholder" />
|
|
|
<view class="buttom" @click="withdrawal = money">全部提现</view>
|
|
<view class="buttom" @click="withdrawal = money">全部提现</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="row b-b">
|
|
|
|
|
- <text class="tit">姓名</text>
|
|
|
|
|
- <input class="input" v-model="name" type="text" placeholder="提款人姓名" placeholder-class="placeholder" />
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="row b-b">
|
|
|
|
|
- <text class="tit">银行卡号</text>
|
|
|
|
|
- <input class="input" v-model="bankno" type="text" placeholder="请输入银行卡号" placeholder-class="placeholder" />
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="row b-b">
|
|
|
|
|
- <text class="tit">所属银行</text>
|
|
|
|
|
- <input class="input" v-model="bankname" type="text" placeholder="请输入所属银行" placeholder-class="placeholder" />
|
|
|
|
|
|
|
+ <!-- #ifndef MP-WEIXIN -->
|
|
|
|
|
+ <view class="list" v-if="!weichatBsrowser">
|
|
|
|
|
+ <radio-group @change="tabRadio">
|
|
|
|
|
+ <label>
|
|
|
|
|
+ <view class="box">
|
|
|
|
|
+ <view class="icon iconfont iconweixin1"></view>
|
|
|
|
|
+ <view class="title-box">
|
|
|
|
|
+ <view class="title"><text>提现至微信</text></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="right"><radio value="weixin" color="#5dbc7c" :checked="type == 'weixin'" /></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ <label>
|
|
|
|
|
+ <view class="box">
|
|
|
|
|
+ <view class="icon iconfont iconzhifubao"></view>
|
|
|
|
|
+ <view class="title-box">
|
|
|
|
|
+ <view class="title">
|
|
|
|
|
+ <text v-if="aliData.fullname">提现至支付宝</text>
|
|
|
|
|
+ <text v-else>请创建支付宝账号</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="node">
|
|
|
|
|
+ <text v-if="aliData.fullname">真实姓名({{ aliData.fullname }})</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="right"><radio value="alipay" color="#5dbc7c" :checked="type == 'alipay'" /></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ <label>
|
|
|
|
|
+ <view class="box">
|
|
|
|
|
+ <view class="icon iconfont"><image class="icon-img" src="/static/icon/i8.png" mode="aspectFit"></image></view>
|
|
|
|
|
+ <view class="title-box">
|
|
|
|
|
+ <view class="title">
|
|
|
|
|
+ <text v-if="bankData.bankno">{{ bankData.bank + ' ' + bankData.bankno }}</text>
|
|
|
|
|
+ <text v-else>请创建银行账号</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="node">
|
|
|
|
|
+ <text v-if="bankData.fullname">真实姓名({{ bankData.fullname }})</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view class="right"><radio value="bank" color="#5dbc7c" :checked="type == 'bank'" /></view>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </label>
|
|
|
|
|
+ </radio-group>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
+ <!-- #endif -->
|
|
|
<button class="add-btn up" @click="confirm">提交申请</button>
|
|
<button class="add-btn up" @click="confirm">提交申请</button>
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
- import {
|
|
|
|
|
|
|
+import { getMoneyStyle } from '@/utils/rocessor.js';
|
|
|
|
|
+import { extractCash, extractBank, aliInfo, bankInfo } from '@/api/wallet.js';
|
|
|
|
|
+export default {
|
|
|
|
|
+ filters: {
|
|
|
getMoneyStyle
|
|
getMoneyStyle
|
|
|
- } from '@/utils/rocessor.js';
|
|
|
|
|
- import {
|
|
|
|
|
- extractCash,
|
|
|
|
|
- extractBank,
|
|
|
|
|
- aliInfo,
|
|
|
|
|
- bankInfo
|
|
|
|
|
- } from '@/api/wallet.js';
|
|
|
|
|
- import {
|
|
|
|
|
- spreadInfo
|
|
|
|
|
- } from '@/api/user.js'
|
|
|
|
|
- import {
|
|
|
|
|
- mapState,
|
|
|
|
|
- mapMutations
|
|
|
|
|
- } from 'vuex';
|
|
|
|
|
- export default {
|
|
|
|
|
- filters: {
|
|
|
|
|
- getMoneyStyle
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ type: 'weixin', //提现方式
|
|
|
|
|
+ money: '0.00', //可提现金额
|
|
|
|
|
+ freeze: '0.0', //冻结金额
|
|
|
|
|
+ withdrawal: '', //提现金额
|
|
|
|
|
+ minPrice: '', //最少提现金额
|
|
|
|
|
+ aliData: {},
|
|
|
|
|
+ bankData: {},
|
|
|
|
|
+ // #ifdef H5
|
|
|
|
|
+ weichatBsrowser: false
|
|
|
|
|
+ // #endif
|
|
|
|
|
+ };
|
|
|
|
|
+ },
|
|
|
|
|
+ onLoad(options) {
|
|
|
|
|
+ // #ifdef H5
|
|
|
|
|
+ this.weichatBsrowser = uni.getStorageSync('weichatBrowser');
|
|
|
|
|
+ // #endif
|
|
|
|
|
+ //加载提现信息
|
|
|
|
|
+ this.loadData();
|
|
|
|
|
+ // 加载提款账号信息
|
|
|
|
|
+ this.loadAli();
|
|
|
|
|
+ this.loadBank();
|
|
|
|
|
+ },
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ // 更新数据
|
|
|
|
|
+ dataUp() {
|
|
|
|
|
+ this.loadAli();
|
|
|
|
|
+ this.loadBank();
|
|
|
},
|
|
},
|
|
|
- data() {
|
|
|
|
|
- return {
|
|
|
|
|
- name: '',
|
|
|
|
|
- bankno: '',
|
|
|
|
|
- bankname: '',
|
|
|
|
|
- type: 'bank', //提现方式
|
|
|
|
|
- money: '0.00', //可提现金额
|
|
|
|
|
- freeze: '0.0', //冻结金额
|
|
|
|
|
- withdrawal: '', //提现金额
|
|
|
|
|
- minPrice: '', //最少提现金额
|
|
|
|
|
- aliData: {},
|
|
|
|
|
- bankData: {},
|
|
|
|
|
- // #ifdef H5
|
|
|
|
|
- weichatBsrowser: false
|
|
|
|
|
- // #endif
|
|
|
|
|
-
|
|
|
|
|
- };
|
|
|
|
|
|
|
+ //加载数据
|
|
|
|
|
+ async loadAli(source) {
|
|
|
|
|
+ aliInfo({}).then(e => {
|
|
|
|
|
+ this.aliData = e.data;
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
- computed: {
|
|
|
|
|
- ...mapState(['isUp']),
|
|
|
|
|
|
|
+ // 加载银行卡信息
|
|
|
|
|
+ async loadBank() {
|
|
|
|
|
+ bankInfo({}).then(e => {
|
|
|
|
|
+ this.bankData = e.data;
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
- onLoad(options) {
|
|
|
|
|
- if (this.isUp) {
|
|
|
|
|
- uni.switchTab({
|
|
|
|
|
- url: '/pages/index/index'
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- // #ifdef H5
|
|
|
|
|
- this.weichatBsrowser = uni.getStorageSync('weichatBrowser');
|
|
|
|
|
- // #endif
|
|
|
|
|
- //加载提现信息
|
|
|
|
|
- this.loadData();
|
|
|
|
|
- // 加载提款账号信息
|
|
|
|
|
- // this.loadAli();
|
|
|
|
|
- // this.loadBank();
|
|
|
|
|
|
|
+ // 加载余额信息
|
|
|
|
|
+ async loadData() {
|
|
|
|
|
+ extractBank({}).then(({ data }) => {
|
|
|
|
|
+ this.money = data.commissionCount; //可提现余额
|
|
|
|
|
+ this.minPrice = data.minPrice; //最小提现
|
|
|
|
|
+ this.freeze = data.inmoneyCount; //提现中的余额
|
|
|
|
|
+ });
|
|
|
},
|
|
},
|
|
|
- methods: {
|
|
|
|
|
- // 更新数据
|
|
|
|
|
- dataUp() {
|
|
|
|
|
- this.loadAli();
|
|
|
|
|
- this.loadBank();
|
|
|
|
|
- },
|
|
|
|
|
- //加载数据
|
|
|
|
|
- async loadAli(source) {
|
|
|
|
|
- aliInfo({}).then(e => {
|
|
|
|
|
- this.aliData = e.data;
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- // 加载银行卡信息
|
|
|
|
|
- async loadBank() {
|
|
|
|
|
- bankInfo({}).then(e => {
|
|
|
|
|
- this.bankData = e.data;
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- // 加载余额信息
|
|
|
|
|
- async loadData() {
|
|
|
|
|
- // spreadInfo().then( ({data}) => {
|
|
|
|
|
- // console.log(data,"spreadInfo++++++++++++++++++")
|
|
|
|
|
- // this.money = data.brokerage_price//可提现余额
|
|
|
|
|
- // this.minPrice = data.user_extract_min//最小提现
|
|
|
|
|
- // this.freeze = data.lock_brokerage//冻结金额
|
|
|
|
|
- // })
|
|
|
|
|
- extractBank({}).then(({
|
|
|
|
|
- data
|
|
|
|
|
- }) => {
|
|
|
|
|
- this.money = data.commissionCount; //可提现余额
|
|
|
|
|
- this.minPrice = data.minPrice; //最小提现
|
|
|
|
|
- if(data.lastExtract) {
|
|
|
|
|
- this.name = data.lastExtract.real_name
|
|
|
|
|
- this.bankno = data.lastExtract.bank_code
|
|
|
|
|
- this.bankname = data.lastExtract.bank_address
|
|
|
|
|
- }
|
|
|
|
|
- // this.freeze =data.inmoneyCount//提现中的余额
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- // 跳转
|
|
|
|
|
- navTo(url) {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: url
|
|
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- // 切换选中对象
|
|
|
|
|
- tabRadio(e) {
|
|
|
|
|
- this.type = e.detail.value;
|
|
|
|
|
- },
|
|
|
|
|
- // 提交
|
|
|
|
|
- confirm() {
|
|
|
|
|
- console.log(this.withdrawal, this.money)
|
|
|
|
|
- let obj = this
|
|
|
|
|
- // if (+this.withdrawal == 0) {
|
|
|
|
|
- // return this.$api.msg('请输入提现金额')
|
|
|
|
|
- // }
|
|
|
|
|
- // if (+this.withdrawal < +this.minPrice) {
|
|
|
|
|
- // return this.$api.msg('提现金额不足最低提现金额')
|
|
|
|
|
- // }
|
|
|
|
|
- // if (+this.withdrawal > +this.money) {
|
|
|
|
|
- // return this.$api.msg('可提现佣金不足')
|
|
|
|
|
- // }
|
|
|
|
|
- let data = {
|
|
|
|
|
- extract_type: this.type, //bank -银行卡 alipay-支付宝 weixin-微信
|
|
|
|
|
- money: this.withdrawal*1, //金额
|
|
|
|
|
- money_type: 0 //0佣金1余额
|
|
|
|
|
- }
|
|
|
|
|
- data.name = obj.name
|
|
|
|
|
- data.bankname = obj.bankname
|
|
|
|
|
- data.cardnum = obj.bankno
|
|
|
|
|
- // if (this.type == 'alipay') {
|
|
|
|
|
- // data.name = this.aliData.fullname;
|
|
|
|
|
- // data.alipay_code = this.aliData.alino;
|
|
|
|
|
- // if (!data.name) {
|
|
|
|
|
- // return this.$api.msg('请完善账户名称')
|
|
|
|
|
- // }
|
|
|
|
|
- // if (!data.alipay_code) {
|
|
|
|
|
- // return this.$api.msg('请完善支付宝账号')
|
|
|
|
|
- // }
|
|
|
|
|
- // }
|
|
|
|
|
- // if (this.type == 'bank') {
|
|
|
|
|
- // data.name = this.bankData.fullname;
|
|
|
|
|
- // data.bankname = this.bankData.bank;
|
|
|
|
|
- // data.cardnum = this.bankData.bankno;
|
|
|
|
|
- // if (!data.name) {
|
|
|
|
|
- // return this.$api.msg('请完善银行卡信息')
|
|
|
|
|
- // }
|
|
|
|
|
- // if (!data.bankname) {
|
|
|
|
|
- // return this.$api.msg('请完善银行卡信息')
|
|
|
|
|
- // }
|
|
|
|
|
- // if (!data.cardnum) {
|
|
|
|
|
- // return this.$api.msg('请完善银行卡信息')
|
|
|
|
|
- // }
|
|
|
|
|
- // }
|
|
|
|
|
-
|
|
|
|
|
|
|
+ // 跳转
|
|
|
|
|
+ navTo(url) {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: url
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ // 切换选中对象
|
|
|
|
|
+ tabRadio(e) {
|
|
|
|
|
+ this.type = e.detail.value;
|
|
|
|
|
+ },
|
|
|
|
|
+ // 提交
|
|
|
|
|
+ confirm() {
|
|
|
|
|
+ let data = {
|
|
|
|
|
+ extract_type: this.type, //bank -银行卡 alipay-支付宝 weixin-微信
|
|
|
|
|
+ money: this.withdrawal, //金额
|
|
|
|
|
+ money_type: 1 //0佣金1余额
|
|
|
|
|
+ };
|
|
|
|
|
+ if (this.type == 'alipay') {
|
|
|
|
|
+ data.name = this.aliData.fullname;
|
|
|
|
|
+ data.alipay_code = this.aliData.alino;
|
|
|
|
|
+ }
|
|
|
|
|
+ if (this.type == 'bank') {
|
|
|
|
|
+ data.name = this.bankData.fullname;
|
|
|
|
|
+ data.bankname = this.bankData.bank;
|
|
|
|
|
+ data.cardnum = this.bankData.bankno;
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- extractCash(data)
|
|
|
|
|
- .then(e => {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: '提交成功',
|
|
|
|
|
- duration: 2000,
|
|
|
|
|
- position: 'top'
|
|
|
|
|
- });
|
|
|
|
|
- obj.money = '0.00' //可提现金额
|
|
|
|
|
- obj.withdrawal = 0 //提现金额
|
|
|
|
|
- this.loadData();
|
|
|
|
|
- })
|
|
|
|
|
- .catch(e => {
|
|
|
|
|
- console.log();
|
|
|
|
|
|
|
+ extractCash(data)
|
|
|
|
|
+ .then(e => {
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: '提交成功',
|
|
|
|
|
+ duration: 2000,
|
|
|
|
|
+ position: 'top'
|
|
|
});
|
|
});
|
|
|
- }
|
|
|
|
|
|
|
+ })
|
|
|
|
|
+ .catch(e => {
|
|
|
|
|
+ console.log();
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
- };
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+};
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
|
- page {
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .content-money {
|
|
|
|
|
- padding: 30rpx 0;
|
|
|
|
|
- background: #ffffff;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .flex {
|
|
|
|
|
- background-color: #ffffff;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- margin: 0 30rpx;
|
|
|
|
|
- border-radius: $border-radius-sm;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- flex-direction: row;
|
|
|
|
|
-
|
|
|
|
|
- .buttom {
|
|
|
|
|
- font-size: $font-lg;
|
|
|
|
|
- width: 50%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .interval {
|
|
|
|
|
- width: 2px;
|
|
|
|
|
- height: 60rpx;
|
|
|
|
|
- background-color: #eeeeee;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .icon {
|
|
|
|
|
- background-size: 100%;
|
|
|
|
|
- font-size: 42rpx;
|
|
|
|
|
- color: $font-color-dark;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
|
- background-position: center;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .text {
|
|
|
|
|
- color: $font-color-light;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- .add-btn {
|
|
|
|
|
- &.modified {
|
|
|
|
|
- color: $base-color;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- &.up {
|
|
|
|
|
- background-color: $base-color;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- width: 690rpx;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
|
|
+page {
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+}
|
|
|
|
|
+.content-money {
|
|
|
|
|
+ padding: 30rpx 0;
|
|
|
|
|
+ background: #ffffff;
|
|
|
|
|
+}
|
|
|
|
|
+.flex {
|
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ margin: 0 30rpx;
|
|
|
|
|
+ border-radius: $border-radius-sm;
|
|
|
|
|
+ .buttom {
|
|
|
font-size: $font-lg;
|
|
font-size: $font-lg;
|
|
|
- border-radius: 10rpx;
|
|
|
|
|
- // box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
|
|
|
|
|
|
|
+ width: 100%;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .list {
|
|
|
|
|
- padding-left: 30rpx;
|
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
- background-color: #ffffff;
|
|
|
|
|
-
|
|
|
|
|
- .box {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- padding: 0 21rpx;
|
|
|
|
|
- height: 120rpx;
|
|
|
|
|
- border-bottom: 1px solid $border-color-light;
|
|
|
|
|
-
|
|
|
|
|
- .icon {
|
|
|
|
|
- font-size: 48rpx;
|
|
|
|
|
- padding-right: 20rpx;
|
|
|
|
|
-
|
|
|
|
|
- .icon-img {
|
|
|
|
|
- height: 50rpx;
|
|
|
|
|
- width: 50rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .iconweixin1 {
|
|
|
|
|
- color: #18bf16;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .iconzhifubao {
|
|
|
|
|
- color: #08aaec;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .title-box {
|
|
|
|
|
- flex-grow: 1;
|
|
|
|
|
- text-align: left;
|
|
|
|
|
-
|
|
|
|
|
- .title {
|
|
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
|
|
- color: $font-color-base;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .node {
|
|
|
|
|
- font-size: $font-sm;
|
|
|
|
|
- color: $font-color-light;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .interval {
|
|
|
|
|
+ width: 2px;
|
|
|
|
|
+ height: 60rpx;
|
|
|
|
|
+ background-color: #eeeeee;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- /deep/ .uni-radio-input {
|
|
|
|
|
- width: 45rpx;
|
|
|
|
|
- height: 45rpx;
|
|
|
|
|
|
|
+ .icon {
|
|
|
|
|
+ background-size: 100%;
|
|
|
|
|
+ font-size: 42rpx;
|
|
|
|
|
+ color: $font-color-dark;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
|
+ background-position: center;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .could,
|
|
|
|
|
- .sq {
|
|
|
|
|
- height: 110rpx;
|
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
- font-weight: 600;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- line-height: 110rpx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
-
|
|
|
|
|
- .num {
|
|
|
|
|
- font-size: 40rpx;
|
|
|
|
|
- font-weight: bold;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- // line-height: 46px;
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ .text {
|
|
|
|
|
+ color: $font-color-light;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .jg {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- height: 1px;
|
|
|
|
|
- background-color: #E6E6E6;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .row-box {
|
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
|
- padding: 20rpx 30rpx;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
-
|
|
|
|
|
- .title {
|
|
|
|
|
- font-size: $font-base + 2rpx;
|
|
|
|
|
- color: $font-color-dark;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .row {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- height: 80rpx;
|
|
|
|
|
-
|
|
|
|
|
- .tit {
|
|
|
|
|
- flex-shrink: 0;
|
|
|
|
|
- width: 40rpx;
|
|
|
|
|
- font-size: 30rpx;
|
|
|
|
|
- color: $font-color-dark;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .input {
|
|
|
|
|
- flex: 1;
|
|
|
|
|
- font-size: 30rpx;
|
|
|
|
|
- color: $font-color-dark;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .iconlocation {
|
|
|
|
|
- font-size: 36rpx;
|
|
|
|
|
- color: $font-color-light;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .buttom {
|
|
|
|
|
- color: #901b21;
|
|
|
|
|
- font-size: $font-base;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.row-box {
|
|
|
|
|
+ margin-top: 30rpx;
|
|
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
|
|
+ background: #fff;
|
|
|
|
|
+ .title {
|
|
|
|
|
+ font-size: $font-base + 2rpx;
|
|
|
|
|
+ color: $font-color-dark;
|
|
|
}
|
|
}
|
|
|
.row {
|
|
.row {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- padding: 0 30rpx;
|
|
|
|
|
- height: 110rpx;
|
|
|
|
|
- background: #fff;
|
|
|
|
|
-
|
|
|
|
|
|
|
+ height: 80rpx;
|
|
|
.tit {
|
|
.tit {
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
- width: 140rpx;
|
|
|
|
|
|
|
+ width: 40rpx;
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
color: $font-color-dark;
|
|
color: $font-color-dark;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
.input {
|
|
.input {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
color: $font-color-dark;
|
|
color: $font-color-dark;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
.iconlocation {
|
|
.iconlocation {
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
color: $font-color-light;
|
|
color: $font-color-light;
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ .buttom {
|
|
|
|
|
+ color: $font-color-spec;
|
|
|
|
|
+ font-size: $font-base;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+.add-btn {
|
|
|
|
|
+ &.modified {
|
|
|
|
|
+ color: $base-color;
|
|
|
|
|
+ }
|
|
|
|
|
+ &.up {
|
|
|
|
|
+ background-color: $base-color;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ }
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ width: 690rpx;
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ margin-top: 30rpx;
|
|
|
|
|
+ font-size: $font-lg;
|
|
|
|
|
+ border-radius: 10rpx;
|
|
|
|
|
+ // box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4);
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.list {
|
|
|
|
|
+ padding-left: 30rpx;
|
|
|
|
|
+ margin-top: 30rpx;
|
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
|
+ .box {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 120rpx;
|
|
|
|
|
+ border-bottom: 1px solid $border-color-light;
|
|
|
|
|
+ .icon {
|
|
|
|
|
+ font-size: 48rpx;
|
|
|
|
|
+ padding-right: 20rpx;
|
|
|
|
|
+ .icon-img {
|
|
|
|
|
+ height: 50rpx;
|
|
|
|
|
+ width: 50rpx;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .iconweixin1 {
|
|
|
|
|
+ color: #18bf16;
|
|
|
|
|
+ }
|
|
|
|
|
+ .iconzhifubao {
|
|
|
|
|
+ color: #08aaec;
|
|
|
|
|
+ }
|
|
|
|
|
+ .title-box {
|
|
|
|
|
+ flex-grow: 1;
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ .title {
|
|
|
|
|
+ font-size: $font-base + 2rpx;
|
|
|
|
|
+ color: $font-color-base;
|
|
|
|
|
+ }
|
|
|
|
|
+ .node {
|
|
|
|
|
+ font-size: $font-sm;
|
|
|
|
|
+ color: $font-color-light;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
+}
|
|
|
|
|
+/deep/ .uni-radio-input {
|
|
|
|
|
+ width: 45rpx;
|
|
|
|
|
+ height: 45rpx;
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|