|
|
@@ -1,668 +0,0 @@
|
|
|
-<template>
|
|
|
- <view class="app-container">
|
|
|
- <view class="main-list">
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable" style="flex: 1">代理级别</view>
|
|
|
- <view
|
|
|
- class="value"
|
|
|
- v-if="formData.agentApplyId && formData.auditStatus != 5"
|
|
|
- >
|
|
|
- <text>{{ formData.agentLevel == 1 ? "省级代理" : "区县代理" }}</text>
|
|
|
- </view>
|
|
|
- <view v-else>
|
|
|
- <uv-radio-group
|
|
|
- v-model="formData.agentLevel"
|
|
|
- @change="agentLevelChange"
|
|
|
- direction="row"
|
|
|
- >
|
|
|
- <uv-radio
|
|
|
- :name="1"
|
|
|
- label="省级代理"
|
|
|
- customStyle="margin-right: 30rpx"
|
|
|
- ></uv-radio>
|
|
|
- <uv-radio :name="2" label="区县代理"></uv-radio>
|
|
|
- </uv-radio-group>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <template v-if="formData.agentLevel == '2'">
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">省级代理邀请码</view>
|
|
|
- <view class="value">
|
|
|
- <text v-if="formData.agentApplyId && formData.auditStatus != 5">{{
|
|
|
- formData.invitationCode
|
|
|
- }}</text>
|
|
|
- <uv-input
|
|
|
- placeholder="请输入"
|
|
|
- border="none"
|
|
|
- v-model="formData.invitationCode"
|
|
|
- @blur="invitationCodeBlur()"
|
|
|
- v-else
|
|
|
- ></uv-input>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="sub-info" v-if="agentInfo.agentId">
|
|
|
- <view class="main-list-item no-border">
|
|
|
- <view class="lable">所属代理</view>
|
|
|
- <view class="value">
|
|
|
- <text>{{ agentInfo.realName }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item no-border">
|
|
|
- <view class="lable">代理电话</view>
|
|
|
- <view class="value">
|
|
|
- <text>{{ agentInfo.phone }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item no-border">
|
|
|
- <view class="lable">所属区域</view>
|
|
|
- <view class="value">
|
|
|
- <text>{{ agentInfo.provinceName }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </template>
|
|
|
-
|
|
|
- <view class="main-list-item idCard">
|
|
|
- <view class="img-view">
|
|
|
- <view class="lable">身份证正面</view>
|
|
|
- <view class="value">
|
|
|
- <image
|
|
|
- v-if="formData.agentApplyId && formData.auditStatus != 5"
|
|
|
- class="upload-img"
|
|
|
- :src="formData.idCardFrontUrl"
|
|
|
- mode="aspectFill"
|
|
|
- @click="showImg(formData.idCardFrontUrl)"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <uploadImg
|
|
|
- v-else
|
|
|
- :imgCount="1"
|
|
|
- :uploadImgCount="1"
|
|
|
- :imgArr="formData.idCardFrontUrl ? [formData.idCardFrontUrl] : []"
|
|
|
- @result="resultUrl($event, 'idCardFrontUrl')"
|
|
|
- :imgSize="1"
|
|
|
- ></uploadImg>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="img-view">
|
|
|
- <view class="lable">身份证反面</view>
|
|
|
- <view class="value">
|
|
|
- <image
|
|
|
- v-if="formData.agentApplyId && formData.auditStatus != 5"
|
|
|
- class="upload-img"
|
|
|
- :src="formData.idCardBackUrl"
|
|
|
- mode="aspectFill"
|
|
|
- @click="showImg(formData.idCardBackUrl)"
|
|
|
- >
|
|
|
- </image>
|
|
|
- <uploadImg
|
|
|
- v-else
|
|
|
- :imgCount="1"
|
|
|
- :uploadImgCount="1"
|
|
|
- :imgArr="formData.idCardBackUrl ? [formData.idCardBackUrl] : []"
|
|
|
- @result="resultUrl($event, 'idCardBackUrl')"
|
|
|
- :imgSize="1"
|
|
|
- ></uploadImg>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">真实姓名</view>
|
|
|
- <view class="value">
|
|
|
- <text v-if="formData.agentApplyId && formData.auditStatus != 5">{{
|
|
|
- formData.realName
|
|
|
- }}</text>
|
|
|
- <uv-input
|
|
|
- placeholder="请输入"
|
|
|
- border="none"
|
|
|
- v-model="formData.realName"
|
|
|
- v-else
|
|
|
- ></uv-input>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">联系电话</view>
|
|
|
- <view class="value">
|
|
|
- <text v-if="formData.agentApplyId && formData.auditStatus != 5">{{
|
|
|
- formData.phone
|
|
|
- }}</text>
|
|
|
- <uv-input
|
|
|
- placeholder="请输入"
|
|
|
- border="none"
|
|
|
- type="number"
|
|
|
- v-model="formData.phone"
|
|
|
- maxlength="11"
|
|
|
- v-else
|
|
|
- ></uv-input>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">身份证号</view>
|
|
|
- <view class="value">
|
|
|
- <text v-if="formData.agentApplyId && formData.auditStatus != 5">{{
|
|
|
- formData.idCard
|
|
|
- }}</text>
|
|
|
- <uv-input
|
|
|
- placeholder="请输入"
|
|
|
- border="none"
|
|
|
- v-model="formData.idCard"
|
|
|
- type="idcard"
|
|
|
- v-else
|
|
|
- ></uv-input>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable" style="flex: 1">性别</view>
|
|
|
- <view class="value" style="flex: none">
|
|
|
- <text v-if="formData.agentApplyId && formData.auditStatus != 5">{{
|
|
|
- formData.gender == 1 ? "男" : "女"
|
|
|
- }}</text>
|
|
|
- <uv-radio-group v-model="formData.gender" v-else>
|
|
|
- <uv-radio
|
|
|
- :name="1"
|
|
|
- label="男"
|
|
|
- customStyle="margin-right: 30rpx"
|
|
|
- ></uv-radio>
|
|
|
- <uv-radio :name="2" label="女"></uv-radio>
|
|
|
- </uv-radio-group>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item no-border">
|
|
|
- <view class="lable"
|
|
|
- >申请{{ formData.agentLevel == 1 ? "省份" : "区域" }}</view
|
|
|
- >
|
|
|
- <view class="value" @click.stop="showPicker">
|
|
|
- <template v-if="formData.agentLevel == 1">
|
|
|
- <text v-if="formData.provinceName">{{
|
|
|
- formData.provinceName
|
|
|
- }}</text>
|
|
|
- <text v-else class="placeholder">请选择省份</text>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <text v-if="formData.cityName">{{
|
|
|
- formData.provinceName +
|
|
|
- (formData.cityName || "") +
|
|
|
- (formData.areaName || "")
|
|
|
- }}</text>
|
|
|
- <text v-else class="placeholder">请选择所属市、县</text>
|
|
|
- </template>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="main-line" v-if="formData.agentApplyId"> </view>
|
|
|
-
|
|
|
- <!-- 审核信息 -->
|
|
|
- <view class="main-list" v-if="formData.agentApplyId">
|
|
|
- <view>
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">审核时间</view>
|
|
|
- <view class="value">
|
|
|
- {{ formData.auditTime || "--" }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item">
|
|
|
- <view class="lable">审核结果</view>
|
|
|
- <view class="value">
|
|
|
- <text v-if="formData.auditStatus == 0">待审核</text>
|
|
|
- <text v-if="formData.auditStatus == 10" style="color: #33cc33"
|
|
|
- >通过</text
|
|
|
- >
|
|
|
- <text v-if="formData.auditStatus == 5" style="color: red"
|
|
|
- >拒绝</text
|
|
|
- >
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="main-list-item" v-if="formData.auditStatus == 5">
|
|
|
- <view class="lable">拒绝原因</view>
|
|
|
- <view class="value">
|
|
|
- {{ formData.auditResult }}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 浮动按钮 -->
|
|
|
- <view
|
|
|
- class="float-view"
|
|
|
- v-if="!formData.agentApplyId || formData.auditStatus == 5"
|
|
|
- >
|
|
|
- <view class="float-view-text">
|
|
|
- 省级代理需要通过平台审核,区县代理由省级代理审核
|
|
|
- </view>
|
|
|
- <view class="u-btn-two" @click="JoinNow">立即加入</view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 地区选择器 -->
|
|
|
- <uv-picker
|
|
|
- ref="pickerRef"
|
|
|
- :columns="columns"
|
|
|
- @confirm="pickerConfirm"
|
|
|
- keyName="label"
|
|
|
- ></uv-picker>
|
|
|
-
|
|
|
- <!-- 合同确认弹框 -->
|
|
|
- <contractConfirm
|
|
|
- ref="contractConfirmRef"
|
|
|
- :agreementList="agreementList"
|
|
|
- @agreement="handleAgreement"
|
|
|
- @agree="handleAgree"
|
|
|
- />
|
|
|
-
|
|
|
- <!-- 合同模板 -->
|
|
|
- <contractTemplate ref="contractRef" />
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-<script setup>
|
|
|
-import { ref, reactive } from "vue";
|
|
|
-import { onLoad } from "@dcloudio/uni-app";
|
|
|
-import { cnareaTreeLbs } from "@/api/index.js";
|
|
|
-import {
|
|
|
- agentApplyAdd_Api,
|
|
|
- agentApplyEdit_Api,
|
|
|
- agentProvinceAgent_Api,
|
|
|
- agentApplyInfo_Api,
|
|
|
-} from "@/api/agencyCenter";
|
|
|
-import $config from "@/config/global.config";
|
|
|
-
|
|
|
-const contractRef = ref(null);
|
|
|
-const pickerRef = ref(null);
|
|
|
-const contractConfirmRef = ref(null);
|
|
|
-const regionList = ref([]); // 区域列表
|
|
|
-const agreementList = ref([
|
|
|
- {
|
|
|
- lable: "软件代理销售合同",
|
|
|
- code: "1",
|
|
|
- },
|
|
|
-]); // 协议列表
|
|
|
-const formData = reactive({
|
|
|
- agentLevel: 1,
|
|
|
- gender: 1,
|
|
|
-}); // 表单数据
|
|
|
-const columns = ref([]); // 地区列表数据
|
|
|
-const agentInfo = ref({}); // 代理信息
|
|
|
-let cityObj = {}; // 直辖市数据
|
|
|
-
|
|
|
-// 获取地区数据
|
|
|
-const getCnareaTreeLbs = () => {
|
|
|
- cnareaTreeLbs().then((res) => {
|
|
|
- if (res.code == 200 && res.data) {
|
|
|
- regionList.value = res.data.children || [];
|
|
|
- columns.value = [regionList.value];
|
|
|
- }
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-// 代理级别改变
|
|
|
-const agentLevelChange = (value) => {
|
|
|
- formData.provinceCode = null;
|
|
|
- formData.provinceName = null;
|
|
|
- formData.cityCode = null;
|
|
|
- formData.cityName = null;
|
|
|
- formData.areaCode = null;
|
|
|
- formData.areaName = null;
|
|
|
- formData.parentAgentId = null;
|
|
|
- formData.parentAgentPhone = null;
|
|
|
- formData.invitationCode = null;
|
|
|
- agentInfo.value = {};
|
|
|
-};
|
|
|
-
|
|
|
-const showPicker = () => {
|
|
|
- if (formData.agentApplyId && formData.auditStatus != 5) return;
|
|
|
- if (formData.agentLevel == 1) {
|
|
|
- columns.value = [regionList.value];
|
|
|
- if (formData.provinceCode) {
|
|
|
- let index = regionList.value.findIndex(
|
|
|
- (item) => item.value == formData.provinceCode
|
|
|
- );
|
|
|
- // console.log(index);
|
|
|
- pickerRef.value.setIndexs([index], true);
|
|
|
- }
|
|
|
- // pickerRef.value.setIndexs([5],true);
|
|
|
- } else {
|
|
|
- if (!formData.provinceCode) {
|
|
|
- uni.$uv.toast("请先输入邀请码确认省级代理");
|
|
|
- return;
|
|
|
- }
|
|
|
- let objs =
|
|
|
- regionList.value.find((item) => item.value == formData.provinceCode) ||
|
|
|
- {};
|
|
|
- console.log(objs);
|
|
|
- if (!objs.value) return uni.$uv.toast("未匹配到省级地区数据");
|
|
|
- if (
|
|
|
- [
|
|
|
- "北京市",
|
|
|
- "天津市",
|
|
|
- "上海市",
|
|
|
- "香港特别行政区",
|
|
|
- "重庆市",
|
|
|
- "澳门特别行政区",
|
|
|
- ].includes(objs.label)
|
|
|
- ) {
|
|
|
- cityObj = {
|
|
|
- cityCode: objs.children[0].value,
|
|
|
- cityName: objs.children[0].label,
|
|
|
- };
|
|
|
- columns.value = [objs.children[0].children];
|
|
|
-
|
|
|
- if (formData.areaCode) {
|
|
|
- let index = objs.children[0].children.findIndex(
|
|
|
- (item) => item.value == formData.areaCode
|
|
|
- );
|
|
|
- // console.log(index);
|
|
|
- pickerRef.value.setIndexs([index], true);
|
|
|
- }
|
|
|
- } else {
|
|
|
- cityObj = {};
|
|
|
- columns.value = [objs.children];
|
|
|
- if (formData.cityCode) {
|
|
|
- let index = objs.children.findIndex(
|
|
|
- (item) => item.value == formData.cityCode
|
|
|
- );
|
|
|
- // console.log(index);
|
|
|
- pickerRef.value.setIndexs([index], true);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- pickerRef.value.open();
|
|
|
-};
|
|
|
-// 地区选择回调
|
|
|
-const pickerConfirm = (e) => {
|
|
|
- // console.log(e);
|
|
|
- if (formData.agentLevel == 1) {
|
|
|
- formData.provinceCode = e.value[0].value;
|
|
|
- formData.provinceName = e.value[0].label;
|
|
|
- } else {
|
|
|
- if (cityObj.cityCode) {
|
|
|
- formData.areaCode = e.value[0].value;
|
|
|
- formData.areaName = e.value[0].label;
|
|
|
- formData.cityCode = cityObj.cityCode;
|
|
|
- formData.cityName = cityObj.cityName;
|
|
|
- } else {
|
|
|
- formData.cityCode = e.value[0].value;
|
|
|
- formData.cityName = e.value[0].label;
|
|
|
- }
|
|
|
- }
|
|
|
- // console.log(formData);
|
|
|
-};
|
|
|
-
|
|
|
-// 显示图片
|
|
|
-const showImg = (url) => {
|
|
|
- if (!url) return;
|
|
|
- uni.previewImage({
|
|
|
- urls: [url],
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-// 图片修改
|
|
|
-const resultUrl = (e, type) => {
|
|
|
- // console.log(e, type);
|
|
|
- formData[type] = e.length > 0 ? e[0] : undefined;
|
|
|
-};
|
|
|
-
|
|
|
-// 立即加入
|
|
|
-const JoinNow = () => {
|
|
|
- if (!formData.realName) {
|
|
|
- return uni.$uv.toast("请输入真实姓名");
|
|
|
- }
|
|
|
- if (!formData.phone) {
|
|
|
- return uni.$uv.toast("请输入联系电话");
|
|
|
- }
|
|
|
- if (!$config.telRegex.test(formData.phone)) {
|
|
|
- return uni.$uv.toast("请输入正确的联系电话");
|
|
|
- }
|
|
|
- if (!formData.idCard) {
|
|
|
- return uni.$uv.toast("请输入身份证号");
|
|
|
- }
|
|
|
- if (!$config.telIdentity.test(formData.idCard)) {
|
|
|
- return uni.$uv.toast("请输入正确的身份证号");
|
|
|
- }
|
|
|
- if (!formData.provinceName) {
|
|
|
- return uni.$uv.toast("请选择省份");
|
|
|
- }
|
|
|
- if (formData.agentLevel == "2" && !formData.cityName) {
|
|
|
- return uni.$uv.toast("请选择申请区域");
|
|
|
- }
|
|
|
- if (!formData.idCardFrontUrl) {
|
|
|
- return uni.$uv.toast("请上传身份证正面");
|
|
|
- }
|
|
|
- if (!formData.idCardBackUrl) {
|
|
|
- return uni.$uv.toast("请上传身份证反面");
|
|
|
- }
|
|
|
- contractConfirmRef.value.open();
|
|
|
-};
|
|
|
-
|
|
|
-// 显示合同
|
|
|
-const handleAgreement = (code) => {
|
|
|
- contractRef.value.open(formData);
|
|
|
-};
|
|
|
-
|
|
|
-// 同意协议
|
|
|
-const handleAgree = () => {
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/agencyCenter/signature",
|
|
|
- events: {
|
|
|
- confirm: (e) => {
|
|
|
- // console.log(e.data);
|
|
|
- formData.signImage = e.data;
|
|
|
- if (!e.data) {
|
|
|
- return uni.$uv.toast("手写签名获取失败,请重新绘制");
|
|
|
- }
|
|
|
- setTimeout(() => {
|
|
|
- handleSubmit();
|
|
|
- }, 1000);
|
|
|
- },
|
|
|
- },
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-// 最终提交数据
|
|
|
-const handleSubmit = () => {
|
|
|
- uni.showLoading({
|
|
|
- title: "提交中...",
|
|
|
- mask: true,
|
|
|
- });
|
|
|
- let form = {
|
|
|
- ...formData,
|
|
|
- };
|
|
|
- let url = formData.agentApplyId ? agentApplyEdit_Api : agentApplyAdd_Api;
|
|
|
- url(form)
|
|
|
- .then((res) => {
|
|
|
- // console.log(res);
|
|
|
- uni.hideLoading();
|
|
|
- if (res.code == 200) {
|
|
|
- uni.showToast({
|
|
|
- title: "提交成功",
|
|
|
- icon: "success",
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- // uni.navigateBack();
|
|
|
- uni.redirectTo({
|
|
|
- url: "/pages/agencyCenter/submitView",
|
|
|
- });
|
|
|
- }, 1000);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- // uni.hideLoading();
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-// 获取代理申请详细信息
|
|
|
-const getAgentApplyInfo = (scene = "") => {
|
|
|
- // return;
|
|
|
- console.log("scene====>", scene);
|
|
|
- uni.showLoading({ title: "加载中...", mask: true });
|
|
|
- agentApplyInfo_Api()
|
|
|
- .then((res) => {
|
|
|
- uni.hideLoading();
|
|
|
- // console.log(res);
|
|
|
- if (res.code == 200 && res.data) {
|
|
|
- if (res.data.agentLevel == 2 && res.data.parentAgentVo) {
|
|
|
- agentInfo.value = res.data.parentAgentVo || {};
|
|
|
- }
|
|
|
- Object.assign(formData, {
|
|
|
- ...res.data,
|
|
|
- parentAgentId: res.data.parentAgentId,
|
|
|
- parentAgentPhone: agentInfo.value.phone,
|
|
|
- invitationCode: agentInfo.value.inviteCode,
|
|
|
- });
|
|
|
- } else if (scene) {
|
|
|
- Object.assign(formData, {
|
|
|
- invitationCode: scene,
|
|
|
- agentLevel: 2,
|
|
|
- });
|
|
|
- setTimeout(() => {
|
|
|
- invitationCodeBlur();
|
|
|
- }, 500);
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- // uni.hideLoading();
|
|
|
- });
|
|
|
-};
|
|
|
-
|
|
|
-// 邀请码失焦/邀请码点击确认
|
|
|
-const invitationCodeBlur = (e) => {
|
|
|
- // console.log(e);
|
|
|
- if (formData.invitationCode) {
|
|
|
- agentProvinceAgent_Api(formData.invitationCode).then((res) => {
|
|
|
- // console.log(res);
|
|
|
- if (res.code == 200) {
|
|
|
- agentInfo.value = res.data || {};
|
|
|
- Object.assign(formData, {
|
|
|
- provinceCode: res.data.provinceCode,
|
|
|
- provinceName: res.data.provinceName,
|
|
|
- parentAgentId: res.data.agentId,
|
|
|
- parentAgentPhone: res.data.phone,
|
|
|
- areaCode: undefined,
|
|
|
- areaName: undefined,
|
|
|
- cityCode: undefined,
|
|
|
- cityName: undefined,
|
|
|
- });
|
|
|
- }
|
|
|
- });
|
|
|
- } else {
|
|
|
- agentInfo.value = {};
|
|
|
- Object.assign(formData, {
|
|
|
- provinceCode: undefined,
|
|
|
- provinceName: undefined,
|
|
|
- parentAgentId: undefined,
|
|
|
- parentAgentPhone: undefined,
|
|
|
- areaCode: undefined,
|
|
|
- areaName: undefined,
|
|
|
- cityCode: undefined,
|
|
|
- cityName: undefined,
|
|
|
- });
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-onLoad((options) => {
|
|
|
- getCnareaTreeLbs();
|
|
|
- getAgentApplyInfo(options.scene || "");
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.app-container {
|
|
|
- padding: 0 0 30rpx 0;
|
|
|
- min-height: 100vh;
|
|
|
- box-sizing: border-box;
|
|
|
- padding-bottom: 200rpx;
|
|
|
- .sub-info {
|
|
|
- // border: 1rpx solid #f0f0f0;
|
|
|
- border-radius: 20rpx;
|
|
|
- padding: 20rpx;
|
|
|
- margin-top: 10rpx;
|
|
|
- background: #f7f6f6;
|
|
|
- .main-list-item {
|
|
|
- padding: 10rpx 0 !important;
|
|
|
- .lable,
|
|
|
- .value {
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
- .value {
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .main-line {
|
|
|
- width: 750rpx;
|
|
|
- height: 12rpx;
|
|
|
- background: #f7f7f7;
|
|
|
- margin: 10rpx 0;
|
|
|
- }
|
|
|
-
|
|
|
- .main-list {
|
|
|
- padding: 0 30rpx;
|
|
|
- .main-list-item.no-border {
|
|
|
- border: none;
|
|
|
- }
|
|
|
- .main-list-item.idCard {
|
|
|
- .img-view {
|
|
|
- text-align: center;
|
|
|
- .lable {
|
|
|
- margin-bottom: 20rpx;
|
|
|
- }
|
|
|
- &:deep(.uploadImg__item),
|
|
|
- .upload-img {
|
|
|
- margin: 0 !important;
|
|
|
- width: 300rpx;
|
|
|
- height: 200rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .main-list-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 30rpx 0 20rpx 0;
|
|
|
- border-bottom: 1rpx solid #eaeaea;
|
|
|
- .lable {
|
|
|
- min-width: 140rpx;
|
|
|
- flex-shrink: 0;
|
|
|
- margin-right: 20rpx;
|
|
|
- }
|
|
|
- .value {
|
|
|
- flex: 1;
|
|
|
- text-align: right;
|
|
|
- &:deep(input) {
|
|
|
- text-align: right !important;
|
|
|
- }
|
|
|
- .placeholder {
|
|
|
- color: #c0c4cc;
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .float-view {
|
|
|
- width: 750rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20rpx 20rpx 30rpx 20rpx;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- background-color: #ffffff;
|
|
|
- border-top: 1rpx solid #eaeaea;
|
|
|
- .float-view-text {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #808080;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .u-btn-two {
|
|
|
- height: 90rpx;
|
|
|
- line-height: 90rpx;
|
|
|
- border-radius: 45rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|