|
@@ -1,449 +1,188 @@
|
|
|
<template>
|
|
<template>
|
|
|
- <view class="user-info-wrap">
|
|
|
|
|
- <view class="nav-bar">
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">头像</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view @click="uploadImg1(1)" class="arrow-right">
|
|
|
|
|
- <view class="head-img">
|
|
|
|
|
- <image v-if="userInfo.facePhotoUrl" :src="userInfo.facePhotoUrl" mode=""></image>
|
|
|
|
|
- <image v-else src="../../static/me/u1796.png" mode=""></image>
|
|
|
|
|
- </view>
|
|
|
|
|
- <!-- <u-icon name="arrow-right" color="#666" size="26"></u-icon> -->
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">昵称</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <input class="custom-input" v-model="userInfo.nickName" type="text" placeholder="请输入昵称">
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">性别</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view @click="chooseGender()" class="arrow-right">
|
|
|
|
|
- <view class="change-store">
|
|
|
|
|
- <text v-if="userInfo.sex == 0">男</text>
|
|
|
|
|
- <text v-else-if="userInfo.sex == 1">女</text>
|
|
|
|
|
- <text v-else-if="userInfo.sex == 2">未知</text>
|
|
|
|
|
- <text v-else>请选择性别</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" color="#666" size="16"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">生日</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view @click="chooseServiceDate()" class="arrow-right">
|
|
|
|
|
- <view class="change-store">
|
|
|
|
|
- <text v-if="userInfo.birthday">{{ userInfo.birthday }}</text>
|
|
|
|
|
- <text v-else>请选择生日</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <u-icon name="arrow-right" color="#666" size="16"></u-icon>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">是否双胞胎</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="arrow-right">
|
|
|
|
|
- <view class="change-store">
|
|
|
|
|
- <u-radio-group v-model="ranksState" size="14" @change="handleRankChange" placement="row">
|
|
|
|
|
- <u-radio activeColor="#eac00f" name="0" label="否"></u-radio>
|
|
|
|
|
- <u-radio activeColor="#eac00f" name="1" label="是"></u-radio>
|
|
|
|
|
- </u-radio-group>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view v-if="ranksState == '1'" class="custom-line"></view>
|
|
|
|
|
- <view v-if="ranksState == '1'" class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">排行</view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="arrow-right button-group">
|
|
|
|
|
- <text class="button" @click="decrement">-</text>
|
|
|
|
|
- <input class="custom-input-ranks" v-model="userInfo.ranks" disabled="disabled" type="text">
|
|
|
|
|
- <text class="button" @click="increment">+</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="">
|
|
|
|
|
+ <view class="service-object-wrap">
|
|
|
|
|
+ <view @click="gotoAddServiceObject()" class="add">
|
|
|
|
|
+ +<text class="name">添加服务对象</text>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <text class="">关系</text>
|
|
|
|
|
- </view>
|
|
|
|
|
- <input class="custom-input" v-model="userInfo.blood" type="text" placeholder="请输入有关系(如父子)">
|
|
|
|
|
- </view>
|
|
|
|
|
-<!-- <view class="arrow-right">-->
|
|
|
|
|
-<!-- </view>-->
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">是否监护人</view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
+ <view class="service-object-list" >
|
|
|
|
|
+
|
|
|
|
|
+ <view v-for="item in serviceObjectList" class="store-content">
|
|
|
|
|
+ <view class="store-img">
|
|
|
|
|
+ <image v-if="item.imgUrl" :src="item.imgUrl" mode=""></image>
|
|
|
|
|
+ <image v-else src="../../static/logo.png" mode=""></image>
|
|
|
</view>
|
|
</view>
|
|
|
- <view class="arrow-right">
|
|
|
|
|
- <view class="change-store">
|
|
|
|
|
- <u-radio-group size="14" v-model="userInfo.wardship" placement="row">
|
|
|
|
|
- <u-radio class="radio-item" activeColor="#eac00f" name="1" label="否"></u-radio>
|
|
|
|
|
- <u-radio class="radio-item" activeColor="#eac00f" name="2" label="是"></u-radio>
|
|
|
|
|
- </u-radio-group>
|
|
|
|
|
|
|
+ <view class="content">
|
|
|
|
|
+ <view class="title-price">
|
|
|
|
|
+ <view class="title">
|
|
|
|
|
+ <text v-if="item.nickName">{{item.nickName}}</text>
|
|
|
|
|
+ <text v-else>未填写</text>
|
|
|
|
|
+ </view>
|
|
|
|
|
+ <view @click="gotoUpdateServiceObject(item)" class="icon-btn">
|
|
|
|
|
+ <image src="/static/me/u2299.png" mode=""></image>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
- <view class="custom-line"></view>
|
|
|
|
|
- <view class="nav-content">
|
|
|
|
|
- <view class="nav-info">
|
|
|
|
|
- <view class="nav-desc">
|
|
|
|
|
- <view class="nav-name">
|
|
|
|
|
- <view class="">备注</view>
|
|
|
|
|
|
|
+ <view class="desc">
|
|
|
|
|
+ <view class="in-progress">关系:{{item.blood}}</view>
|
|
|
|
|
+ <view class="completed" >
|
|
|
|
|
+ 备注:<text>{{item.remark || '无'}}</text>
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
- <input class="custom-input" v-model="userInfo.remark" type="text" placeholder="请输入备注信息">
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
- </view>
|
|
|
|
|
- </view>
|
|
|
|
|
|
|
|
|
|
- <view @click="saveUserInfo()" class="sure-btn">
|
|
|
|
|
- <view class="btn">保存</view>
|
|
|
|
|
|
|
+ </view>
|
|
|
</view>
|
|
</view>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <!-- 日期时间选择 -->
|
|
|
|
|
- <u-datetime-picker :show="dateShow" v-model="value1" mode="date" @confirm="sureChooseDate()"></u-datetime-picker>
|
|
|
|
|
-
|
|
|
|
|
- <!-- 性别选择 -->
|
|
|
|
|
- <u-picker :show="genderShow" keyName="gender" @confirm="sureChooseGender" :columns="genderList"></u-picker>
|
|
|
|
|
-
|
|
|
|
|
</view>
|
|
</view>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
<script>
|
|
|
-
|
|
|
|
|
-export default {
|
|
|
|
|
- data() {
|
|
|
|
|
- return {
|
|
|
|
|
- userInfo: {
|
|
|
|
|
- auth: true,
|
|
|
|
|
- nickName: '',
|
|
|
|
|
- sex: '1',
|
|
|
|
|
- birthday: '',
|
|
|
|
|
- selfPhoto: '',
|
|
|
|
|
- memberType: '',
|
|
|
|
|
- facePhotos: '',
|
|
|
|
|
- facePhoto: '',
|
|
|
|
|
- ranks: 0,
|
|
|
|
|
- wardship: '2',
|
|
|
|
|
- blood: '',
|
|
|
|
|
- ranksState: '0',
|
|
|
|
|
- facePhotoUrl: '',
|
|
|
|
|
- name: '',
|
|
|
|
|
- authBook: '',
|
|
|
|
|
- signPhoto: ''
|
|
|
|
|
- },
|
|
|
|
|
- ranksState: '0',
|
|
|
|
|
- genderShow: false,
|
|
|
|
|
- dateShow: false,
|
|
|
|
|
- value1: '2023-12-12',
|
|
|
|
|
- // 服务时间
|
|
|
|
|
- genderList: [
|
|
|
|
|
- [{ gender: '男', id: '0' },
|
|
|
|
|
- { gender: '女', id: '1' },
|
|
|
|
|
- { gender: '未知', id: '2' }
|
|
|
|
|
- ],
|
|
|
|
|
- ],
|
|
|
|
|
- imgUrl1: ''
|
|
|
|
|
- };
|
|
|
|
|
- },
|
|
|
|
|
- mounted() {
|
|
|
|
|
- },
|
|
|
|
|
- onLoad(option) {
|
|
|
|
|
-
|
|
|
|
|
- // 判断Openid是否为空
|
|
|
|
|
- if (option.data) {
|
|
|
|
|
- const data = JSON.parse(option.data);
|
|
|
|
|
- this.userInfo = data;
|
|
|
|
|
- if (this.userInfo.ranks != '0') {
|
|
|
|
|
- this.userInfo.ranksState = '1';
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- console.log(this.userInfo)
|
|
|
|
|
-
|
|
|
|
|
- },
|
|
|
|
|
- methods: {
|
|
|
|
|
- increment() {
|
|
|
|
|
- this.userInfo.ranks++;
|
|
|
|
|
- },
|
|
|
|
|
- decrement() {
|
|
|
|
|
- if (this.userInfo.ranks > 1) {
|
|
|
|
|
- this.userInfo.ranks--;
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- handleRankChange(value) {
|
|
|
|
|
- console.log('Rank changed:', value);
|
|
|
|
|
- this.userInfo.ranks = value;
|
|
|
|
|
- // 在这里处理值改变事件的逻辑
|
|
|
|
|
- },
|
|
|
|
|
- // 选择性别
|
|
|
|
|
- chooseGender() {
|
|
|
|
|
- this.genderShow = true;
|
|
|
|
|
|
|
+ export default {
|
|
|
|
|
+ data() {
|
|
|
|
|
+ return {
|
|
|
|
|
+ reqParm: {
|
|
|
|
|
+ auth: true
|
|
|
|
|
+ },
|
|
|
|
|
+ serviceObjectList: [],
|
|
|
|
|
+ images: [],
|
|
|
|
|
+ };
|
|
|
},
|
|
},
|
|
|
- // 选择值
|
|
|
|
|
- sureChooseGender(e) {
|
|
|
|
|
- this.genderShow = false;
|
|
|
|
|
- this.userInfo.sex = e.value[0].id;
|
|
|
|
|
|
|
+ mounted() {
|
|
|
},
|
|
},
|
|
|
- // 确定选择的服务日期
|
|
|
|
|
- sureChooseDate() {
|
|
|
|
|
- this.dateShow = false;
|
|
|
|
|
- this.userInfo.birthday = this.$formatDate(this.value1)
|
|
|
|
|
|
|
+ onLoad() {
|
|
|
|
|
+ // 查询服务对象列表
|
|
|
|
|
+ this.listServiceObject();
|
|
|
},
|
|
},
|
|
|
- // 选择服务日期
|
|
|
|
|
- chooseServiceDate() {
|
|
|
|
|
- this.value1 = Date.now();
|
|
|
|
|
- this.dateShow = true;
|
|
|
|
|
- },
|
|
|
|
|
- // 去会员信息页
|
|
|
|
|
- gotoMemberInfo() {
|
|
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: '/pages/member/member-info',
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
- // 保存用户信息
|
|
|
|
|
- saveUserInfo() {
|
|
|
|
|
- if (this.$isDataEmpty(this.userInfo.nickName)) {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "请认真填写昵称"
|
|
|
|
|
- })
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- if (this.$isDataEmpty(this.userInfo.blood)) {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "请认真填写关系"
|
|
|
|
|
- })
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- if (this.$isDataEmpty(this.userInfo.birthday)) {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "请认真填写生日"
|
|
|
|
|
- })
|
|
|
|
|
- return;
|
|
|
|
|
- }
|
|
|
|
|
- this.userInfo.auth = true;
|
|
|
|
|
- // 保存数据
|
|
|
|
|
- this.$api.updateServiceObject(null, { data: this.userInfo }).then((res) => {
|
|
|
|
|
- console.log(res)
|
|
|
|
|
- // 去服务对象列表页
|
|
|
|
|
|
|
+ methods: {
|
|
|
|
|
+ // 查询服务对接信息列表
|
|
|
|
|
+ listServiceObject(){
|
|
|
|
|
+ this.$api.listServiceObject(this.reqParm).then((res)=>{
|
|
|
|
|
+ console.log(res)
|
|
|
|
|
+ this.serviceObjectList = res.data.data
|
|
|
|
|
+ this.getImgUrlByBannerOssId(this.serviceObjectList);
|
|
|
|
|
+ }).catch(() =>{
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: "操作失败"
|
|
|
|
|
+ })
|
|
|
|
|
+ });
|
|
|
|
|
+ },
|
|
|
|
|
+ // 获取图片
|
|
|
|
|
+ getImgUrlByBannerOssId(items){
|
|
|
|
|
+ for(let i = 0; i <items.length; i++) {
|
|
|
|
|
+ if (items[i].facePhoto){
|
|
|
|
|
+ this.$api.getImgUrlByOssId({ossId:items[i].facePhoto}).then(res=>{
|
|
|
|
|
+ items[i].facePhoto = res.data.data[0].url.replace(/^http:/, "https:")
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ /* 添加服务对象 */
|
|
|
|
|
+ gotoAddServiceObject(){
|
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
|
- url: '/pages/me/service-object-mgt',
|
|
|
|
|
- })
|
|
|
|
|
- }).catch(() => {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: "操作失败"
|
|
|
|
|
|
|
+ url: '/myPages/serviceObjectFaceAuth/index',
|
|
|
})
|
|
})
|
|
|
- });
|
|
|
|
|
- },
|
|
|
|
|
- //头像上传
|
|
|
|
|
- uploadImg1(imgIndex) {
|
|
|
|
|
- let that = this;
|
|
|
|
|
- uni.chooseImage({
|
|
|
|
|
- count: 1,
|
|
|
|
|
- success: (chooseImageRes) => {
|
|
|
|
|
- const tempFilePaths = chooseImageRes.tempFilePaths;
|
|
|
|
|
- uni.uploadFile({
|
|
|
|
|
- url: that.$host + '/resource/oss/upload', //仅为示例,非真实的接口地址
|
|
|
|
|
- filePath: tempFilePaths[0],
|
|
|
|
|
- name: 'file',
|
|
|
|
|
- header: {
|
|
|
|
|
- 'Authorization': 'Bearer ' + that.$store.state.loginState.accessToken,
|
|
|
|
|
- },
|
|
|
|
|
- success: (uploadFileRes) => {
|
|
|
|
|
- let res = JSON.parse(uploadFileRes.data)
|
|
|
|
|
- console.log(res.data)
|
|
|
|
|
- that.imgUrl1 = res.data.url;
|
|
|
|
|
- that.userInfo.selfPhoto = res.data.ossId
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ // 去修改服务对象
|
|
|
|
|
+ gotoUpdateServiceObject(item){
|
|
|
|
|
+ item.facePhotoUrl = item.imgUrl;
|
|
|
|
|
+ if(item.wardship == '1'){ // 监护人
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: '/myPages/serviceObjectAllInfo/index?data=' + JSON.stringify(item),
|
|
|
|
|
+ })
|
|
|
|
|
+ } else { // 不是监护人
|
|
|
|
|
+ item.opType = '2';
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: '/myPages/serviceObjectInfo/index?data=' + JSON.stringify(item) ,
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
- });
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-};
|
|
|
|
|
-</script>
|
|
|
|
|
-
|
|
|
|
|
-<style scoped lang="scss">
|
|
|
|
|
-@import './index.rpx.scss';
|
|
|
|
|
|
|
|
|
|
-.user-info-wrap {
|
|
|
|
|
- margin-left: 24rpx;
|
|
|
|
|
- margin-right: 24rpx;
|
|
|
|
|
|
|
|
|
|
- /* 导航菜单 */
|
|
|
|
|
- .nav-bar {
|
|
|
|
|
- background: #fff;
|
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
|
- margin-top: 24rpx;
|
|
|
|
|
|
|
|
|
|
- /* 商店信息 */
|
|
|
|
|
- .nav-content {
|
|
|
|
|
- padding-right: 12rpx;
|
|
|
|
|
- padding-top: 20rpx;
|
|
|
|
|
- padding-bottom: 12rpx;
|
|
|
|
|
|
|
+ },
|
|
|
|
|
+ }
|
|
|
|
|
+ };
|
|
|
|
|
+</script>
|
|
|
|
|
|
|
|
- .nav-info {
|
|
|
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
|
+ .service-object-wrap{
|
|
|
|
|
+ margin-left: 12px;
|
|
|
|
|
+ margin-right: 12px;
|
|
|
|
|
+ .add{
|
|
|
|
|
+ position: fixed;
|
|
|
|
|
+ bottom: 12px;
|
|
|
|
|
+ right: 12px;
|
|
|
|
|
+ left: 12px;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ color: #333333;
|
|
|
|
|
+ line-height: 42px;
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ height: 42px;
|
|
|
|
|
+ background: #FFE05C;
|
|
|
|
|
+ border-radius: 27px;
|
|
|
|
|
+ .name{
|
|
|
|
|
+ padding-left: 6px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .service-object-list{
|
|
|
|
|
+ .store-content{
|
|
|
|
|
+ padding:10px;
|
|
|
|
|
+ margin-top: 16px;
|
|
|
|
|
+ background: #fff;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- padding-left: 20rpx;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- .logo {
|
|
|
|
|
- width: 12%;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
-
|
|
|
|
|
- image {
|
|
|
|
|
- width: 48rpx;
|
|
|
|
|
- height: 48rpx;
|
|
|
|
|
|
|
+ border-radius: 6px;
|
|
|
|
|
+ .store-img{
|
|
|
|
|
+ image{
|
|
|
|
|
+ width: 90px;
|
|
|
|
|
+ height: 90px;
|
|
|
|
|
+ border-radius: 3px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .nav-desc {
|
|
|
|
|
|
|
+ .content{
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- display: flex;
|
|
|
|
|
- line-height: 60rpx;
|
|
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- .custom-input {
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .nav-name {
|
|
|
|
|
- width: 60%;
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- line-height: 44rpx;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .change-store {
|
|
|
|
|
- text-align: right;
|
|
|
|
|
- width: 40%;
|
|
|
|
|
- font-size:24rpx;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- line-height: 44rpx;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .arrow-right {
|
|
|
|
|
- width: 64%;
|
|
|
|
|
- text-align: right;
|
|
|
|
|
- margin: 0 auto;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- padding-top: 6rpx;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: flex-end;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-
|
|
|
|
|
- image {
|
|
|
|
|
- width: 36rpx;
|
|
|
|
|
- height: 36rpx;
|
|
|
|
|
|
|
+ padding-left: 8px;
|
|
|
|
|
+ padding-top: 4px;
|
|
|
|
|
+ .title-price{
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ .title{
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ color: #111111;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ font-family: "黑体", sans-serif;
|
|
|
|
|
+ line-height: 30px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .icon-btn{
|
|
|
|
|
+ text-align: right;
|
|
|
|
|
+ padding-right: 12px;
|
|
|
|
|
+ image{
|
|
|
|
|
+ height: 36px;
|
|
|
|
|
+ width: 36px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .head-img {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- padding-right: 40rpx;
|
|
|
|
|
-
|
|
|
|
|
- image {
|
|
|
|
|
- width: 48rpx;
|
|
|
|
|
- height: 48rpx;
|
|
|
|
|
|
|
+ .desc{
|
|
|
|
|
+ line-height: 26px;
|
|
|
|
|
+ color: #999999;
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ white-space: nowrap; /* Prevent line breaks */
|
|
|
|
|
+ overflow: hidden; /* Hide overflowing content */
|
|
|
|
|
+ text-overflow: ellipsis; /* Show ellipsis (...) for overflow */
|
|
|
|
|
+ .teacher{
|
|
|
|
|
+ padding-left: 6px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .completed{
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .change-store {
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- color: #999;
|
|
|
|
|
- line-height: 44rpx;
|
|
|
|
|
- }
|
|
|
|
|
}
|
|
}
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
- .sure-btn {
|
|
|
|
|
- margin-top: 40rpx;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
- .btn {
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- height: 84rpx;
|
|
|
|
|
- background: #FFE05C;
|
|
|
|
|
- border-radius: 54rpx;
|
|
|
|
|
- color: #333333;
|
|
|
|
|
- line-height: 84rpx;
|
|
|
|
|
- margin-top: 24rpx;
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.button-group {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.button {
|
|
|
|
|
- padding: 12rpx 24rpx;
|
|
|
|
|
- font-size: 28rpx;
|
|
|
|
|
- background-color: #e6e6e6;
|
|
|
|
|
- border: none;
|
|
|
|
|
- border-radius: 8rpx;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.custom-input-ranks {
|
|
|
|
|
- width: 60rpx;
|
|
|
|
|
- font-size: 24rpx;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
-}
|
|
|
|
|
-
|
|
|
|
|
-.radio-item {
|
|
|
|
|
- padding-right: 12rpx;
|
|
|
|
|
-}
|
|
|
|
|
</style>
|
|
</style>
|