|
@@ -1,198 +1,175 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
- <view class="top">
|
|
|
|
- <view class="avatar" @click="change_avatar(info.avatar)">
|
|
|
|
- <image v-if="info.avatar" :src="info.avatar" mode="aspectFill"></image>
|
|
|
|
- <view class="avatar" v-if="!info.avatar && !info" :style="{backgroundColor:bgColor[1]}">
|
|
|
|
- {{info.name.split('').pop()}}
|
|
|
|
|
|
+ <view class="content" v-if="user_info">
|
|
|
|
+ <view class="user">
|
|
|
|
+ <view class="left">
|
|
|
|
+ <view class="line name">{{user_info.name}} <text style="font-size: 34rpx;margin-left: 100rpx;">{{staff_num}}</text> </view>
|
|
|
|
+ <view class="line">
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">年龄</view>
|
|
|
|
+ <view class="box">{{user_info.age}}岁</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">性别</view>
|
|
|
|
+ <view class="box">{{user_info.sex}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="right">
|
|
|
|
+ <view class="img">
|
|
|
|
+ <image
|
|
|
|
+ :src="user_info.photo_pic"
|
|
|
|
+ mode="aspectFill"></image>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="info">
|
|
|
|
- <view class="name">{{info.name}}</view>
|
|
|
|
- <view class="box">
|
|
|
|
|
|
+ <view class="inner">
|
|
|
|
+ <view class="line">
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">学历</view>
|
|
|
|
+ <view class="box">{{user_info.edu_as}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">职务/岗位</view>
|
|
|
|
+ <view class="box">{{user_info.job_as}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <view class="item">
|
|
|
|
+ <view class="label">职称</view>
|
|
|
|
+ <view class="box">无</view>
|
|
|
|
+ </view> -->
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line">
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">技能等级</view>
|
|
|
|
+ <view class="box">{{user_info.jnjdclass}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="item">
|
|
|
|
+ <view class="label">身体状况</view>
|
|
|
|
+ <view class="box">{{user_info.daltonism}}</view>
|
|
|
|
+ </view>
|
|
<view class="item">
|
|
<view class="item">
|
|
- <view class="label">部门</view>
|
|
|
|
- <view class="text">{{info.section_fullname}}</view>
|
|
|
|
|
|
+ <view class="label">参加工作时间</view>
|
|
|
|
+ <view class="box">{{user_info.attend_work_time}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="line">
|
|
<view class="item">
|
|
<view class="item">
|
|
- <view class="label">职务</view>
|
|
|
|
- <view class="text">{{info.duty_num}}</view>
|
|
|
|
|
|
+ <view class="label">进入本企业时间</view>
|
|
|
|
+ <view class="box">{{user_info.access_sh_time}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="item">
|
|
<view class="item">
|
|
- <view class="label">员工编号</view>
|
|
|
|
- <view class="text">{{info.staff_num}}</view>
|
|
|
|
|
|
+ <view class="label">所在部门/区队</view>
|
|
|
|
+ <view class="box">{{user_info.org_name}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="content">
|
|
|
|
- <view class="box">
|
|
|
|
- <view class="item" @click="change_active(1)">
|
|
|
|
- <view class="text" :style="{color:active == 1?'#333':'#8e8e8e'}">个人信息</view>
|
|
|
|
- <view class="line" v-if="active == 1"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item" @click="change_active(2)">
|
|
|
|
- <view class="text" :style="{color:active == 2?'#333':'#8e8e8e'}">工作经历</view>
|
|
|
|
- <view class="line" v-if="active == 2"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item" @click="change_active(3)">
|
|
|
|
- <view class="text" :style="{color:active == 3?'#333':'#8e8e8e'}">荣誉及证书</view>
|
|
|
|
- <view class="line" v-if="active == 3"></view>
|
|
|
|
|
|
+ <view class="tab_content" v-if="user_info">
|
|
|
|
+ <view class="tab">
|
|
|
|
+ <!-- <view class="item" v-for="(item,index) in 7" :key="index" @click="tab(index)">
|
|
|
|
+ <image v-if="index == 0" src="./icon/icon_1.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 1" src="./icon/icon_2.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 2" src="./icon/icon_3.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 3" src="./icon/icon_4.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 4" src="./icon/icon_5.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 5" src="./icon/icon_6.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 6" src="./icon/icon_7.png" mode=""></image>
|
|
|
|
+ </view> -->
|
|
|
|
+ <view class="item" :class="active == index? 'active' : ''" v-for="(item,index) in 5" :key="index"
|
|
|
|
+ @click="tab(index)">
|
|
|
|
+ <view class="img">
|
|
|
|
+ <image v-if="index == 0" src="./icon/icon_1.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 1" src="./icon/icon_2.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 2" src="./icon/icon_3.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 3" src="./icon/icon_4.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 4" src="./icon/icon_5.png" mode=""></image>
|
|
|
|
+ <image v-if="index == 5" src="./icon/icon_6.png" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="text" v-if="index == 0">培训情况</view>
|
|
|
|
+ <view class="text" v-if="index == 1">违章记录</view>
|
|
|
|
+ <view class="text" v-if="index == 2">持证记录</view>
|
|
|
|
+ <view class="text" v-if="index == 3">考试记录</view>
|
|
|
|
+ <view class="text" v-if="index == 4">工作简历</view>
|
|
|
|
+ <view class="text" v-if="index == 5">个人荣誉</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="content">
|
|
|
|
+ <view class="list list_1" v-if="active == 0">
|
|
|
|
+ <view class="item label_box">
|
|
|
|
+ <view class="label text_1">培训时间</view>
|
|
|
|
+ <view class="label text_2">培训项目</view>
|
|
|
|
+ <view class="label text_3">培训地点</view>
|
|
|
|
+ <view class="label text_4">考核情况</view>
|
|
|
|
+ </view>
|
|
|
|
|
|
-
|
|
|
|
- <!-- 个人信息 -->
|
|
|
|
- <view class="list_1" v-if="active == 1">
|
|
|
|
- <view class="item" @click="binding_phone()">
|
|
|
|
- <view class="label">手机号</view>
|
|
|
|
- <view class="text">{{info.mobile}}</view>
|
|
|
|
- <view class="right">
|
|
|
|
- <!-- <uni-icons type="arrowright"></uni-icons> -->
|
|
|
|
|
|
+ <view class="item" v-for="(item,index) in list" :key="index">
|
|
|
|
+ <view class="text_1">{{item.start_time}}</view>
|
|
|
|
+ <view class="text_2">{{item.px_project_name}}</view>
|
|
|
|
+ <view class="text_3">{{item.px_address}}</view>
|
|
|
|
+ <view class="text_4">{{item.score}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="item" @click="binding_phone()">
|
|
|
|
- <view class="label">手写签名</view>
|
|
|
|
- <view class="text">
|
|
|
|
- <image :src="info.base_img" style="width: 300rpx;height: 120rpx;" mode="aspectFill"></image>
|
|
|
|
|
|
+ <view class="list list_2" v-if="active == 1">
|
|
|
|
+ <view class="item label_box">
|
|
|
|
+ <view class="label text_1">违章日期</view>
|
|
|
|
+ <view class="label text_2">行为描述</view>
|
|
|
|
+ <view class="label text_3">风险等级</view>
|
|
|
|
+ <view class="label text_4">矫正措施</view>
|
|
|
|
+ <view class="label text_5">负责人签字</view>
|
|
</view>
|
|
</view>
|
|
- <view class="right">
|
|
|
|
- <!-- <uni-icons type="arrowright"></uni-icons> -->
|
|
|
|
|
|
+
|
|
|
|
+ <view class="item" v-for="(item,index) in list" :key="index">
|
|
|
|
+ <view class="text_1">{{item.unsafe_time}}</view>
|
|
|
|
+ <view class="text_2">{{item.context}}</view>
|
|
|
|
+ <view class="text_3">{{item.level_name}}</view>
|
|
|
|
+ <view class="text_4">{{item.safe_method}}</view>
|
|
|
|
+ <view class="text_5">{{item.resp_user}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="item">
|
|
|
|
- <view class="label">岗位分类</view>
|
|
|
|
- <view class="text">{{info.job_classify}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">岗位</view>
|
|
|
|
- <view class="text">{{info.job}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">职级(职务码)</view>
|
|
|
|
- <view class="text">{{info.duty_num}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">性别</view>
|
|
|
|
- <view class="text" v-if="info.sex == 1">男</view>
|
|
|
|
- <view class="text" v-if="info.sex == 0">女</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">初始学历</view>
|
|
|
|
- <view class="text">{{info.start_education}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">最高学历</view>
|
|
|
|
- <view class="text">{{info.best_education}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">员工组</view>
|
|
|
|
- <view class="text">{{info.group}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">员工子组</view>
|
|
|
|
- <view class="text">{{info.group_sub}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">籍贯</view>
|
|
|
|
- <view class="text">{{info.native}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">宗教信仰</view>
|
|
|
|
- <view class="text">{{info.faith}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">户口性质</view>
|
|
|
|
- <view class="text">{{info.registered}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">民族</view>
|
|
|
|
- <view class="text">{{info.nation}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">出生日期</view>
|
|
|
|
- <view class="text">{{info.birthday}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">身份证号</view>
|
|
|
|
- <view class="text">{{info.identity_card}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">参加工作时间</view>
|
|
|
|
- <view class="text">{{info.working_date}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">进入神华系统时间</view>
|
|
|
|
- <view class="text">{{info.system_date}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">进入子分公司时间</view>
|
|
|
|
- <view class="text">{{info.system_sub_date}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">进入本单位时间</view>
|
|
|
|
- <view class="text">{{info.section_date}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">政治面貌</view>
|
|
|
|
- <view class="text">{{info.politics}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="label">参加党派时间</view>
|
|
|
|
- <view class="text">{{info.politics_date}}</view>
|
|
|
|
- <view class="right"></view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- <!-- 工作经历 -->
|
|
|
|
- <view class="list_2" v-if="active == 2">
|
|
|
|
- <view class="item">
|
|
|
|
- <view class="text_1">任职时间</view>
|
|
|
|
- <view class="text_2">工作单位</view>
|
|
|
|
- <view class="text_3">职务</view>
|
|
|
|
|
|
+ <view class="list list_3" v-if="active == 2">
|
|
|
|
+ <view class="item label_box">
|
|
|
|
+ <view class="label text_1">发证机关</view>
|
|
|
|
+ <view class="label text_2">证件名称</view>
|
|
|
|
+ <view class="label text_3">取证日期</view>
|
|
|
|
+ <view class="label text_4">有效时间至</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="item" v-for="(item,index) in list" :key="index">
|
|
|
|
+ <view class="text_1">{{item.organzation}}</view>
|
|
|
|
+ <view class="text_2">{{item.name}}</view>
|
|
|
|
+ <view class="text_3">{{item.gain_time}}</view>
|
|
|
|
+ <view class="text_4">{{item.end_time}}</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="item" v-for="(item,index) in info.work_experience" :key="index" @click="del_job(index)">
|
|
|
|
- <view class="text_1">{{item.range_text}}</view>
|
|
|
|
- <view class="text_2">{{item.job_unit}}</view>
|
|
|
|
- <view class="text_3">{{item.job_post}}</view>
|
|
|
|
|
|
+ <view class="list list_4" v-if="active == 3">
|
|
|
|
+ <view class="item label_box">
|
|
|
|
+ <view class="label text_1">考试名称</view>
|
|
|
|
+ <view class="label text_2">考试时间</view>
|
|
|
|
+ <view class="label text_3">考试限时</view>
|
|
|
|
+ <view class="label text_4">考试总分</view>
|
|
|
|
+ <view class="label text_5">考试成绩</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="item" v-for="(item,index) in list" :key="index">
|
|
|
|
+ <view class="text_1">{{item.name}}</view>
|
|
|
|
+ <view class="text_2">{{item.exam_time}}</view>
|
|
|
|
+ <view class="text_3">{{item.time}}</view>
|
|
|
|
+ <view class="text_4">{{item.total_score}}分</view>
|
|
|
|
+ <view class="text_5">{{item.score}}分</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
- </view>
|
|
|
|
- <!-- 荣誉及证书 -->
|
|
|
|
- <view class="list_3" v-if="active == 3">
|
|
|
|
- <view class="item" v-for="(item,index) in info.honor" :key="index"
|
|
|
|
- @click="click_image(index,item.path)">
|
|
|
|
- <view class="img">
|
|
|
|
- <image :src="item.path" mode="aspectFill"></image>
|
|
|
|
|
|
+ <view class="list list_5" v-if="active == 4">
|
|
|
|
+ <view class="item label_box">
|
|
|
|
+ <view class="label text_1">个人工作简历</view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="item" v-for="(item,index) in list" :key="index">
|
|
|
|
+ <view class="text_1">{{item.begda}} 到 {{item.endda}} {{item.works}}</view>
|
|
</view>
|
|
</view>
|
|
- <view class="text">{{item.imageName}}</view>
|
|
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -200,296 +177,318 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- staff_num: "",
|
|
|
|
- active: 1,
|
|
|
|
- info: {},
|
|
|
|
- // 头像随机色
|
|
|
|
- bgColor: [],
|
|
|
|
|
|
+ active: 0,
|
|
|
|
+ staff_num:'',
|
|
|
|
+ user_info:null,
|
|
|
|
+ list:null,
|
|
|
|
+
|
|
|
|
+ list_1:[],
|
|
|
|
+ list_4:[]
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
- // 设置头像
|
|
|
|
- for (let i = 0; i < 2; i++) {
|
|
|
|
- // 获取随机色
|
|
|
|
- let r = parseInt(Math.random() * 256)
|
|
|
|
- let g = parseInt(Math.random() * 256)
|
|
|
|
- let b = parseInt(Math.random() * 256)
|
|
|
|
-
|
|
|
|
- // ES6 字符串拼接
|
|
|
|
- // this.bgColor = `rgba(${r},${g},${b},0.3)`
|
|
|
|
- let color = "rgba(" + r + "," + g + "," + b + "," + 0.3 + ")"
|
|
|
|
- // console.log(color)
|
|
|
|
- this.bgColor.push(color)
|
|
|
|
- }
|
|
|
|
this.staff_num = option.staff_num
|
|
this.staff_num = option.staff_num
|
|
- this.get_info()
|
|
|
|
|
|
+ this.get_examination_get_detail()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- change_active(index) {
|
|
|
|
|
|
+ tab(index) {
|
|
|
|
+ console.log(index+1)
|
|
|
|
+ this.list = []
|
|
this.active = index
|
|
this.active = index
|
|
- },
|
|
|
|
- // 获取个人信息
|
|
|
|
- get_info() {
|
|
|
|
- this.$api.user_getUinfo({
|
|
|
|
- staff_num: this.staff_num
|
|
|
|
- }).then((res) => {
|
|
|
|
- console.log(res)
|
|
|
|
- console.log(res.data.data)
|
|
|
|
- this.info = res.data.data
|
|
|
|
- this.info.work_experience = JSON.parse(res.data.data.work_experience)
|
|
|
|
- this.info.honor = JSON.parse(res.data.data.honor)
|
|
|
|
|
|
+
|
|
|
|
+ this.$api.examination_get_detail({
|
|
|
|
+ staff_num:this.staff_num,
|
|
|
|
+ type: index+1
|
|
|
|
+ }).then((res)=>{
|
|
|
|
+ console.log(res.data.content.data)
|
|
|
|
+
|
|
|
|
+ this.list = res.data.content.data.list
|
|
})
|
|
})
|
|
},
|
|
},
|
|
-
|
|
|
|
-
|
|
|
|
- click_image(index, path) {
|
|
|
|
- console.log(index, path)
|
|
|
|
- uni.showActionSheet({
|
|
|
|
- itemList: ['查看'],
|
|
|
|
- success: (res) => {
|
|
|
|
-
|
|
|
|
- if (res.tapIndex == 0) {
|
|
|
|
- console.log('选中了第' + (res.tapIndex + 1) + '个按钮');
|
|
|
|
-
|
|
|
|
- uni.previewImage({
|
|
|
|
- urls: path.split(','),
|
|
|
|
- });
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- fail: (res) => {
|
|
|
|
- console.log(res.errMsg);
|
|
|
|
- }
|
|
|
|
|
|
+ get_examination_get_detail(){
|
|
|
|
+ this.$api.examination_get_detail({
|
|
|
|
+ staff_num:this.staff_num,
|
|
|
|
+ type:1
|
|
|
|
+ }).then((res)=>{
|
|
|
|
+ console.log(res.data.content.data)
|
|
|
|
+
|
|
|
|
+ this.user_info = res.data.content.data.user_info
|
|
|
|
+ this.list = res.data.content.data.list
|
|
})
|
|
})
|
|
- },
|
|
|
|
-
|
|
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
- page {
|
|
|
|
- background-color: #F5F8F8;
|
|
|
|
- }
|
|
|
|
|
|
+ .content {
|
|
|
|
+ background-color: #009fe8;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 25rpx;
|
|
|
|
+ .line {
|
|
|
|
+ color: #FFFFFF;
|
|
|
|
|
|
- .top {
|
|
|
|
- position: relative;
|
|
|
|
- background-color: #FFFFFF;
|
|
|
|
- width: 750rpx;
|
|
|
|
- min-height: 490rpx;
|
|
|
|
|
|
+ border-bottom: 2rpx dashed #C4EDFF;
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
|
- background-image: url(./icon/top.png);
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
- background-position: 0 -110rpx;
|
|
|
|
- background-repeat: no-repeat;
|
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
|
|
- .avatar {
|
|
|
|
- padding-top: 70rpx;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ .item {
|
|
|
|
+ float: left;
|
|
|
|
+ margin-right: 5rpx;
|
|
|
|
|
|
- image {
|
|
|
|
- width: 200rpx;
|
|
|
|
- height: 200rpx;
|
|
|
|
|
|
+ width: 230rpx;
|
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .label {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ opacity: 0.9;
|
|
|
|
+ margin-bottom: 8rpx;
|
|
|
|
+ }
|
|
|
|
|
|
- .info {
|
|
|
|
- margin-top: 20rpx;
|
|
|
|
|
|
+ .box {
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
|
- .name {
|
|
|
|
- text-align: center;
|
|
|
|
- font-size: 40rpx;
|
|
|
|
- font-weight: 700;
|
|
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ // overflow: hidden;
|
|
|
|
+ // text-overflow: ellipsis;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
- .box {
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-around;
|
|
|
|
|
|
+ .item:last-child {
|
|
|
|
+ margin-right: 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .item {
|
|
|
|
- width: 250rpx;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ .user {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
|
- .label {
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- color: #009FE8;
|
|
|
|
- margin-bottom: 10rpx;
|
|
|
|
- }
|
|
|
|
|
|
+ .left {
|
|
|
|
+ width: 470rpx;
|
|
|
|
|
|
- .text {
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- }
|
|
|
|
|
|
+ .name {
|
|
|
|
+ font-size: 60rpx;
|
|
|
|
+ font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
-
|
|
|
|
- .redo {
|
|
|
|
- width: 100rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
-
|
|
|
|
- line-height: 100rpx;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
|
|
|
|
+ .right {
|
|
|
|
+ width: 200rpx;
|
|
|
|
|
|
- position: absolute;
|
|
|
|
- top: 0;
|
|
|
|
- right: 0;
|
|
|
|
|
|
+ .img {
|
|
|
|
+ image {
|
|
|
|
+ width: 200rpx;
|
|
|
|
+ height: 250rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
- margin-bottom: 20rpx;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
-
|
|
|
|
- .content {
|
|
|
|
- background-color: #FFFFFF;
|
|
|
|
-
|
|
|
|
- .box {
|
|
|
|
|
|
+ .tab_content {
|
|
|
|
+ padding-top: 20rpx;
|
|
|
|
+ background-color: #009fe8;
|
|
|
|
+ .tab {
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ width: 590rpx;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
- align-items: center;
|
|
|
|
-
|
|
|
|
- border-bottom: 2rpx solid #F5F8F8;
|
|
|
|
-
|
|
|
|
|
|
+ // .item{
|
|
|
|
+ // width: 90rpx;
|
|
|
|
+ // height: 82rpx;
|
|
|
|
+ // background-color: #FFFFFF;
|
|
|
|
+
|
|
|
|
+ // text-align: center;
|
|
|
|
+ // border-radius: 0 20rpx 0 0;
|
|
|
|
+ // image{
|
|
|
|
+ // margin-top: 20rpx;
|
|
|
|
+ // width: 44rpx;
|
|
|
|
+ // height: 44rpx;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
.item {
|
|
.item {
|
|
- height: 95rpx;
|
|
|
|
- width: 230rpx;
|
|
|
|
|
|
+ width: 116rpx;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
+ border-radius: 0 20rpx 0 0;
|
|
|
|
|
|
- position: relative;
|
|
|
|
|
|
+ .img {
|
|
|
|
+ -webkit-filter: grayscale(100%);
|
|
|
|
+ /* Chrome, Safari, Opera */
|
|
|
|
+ filter: grayscale(100%);
|
|
|
|
|
|
- .text {
|
|
|
|
- font-size: 34rpx;
|
|
|
|
- line-height: 95rpx;
|
|
|
|
|
|
+ image {
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ width: 44rpx;
|
|
|
|
+ height: 44rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
- .line {
|
|
|
|
- margin: -6rpx auto 0;
|
|
|
|
- width: 80rpx;
|
|
|
|
- height: 6rpx;
|
|
|
|
- background-color: #009FE8;
|
|
|
|
|
|
+ .text {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ color: #848484;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- }
|
|
|
|
-
|
|
|
|
- .list_1 {
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 0 50rpx;
|
|
|
|
-
|
|
|
|
- .item {
|
|
|
|
- border-bottom: 2rpx solid #F5F8F8;
|
|
|
|
- // height: 95rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 30rpx 0;
|
|
|
|
- display: flex;
|
|
|
|
- // justify-content: space-between;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- font-size: 32rpx;
|
|
|
|
|
|
|
|
- .label {
|
|
|
|
- width: 300rpx;
|
|
|
|
- text-align: left;
|
|
|
|
|
|
+ .active {
|
|
|
|
+ .img {
|
|
|
|
+ -webkit-filter: none;
|
|
|
|
+ /* Chrome, Safari, Opera */
|
|
|
|
+ filter: none;
|
|
|
|
+ image {
|
|
|
|
+ margin-top: 10rpx;
|
|
|
|
+ width: 54rpx;
|
|
|
|
+ height: 54rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.text {
|
|
.text {
|
|
- width: 300rpx;
|
|
|
|
- text-align: left;
|
|
|
|
- color: #8e8e8e;
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .right {
|
|
|
|
- // width: 100rpx;
|
|
|
|
- text-align: right;
|
|
|
|
|
|
+ color: #009fe8;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
}
|
|
}
|
|
|
|
|
|
- .list_2 {
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 0 50rpx;
|
|
|
|
-
|
|
|
|
- .item {
|
|
|
|
- border-bottom: 2rpx solid #F5F8F8;
|
|
|
|
- // height: 95rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 20rpx 0;
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- align-items: center;
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- text-align: center;
|
|
|
|
- color: #8e8e8e;
|
|
|
|
-
|
|
|
|
- .text_1 {
|
|
|
|
- width: 190rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .text_2 {
|
|
|
|
- width: 240rpx;
|
|
|
|
|
|
+ .content {
|
|
|
|
+ padding: 0;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ border-radius: 16rpx 16rpx 0 0;
|
|
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .text_3 {
|
|
|
|
- width: 160rpx;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .item:first-child {
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- color: #333;
|
|
|
|
- }
|
|
|
|
|
|
+ padding-top: 20rpx;
|
|
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .list_3 {
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 50rpx;
|
|
|
|
|
|
+ .list{
|
|
|
|
+ .item {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-around;
|
|
|
|
+ align-items: center;
|
|
|
|
+ text-align: center;
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
+ line-height: 36rpx;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
|
+ border-bottom: 2rpx dashed #DCDCDC;
|
|
|
|
|
|
- .item {
|
|
|
|
- float: left;
|
|
|
|
- margin-right: 50rpx;
|
|
|
|
- margin-bottom: 30rpx;
|
|
|
|
|
|
+ .text_1 {
|
|
|
|
+ width: 130rpx;
|
|
|
|
+ }
|
|
|
|
|
|
- width: 300rpx;
|
|
|
|
- text-align: center;
|
|
|
|
|
|
+ .text_2 {
|
|
|
|
+ width: 190rpx;
|
|
|
|
+ }
|
|
|
|
|
|
- .img {
|
|
|
|
- image {
|
|
|
|
- width: 300rpx;
|
|
|
|
- height: 180rpx;
|
|
|
|
|
|
+ .text_3 {
|
|
|
|
+ width: 130rpx;
|
|
}
|
|
}
|
|
|
|
|
|
- .add {
|
|
|
|
- font-size: 140rpx;
|
|
|
|
- color: #DCDCDC;
|
|
|
|
- text-align: center;
|
|
|
|
- height: 180rpx;
|
|
|
|
- line-height: 160rpx;
|
|
|
|
- background-color: #EEEEEE;
|
|
|
|
|
|
+ .text_4 {
|
|
|
|
+ width: 130rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
- .text {
|
|
|
|
- width: 260rpx;
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- color: #8e8e8e;
|
|
|
|
-
|
|
|
|
- overflow: hidden;
|
|
|
|
- white-space: nowrap;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
|
+ .label_box {
|
|
|
|
+ background-color: #DCDCDC;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-around;
|
|
|
|
+ align-items: center;
|
|
|
|
+ height: 60rpx;
|
|
|
|
|
|
|
|
+ .label {
|
|
|
|
+ color: #999999;
|
|
|
|
+ font-size: 26rpx;
|
|
|
|
+ font-weight: 700;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .item:nth-child(2n) {
|
|
|
|
- margin-right: 0;
|
|
|
|
|
|
+
|
|
|
|
+ .list_2 {
|
|
|
|
+ .item {
|
|
|
|
+ .text_1 {
|
|
|
|
+ width: 130rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_2 {
|
|
|
|
+ width: 180rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_3 {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_4 {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_5 {
|
|
|
|
+ width: 140rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .label_box {
|
|
|
|
+ .label {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .list_3 {
|
|
|
|
+ .item {
|
|
|
|
+ .text_1 {
|
|
|
|
+ width: 160rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_2 {
|
|
|
|
+ width: 180rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_3 {
|
|
|
|
+ width: 130rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_4 {
|
|
|
|
+ width: 130rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .list_4 {
|
|
|
|
+ .item {
|
|
|
|
+ .text_1 {
|
|
|
|
+ width: 180rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_2 {
|
|
|
|
+ width: 130rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_3 {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_4 {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .text_5 {
|
|
|
|
+ width: 100rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .label_box {
|
|
|
|
+ .label {
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .list_5 {
|
|
|
|
+ .item {
|
|
|
|
+ .text_1 {
|
|
|
|
+ width: 700rpx;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|