|
@@ -2,158 +2,129 @@
|
|
|
<view>
|
|
|
<!-- 第一种样式 人员管理-->
|
|
|
<block v-if="datainfo.length>0">
|
|
|
- <block v-if="type=='mycar'">
|
|
|
- <view class="carlist pr" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite.carId)"
|
|
|
- :data-idx="idx"
|
|
|
- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"
|
|
|
- >
|
|
|
- <view class="delleft" style="padding: 0 24rpx;">
|
|
|
- <view class="carltop flexc">
|
|
|
- <view class="flex1">
|
|
|
- <view class="tit mb6 flexc" :class="ite.vehicleEnergy=='新能源'?'co16':'co01'">{{ite.plateNumber}}
|
|
|
- <text class="cir"></text>
|
|
|
- <text v-if="ite.vehicleColour">{{ite.vehicleColour}}</text>
|
|
|
- </view>
|
|
|
- <view class="txt flexc">
|
|
|
- {{ite.vehicleBrand}}
|
|
|
- <view class="txtbtn flexcc" v-if="ite.vehicleEnergy=='新能源'">{{ite.vehicleEnergy}}</view>
|
|
|
- <!-- <view class="txtbtn flexcc" v-if="ite.vehicleType==2">新能源</view> -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <image :src="carb" class="carb" v-if="ite.vehicleEnergy=='新能源'"></image>
|
|
|
- <image :src="cara" class="cara" v-else></image>
|
|
|
- </view>
|
|
|
- <view class="carlf">
|
|
|
- <view class="clflist">发动机号码 :{{ite.engineNumber}}</view>
|
|
|
- <view class="clflist">车辆识别代号:{{ite.identificationNumber}}</view>
|
|
|
- <view class="flexc">
|
|
|
- <view class="clflist w50">注册日期:{{ite.registrationDate}}</view>
|
|
|
- <view class="clflist w50">发证日期:{{ite.issueDate}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <!-- 快递 -->
|
|
|
+ <block v-if="type=='delivery'">
|
|
|
+ <view class="kdlists flex" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail">
|
|
|
+ <image :src="noiconpimg" class="kdll"></image>
|
|
|
+ <view class="kdlr over flex1">
|
|
|
+ <view class="over tit">已发货</view>
|
|
|
+ <view class="over tits">包裹正在等待揽收</view>
|
|
|
+ <view class="over txt">淘宝 | 白色晚礼服平时可穿毕业洋装小白裙…</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:car:remove'])" @click.stop="getDelFn(ite.carId)">删除</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <!-- 地址 -->
|
|
|
- <block v-if="type=='address'">
|
|
|
- <view class="adrlist flexc" :class="ite.isdefault?'act':''" v-for="(ite,idx) in datainfo" :key="idx">
|
|
|
- <view class="adrl flex1">
|
|
|
- <view class="tit mb5">安徽省 合肥市 蜀山区 高新技术产业开发区</view>
|
|
|
- <view class="txt mb5">幸福大街88号幸福小区12#1304</view>
|
|
|
- <view class="txts flexc">袁玥 <text class="ml8">18305687768</text>
|
|
|
- <text class="ml8 btns" v-if="ite.isdefault">默认</text>
|
|
|
- <text class="ml8 btns" v-if="ite.isuser">最近使用</text>
|
|
|
+ <!-- 步骤条 -->
|
|
|
+ <block v-if="type=='kdstep'">
|
|
|
+ <view class="hfstep">
|
|
|
+ <view class="hfslist flex">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit co01">运输中 11-25 12:24</view>
|
|
|
+ <view class="hfstxt co27">【合肥市】快件已到达 合肥蜀山新产业园</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="adrr flexcc">
|
|
|
- <image :src="edit"></image>
|
|
|
+ <view class="hfslist flex">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cirb" class="imgb"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">11-25 07:23</view>
|
|
|
+ <view class="hfstxt">【合肥市】快件已发往 合肥蜀山新产业园</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="hfslist flex">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cirb" class="imgb"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">11-25 07:20</view>
|
|
|
+ <view class="hfstxt">【合肥市】快件已到达 合肥转运中心</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <!-- 人员管理 -->
|
|
|
- <block v-if="type=='people'">
|
|
|
- <view class="carlist peolist" v-for="(ite,idx) in datainfo" :key="idx">
|
|
|
- <view class="ctop flexc">
|
|
|
- <image :src="house" class="imgs" v-if="ite.houseStatus==1"></image>
|
|
|
- <image :src="housea" class="imgs" v-if="ite.houseStatus==4"></image>
|
|
|
- <image :src="houseb" class="imgs" v-if="ite.houseStatus==2"></image>
|
|
|
- <image :src="housec" class="imgs" v-if="ite.houseStatus==3"></image>
|
|
|
- <view class="tit">{{ite.detailedAddress}}</view>
|
|
|
- <view class="flex1"></view>
|
|
|
- <view class="txt ca" v-if="ite.houseStatus==1">自住</view>
|
|
|
- <view class="txt cb" v-if="ite.houseStatus==4">出租</view>
|
|
|
- <view class="txt cc" v-if="ite.houseStatus==2">空闲</view>
|
|
|
- <view class="txt co6" v-if="ite.houseStatus==3">代售</view>
|
|
|
- </view>
|
|
|
- <view class="plists">
|
|
|
- <block v-for="(aite,aidx) in ite.residentInfoList">
|
|
|
- <view class="flexc pr mb12" :key="`peo${aidx}`" v-if="aidx==0" @click="getDetail(aite.residentId)"
|
|
|
- :data-idx="idx" :data-aidx="aidx" data-type="peo"
|
|
|
- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+aite.right+'px'"
|
|
|
- >
|
|
|
- <view class="plist flexc">
|
|
|
- <image :src="man" class="head" v-if="aite.residentGender==1"></image>
|
|
|
- <image :src="woman" class="head" v-else></image>
|
|
|
- <view class="flex1">
|
|
|
- <view class="ptit">{{aite.residentName}}
|
|
|
- <view class="btn btnc ml10" v-if="aite.isHouseholder=='Y'">户主</view>
|
|
|
- </view>
|
|
|
- <view class="ptxt">身份证号 | {{aite.residentIdCard}}</view>
|
|
|
- <view class="flexc">
|
|
|
- <view class="ptxt">性别 | {{aite.residentGender==1?'男':'女'}}</view>
|
|
|
- <view class="ptxt">年龄 | {{getAgeFromID(aite.residentIdCard)}}岁</view>
|
|
|
- </view>
|
|
|
- <view class="flexc" v-if="aite.residentAppearance">
|
|
|
- <view class="ptxt">人员面貌 | {{kaType(aite.residentAppearance,rymmList)}}</view>
|
|
|
- </view>
|
|
|
+ <!-- 我的互动 -->
|
|
|
+ <block v-if="type=='myhd'">
|
|
|
+ <view class="mb12 pr" v-for="(ite,idx) in datainfo" :key="idx">
|
|
|
+ <view class="hdlist pd12 flex">
|
|
|
+ <image :src="man" class="mhead flex0"></image>
|
|
|
+ <view class="flex1 overh">
|
|
|
+ <view class="flexc mb6">
|
|
|
+ <view class="name flex1 over">{{ite.nickName}}</view>
|
|
|
+ <view class="tit flex0 ml10">
|
|
|
+ <block v-if="ite.targetType==1">评论了你的文章</block>
|
|
|
+ <block v-if="ite.targetType==2">点赞了你的文章</block>
|
|
|
+ <block v-if="ite.targetType==3">收藏了你的文章</block>
|
|
|
+ <block v-if="ite.targetType==4">回复了你的评论</block>
|
|
|
+ <block v-if="ite.targetType==5">点赞了你的评论</block>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="spdel" v-if="aite.right>0&&checkPermi(['wuYe:residentInfo:remove'])" @click.stop="getDelFn(aite.residentId)">删除</view>
|
|
|
+ <view class="time flex0 ml10">{{ite.createTime}}</view>
|
|
|
</view>
|
|
|
- <view class="flexc pr mb12" :key="`peo${aidx}`" v-if="aidx>0&&ite.zhanflag" @click="getDetail(aite.residentId)"
|
|
|
- :data-idx="idx"
|
|
|
- :data-aidx="aidx" data-type="peo"
|
|
|
- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+aite.right+'px'"
|
|
|
- >
|
|
|
- <view class="plist flexc">
|
|
|
- <image :src="man" class="head" v-if="aite.residentGender==1"></image>
|
|
|
- <image :src="woman" class="head" v-else></image>
|
|
|
- <view class="flex1">
|
|
|
- <view class="ptit">{{aite.residentName}}
|
|
|
- <view class="btn btnc ml10" v-if="aite.isHouseholder=='Y'">户主</view>
|
|
|
- </view>
|
|
|
- <view class="ptxt">身份证号 | {{aite.residentIdCard}}</view>
|
|
|
- <view class="flexc">
|
|
|
- <view class="ptxt">性别 | {{aite.residentGender==1?'男':'女'}}</view>
|
|
|
- <view class="ptxt">年龄 | {{getAgeFromID(aite.residentIdCard)}}岁</view>
|
|
|
- </view>
|
|
|
- <view class="flexc" v-if="aite.residentAppearance">
|
|
|
- <view class="ptxt">人员面貌 | {{kaType(aite.residentAppearance,rymmList)}}</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="spdel" v-if="aite.right>0&&checkPermi(['wuYe:residentInfo:remove'])" @click.stop="getDelFn(aite.residentId)">删除</view>
|
|
|
+ <view class="flexc overh mb4">
|
|
|
+ <view class="line bga"></view>
|
|
|
+ <view class="txt over flex1">{{ite.targetTitle}}</view>
|
|
|
+ <image :src="rimg" class="rimg ml10"></image>
|
|
|
</view>
|
|
|
- </block>
|
|
|
- <image :src="upimg" v-if="ite.residentInfoList.length>1" :class="ite.zhanflag?'act':''" class="upimg" @click="getZhan(idx)"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</block>
|
|
|
- <!-- 车辆违规 -->
|
|
|
- <block v-if="type=='carpark'">
|
|
|
- <view class="carlist pr" v-for="(ite,idx) in datainfo" :key="ite.illegalParkingId" @click="getDetail(ite.illegalParkingId)"
|
|
|
- :data-idx="idx"
|
|
|
- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="checkPermi(['wuYe:illegalParking:remove'])?'right:'+ite.right+'px':''"
|
|
|
- >
|
|
|
- <view class="delleft">
|
|
|
- <view class="ctop flexc">
|
|
|
- <image :src="caraa" class="imgs" v-if="ite.carType==1"></image>
|
|
|
- <image :src="carbb" class="imgs" v-if="ite.carType==2"></image>
|
|
|
- <view class="tit">{{ite.plateNumber}}</view>
|
|
|
- <view class="num coff" v-if="ite.isBlack=='Y'">(已登黑名单)</view>
|
|
|
- <view class="flex1"></view>
|
|
|
- <block v-if="ite.carType">
|
|
|
- <view class="txt " :class="ite.carType==1?'ca':'cb'">{{kaType(ite.carType,carType)}}</view>
|
|
|
- </block>
|
|
|
-
|
|
|
- <!-- <view class="txt cb" v-if="ite.type==2">外来车辆</view> -->
|
|
|
+ <block v-if="type=='plsh'">
|
|
|
+ <view class="mb12 pr" v-for="(ite,idx) in datainfo" :key="idx"
|
|
|
+ :data-idx="idx"
|
|
|
+ @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"
|
|
|
+ >
|
|
|
+ <view class="hdlist ">
|
|
|
+ <view class="pd12 flex">
|
|
|
+ <image :src="ite.avatar?baseUrl+ite.avatar:man" class="mhead flex0"></image>
|
|
|
+ <view class="flex1 overh">
|
|
|
+ <view class="flexc mb6">
|
|
|
+ <view class="name flex1 over">{{ite.nickName}}</view>
|
|
|
+ <view class="time flex0 ml10">02-26</view>
|
|
|
+ </view>
|
|
|
+ <view class="txt mb8">{{ite.commentContent}}</view>
|
|
|
+ <view class="flexc overh mb2">
|
|
|
+ <view class="line bgd"></view>
|
|
|
+ <view class="txta over flex1">{{ite.communityTitle}}</view>
|
|
|
+ <image :src="rimg" class="rimg ml10"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="shbtns flexc pd12" >
|
|
|
+ <view class="btn bga" @click="getSh('4',ite)">不予展示</view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <view class="btn bgb" @click="getSh('3',ite)">不通过</view>
|
|
|
+ <view class="btn bgc" @click="getSh('2',ite)">通过</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="clists">
|
|
|
- <block v-if="ite.carType==1">
|
|
|
- <view class="clist"><view class="tit">关联房号</view>{{ite.visitPortal}}</view>
|
|
|
- <view class="clist"><view class="tit">手机号码</view>{{ite.mobileNumber}}</view>
|
|
|
- </block>
|
|
|
- <view class="clist"><view class="tit">登记时间</view>{{ite.createTime}}</view>
|
|
|
- <view class="clist"><view class="tit">违停拍照</view>
|
|
|
- <view class="imgas" v-if="ite.illegalPhoto">
|
|
|
- <image :src="baseUrl+aite" v-for="(aite,aidx) in kaPhoto(ite.illegalPhoto)" :key="aidx" @click.stop="getPreview(aidx,ite.illegalPhoto)"></image>
|
|
|
+ <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:residentInfo:remove'])" @click.stop="getDelFn(ite.residentId)">删除</view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <!-- 我的点赞,收藏,评论 :data-idx="idx"
|
|
|
+ @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"-->
|
|
|
+ <block v-if="type=='wdhd'">
|
|
|
+ <view class="mb12 pr" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite)">
|
|
|
+ <view class="hdlist ">
|
|
|
+ <view class="pd12 flex">
|
|
|
+ <image :src="ite.avatar?baseUrl+ite.avatar:man" class="mhead flex0"></image>
|
|
|
+ <view class="flex1 overh">
|
|
|
+ <view class="flexc mb6">
|
|
|
+ <view class="name flex1 over">{{ite.nickName}}</view>
|
|
|
+ <view class="time flex0 ml10">{{ite.createTime}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="txt mb8">{{ite.commentContent}}</view>
|
|
|
+ <view class="flexc overh mb2">
|
|
|
+ <view class="line bgd"></view>
|
|
|
+ <view class="txta over flex1" v-if="tabval=='mypl'">{{ite.communityTitle}}</view>
|
|
|
+ <view class="txta over flex1" v-else>{{ite.targetTitle}}</view>
|
|
|
+ <image :src="rimg" class="rimg ml10"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:illegalParking:remove'])" @click.stop="getDelFn(ite.illegalParkingId)">删除</view>
|
|
|
+ <!-- <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:residentInfo:remove'])" @click.stop="getDelFn(ite.residentId)">删除</view> -->
|
|
|
</view>
|
|
|
</block>
|
|
|
<view class="shax" v-if="wtdt">{{wtdt}}</view>
|
|
@@ -192,24 +163,6 @@
|
|
|
return 0
|
|
|
}
|
|
|
},
|
|
|
- clcxList:{
|
|
|
- type: Array,
|
|
|
- default () {
|
|
|
- return []
|
|
|
- }
|
|
|
- },
|
|
|
- rymmList:{
|
|
|
- type: Array,
|
|
|
- default () {
|
|
|
- return []
|
|
|
- }
|
|
|
- },
|
|
|
- carType:{
|
|
|
- type: Array,
|
|
|
- default () {
|
|
|
- return []
|
|
|
- }
|
|
|
- },
|
|
|
tabval:{
|
|
|
type:String,
|
|
|
default () {
|
|
@@ -219,19 +172,10 @@
|
|
|
},
|
|
|
data(){
|
|
|
return{
|
|
|
- house:require("@/health/static/house.png"),
|
|
|
- housea:require("@/health/static/housea.png"),
|
|
|
- houseb:require("@/health/static/houseb.png"),
|
|
|
- housec:require("@/health/static/housec.png"),
|
|
|
noiconpimg:require("@/static/images/nodata.png"),
|
|
|
- upimg:require("@/mine/static/house/up.png"),
|
|
|
- cara:require("@/mine/static/house/cara.png"),
|
|
|
- carb:require("@/mine/static/house/carb.png"),
|
|
|
- caraa:require("@/mine/static/house/caraa.png"),
|
|
|
- carbb:require("@/mine/static/house/carbb.png"),
|
|
|
- edit:require("@/mine/static/edit.png"),
|
|
|
- cira:require('@/news/static/complaint/cira.png'),
|
|
|
- cirb:require('@/news/static/complaint/cirb.png'),
|
|
|
+ upimg:require("@/my/static/house/up.png"),
|
|
|
+ cara:require("@/my/static/house/cara.png"),
|
|
|
+
|
|
|
man:require("@/health/static/man.png"),
|
|
|
woman:require("@/health/static/woman.png"),
|
|
|
rimg:require("@/static/images/rimga.png"),
|
|
@@ -244,12 +188,6 @@
|
|
|
},
|
|
|
methods:{
|
|
|
checkPermi, checkRole,
|
|
|
- kaType(data, list) {
|
|
|
- return selectDictValue(list, data);
|
|
|
- },
|
|
|
- kaPhoto(data){
|
|
|
- return data.split(',');
|
|
|
- },
|
|
|
getDetail(e){
|
|
|
this.$emit('getDetail',e)
|
|
|
},
|
|
@@ -296,12 +234,6 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- getZhan(idx){
|
|
|
- // var obj=JSON.parse(JSON.stringify(this.datainfo))[idx]
|
|
|
- // obj.zhanflag=!obj.zhanflag;
|
|
|
- // this.datainfo.splice(idx,1,obj);
|
|
|
- this.datainfo[idx].zhanflag=!this.datainfo[idx].zhanflag
|
|
|
- },
|
|
|
getDelFn(id){
|
|
|
var that=this;
|
|
|
uni.showModal({
|
|
@@ -317,40 +249,6 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- getAgeFromID(idNumber) {
|
|
|
- if(idNumber){
|
|
|
- const birthDateStr = idNumber.substring(6, 14);
|
|
|
- const birthYear = parseInt(birthDateStr.substring(0, 4));
|
|
|
- const birthMonth = parseInt(birthDateStr.substring(4, 6));
|
|
|
- const birthDay = parseInt(birthDateStr.substring(6, 8));
|
|
|
-
|
|
|
- const today = new Date();
|
|
|
- const currentYear = today.getFullYear();
|
|
|
- const currentMonth = today.getMonth() + 1;
|
|
|
- const currentDay = today.getDate();
|
|
|
-
|
|
|
- let age = currentYear - birthYear;
|
|
|
- if (currentMonth < birthMonth || (currentMonth === birthMonth && currentDay < birthDay)) {
|
|
|
- age--;
|
|
|
- }
|
|
|
-
|
|
|
- return age;
|
|
|
- }
|
|
|
- },
|
|
|
- getPreview(idx,arr) {
|
|
|
- var newArr=[];
|
|
|
- var list=arr.split(',')
|
|
|
- list.forEach(ite=>{
|
|
|
- var ds=this.baseUrl+ite
|
|
|
- newArr.push(ds)
|
|
|
- })
|
|
|
- uni.previewImage({
|
|
|
- urls: newArr,
|
|
|
- current:idx,
|
|
|
- success: function(data) {},
|
|
|
- fail: function(err) {}
|
|
|
- });
|
|
|
- },
|
|
|
//开始触摸滑动
|
|
|
drawStart(e) {
|
|
|
// console.log("开始触发");
|
|
@@ -412,25 +310,25 @@
|
|
|
.flex{display: flex;}
|
|
|
.flexc{display: flex;align-items: center;}
|
|
|
.mb10{margin-bottom: 20rpx;}
|
|
|
-.carlist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;
|
|
|
- .carltop{min-height: 154rpx;border-bottom: 2rpx solid #E5E5E5;
|
|
|
- .cir{width: 8rpx;height: 8rpx;border-radius: 50%;margin: 0 8rpx;display: inline-block;}
|
|
|
- .co16{
|
|
|
- .cir{background: #16BE7F;}
|
|
|
- }
|
|
|
- .co01{
|
|
|
- .cir{background: #0156FE;}
|
|
|
- }
|
|
|
- .tit{font-weight: bold;font-size: 32rpx;}
|
|
|
- .txt{font-weight: 500;font-size: 26rpx;color: #272727;}
|
|
|
- .txtbtn{min-width: 82rpx;
|
|
|
-height: 32rpx;font-weight: 500;font-size: 20rpx;color: #45CB99;
|
|
|
-border-radius: 16rpx;border: 1px solid #45CB99;margin-left: 12rpx;}
|
|
|
- .cara{flex: 0 0 auto;width: 232rpx;height: 74rpx;margin-right: 40rpx;}
|
|
|
- .carb{flex: 0 0 auto;width: 278rpx;height: 130rpx;}
|
|
|
+// 快递
|
|
|
+.kdlists{padding: 24rpx 26rpx;background-color: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;
|
|
|
+ .kdll{width: 140rpx;height: 140rpx;border-radius: 10rpx;margin-right: 32rpx;flex: 0 0 auto;}
|
|
|
+ .kdlr{
|
|
|
+ .tit{font-size: 30rpx;color: #272727;font-weight: bold;margin-bottom: 18rpx;margin-top: 4rpx;}
|
|
|
+ .tits{font-size: 24rpx;color: #272727;font-weight: 500;margin-bottom: 14rpx;}
|
|
|
+ .txt{font-weight: 500;font-size: 24rpx;color: #AAAAAA;}
|
|
|
}
|
|
|
- .carlf{padding:26rpx 0 10rpx;
|
|
|
- .clflist{font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 16rpx;}
|
|
|
+}
|
|
|
+// 快递步骤条
|
|
|
+.hfstep{padding: 0 32rpx 44rpx 32rpx;
|
|
|
+ .hfslist{padding-bottom: 44rpx;position: relative;
|
|
|
+ &::before{content: '';position: absolute;left: 14rpx;top:14rpx;height: 100%;width: 2rpx;background: #E6E6E6;}
|
|
|
+ .limg{width: 30rpx;height: 30rpx;margin-right: 22rpx;flex: 0 0 auto;margin-top:3rpx;
|
|
|
+ .imga{width: 30rpx;height: 30rpx;}
|
|
|
+ .imgb{width: 18rpx;height: 18rpx;}
|
|
|
+ }
|
|
|
+ .hfstit{font-weight: bold;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 24rpx;}
|
|
|
+ .hfstxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;padding-left: 8rpx;}
|
|
|
}
|
|
|
}
|
|
|
.carlist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;
|
|
@@ -453,55 +351,32 @@ border-radius: 16rpx;border: 1px solid #45CB99;margin-left: 12rpx;}
|
|
|
&.btnbgb{border: 1px solid #C1C1C1;color: #666666;background: #F1F1F1;height: 36rpx;}
|
|
|
&.btnbgc{border: 1px solid #FE5A0E;color:#FE5A0E;background:#FFEEE6;height: 36rpx;}
|
|
|
}
|
|
|
- .clists{padding: 24rpx 24rpx 8rpx;
|
|
|
- .clist{font-weight: 500;margin-bottom: 16rpx;
|
|
|
-font-size: 26rpx;color: #272727;display: flex;line-height: 34rpx;
|
|
|
- .tit{font-size: 26rpx;color: #AAAAAA;flex: 0 0 auto;margin-right: 16rpx;min-width: 108rpx;text-align-last: justify;}
|
|
|
- .imgas{display: flex;align-items: center;flex-wrap: wrap;
|
|
|
- image{width: 142rpx;height: 142rpx;margin-right: 30rpx;margin-top: 8rpx;}
|
|
|
- }
|
|
|
- }
|
|
|
- .w50{
|
|
|
- .clist{width: 50%;}
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
-// 收货地址
|
|
|
-.adrlist{border-bottom: 2rpx solid #E5E5E5;padding: 34rpx 0 34rpx 8rpx;
|
|
|
+// 互动
|
|
|
+.pd12{padding: 24rpx;}
|
|
|
+.hdlist{background: #FFFFFF;border-radius: 20rpx;position: relative;z-index: 1;
|
|
|
+ .mhead{width: 56rpx;height: 56rpx;margin-right: 20rpx;border-radius: 50%}
|
|
|
+ .name{font-size: 28rpx;font-weight: bold;color: #272727;height: 56rpx;line-height: 56rpx;}
|
|
|
.tit{font-weight: 500;font-size: 22rpx;color: #666666;}
|
|
|
- .txt{font-size: 28rpx;color: #272727;font-weight: bold;}
|
|
|
- .txts{font-weight: 500;font-size: 26rpx;color: #272727;}
|
|
|
- .btns{font-weight: 500;font-size: 22rpx;color: #0256FD;padding: 2rpx 14rpx;display:inline-block;background: #C9DBFF;
|
|
|
-border-radius: 10rpx;}
|
|
|
- .adrr{width: 40rpx;height: 40rpx;flex: 0 0 auto;margin-left: 12rpx;
|
|
|
- image{width: 22rpx;height: 22rpx;}
|
|
|
- }
|
|
|
- &.act{
|
|
|
- .tit{color: #0256FD;}
|
|
|
- .txt{color: #0256FD;}
|
|
|
- .txts{color: #0256FD;}
|
|
|
+ .time{font-weight: 500;font-size: 22rpx;color: #666666;}
|
|
|
+ .line{width: 6rpx;height: 28rpx;border-radius: 4rpx;margin-right: 12rpx;
|
|
|
+ &.bga{background: #FACA7D;}
|
|
|
+ &.bgb{background: #86AFFF;}
|
|
|
+ &.bgc{background: #93E9C2;}
|
|
|
+ &.bgd{background: #DADADA;}
|
|
|
}
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-// 人员
|
|
|
-.peolist{
|
|
|
- .ctop{padding: 24rpx 24rpx 22rpx;}
|
|
|
- .imgs{margin-right: 16rpx !important;}
|
|
|
- .tit{font-size: 28rpx !important;}
|
|
|
- .plists{padding: 30rpx 24rpx 6rpx;
|
|
|
- .plist{background: linear-gradient(-90deg, #F2F5FF 0%, #FBFDFF 100%);border-radius: 20rpx;border: 2rpx solid #E6E6E6;padding: 18rpx 26rpx 4rpx;width: 100%;z-index: 1;
|
|
|
- .head{width: 96rpx;height: 98rpx;margin-right: 32rpx;flex: 0 0 auto;}
|
|
|
- .ptit{font-weight: bold;font-size: 30rpx;color: #272727;display: flex;align-items: center;margin-bottom: 14rpx;}
|
|
|
- .ptxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 14rpx;min-width: 176rpx;}
|
|
|
+ .txt{font-weight: 500;font-size: 26rpx;color: #272727;line-height: 36rpx;}
|
|
|
+ .txta{font-weight: 500;font-size: 26rpx;color: #666666;}
|
|
|
+ .rimg{width: 12rpx;height: 22rpx;}
|
|
|
+ .shbtns{border-top: 2rpx solid #DADADA;
|
|
|
+ .btn{border-radius: 20rpx;min-width: 110rpx;box-sizing: border-box;padding: 0 16rpx;
|
|
|
+height: 52rpx;display: flex;align-items: center;justify-content: center;flex:0 0 auto;margin-left: 20rpx;
|
|
|
+ &.bga{border: 2rpx solid #06C770;background: #DAEFE6;color: #06C770;margin-left: 0;}
|
|
|
+ &.bgb{border: 2rpx solid #FF6969;;background: #FFE7E7;color: #FF6969;}
|
|
|
+ &.bgc{background: #0256FD;color: #FFFFFF;}
|
|
|
}
|
|
|
}
|
|
|
- .upimg{width: 26rpx;height: 22rpx;display: block;transform: rotate(180deg);transition: all 0.3s;margin: 0 auto 18rpx;
|
|
|
- &.act{transform: rotate(0deg);}
|
|
|
- }
|
|
|
}
|
|
|
-// 互动
|
|
|
-.pd12{padding: 24rpx;}
|
|
|
// 无数据
|
|
|
.nodata{display: flex;flex-direction: column;align-items: center;
|
|
|
image{width: 440rpx;height: 440rpx;}
|