|
@@ -49,35 +49,165 @@
|
|
|
</block>
|
|
|
<!-- 报修管理 -->
|
|
|
<block v-if="type=='warranty'">
|
|
|
- <view class="walists" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite.repairId)"
|
|
|
- :data-idx="idx"
|
|
|
- @touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"
|
|
|
- >
|
|
|
- <view class="delleft">
|
|
|
- <view class="watop ">
|
|
|
- <view class="watit">
|
|
|
- <view class="tit">{{ite.repairTitle}}</view>
|
|
|
- <view class="txt co01":class="{'co01':ite.repairStatus=='1','coa':ite.repairStatus=='3','co28':ite.repairStatus=='3'}">{{kaType(ite.repairStatus,bxztList)}}</view>
|
|
|
- <!-- <view class="txt coa" v-if="ite.type==3">已完成</view>
|
|
|
- <view class="txt co28" v-if="ite.type==2">处理中</view> -->
|
|
|
- </view>
|
|
|
- <!-- <view class="walist"><view class="tit">小区名称</view>:{{ite.communityName}}</view> -->
|
|
|
- <view class="walist"><view class="tit">项目</view>:{{kaType(ite.maintenanceCategory,bxlbList)}}</view>
|
|
|
- <view class="walist"><view class="tit">报修门户</view>:{{ite.houseAddress}}</view>
|
|
|
+ <view class="bxlists" v-for="(ite,idx) in datainfo" :key="ite.repairId" >
|
|
|
+ <view class="bxtop">
|
|
|
+ <swiper v-if="ite.repairImages" class="swiper" circular :indicator-color="incolorh" :indicator-active-color="activecolorh" :indicator-dots="indicatorDotsh" :autoplay="autoplay">
|
|
|
+ <swiper-item v-for="(aite,aidx) in ite.repairImages" :key="aidx">
|
|
|
+ <image :src="baseUrl+aite" @click="getPreviewImage(ite.repairImages,aidx)"></image>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ <view class="toptit mb10">{{ite.repairDetails}}</view>
|
|
|
+ <view class="walist"><view class="tit">项目</view>:{{kaType(ite.maintenanceCategory,bxlbList)}}</view>
|
|
|
+ <view class="walist"><view class="tit">报修门户</view>:{{ite.houseAddress}}</view>
|
|
|
+ <view class="flexcw">
|
|
|
<view class="walist"><view class="tit">报修时间</view>:{{ite.repairTime}}</view>
|
|
|
- <view class="walist" v-if="ite.type==3"><view class="tit" >完成时间</view>:{{ite.completionTime}}</view>
|
|
|
- </view>
|
|
|
- <view class="wabtn">
|
|
|
- <view>查看详情</view>
|
|
|
- <image :src="rimg"></image>
|
|
|
+ <!-- <view class="walist" v-if="ite.type==3"><view class="tit" >完成时间</view>:{{ite.completionTime}}</view> -->
|
|
|
+ <view class="btns">
|
|
|
+ <view class="btn btna" v-if="checkPermi(['wuYe:repair:remove'])&&ite.repairStatus<2" @click.stop="getDelFn(ite.repairId)">删除</view>
|
|
|
+ <view class="btn btnb" v-if="checkPermi(['wuYe:repair:assign'])&&ite.repairStatus==1" @click.stop="getAssignFn(ite)">指派</view>
|
|
|
+ <block v-if="checkPermi(['wuYe:repair:edit'])">
|
|
|
+ <view class="btn btnc" v-if="ite.repairStatus==2" @click.stop="getCheckFn(ite)">我已上门</view>
|
|
|
+ <view class="btn btnc" v-if="ite.repairStatus==3" @click.stop="getCheckFn(ite)">我已完成</view>
|
|
|
+ </block>
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:repair:remove'])" @click.stop="getDelFn(ite.repairId)">删除</view>
|
|
|
+ <view class="bxsteps">
|
|
|
+ <uni-collapse ref="collapse" v-model="value">
|
|
|
+ <uni-collapse-item title-border="none">
|
|
|
+ <template v-slot:title>
|
|
|
+ <view class="chtop flexc" >
|
|
|
+ <view class="line"></view>
|
|
|
+ <view>流程记录</view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <!-- <image :src="upimg" class="upimg"></image> -->
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <view class="hfstep">
|
|
|
+ <view class="hfslist flex" v-if="ite.repairStatus>3">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit co01">已完成 <text>{{ite.completionTime}}</text></view>
|
|
|
+ <view class="hfstxt">【{{ite.staffName}} {{ite.staffPhone}}】已完成报修业务</view>
|
|
|
+ <view class="hfimgs flexcw" v-if="ite.completionPhoto&&ite.completionPhoto.length">
|
|
|
+ <image :src="baseUrl+aite" @click="getPreviewImage(ite.completionPhoto,aidx)" v-for="(aite,aidx) in ite.completionPhoto" :key="aidx"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="hfslist flex" v-if="ite.repairStatus>2">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga" v-if="ite.repairStatus==3"></image>
|
|
|
+ <image :src="cirb" class="imgb" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">处理中 <text>{{ite.visitTime}}</text></view>
|
|
|
+ <view class="hfstxt">【{{ite.staffName}} {{ite.staffPhone}}】已上门处理中</view>
|
|
|
+ <view class="hfimgs flexcw" v-if="ite.visitPhoto&&ite.visitPhoto.length">
|
|
|
+ <image :src="baseUrl+aite" @click="getPreviewImage(ite.visitPhoto,aidx)" v-for="(aite,aidx) in ite.visitPhoto" :key="aidx"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="hfslist flex" v-if="ite.repairStatus>1">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga" v-if="ite.repairStatus==2"></image>
|
|
|
+ <image :src="cirb" class="imgb" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">待上门 <text>{{ite.assignTime}}</text></view>
|
|
|
+ <view class="hfstxt">您的报修申请已派于<text @click.stop="getPhoneFn(ite.staffPhone)">【{{ite.staffName}} {{ite.staffPhone}}】</text>处理</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="hfslist flex" >
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga" v-if="ite.repairStatus==1"></image>
|
|
|
+ <image :src="cirb" class="imgb" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">待指派 <text>{{ite.repairTime}}</text></view>
|
|
|
+ <view class="hfstxt">您的报修申请已提交,请耐心等待</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-collapse-item>
|
|
|
+ </uni-collapse>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</block>
|
|
|
<!-- 投诉建议 -->
|
|
|
<block v-if="type=='complaint'">
|
|
|
- <view class="walists" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite.suggestionId)"
|
|
|
+ <view class="bxlists" v-for="(ite,idx) in datainfo" :key="ite.suggestionId">
|
|
|
+ <view class="bxtop">
|
|
|
+ <swiper v-if="ite.images" class="swiper" circular :indicator-color="incolorh" :indicator-active-color="activecolorh" :indicator-dots="indicatorDotsh" :autoplay="autoplay">
|
|
|
+ <!-- datainfo.images -->
|
|
|
+ <swiper-item v-for="(aite,aidx) in ite.images" :key="aidx">
|
|
|
+ <image :src="baseUrl+aite" @click="getPreviewImage(ite.images,aidx)"></image>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ <view class="toptit mb10">{{ite.content}}</view>
|
|
|
+ <view class="fleccw">
|
|
|
+ <view class="walist flex0"><view class="tit">提交时间</view>:{{ite.pushTime}}</view>
|
|
|
+ <view class="btns">
|
|
|
+ <view class="btn btna" v-if="checkPermi(['wuYe:suggestion:remove'])" @click.stop="getDelFn(ite.suggestionId)">删除</view>
|
|
|
+ <block v-if="checkPermi(['wuYe:suggestion:edit'])">
|
|
|
+ <view class="btn btnd" v-if="ite.isPublic=='Y'" @click.stop="getCloseFn(ite.suggestionId,'N')">不予公开</view>
|
|
|
+ <view class="btn btnc" v-else @click.stop="getCloseFn(ite.suggestionId,'Y')">公开</view>
|
|
|
+ <view class="btn btnb" v-if="checkPermi(['wuYe:suggestion:edit'])&&ite.status==1" @click="getReplyFn(ite.suggestionId)">回复</view>
|
|
|
+ </block>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="bxsteps">
|
|
|
+ <uni-collapse ref="collapse" v-model="value">
|
|
|
+ <uni-collapse-item title-border="none">
|
|
|
+ <template v-slot:title>
|
|
|
+ <view class="chtop flexc" >
|
|
|
+ <view class="line"></view>
|
|
|
+ <view>交流记录</view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <view class="hfstep">
|
|
|
+ <view class="hfslist flex" v-if="ite.status==2">
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga"></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit co01">已回复 <text>{{ite.replyTime}}</text></view>
|
|
|
+ <view class="hfstxt">{{ite.replyContent}}</view>
|
|
|
+ <!-- 附件 -->
|
|
|
+ <block v-if="ite.suggestionFjList">
|
|
|
+ <view class="fjlists" v-for="(fite,fidx) in ite.suggestionFjList" :key='fidx'>
|
|
|
+ <view class="flext" @click="getDownloader(fite.url)">
|
|
|
+ <view class="imgl"><image :src="filico" ></image></view>
|
|
|
+ <view class="tit">{{fite.name}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <!-- <view class="hfimgs flexcw">
|
|
|
+ <image :src="cira"></image>
|
|
|
+ </view> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="hfslist flex" >
|
|
|
+ <view class="limg flexccc">
|
|
|
+ <image :src="cira" class="imga" v-if="ite.status==1"></image>
|
|
|
+ <image :src="cirb" class="imgb" v-else></image>
|
|
|
+ </view>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="hfstit">已提交 <text>{{ite.pushTime}}</text></view>
|
|
|
+ <view class="hfstxt">您的投诉建议已提交,请耐心等待</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-collapse-item>
|
|
|
+ </uni-collapse>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <view class="walists" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail(ite.suggestionId)"
|
|
|
:data-idx="idx"
|
|
|
@touchstart="drawStart" @touchmove="drawMove" @touchend="drawEnd" :style="'right:'+ite.right+'px'"
|
|
|
>
|
|
@@ -85,14 +215,12 @@
|
|
|
<view class="watit">
|
|
|
<view class="tit">{{ite.title}}</view>
|
|
|
<view class="txt" :class="ite.status==1?'co01':'coa'">{{kaType(ite.status,tsjyList)}}</view>
|
|
|
- <!-- <view class="txt coa">已回复</view> -->
|
|
|
</view>
|
|
|
<view class="watopcoma overtwo">{{ite.content}}</view>
|
|
|
<view class="watopcomb">{{ite.createTime}}</view>
|
|
|
</view>
|
|
|
- <!-- -->
|
|
|
<view class="spdel" v-if="ite.right>0&&checkPermi(['wuYe:suggestion:remove'])" @click.stop="getDelFn(ite.suggestionId)">删除</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- checkPermi(['system:menuFood:remove'])&& -->
|
|
|
|
|
|
</block>
|
|
@@ -182,6 +310,14 @@
|
|
|
upimg:require("@/static/images/home/up.png"),
|
|
|
star:require('@/manage/static/community/star.png'),
|
|
|
stara:require('@/manage/static/community/stara.png'),
|
|
|
+ cira:require('@/service/static/service/cira.png'),
|
|
|
+ cirb:require('@/service/static/service/cirb.png'),
|
|
|
+ filico:require('@/work/static/filico.png'),
|
|
|
+ value:[],
|
|
|
+ autoplay:false,
|
|
|
+ incolorh:'#C0C3C3',
|
|
|
+ activecolorh:'#FFFFFF',
|
|
|
+ indicatorDotsh: true,
|
|
|
baseUrl:config.baseUrl,
|
|
|
delBtnWidth:66,//左滑默认宽度
|
|
|
}
|
|
@@ -240,6 +376,101 @@
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
+ getAssignFn(ite){
|
|
|
+ this.$emit('getAssignFn',ite)
|
|
|
+ },
|
|
|
+ getCheckFn(ite){
|
|
|
+ this.$emit('getCheckFn',ite)
|
|
|
+ },
|
|
|
+ getReplyFn(id){
|
|
|
+ this.$emit('getReplyFn',id)
|
|
|
+ },
|
|
|
+ getPhoneFn(phone){
|
|
|
+ uni.makePhoneCall({
|
|
|
+ phoneNumber: phone //仅为示例
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getPreviewImage(arr,idx){
|
|
|
+ var newArr=[];
|
|
|
+ arr.forEach(ite=>{
|
|
|
+ var ds=this.baseUrl+ite
|
|
|
+ newArr.push(ds)
|
|
|
+ })
|
|
|
+ uni.previewImage({
|
|
|
+ urls: newArr,
|
|
|
+ current:idx,
|
|
|
+ success: function(data) {
|
|
|
+
|
|
|
+ },
|
|
|
+ fail: function(err) {
|
|
|
+
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getCloseFn(id,type){
|
|
|
+ var that=this;
|
|
|
+ var str="不予公开"
|
|
|
+ if(type=='Y'){
|
|
|
+ str='公开'
|
|
|
+ }
|
|
|
+ uni.showModal({
|
|
|
+ title: str,
|
|
|
+ content: "是否确认"+str,
|
|
|
+ cancelText: '取消',
|
|
|
+ confirmText: '确认',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ var param={}
|
|
|
+ param.isPublic=type;
|
|
|
+ param.suggestionId=id;
|
|
|
+ that.$emit('getCloseFn',param)
|
|
|
+ // suggestionlPut(param).then(res=>{
|
|
|
+ // if(res.code==200){
|
|
|
+ // uni.$emit("refSuggestion")
|
|
|
+ // that.$toast(str+'成功')
|
|
|
+ // setTimeout(function(){
|
|
|
+ // that.getDetail()
|
|
|
+ // },1200)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ } else if (res.cancel) {
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getDownloader(e){
|
|
|
+ uni.showLoading({
|
|
|
+ title: '加载中'
|
|
|
+ });
|
|
|
+ var url=this.baseUrl+e;
|
|
|
+ let index1 = e.lastIndexOf("."); // 得到一个索引值
|
|
|
+ let index2 = e.length;
|
|
|
+ let type = e.substring(index1, index2);
|
|
|
+ if ((type.indexOf('jpg') > -1 || type.indexOf('jpeg') > -1 || type.indexOf('png') > -1)) {
|
|
|
+ uni.previewImage({
|
|
|
+ current: 0,
|
|
|
+ urls: [url],
|
|
|
+ // background: '#ffffff'
|
|
|
+ });
|
|
|
+ uni.hideLoading();
|
|
|
+ } else {
|
|
|
+ uni.downloadFile({
|
|
|
+ url: url,//文件的下载路径
|
|
|
+ success(result) {
|
|
|
+ uni.hideLoading()
|
|
|
+ var filePath = result.tempFilePath;
|
|
|
+ uni.openDocument({
|
|
|
+ filePath: filePath,
|
|
|
+ showMenu: true,
|
|
|
+ success: function (res) {
|
|
|
+ // console.log('打开文档成功');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail(res) {uni.hideLoading()}
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
//开始触摸滑动
|
|
|
drawStart(e) {
|
|
|
// console.log("开始触发");
|
|
@@ -373,25 +604,58 @@ font-size: 26rpx;color: #272727;display: flex;line-height: 34rpx;
|
|
|
}
|
|
|
}
|
|
|
// 报修
|
|
|
-.walists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx; position: relative;
|
|
|
- .watop{
|
|
|
- padding: 0 36rpx 8rpx 38rpx;
|
|
|
- .watit{padding: 24rpx 0;margin-bottom: 4rpx;display: flex;
|
|
|
- .tit{font-weight: bold;font-size: 28rpx;color: #272727;flex: 1;
|
|
|
- .cir{width: 14rpx;margin-left: 8rpx;margin-bottom: 10rpx;height: 14rpx;display: inline-block;background: #FF6969;border-radius: 8rpx;}
|
|
|
+.bxlists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;position: relative;
|
|
|
+ .bxtop{padding: 30rpx 24rpx;position: relative;
|
|
|
+ .swiper{width: 100%;height: 280rpx;border-radius: 20rpx;box-sizing: border-box;margin-bottom: 28rpx;overflow: hidden;
|
|
|
+ image{width: 100%;height: 100%;}
|
|
|
+ }
|
|
|
+ .toptit{font-weight: bold;font-size: 28rpx;color: #161616;}
|
|
|
+ .walist{display: flex;font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 16rpx;
|
|
|
+ .tit{min-width: 100rpx;text-align-last: justify}
|
|
|
+ }
|
|
|
+ .btns{display: flex;flex-wrap: wrap;justify-content: flex-end;flex: 1 0 auto;}
|
|
|
+ .btn{min-width: 120rpx;height: 54rpx;border-radius: 26rpx;font-weight: 500;font-size: 26rpx;text-align: center;line-height: 54rpx;padding: 0 10rpx;box-sizing: border-box; margin-bottom: 14rpx;margin-left: 12rpx;
|
|
|
+ &.btna{border: 2rpx solid #FF6969;background: #FFF8F8;color: #FF6969;}
|
|
|
+ &.btnb{background: #0256FD;color: #FFFFFF;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bxsteps{border-top: 2rpx solid #E6E6E6;padding: 30rpx 0;
|
|
|
+ .chtop{padding-right: 48rpx;
|
|
|
+ .line{width: 14rpx;height: 48rpx;background: #0256FD;border-radius:0 12rpx 12rpx 0;margin-right: 18rpx;}
|
|
|
+ view{font-weight: bold;font-size: 28rpx;color: #272727;}
|
|
|
+ .upimg{width: 22rpx;height: 14rpx;flex: 0 0 auto;margin-left: 12rpx;transform: rotate(180deg);transition: all 0.3s;}
|
|
|
+ }
|
|
|
+ .fjlists {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 20rpx;
|
|
|
+ &:last-child{margin-bottom: 0;}
|
|
|
+ .imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;flex: 0 0 auto;
|
|
|
+ image{width: 26rpx;height: 24rpx;}
|
|
|
+ }
|
|
|
+ .tit{font-size: 26rpx;color: #222327;font-weight: 500;margin-top: 4rpx;word-break: break-all;}
|
|
|
}
|
|
|
- .txt{font-weight: bold;font-size: 26rpx;flex: 0 0 auto;
|
|
|
+ .hfstep{padding: 0 32rpx 30rpx 36rpx;margin-top: 24rpx;
|
|
|
+ .hfslist{padding-bottom: 20rpx;position: relative;
|
|
|
+ &:first-child{
|
|
|
+ .hfstit{color: #0156FE;}
|
|
|
+ }
|
|
|
+ &::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: 30rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;
|
|
|
+ text{font-size: 26rpx;margin-left: 12rpx;}
|
|
|
+ }
|
|
|
+ .hfstxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;}
|
|
|
+ .hfimgs{padding-top: 2rpx;
|
|
|
+ image{width: 84rpx;height: 84rpx;border-radius: 20rpx;margin-right: 40rpx;margin-bottom: 10rpx;}
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .walist{display: flex;font-weight: 500;font-size: 24rpx;color: #666666;margin-bottom: 16rpx;
|
|
|
- .tit{min-width: 100rpx;text-align-last: justify}
|
|
|
- }
|
|
|
- .wabtn{display: flex;align-items: center;justify-content: space-between;border-top: 2rpx solid #E5E5E5;height: 80rpx;padding: 0 38rpx;
|
|
|
- view{font-weight: 500;font-size: 24rpx;color: #666666;}
|
|
|
- image{width: 16rpx;height: 28rpx;}
|
|
|
- }
|
|
|
}
|
|
|
+.bxlists /deep/ .uni-swiper-dots-horizontal{left: 26rpx;transform: translate(0);}
|
|
|
+.bxlists /deep/ .uni-swiper-dot{width: 10rpx;height: 10rpx;}
|
|
|
+.bxlists /deep/ .uni-swiper-dot-active{width: 24rpx;height: 10rpx;}
|
|
|
// 维修人员
|
|
|
.stafflist{width: 344rpx;min-height: 256rpx;background: #FFFFFF;border-radius: 20rpx;margin:0 12rpx 24rpx 12rpx;padding-bottom: 20rpx;box-sizing: border-box;
|
|
|
// &:nth-of-type(2n){margin-right: 0;}
|
|
@@ -460,6 +724,61 @@ height: 28rpx;background: #E6E6E6;border-radius: 14rpx;line-height: 28rpx;text-a
|
|
|
}
|
|
|
.spdel{width: 164rpx;background: #EA2D2D;font-weight: bold;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;position: absolute;right: -146rpx;top: 0;bottom: 0;padding-left: 14rpx;}
|
|
|
|
|
|
+//投诉建议
|
|
|
+.bxlists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;position: relative;
|
|
|
+ .bxtop{padding: 30rpx 24rpx;position: relative;
|
|
|
+ .swiper{width: 100%;height: 280rpx;border-radius: 20rpx;box-sizing: border-box;margin-bottom: 28rpx;overflow: hidden;
|
|
|
+ image{width: 100%;height: 100%;}
|
|
|
+ }
|
|
|
+ .toptit{font-weight: bold;font-size: 28rpx;color: #161616;}
|
|
|
+ .walist{display: flex;font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 16rpx;
|
|
|
+ .tit{min-width: 100rpx;text-align-last: justify}
|
|
|
+ }
|
|
|
+ .btns{display: flex;flex-wrap: wrap;justify-content: flex-end;flex: 1 0 auto;}
|
|
|
+ .btn{min-width: 120rpx;height: 54rpx;border-radius: 26rpx;font-weight: 500;font-size: 26rpx;text-align: center;line-height: 54rpx;padding: 0 10rpx;box-sizing: border-box; margin-bottom: 14rpx;margin-left: 12rpx;
|
|
|
+ &.btna{border: 2rpx solid #FF6969;background: #FFF8F8;color: #FF6969;}
|
|
|
+ &.btnb{background: #0256FD;color: #FFFFFF;}
|
|
|
+ &.btnc{border: 2rpx solid #0156FE;background: #DFEAFF;color: #0156FE;}
|
|
|
+ &.btnd{border: 2rpx solid #C1C1C1;background: #F1F1F1;color: #C1C1C1;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .bxsteps{border-top: 2rpx solid #E6E6E6;padding: 30rpx 0;
|
|
|
+ .chtop{padding-right: 48rpx;
|
|
|
+ .line{width: 14rpx;height: 48rpx;background: #0256FD;border-radius:0 12rpx 12rpx 0;margin-right: 18rpx;}
|
|
|
+ view{font-weight: bold;font-size: 28rpx;color: #272727;}
|
|
|
+ .upimg{width: 22rpx;height: 14rpx;flex: 0 0 auto;margin-left: 12rpx;transform: rotate(180deg);transition: all 0.3s;}
|
|
|
+ }
|
|
|
+ .fjlists {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 20rpx;
|
|
|
+ &:last-child{margin-bottom: 0;}
|
|
|
+ .imgl{width: 40rpx;height: 40rpx;display: flex;align-items: center;flex: 0 0 auto;
|
|
|
+ image{width: 26rpx;height: 24rpx;}
|
|
|
+ }
|
|
|
+ .tit{font-size: 26rpx;color: #222327;font-weight: 500;margin-top: 4rpx;word-break: break-all;}
|
|
|
+ }
|
|
|
+ .hfstep{padding: 0 32rpx 30rpx 36rpx;margin-top: 24rpx;
|
|
|
+ .hfslist{padding-bottom: 20rpx;position: relative;
|
|
|
+ &:first-child{
|
|
|
+ .hfstit{color: #0156FE;}
|
|
|
+ }
|
|
|
+ &::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: 30rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;
|
|
|
+ text{font-size: 26rpx;margin-left: 12rpx;}
|
|
|
+ }
|
|
|
+ .hfstxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 20rpx;}
|
|
|
+ .hfimgs{padding-top: 2rpx;
|
|
|
+ image{width: 84rpx;height: 84rpx;border-radius: 20rpx;margin-right: 40rpx;margin-bottom: 10rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.bxlists /deep/ .uni-swiper-dots-horizontal{left: 26rpx;transform: translate(0);}
|
|
|
+.bxlists /deep/ .uni-swiper-dot{width: 10rpx;height: 10rpx;}
|
|
|
+.bxlists /deep/ .uni-swiper-dot-active{width: 24rpx;height: 10rpx;}
|
|
|
// 无数据
|
|
|
.nodata{display: flex;flex-direction: column;align-items: center;
|
|
|
image{width: 440rpx;height: 440rpx;}
|