|
@@ -0,0 +1,424 @@
|
|
|
|
+<template>
|
|
|
|
+ <view class="check">
|
|
|
|
+ <view class="cbox">
|
|
|
|
+ <view class="chtop flexc">
|
|
|
|
+ <view class="line"></view>
|
|
|
|
+ <view>房屋信息</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="chmain">
|
|
|
|
+ <uni-forms ref="form" :model="datainfo" :rules="rules">
|
|
|
|
+ <uni-forms-item label="房屋坐落" required name="location">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.location" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="权利人姓名" name="ownerName">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.ownerName" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="权利类型" name="rightType">
|
|
|
|
+ <picker range-key='dictLabel' :disabled="isdisabled" :value="qllxidx" :range="qllxList" @change='bindDateChange'>
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <view class="flex1 txr f13 co27" v-if="datainfo.rightType&&!qllx">{{statusFormats(datainfo.rightType,qllxList,'qllx')}}</view>
|
|
|
|
+ <view class="flex1 txr f13" v-else :class="qllx?'co27':'coa'">{{qllx||""}}</view>
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ <!-- <image :src="rimg"></image> -->
|
|
|
|
+ </view>
|
|
|
|
+ </picker>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="建筑面积" required name="area">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.area" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="tips">m²</view>
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="不动产单元号" name="propertyUnitNumber">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.propertyUnitNumber" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="相关的字第号" name="documentNumber">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.documentNumber" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="小区名称" name="communityName">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.communityName" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="门牌号" required name="detailedAddress">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.detailedAddress" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="使用期限" name="usagePeriod">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.usagePeriod" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="登记日期" name="registrationDate">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-datetime-picker :disabled="isdisabled" :class="datainfo.registrationDate?'co27':'coa'" type="datetime" placeholder=" " :border="false" v-model="datainfo.registrationDate" @change="changeLog" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+
|
|
|
|
+ <uni-forms-item label="共有姓名" name="coOwner">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.coOwner" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="共有情况" name="coOwnership">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.coOwnership" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="房屋状态" name="houseStatus">
|
|
|
|
+ <picker range-key='dictLabel' :disabled="isdisabled" :value="fwztidx" :range="fwztList" @change='bindDateChangeb'>
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <view class="flex1 txr f13 co27" v-if="datainfo.houseStatus&&!fwzt">{{statusFormats(datainfo.houseStatus,fwztList,'fwzt')}}</view>
|
|
|
|
+ <view class="flex1 txr f13" v-else :class="fwzt?'co27':'coa'">{{fwzt||""}}</view>
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </picker>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="房屋用途" name="usageType">
|
|
|
|
+ <picker range-key='dictLabel' :disabled="isdisabled" :value="fwytidx" :range="fwytList" @change='bindDateChangec'>
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <view class="flex1 txr f13 co27" v-if="datainfo.usageType&&!fwyt">{{statusFormats(datainfo.usageType,fwytList,'fwyt')}}</view>
|
|
|
|
+ <view class="flex1 txr f13" v-else :class="fwyt?'co27':'coa'">{{fwyt||""}}</view>
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </picker>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="有无车位" name="hasParkingSpace">
|
|
|
|
+ <picker range-key='dictLabel' :disabled="isdisabled" :value="ywcwidx" :range="ywcwList" @change='bindDateChanged'>
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <view class="flex1 txr f13 co27" v-if="datainfo.hasParkingSpace&&!ywcw">{{statusFormats(datainfo.hasParkingSpace,ywcwList,'ywcw')}}</view>
|
|
|
|
+ <view class="flex1 txr f13" v-else :class="ywcw?'co27':'coa'">{{ywcw||""}}</view>
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </picker>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ <uni-forms-item label="车位号" name="parkingNumber">
|
|
|
|
+ <view class="flexc">
|
|
|
|
+ <uni-easyinput :disabled="isdisabled" v-model="datainfo.parkingNumber" :inputBorder='false' placeholder="" />
|
|
|
|
+ <view class="rimg"></view>
|
|
|
|
+ </view>
|
|
|
|
+ </uni-forms-item>
|
|
|
|
+ </uni-forms>
|
|
|
|
+ <view class="hfbtns flexcj">
|
|
|
|
+ <view class="btn btn1" >拒绝</view>
|
|
|
|
+ <view class="btn btn2" >通过</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <loading></loading>
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ import config from '@/config'
|
|
|
|
+ import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
|
|
|
|
+ import {uploadIdentify,selectValueKey,geocodeAddress} from '@/utils/common.js'
|
|
|
|
+ import {getDictionaryFn} from "@/api/system/user.js"
|
|
|
|
+ import {houseInfoAdd,houseInfoPut,houseInfoDet} from "@/api/work/work.js"
|
|
|
|
+ export default{
|
|
|
|
+ components:{},
|
|
|
|
+ data(){
|
|
|
|
+ return{
|
|
|
|
+ rimg: require('@/mine/static/house/rimg.png'),
|
|
|
|
+ cmico:require('@/mine/static/house/cmico.png'),
|
|
|
|
+ baseUrl:config.baseUrl,
|
|
|
|
+ datainfo:{
|
|
|
|
+ // "houseId":"",//房屋信息主键
|
|
|
|
+ "ownerName":"",//权利人姓名
|
|
|
|
+ "location":"",//房屋坐落位置
|
|
|
|
+ "rightType":"",//权利类型,如所有权、使用权等
|
|
|
|
+ "area":"",//房屋面积,单位为平方米
|
|
|
|
+ "documentNumber":"",//房屋相关的字第号
|
|
|
|
+ "propertyUnitNumber":"",//不动产单元号
|
|
|
|
+ "coOwnership":"",//房屋的共有情况,如共有比例等
|
|
|
|
+ "usageType":"",//房屋用途,如住宅、商业等
|
|
|
|
+ "usagePeriod":"",//房屋使用期限
|
|
|
|
+ "registrationDate":"",//房屋登记日期
|
|
|
|
+ "coOwner":"",//共有人姓名,多个共有人可以用逗号分隔
|
|
|
|
+ "detailedAddress":"",//房屋的详细门牌号
|
|
|
|
+ "hasParkingSpace":"",//是否有车位,Y表示有,N表示无
|
|
|
|
+ "communityName":"",//房屋所在小区名称
|
|
|
|
+ "houseStatus":"",//房屋状态:1-自住,2-出租,3-空闲,4-待售
|
|
|
|
+ "parkingNumber":'',//车位号
|
|
|
|
+ },
|
|
|
|
+ rules: {
|
|
|
|
+ location: {rules: [{required: true,errorMessage: '请输入房屋坐落位置' }]},
|
|
|
|
+ detailedAddress: {rules: [{required: true,errorMessage: '请输入详细门牌号' }]},
|
|
|
|
+ area: {rules: [{required: true,errorMessage: '请输入面积' }]},
|
|
|
|
+ },
|
|
|
|
+ id:'',
|
|
|
|
+ ptype:'add',
|
|
|
|
+ fwzt:'',
|
|
|
|
+ qllx:'',
|
|
|
|
+ fwyt:'',
|
|
|
|
+ ywcw:'',
|
|
|
|
+ fwztidx:'',
|
|
|
|
+ qllxidx:'',
|
|
|
|
+ fwytidx:'',
|
|
|
|
+ ywcwidx:'',
|
|
|
|
+ fwztList:[],
|
|
|
|
+ qllxList:[],
|
|
|
|
+ fwytList:[],
|
|
|
|
+ ywcwList:[{dictLabel:'有',dictValue:'Y'},{dictLabel:'无',dictValue:'N'},],
|
|
|
|
+ isdisabled:true,
|
|
|
|
+ latitude:'',
|
|
|
|
+ longitude:"",
|
|
|
|
+ starttime:'',
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ onLoad: function(e) {
|
|
|
|
+ if(e.id){
|
|
|
|
+ this.id=e.id;
|
|
|
|
+ this.ptype="edit";
|
|
|
|
+ // this.isdisabled=true;
|
|
|
|
+ this.getDetail()
|
|
|
|
+ }
|
|
|
|
+ this.init()
|
|
|
|
+ },
|
|
|
|
+ methods:{
|
|
|
|
+ checkPermi, checkRole,
|
|
|
|
+ getEditFn(){
|
|
|
|
+ this.isdisabled=false;
|
|
|
|
+ },
|
|
|
|
+ statusFormats(data, list,type) {
|
|
|
|
+ var aite=selectValueKey(list, data);
|
|
|
|
+ if(type=='qllx'){
|
|
|
|
+ this.qllxidx=aite.key;
|
|
|
|
+ }else if(type=='fwzt'){
|
|
|
|
+ this.fwztidx=aite.key;
|
|
|
|
+ }else if(type=='fwyt'){
|
|
|
|
+ this.fwytidx=aite.key;
|
|
|
|
+ }else if(type=='ywcw'){
|
|
|
|
+ this.ywcwidx=aite.key;
|
|
|
|
+ }
|
|
|
|
+ return aite.actions;
|
|
|
|
+ },
|
|
|
|
+ init(){
|
|
|
|
+ // 房屋状态
|
|
|
|
+ getDictionaryFn('house_status').then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.fwztList = res.data.map(v => {
|
|
|
|
+ return {
|
|
|
|
+ dictLabel: v.dictLabel,
|
|
|
|
+ dictValue: v.dictValue
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //权利类型
|
|
|
|
+ getDictionaryFn('types_rights').then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.qllxList = res.data.map(v => {
|
|
|
|
+ return {
|
|
|
|
+ dictLabel: v.dictLabel,
|
|
|
|
+ dictValue: v.dictValue
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ //房屋用途
|
|
|
|
+ getDictionaryFn('use_remises').then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.fwytList = res.data.map(v => {
|
|
|
|
+ return {
|
|
|
|
+ dictLabel: v.dictLabel,
|
|
|
|
+ dictValue: v.dictValue
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ bindDateChange(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.datainfo.rightType=this.qllxList[val].dictValue;
|
|
|
|
+ this.qllx=this.qllxList[val].dictLabel;
|
|
|
|
+ },
|
|
|
|
+ bindDateChangea(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.datainfo.registrationDate=val;
|
|
|
|
+ },
|
|
|
|
+ bindDateChangeb(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.datainfo.houseStatus=this.fwztList[val].dictValue;
|
|
|
|
+ this.fwzt=this.fwztList[val].dictLabel;
|
|
|
|
+ },
|
|
|
|
+ bindDateChangec(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.datainfo.usageType=this.fwytList[val].dictValue;
|
|
|
|
+ this.fwyt=this.fwytList[val].dictLabel;
|
|
|
|
+ },
|
|
|
|
+ bindDateChanged(e){
|
|
|
|
+ var val=e.detail.value;
|
|
|
|
+ this.datainfo.hasParkingSpace=this.ywcwList[val].dictValue;
|
|
|
|
+ this.ywcw=this.ywcwList[val].dictLabel;
|
|
|
|
+ },
|
|
|
|
+ getDetail(){
|
|
|
|
+ houseInfoDet(this.id).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.datainfo=res.data;
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getSubmit(){
|
|
|
|
+ this.$refs.form.validate().then(res => {
|
|
|
|
+ var params=JSON.parse(JSON.stringify(this.datainfo))
|
|
|
|
+ // if(!params.portalId){
|
|
|
|
+ // this.$toast("请选择来访门户")
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // if(params.isCar=='Y'&&!params.plateNumber){
|
|
|
|
+ // this.$toast("请输入车牌号")
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ // if(!params.visitorTime){
|
|
|
|
+ // this.$toast("请选择来访时间")
|
|
|
|
+ // return
|
|
|
|
+ // }
|
|
|
|
+ if(this.ptype=='add'){
|
|
|
|
+ houseInfoAdd(params).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.$toast("新增成功")
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ uni.$emit("refHouseList")
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta:1
|
|
|
|
+ })
|
|
|
|
+ },1500)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+ houseInfoPut(params).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ this.$toast("修改成功")
|
|
|
|
+ setTimeout(function(){
|
|
|
|
+ uni.$emit("refHouseList")
|
|
|
|
+ uni.navigateBack({
|
|
|
|
+ delta:1
|
|
|
|
+ })
|
|
|
|
+ },1500)
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getaddImage(e){
|
|
|
|
+ let that = this;
|
|
|
|
+ let file =[],count=9
|
|
|
|
+ uni.chooseImage({
|
|
|
|
+ count: 1,
|
|
|
|
+ success:function(res){
|
|
|
|
+ let img= res.tempFilePaths;
|
|
|
|
+ if(img.length + file.length > count){
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: '最多上传'+count+'张图片',
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 2000
|
|
|
|
+ })
|
|
|
|
+ }else{
|
|
|
|
+ let imglen = res.tempFilePaths.length;
|
|
|
|
+ var fuwufile = [];
|
|
|
|
+ uploadIdentify('/common/upload',img,0,0,0,imglen,fuwufile,function(rs){
|
|
|
|
+ // var resurl=rs[0];
|
|
|
|
+ // if(e=='front'){
|
|
|
|
+ // that.datainfo.front=resurl.fileName;
|
|
|
|
+ // }else{
|
|
|
|
+ // that.datainfo.back=resurl.fileName;
|
|
|
|
+ // }
|
|
|
|
+ // if(rs&&rs.length>0){
|
|
|
|
+ // var obj={
|
|
|
|
+ // type:e,
|
|
|
|
+ // url:resurl.urlOnline
|
|
|
|
+ // }
|
|
|
|
+ // that.getOcrIdCard(obj)
|
|
|
|
+ // }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ getOcrIdCard(obj){
|
|
|
|
+ var params={
|
|
|
|
+ image:obj.url,
|
|
|
|
+ idCardSide:obj.type
|
|
|
|
+ }
|
|
|
|
+ getOcrIdCard(params).then(res=>{
|
|
|
|
+ if(res.code==200){
|
|
|
|
+ var datainfo=res.data;
|
|
|
|
+ if(obj.type=='front'){
|
|
|
|
+ this.datainfo.realName=datainfo.realName;
|
|
|
|
+ this.datainfo.idCard=datainfo.idCard;
|
|
|
|
+ this.datainfo.address=datainfo.address;
|
|
|
|
+ }else{
|
|
|
|
+ this.datainfo.expirationDate=datainfo.expirationDate
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+<style>
|
|
|
|
+ page{background: #F3F3F0;}
|
|
|
|
+</style>
|
|
|
|
+<style lang="scss" scoped>
|
|
|
|
+.coa /deep/ .uni-date__x-input{text-align: right;color: #AAAAAA;}
|
|
|
|
+.check /deep/ .uni-date-editor--x__disabled{opacity: 1;}
|
|
|
|
+.check /deep/ .uni-forms-item{min-height: 106rpx;box-sizing: border-box;display: flex;align-items: center;margin-bottom: 0;border-bottom: 2rpx solid #E6E6E6;padding:10rpx 0;}
|
|
|
|
+.check /deep/ .uni-forms-item__label{font-weight: bold;font-size: 26rpx;color: #222327;flex: 0 0 auto;width: auto !important;}
|
|
|
|
+.check /deep/ .uni-easyinput{flex: 1;text-align: right;font-size: 26rpx;color: #222327;}
|
|
|
|
+.check /deep/ .uni-easyinput__content-textarea{min-height: 40rpx;font-size: 26rpx;}
|
|
|
|
+.check /deep/ .uni-easyinput__placeholder-class{font-size: 26rpx;color: #AAAAAA;}
|
|
|
|
+.check /deep/ .uni-input-input{font-size: 26rpx;}
|
|
|
|
+.check /deep/ .uni-textarea-textarea{font-size: 26rpx;}
|
|
|
|
+.check /deep/ .uni-forms-item__label text{width: 110rpx;text-align-last: justify;}
|
|
|
|
+.check /deep/ .uni-forms-item__label .is-required{width: auto;}
|
|
|
|
+.check /deep/ .is-disabled{color: #222327;background-color: #ffffff !important;}
|
|
|
|
+.check{min-height: 100vh;padding: 20rpx 18rpx 22rpx;box-sizing: border-box;display: flex;box-sizing: border-box;}
|
|
|
|
+.cbox{background: #FFFFFF;border-radius: 20rpx;flex: 1;padding-bottom: 28rpx;
|
|
|
|
+ .chtop{padding-top: 32rpx;margin-bottom: 22rpx;
|
|
|
|
+ .line{width: 14rpx;height: 48rpx;background: #0256FD;border-radius:0 12rpx 12rpx 0;margin-right: 18rpx;}
|
|
|
|
+ view{font-weight: bold;font-size: 32rpx;color: #272727;}
|
|
|
|
+ }
|
|
|
|
+ .chmain{
|
|
|
|
+ padding: 0 32rpx;
|
|
|
|
+ .upbox{height: 224rpx;background: #EFF4FF;border-radius: 20rpx;display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 8rpx;overflow: auto;
|
|
|
|
+ .img{width: 100%;height: 100%;}
|
|
|
|
+ .addimg{width: 90rpx;height: 90rpx;margin-bottom: 8rpx;}
|
|
|
|
+ view{font-weight: bold;font-size: 26rpx;color: #4C6686;}
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .rimg{width: 16rpx;height: 28rpx;flex: 0 0 auto;margin-left: 20rpx;
|
|
|
|
+ image{width: 100%;height: 100%;}
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.tips{font-weight: bold;color: #272727;font-size: 26rpx;margin-left: 8rpx;}
|
|
|
|
+
|
|
|
|
+.hfbtns{margin-top: 140rpx;
|
|
|
|
+ .btn{height: 88rpx;background: #FFF8F8;border-radius: 20rpx;width: 316rpx;display: flex;align-items: center;justify-content: center;font-weight: bold;
|
|
|
|
+font-size: 26rpx;box-sizing: border-box;
|
|
|
|
+ &.btn1{border: 2rpx solid #FF6969;background: #FFF8F8;color: #FF6969;}
|
|
|
|
+ &.btn2{background: #0256FD;color: #ffffff;}
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|