<template>
|
<view>
|
|
<view class="top item flex j-c-s-b a-i-c bgc-ff" @click="onScan()" v-if="!currentId">
|
<view class="flex a-i-c">
|
<u-icon name="/static/icon/nav-05.png" width="90rpx" height="90rpx"></u-icon>
|
<text class="f-28 ml-10">扫码获取房屋信息</text>
|
</view>
|
<u-icon name="arrow-right" size="20"></u-icon>
|
</view>
|
|
<u-form labelPosition="left" :model="info" ref="form" labelWidth="90" :labelStyle="{fontSize:'28rpx'}">
|
<view class="content bgc-ff">
|
<u-form-item label="地址" prop="address" required :borderBottom="false" v-if="!isScan">
|
<view class="address-row flex">
|
<view class="address-content f-28" v-if="info.address">
|
{{info.address}}
|
</view>
|
<view class="address-content f-28 " style="color:#c0c4cc;" v-if="!info.address">
|
请选择地址
|
</view>
|
<view class="location-btn c-main f-24" @click="getLocation()">
|
获取地址
|
</view>
|
</view>
|
</u-form-item>
|
|
<u-form-item label="地址" borderBottom required v-if="isScan">
|
<u-textarea v-model="info.address" border="none" disabled disabledColor="#fff"
|
placeholderClass="f-28 c-99" inputAlign="right"></u-textarea>
|
</u-form-item>
|
|
<u-form-item label="宣防内容" borderBottom prop="pubContent">
|
<u-textarea type="textarea" v-model="info.pubContent" border="none" placeholderClass="f-28 c-99"
|
inputAlign="right" placeholder="请输入宣防内容">
|
</u-textarea>
|
</u-form-item>
|
|
<u-form-item label="是否下载国家反诈app" labelWidth="120" prop="isFzApp">
|
<u-radio-group v-model="info.isFzApp">
|
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in statusList" :key="index"
|
:label="item.name" :name="item.id">
|
</u-radio>
|
</u-radio-group>
|
</u-form-item>
|
<u-form-item label="是否打开预警功能" labelWidth="120" prop="isOpenAlarm">
|
<u-radio-group v-model="info.isOpenAlarm">
|
<u-radio :customStyle="{marginBottom: '8px'}" v-for="(item, index) in statusList" :key="index"
|
:label="item.name" :name="item.id">
|
</u-radio>
|
</u-radio-group>
|
</u-form-item>
|
|
<u-form-item label="是否接受过其他反诈宣防内容" labelWidth="120" prop="isOther">
|
<u-radio-group v-model="info.isOther">
|
<u-radio @change="radioChange" :customStyle="{marginBottom: '8px'}"
|
v-for="(item, index) in statusList" :key="index" :label="item.name" :name="item.id">
|
</u-radio>
|
</u-radio-group>
|
</u-form-item>
|
|
|
<u-form-item v-if="isShowOtherId" class="form-item" labelWidth="100" label="反诈宣防方式:"
|
:required="isRequired" :disabled="isDisabled" prop="otherId">
|
|
<u-checkbox-group v-model="info.otherId" placement="column" @change="checkboxChange">
|
<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in notSwindleTypeList"
|
:key="index" :label="item.name" :name="item.value" :disabled="item.disabled">
|
</u-checkbox>
|
</u-checkbox-group>
|
<!-- <view class="flex j-c-s-b a-i-c" v-if="!currentId" @click="showNotSwindleTypePicker= true">
|
<u-input border="none" v-model="notSwindleValue" disabled disabledColor="#ffffff"
|
placeholder="请选择">
|
</u-input>
|
<u-icon slot="right" name="arrow-right"></u-icon>
|
</view>
|
<view class="f-30" v-if="currentId">
|
{{notSwindleValue}}
|
</view> -->
|
</u-form-item>
|
|
<u-picker :defaultIndex="notSwindleTypeIndex" :closeOnClickOverlay="true"
|
:show="showNotSwindleTypePicker" :columns="[notSwindleTypeList]"
|
@close="showNotSwindleTypePicker = false" @cancel="showNotSwindleTypePicker = false" keyName="name"
|
@confirm="confirmNotSwindleType"></u-picker>
|
|
</view>
|
<view class="upload bgc-ff">
|
<view class="f-28">宣防佐证照片</view>
|
<view class="mt-20">
|
<u-upload :fileList="form.images" :previewFullImage="uploadConfig.previewFullImage"
|
:accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple"
|
:maxCount="uploadConfig.maxCount" :capture="uploadConfig.capture" @afterRead="afterReadImg"
|
@delete="deletePic">
|
<view class="upload-item upload-icon flex_base">
|
<u-icon name="/static/icon/upload.png" width="60rpx" height="60rpx"></u-icon>
|
</view>
|
</u-upload>
|
</view>
|
</view>
|
|
<view class="info mt-20 bgc-ff" v-if="isScan && houseHoldInfo.name">
|
<caption-row title="房屋信息" />
|
<view class="info-row flex j-c-s-b a-i-c f-28">
|
<text>业主姓名</text>
|
<text>{{houseHoldInfo.name}}</text>
|
</view>
|
<view class="info-row flex j-c-s-b a-i-c f-28">
|
<text>业主手机号</text>
|
<text>{{houseHoldInfo.phoneNumber}}</text>
|
</view>
|
<view class="info-row flex j-c-s-b a-i-c f-28" @click="navToHouse">
|
<text>查看更多</text>
|
<u-icon name="arrow-right"></u-icon>
|
</view>
|
</view>
|
|
<view class="info mt-20 bgc-ff" v-if="isScan && principalInfo.principal">
|
<caption-row title="场所负责人信息" />
|
<view class="info-row flex j-c-s-b a-i-c f-28">
|
<text>负责人姓名</text>
|
<text>{{principalInfo.principal}}</text>
|
</view>
|
<view class="info-row flex j-c-s-b a-i-c f-28">
|
<text>负责人手机号</text>
|
<text>{{principalInfo.principalPhone}}</text>
|
</view>
|
</view>
|
|
<view class="info mt-20 bgc-ff">
|
<caption-row title="宣防对象" />
|
|
<view class="mt-40">
|
<u-checkbox-group v-model="checkboxValue1" :borderBottom="true" iconPlacement="right"
|
placement="column" @change="checkboxChangeHold">
|
<!-- <view class="" v-for="(item, index) in houseHold" :key="index"> -->
|
<u-checkbox :customStyle="{marginBottom: '8px'}" v-for="(item, index) in houseHold" :key="index"
|
:label="item.relationship == 18?item.name+' -- 租户':item.name+' -- 住户'" :name="item.id">
|
</u-checkbox>
|
<!-- </view> -->
|
</u-checkbox-group>
|
</view>
|
|
<view v-for="(item, index) in info.backblastPubPersonEntityList" :key="index">
|
<view class="flex a-i-c j-c-s-b" style="padding:20rpx;">
|
<view class="flex j-c-s-b a-i-c">
|
<view class="title fw" style="text-align:center; mr-20">人员信息-#{{ index*1 + 1 }}</view>
|
<!-- #ifdef MP-WEIXIN -->
|
<ocr-navigator @onSuccess="recognizePersonSuccess($event,index)" certificateType="idCard"
|
:opposite="false">
|
<view class="recognize-btn flex a-i-c">
|
<u-icon name="scan" color="#fff" size="24"></u-icon>
|
<text class="f-26 c-ff" style="margin-left: 10rpx;">身份证信息识别</text>
|
</view>
|
</ocr-navigator>
|
<!-- #endif -->
|
</view>
|
<view>
|
<u-icon name="trash-fill" color="#ff0000" size="20" @click="delPerson(index)" />
|
</view>
|
</view>
|
<u-form-item label="姓名" borderBottom required>
|
<u-input v-model="info.backblastPubPersonEntityList[index].name" border="none"
|
placeholderClass="f-28 c-99" inputAlign="right" placeholder="请输入姓名"></u-input>
|
</u-form-item>
|
<u-form-item label="手机号" borderBottom>
|
<u-input v-model="info.backblastPubPersonEntityList[index].telephone" border="none"
|
placeholderClass="f-28 c-99" inputAlign="right" placeholder="请输入手机号"></u-input>
|
</u-form-item>
|
<u-form-item label="身份证号" borderBottom>
|
<u-input v-model="info.backblastPubPersonEntityList[index].idCard" type="idCard" border="none"
|
placeholderClass="f-28 c-99" inputAlign="right" placeholder="请输入身份证号"></u-input>
|
</u-form-item>
|
<u-form-item label="职业" borderBottom>
|
<u-input v-model="info.backblastPubPersonEntityList[index].occupation" border="none"
|
placeholderClass="f-28 c-99" inputAlign="right" placeholder="请输入职业"></u-input>
|
</u-form-item>
|
<u-form-item label="居住地" borderBottom>
|
<u-input v-model="info.backblastPubPersonEntityList[index].address" border="none"
|
placeholderClass="f-28 c-99" inputAlign="right" placeholder="请输入居住地"></u-input>
|
</u-form-item>
|
</view>
|
<view class="add-person" style="padding:20rpx 30rpx;">
|
<u-button type="success" plain @click="addPerson">再加一人</u-button>
|
</view>
|
</view>
|
|
</u-form>
|
|
|
<view class="blank"></view>
|
|
<!-- <view class="footer flex a-i-c j-c-s-b" v-if="isScan">
|
<view class="footer-item footer-left c-main" @click="navToHouse">
|
查看更多
|
</view>
|
<view class="footer-item footer-right c-ff" @click="submitInfo">
|
提交
|
</view>
|
</view> -->
|
|
<!-- <footer-btn @click="submitInfo" :text="isEdit?'保存':'提交'" /> -->
|
|
<button class="submit-btn" @click="submitInfo">提交</button>
|
<button class="list-btn mb-20" @click="navigatorPage">记录</button>
|
|
|
|
</view>
|
|
</template>
|
|
<script>
|
import {
|
addWorkLog,
|
getWorkLogDetail,
|
updateWorkLog
|
} from "@/api/workLog/workLog.js"
|
import uploadMixin from "@/mixin/uploadMixin";
|
import {
|
bizDictionary,
|
update
|
} from '@/api/system/dict.js'
|
import {
|
getLabelListByParentId
|
} from "@/api/label/label.js";
|
import {
|
fetchHousehold
|
} from "@/api/house/household.js"
|
import {
|
getHouseholdDetail
|
} from '@/api/house/household.js'
|
import {
|
getQrCodeDetail
|
} from "@/api/system/index"
|
import {
|
getHouseRentInfo
|
} from "@/api/doorplateAddress/doorplateAddress";
|
|
import {
|
addCounterfraud,
|
getCounterfraudDetail
|
} from "@/api/counterfraud/counterfraud.js"
|
|
import captionRow from "@/components/caption/caption.vue"
|
export default {
|
mixins: [uploadMixin],
|
components: {
|
captionRow
|
},
|
data() {
|
return {
|
form: {
|
images: []
|
},
|
notSwindleTypeIndex: [],
|
currentId: "",
|
showNotSwindleTypePicker: false,
|
notSwindleValue: '',
|
isDisabled: false,
|
isShowOtherId: false,
|
notSwindleTypeList: [],
|
info: {
|
// name: "",
|
// phone: "",
|
address: "",
|
houseCode: "",
|
lng: "",
|
lat: "",
|
pubContent: "",
|
isFzApp: "",
|
isOpenAlarm: "",
|
backblastPubPersonEntityList: []
|
},
|
// rules: {
|
// address: [{
|
// type: 'number',
|
// required: true,
|
// message: '请输入地址',
|
// trigger: ['blur', 'change']
|
// }]
|
// },
|
showSelectDate: false,
|
workTime: Number(new Date()),
|
isShowPicker: false,
|
houseIndex: [0],
|
typeList: [],
|
typeName: "",
|
typeIndex: [0],
|
isShowTypePicker: false,
|
isShowLabelPicker: false,
|
labelList: [],
|
labelIndex: [0],
|
labelName: "",
|
keyword: "",
|
houseHoldList: [],
|
selectedHousehold: {},
|
isShowPopup: false,
|
address: "",
|
isEdit: false,
|
id: "",
|
isScan: false, //是否扫码
|
houseHoldInfo: {},
|
houseHold: [],
|
checkboxValue1: [],
|
statusList: [{
|
name: "是",
|
id: 1
|
},
|
{
|
name: "否",
|
id: 2
|
}
|
],
|
personList: [],
|
principalInfo: {}, //场所负责人信息
|
placeType: 1 // 1房屋 2场所 3都是 4都不是
|
}
|
},
|
// onLoad() {
|
// let userInfo = uni.getStorageSync("userInfo");
|
// this.$set(this.info, "name", userInfo.real_name);
|
// this.$set(this.info, "phone", userInfo.phone);
|
// },
|
|
|
async onLoad(option) {
|
await this.getTypeList();
|
await this.getLabelList();
|
if (option.id) {
|
this.isEdit = true;
|
this.id = option.id;
|
setTimeout(() => {
|
this.getDetail(option.id)
|
}, 200)
|
}
|
//反诈类别
|
this.getAllBizDict();
|
},
|
onShow() {
|
// this.getFetchHousehold("F32042A1A0804E47A859A239849FF8C5")
|
},
|
|
onReady() {
|
//onReady 为uni-app支持的生命周期之一
|
// this.$refs.form.setRules(this.rules)
|
},
|
|
methods: {
|
checkboxChange(n) {
|
console.log('change', n);
|
},
|
checkboxChangeHold(n) {
|
console.log('change', n);
|
this.info.backblastPubPersonEntityList = []
|
for (var i = 0; i < n.length; i++) {
|
console.log('change1', n[i]);
|
this.houseHold.forEach(item => {
|
if (item.id === n[i]) {
|
let data = {
|
name: item.name,
|
telephone: item.phoneNumber,
|
idCard: item.idCard,
|
address: item.address,
|
occupation: item.occupation
|
}
|
this.info.backblastPubPersonEntityList.push(data)
|
}
|
})
|
}
|
},
|
radioChange(n) {
|
if (n == 1) {
|
this.isShowOtherId = true
|
} else {
|
this.isShowOtherId = false
|
this.info.otherId = []
|
}
|
console.log('radioChange', n);
|
},
|
async getAllBizDict() {
|
//反诈类别
|
await this.getBizDict('antiFraud', this.notSwindleTypeList);
|
},
|
// 获取业务字典
|
async getBizDict(code, list) {
|
const param = {
|
code: code
|
}
|
const res = await bizDictionary(param)
|
res.data.forEach(e => {
|
list.push({
|
name: e.dictValue,
|
value: Number(e.dictKey)
|
})
|
})
|
},
|
|
//选择无诈类别
|
confirmNotSwindleType(e) {
|
// this.info.otherId = e.indexs;
|
this.notSwindleValue = e.value[0].name;
|
this.info.otherId = e.value[0].value;
|
this.showNotSwindleTypePicker = false;
|
},
|
|
getLocation() {
|
uni.chooseLocation({
|
success: (res) => {
|
this.$set(this.info, "address", res.address);
|
this.$set(this.info, "lat", res.latitude);
|
this.$set(this.info, "lng", res.longitude)
|
}
|
})
|
},
|
|
|
getHouseInfo(code) {
|
getHouseRentInfo(code).then(res => {
|
console.log(res)
|
if (res.code == 200 && res.data.householdList.length) {
|
this.houseHoldInfo = res.data.householdList[0]
|
}
|
})
|
},
|
|
getDetail(id) {
|
getWorkLogDetail({
|
id
|
}).then(res => {
|
console.log(res);
|
if (res.code == 200) {
|
let data = res.data
|
this.tyepIndex = this.$getIndex(this.typeList[0], data.type, "dictKey",
|
"dictValue").index;
|
this.typeName = this.$getIndex(this.typeList[0], data.type, "dictKey",
|
"dictValue").name;
|
if (data.workTime) {
|
this.workTime = Number(new Date(data.workTime))
|
}
|
// this.info.type = data.type;
|
// this.info.workTime = data.workTime;
|
// this.info.context = data.context;
|
// this.info.householdId = data.householdId;
|
// this.info.personType = data.personType;
|
console.log(typeof data.personType)
|
this.labelIndex = this.$getIndex(this.labelList[0], data.personType, "id",
|
"name").index;
|
this.labelName = this.$getIndex(this.labelList[0], data.personType, "id",
|
"name").name;
|
this.getHouseholdList();
|
this.getHousehold(data.householdId);
|
this.form.images = this.$setImageUrl(data.url, 2);
|
this.info.id = data.id;
|
for (let i in this.info) {
|
this.$set(this.info, i, data[i])
|
}
|
}
|
})
|
},
|
|
getTypeList() {
|
bizDictionary({
|
code: "haveType"
|
}).then(res => {
|
console.log(res)
|
this.typeList = [res.data];
|
})
|
},
|
|
getLabelList() {
|
getLabelListByParentId({
|
parentId: 100
|
}).then(res => {
|
this.labelList = [res.data];
|
})
|
},
|
|
getHousehold(id) {
|
getHouseholdDetail({
|
id
|
}).then(res => {
|
console.log(res);
|
this.address = res.data.currentAddress;
|
this.selectedHousehold = res.data;
|
})
|
},
|
|
getHouseholdList() {
|
fetchHousehold({
|
labelId: this.info.personType,
|
searchKey: this.keyword,
|
limit: 20
|
}).then(res => {
|
this.houseHoldList = res.data;
|
})
|
},
|
|
confirmDate(e) {
|
this.showSelectDate = false;
|
this.info.workTime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd hh:MM:ss')
|
},
|
|
confirmHouse(e) {
|
this.houseIndex = e.indexs;
|
this.info.houseCode = e.value[0];
|
this.isShowPicker = false;
|
},
|
|
|
checkImages() {
|
if (this.form.images.length) {
|
this.$set(this.info, "pubUrls", this.setImages())
|
}
|
},
|
|
setImages() {
|
let urls = [];
|
for (let i of this.form.images) {
|
urls.push(i.name);
|
}
|
return urls.join(",")
|
},
|
|
|
submitInfo() {
|
|
this.checkImages();
|
if (!this.info.address) {
|
this.$showTips("请选择地址")
|
return
|
}
|
if (!this.info.backblastPubPersonEntityList.length) {
|
this.$showTips("请添加宣防对象")
|
return;
|
} else {
|
for (let i of this.info.backblastPubPersonEntityList) {
|
if (!i.name) {
|
this.$showTips("请完善宣防对象信息")
|
return;
|
}
|
// if (!i.telephone) {
|
// this.$showTips("请完善宣防对象信息")
|
// return;
|
// }
|
// if (!i.idCard) {
|
// this.$showTips("请完善宣防对象信息")
|
// return;
|
// }
|
}
|
}
|
if (this.isEdit) {
|
this.updateWorkLogRequest()
|
} else {
|
this.addWorkLogRequest()
|
}
|
|
},
|
|
addWorkLogRequest() {
|
this.info.otherId = JSON.stringify(this.info.otherId)
|
addCounterfraud(this.info).then(res => {
|
uni.showToast({
|
icon: 'success',
|
title: '提交成功'
|
})
|
setTimeout(() => {
|
uni.navigateBack()
|
}, 300)
|
})
|
},
|
|
updateWorkLogRequest() {
|
this.info.otherId = JSON.stringify(this.info.otherId)
|
addCounterfraud(this.info).then(res => {
|
uni.showToast({
|
icon: 'success',
|
title: '提交成功',
|
})
|
setTimeout(() => {
|
this.reLoadPrePage()
|
}, 300)
|
})
|
},
|
|
//刷新上一页数据后返回
|
reLoadPrePage() {
|
let pages = getCurrentPages();
|
let prePage = pages[pages.length - 2];
|
prePage.$vm.resetParams();
|
prePage.$vm.getList();
|
uni.navigateBack();
|
},
|
|
//扫一扫
|
onScan() {
|
this.checkboxValue1 = []
|
this.info.backblastPubPersonEntityList = []
|
uni.scanCode({
|
success: (res) => {
|
let obj = this.getUrlParams(res.result);
|
this.getHouseType(obj.stdId);
|
}
|
})
|
},
|
|
getUrlParams(url) {
|
let urlStr = url.split('?')[1]
|
let obj = {};
|
let paramsArr = urlStr.split('&')
|
for (let i = 0, len = paramsArr.length; i < len; i++) {
|
let arr = paramsArr[i].split('=')
|
obj[arr[0]] = arr[1];
|
}
|
return obj
|
},
|
// 查询住户
|
getFetchHousehold(houseCode) {
|
fetchHousehold({
|
houseCode: houseCode
|
}).then((res) => {
|
if (res.data.length > 0) {
|
this.houseHold = res.data
|
}
|
})
|
},
|
|
getHouseType(code) {
|
// 获取住户
|
this.getFetchHousehold(code);
|
// 获取详情
|
getQrCodeDetail({
|
roleName: uni.getStorageSync("activeRole").roleName,
|
addressCode: code
|
}).then(res => {
|
let {
|
isJur,
|
doorplateType,
|
addressLevel,
|
addType
|
} = res.data;
|
if (isJur == 1) {
|
if (addType) {
|
if (res.data.addressType) {
|
this.addressType = res.data.addressType
|
}
|
this.addressName = res.data.addressName;
|
this.houseCode = code;
|
this.info.houseCode = code;
|
this.info.address = res.data.addressName;
|
this.info.lat = res.data.y;
|
this.info.lng = res.data.x;
|
this.isScan = true;
|
if (addType == 1 || addType == 3) {
|
if (res.data.householdList.length) {
|
this.houseHoldInfo = res.data.householdList[0];
|
let data = {
|
name: res.data.householdList[0].name,
|
telephone: res.data.householdList[0].phoneNumber,
|
idCard: res.data.householdList[0].idCard,
|
address: res.data.householdList[0].currentAddress
|
}
|
this.checkboxValue1.push(res.data.householdList[0].id)
|
this.info.backblastPubPersonEntityList.push(data);
|
} else {
|
this.houseHoldInfo = {}
|
}
|
}
|
if (addType == 2 || addType == 3) {
|
|
if (res.data.place) {
|
this.principalInfo = res.data.place;
|
let data = {
|
name: res.data.place[0].principal,
|
telephone: res.data.place[0].principalPhone,
|
idCard: res.data.place[0].principalIdCard
|
}
|
this.info.backblastPubPersonEntityList.push(data);
|
} else {
|
this.principalInfo = {}
|
}
|
} else {
|
this.principalInfo = {}
|
}
|
|
// this.getHouseInfo(code)
|
}
|
} else {
|
uni.showModal({
|
title: "提示!",
|
content: "该区域不是您管辖范围",
|
showCancel: false
|
})
|
}
|
})
|
},
|
|
navToHouse() {
|
uni.navigateTo({
|
url: `/subPackage/house/roomDetails/index?id=${this.info.houseCode}`
|
})
|
},
|
|
|
navigatorPage() {
|
uni.navigateTo({
|
url: `propagateRecord`
|
})
|
},
|
|
addPerson() {
|
let data = {
|
name: "",
|
telephone: "",
|
idCard: "",
|
address: "",
|
occupation: ""
|
}
|
this.info.backblastPubPersonEntityList.push(data)
|
},
|
|
delPerson(index) {
|
this.info.backblastPubPersonEntityList.splice(index, 1);
|
},
|
|
|
recognizePersonSuccess(e, index) {
|
let {
|
detail: {
|
name,
|
id,
|
address
|
}
|
} = e;
|
this.info.backblastPubPersonEntityList[index].name = name.text;
|
this.info.backblastPubPersonEntityList[index].idCard = id.text;
|
this.info.backblastPubPersonEntityList[index].address = address.text;
|
}
|
|
|
}
|
}
|
</script>
|
|
<style lang="less">
|
page {
|
background-color: #F5F5F5;
|
}
|
|
.content {
|
margin: 20rpx 30rpx;
|
padding: 0 30rpx;
|
}
|
|
.row {
|
padding: 20rpx 0;
|
border-bottom: 1px solid
|
}
|
|
.location-btn {
|
width: 116rpx;
|
height: 46rpx;
|
line-height: 46rpx;
|
border-radius: 4rpx;
|
border: 1px solid currentColor;
|
padding: 0;
|
background-color: #fff;
|
text-align: center;
|
}
|
|
.upload {
|
margin: 0 30rpx;
|
padding: 30rpx;
|
|
.upload-item {
|
width: 140rpx;
|
height: 140rpx;
|
border: 1px solid #EEEEEE;
|
}
|
}
|
|
.footer {
|
width: 100%;
|
padding: 30rpx;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
z-index: 10;
|
box-sizing: border-box;
|
|
.footer-btn {
|
width: 100%;
|
height: 78rpx;
|
line-height: 78rpx;
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
border-radius: 8rpx;
|
color: #fff;
|
font-size: 32rpx;
|
}
|
}
|
|
.popup-content {
|
width: 100%;
|
padding: 0 30rpx 30rpx;
|
box-sizing: border-box;
|
|
.popup-title {
|
padding: 30rpx 0;
|
text-align: center;
|
font-weight: bold;
|
}
|
|
.popup-list {
|
height: 650rpx;
|
}
|
|
.popup-list-item {
|
padding: 20rpx 0;
|
border-bottom: 1px solid #f1f1f1;
|
position: relative;
|
}
|
|
.check-icon {
|
position: absolute;
|
right: 20rpx;
|
top: 20rpx;
|
}
|
}
|
|
.address-content {
|
flex: 1;
|
// background-color: #F5F5F5;
|
font-size: 24rpx;
|
padding: 2rpx 10rpx;
|
text-align: right;
|
}
|
|
.top {
|
margin: 20rpx;
|
padding: 20rpx;
|
}
|
|
.footer {
|
width: 100%;
|
padding: 20rpx 30rpx;
|
background-color: #fff;
|
z-index: 999;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
box-shadow: 0rpx 0rpx 10rpx 1rpx rgba(0, 0, 0, 0.1);
|
padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
|
box-sizing: border-box;
|
|
.footer-item {
|
width: 48%;
|
height: 78rpx;
|
line-height: 78rpx;
|
font-size: 32rpx;
|
text-align: center;
|
border-radius: 8rpx;
|
}
|
|
.footer-left {
|
border: 1px solid currentColor;
|
}
|
|
.footer-right {
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
}
|
}
|
|
.info {
|
padding: 0 20rpx;
|
margin: 20rpx 30rpx;
|
|
.info-row {
|
padding: 20rpx 0;
|
}
|
}
|
|
.blank {
|
width: 100%;
|
height: 140rpx;
|
}
|
|
.submit-btn {
|
width: 690rpx;
|
height: 78rpx;
|
line-height: 78rpx;
|
background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%);
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
font-size: 32rpx;
|
color: #fff;
|
margin-top: 50rpx;
|
}
|
|
.list-btn {
|
width: 690rpx;
|
height: 78rpx;
|
line-height: 78rpx;
|
background: linear-gradient(163deg, #c7d7dc 0%, #c3cdd8 100%);
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
font-size: 32rpx;
|
color: #fff;
|
margin-top: 50rpx;
|
}
|
|
/deep/ .u-radio-group {
|
justify-content: flex-end;
|
}
|
|
/deep/ .u-textarea__field {
|
text-align: right;
|
}
|
|
.recognize-btn {
|
padding: 12rpx;
|
border-radius: 6rpx;
|
background-color: #3c9cff;
|
margin-left: 30rpx;
|
}
|
</style>
|
