From b5f084460e9e639358fbf91056a86be8d0a5c4b2 Mon Sep 17 00:00:00 2001
From: yaolonglong <yaolonglong15@163.com>
Date: 星期四, 09 十月 2025 20:18:57 +0800
Subject: [PATCH] 获取验证码功能
---
qiye/record/details.vue | 1113 +++++++++++++++++++++++++++++----------------------------
1 files changed, 563 insertions(+), 550 deletions(-)
diff --git a/qiye/record/details.vue b/qiye/record/details.vue
index ba6803b..c939414 100644
--- a/qiye/record/details.vue
+++ b/qiye/record/details.vue
@@ -1,44 +1,44 @@
<template>
- <view>
- <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
- <template slot="center">
- <view style="color: white;">鎵ф硶淇℃伅</view>
- </template>
- </u-navbar>
- <view class="donw-box"></view>
- <view class="page-main">
- <view class="title">
- 鎵ф硶璇︽儏
- <!-- <template v-if="msg.isEva==0">鏈瘎浠�</template>
+ <view>
+ <u-navbar placeholder bgColor="#1171E0FF" leftIconColor="white" :autoBack="true">
+ <template slot="center">
+ <view style="color: white;">鎵ф硶淇℃伅</view>
+ </template>
+ </u-navbar>
+ <view class="donw-box"></view>
+ <view class="page-main">
+ <view class="title">
+ 鎵ф硶璇︽儏
+ <!-- <template v-if="msg.isEva==0">鏈瘎浠�</template>
<template v-if="msg.isEva==1">宸茶瘎浠�</template>
<template v-if="msg.orderStatus==2">寰呮墽娉�</template> -->
- </view>
- <view class="wbox">
- <view class="item">
- <view class="k">
- 鎵ф硶绫诲瀷
- </view>
- <view class="v">
- {{type}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶浜�
- </view>
- <view class="v">
- {{msg.executeUser || msg.applyUser}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶閮ㄩ棬
- </view>
- <view class="v">
- {{msg.executeDeptName || msg.applyDeptName}}
- </view>
- </view>
- <!-- <view class="item">
+ </view>
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 妫�鏌ユ柟寮�
+ </view>
+ <view class="v">
+ {{type}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶浜�
+ </view>
+ <view class="v">
+ {{msg.executeUser || msg.applyUser}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶閮ㄩ棬
+ </view>
+ <view class="v">
+ {{msg.executeDeptName || msg.applyDeptName}}
+ </view>
+ </view>
+ <!-- <view class="item">
<view class="k">
浼佷笟
</view>
@@ -46,568 +46,581 @@
{{msg.companyName}}
</view>
</view> -->
- </view>
- <view style="height: 20rpx;"></view>
- <view class="wbox">
- <view class="item">
- <view class="k">
- 鎵ф硶涓婚
- </view>
- <view class="v">
- {{msg.enforceReason}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶鍐呭
- </view>
- <view class="v" v-if="!img.length">
- {{ msg.enforceContent}}
- </view>
- </view>
- <view class="imgbox" v-if="img.length">
- <template >
- <img v-for="(item,index) in img" :key="index" :src="item" class="more" alt="" @click="imgclick(item)" />
- </template>
-
- <!-- <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
+ </view>
+ <view style="height: 20rpx;"></view>
+ <view class="wbox">
+ <view class="item">
+ <view class="k">
+ 鎵ф硶涓婚
+ </view>
+ <view class="v">
+ {{msg.enforceReason}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶鍐呭
+ </view>
+ <view class="v" v-if="!img.length">
+ {{ msg.enforceContent}}
+ </view>
+ </view>
+ <view class="imgbox" v-if="img.length">
+ <template>
+ <img v-for="(item,index) in img" :key="index" :src="item" class="more" alt="" @click="imgclick(item)" />
+ </template>
+
+ <!-- <img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
<img src="/static/i02.png" class="more" alt="" />
<img src="/static/i03.png" class="more" alt="" />
<img src="/static/i04.png" class="more" alt="" /> -->
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶缁撴灉
- </view>
- <view class="v" style="color: #EB4746;">
- {{msg.regionReason || '--'}}
- </view>
- </view>
- <view class="item">
- <view class="k">
- 鎵ф硶鏃堕棿
- </view>
- <view class="v">
- {{msg.inTime || msg.planTime}}
- </view>
- </view>
- </view>
- <view style="height: 20rpx;"></view>
- <view class="wbox2" v-if="msg.isEva==1">
- <view class="t">
- 鎵ф硶璇勪环
- </view>
- <template v-for="(item,index) in qlist">
- <view class="sbox" v-if="item.questionType==2">
- <view class="t2">
- {{item.questionName}}
- </view>
- <view class="xbox">
- <view>
- <img src="/static/qiye/xing1.png" alt="" />
- <view>
- 寰堢碂绯�
- </view>
- </view>
- <view>
- <img v-if="item.getScore>=2" src="/static/qiye/xing1.png" alt="" />
- <img v-else src="/static/qiye/xing2.png" alt="" />
- <view :class="item.getScore==2?'hei':''">
- 涓嶆弧鎰�
- </view>
- </view>
- <view>
- <img v-if="item.getScore>=3" src="/static/qiye/xing1.png" alt="" />
- <img v-else src="/static/qiye/xing2.png" alt="" />
- <view :class="item.getScore==3?'hei':''">
- 涓�鑸埇
- </view>
- </view>
- <view>
- <img v-if="item.getScore>=4" src="/static/qiye/xing1.png" alt="" />
- <img v-else src="/static/qiye/xing2.png" alt="" />
- <view :class="item.getScore==4?'hei':''">
- 婊℃剰
- </view>
- </view>
- <view>
- <img v-if="item.getScore>=5" src="/static/qiye/xing1.png" alt="" />
- <img v-else src="/static/qiye/xing2.png" alt="" />
- <view :class="item.getScore==5?'hei':''">
- 闈炲父婊℃剰
- </view>
- </view>
- </view>
- <view class="line"></view>
- </view>
- <view class="sbox" v-if="item.questionType==1">
- <view class="t2">
- {{item.questionName}}
- </view>
- <u-radio-group v-model="item.remark">
- <u-radio v-for="(aa, ii) in item.answerList" :key="ii" :name="aa.answerId"
- :disabled="item.remark!=aa.answerId">
- {{aa.answerName}}
- </u-radio>
- </u-radio-group>
- <!-- <u-radio-group v-model="value">
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶缁撴灉
+ </view>
+ <view class="v" style="color: #EB4746;">
+ {{msg.regionReason || '--'}}
+ </view>
+ </view>
+ <view class="item">
+ <view class="k">
+ 鎵ф硶鏃堕棿
+ </view>
+ <view class="v">
+ {{msg.inTime || msg.planTime}}
+ </view>
+ </view>
+ </view>
+ <view style="height: 20rpx;"></view>
+ <view class="wbox2" v-if="msg.isEva==1">
+ <view class="t">
+ 鎵ф硶璇勪环
+ </view>
+ <template v-for="(item,index) in qlist">
+ <view class="sbox" v-if="item.questionType==2">
+ <view class="t2">
+ {{item.questionName}}
+ </view>
+ <view class="xbox">
+ <view>
+ <img src="/static/qiye/xing1.png" alt="" />
+ <view>
+ 寰堢碂绯�
+ </view>
+ </view>
+ <view>
+ <img v-if="item.getScore>=2" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="item.getScore==2?'hei':''">
+ 涓嶆弧鎰�
+ </view>
+ </view>
+ <view>
+ <img v-if="item.getScore>=3" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="item.getScore==3?'hei':''">
+ 涓�鑸埇
+ </view>
+ </view>
+ <view>
+ <img v-if="item.getScore>=4" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="item.getScore==4?'hei':''">
+ 婊℃剰
+ </view>
+ </view>
+ <view>
+ <img v-if="item.getScore>=5" src="/static/qiye/xing1.png" alt="" />
+ <img v-else src="/static/qiye/xing2.png" alt="" />
+ <view :class="item.getScore==5?'hei':''">
+ 闈炲父婊℃剰
+ </view>
+ </view>
+ </view>
+ <view class="line"></view>
+ </view>
+ <view class="sbox" v-if="item.questionType==1">
+ <view class="t2">
+ {{item.questionName}}
+ </view>
+ <u-radio-group v-model="item.remark">
+ <u-radio v-for="(aa, ii) in item.answerList" :key="ii" :name="aa.answerId"
+ :disabled="item.remark!=aa.answerId">
+ {{aa.answerName}}
+ </u-radio>
+ </u-radio-group>
+ <!-- <u-radio-group v-model="value">
<u-radio name="orange">閫変腑</u-radio>
<u-radio name="1" :disabled="true">鏈�変腑</u-radio>
</u-radio-group> -->
- <view class="line"></view>
- </view>
- </template>
-
-
- <view class="sbox" v-if="msg.evaluateVo.questionRemark">
- <view class="t2">
- 瀵规垜浠殑璇勪环
- </view>
- <view class="pjbox">
- {{msg.evaluateVo.questionRemark}}
- </view>
- </view>
- </view>
- </view>
- <view class="bottom" v-if=" msg.orderStatus== 5">
- <view class="one" v-if="msg.isComplaint != 1 && msg.isEva == 1">
- <view class="b1" @click="open()">
- 鎶曡瘔
- </view>
- </view>
- <view class="two" v-if="msg.isComplaint != 1 && msg.isEva != 1">
- <view class="b2" @click="open()" >
- 鎶曡瘔
- </view>
- <view class="b3" @click="pingjia()">
- 鎴戣璇勪环
- </view>
- </view>
- <view class="one" v-if="msg.isComplaint == 1 && msg.isEva != 1">
- <view class="b1" @click="pingjia()">
- 鎴戣璇勪环
- </view>
- </view>
- </view>
- <view class="bottom" v-if=" msg.orderStatus == 4">
- <view class="one" >
- <view class="b1" style="background-color: #1171E0;color: white;" @click="enterOrder()">
- 纭
- </view>
- </view>
-
-
- </view>
- <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>
- <view class="page-box">
- <view class="title1">
- 浼佷笟鎶曡瘔
- </view>
- <view class="border"></view>
- <view class="padding">
- <view class="font">
- 鎶曡瘔涓婚
- </view>
- <view>
- <u-radio-group v-model="complaintType">
- <u-radio v-for="(aa, ii) in list" :key="ii" :name="aa.dictCode">
- {{aa.dictLabel}}
- </u-radio>
- </u-radio-group>
- </view>
- <view class="font">
- 鎶曡瘔鍐呭
- </view>
- <view class="margin-top">
- <u-textarea :cursorSpacing="70" v-model="complaintReason" placeholder="璇疯緭鍏�..."></u-textarea>
- </view>
- </view>
- <view class="down">
- <view class="enter" @click="entery()">鎻愪氦</view>
- </view>
- </view>
- </u-popup>
- </view>
+ <view class="line"></view>
+ </view>
+ </template>
+
+
+ <view class="sbox" v-if="msg.evaluateVo.questionRemark">
+ <view class="t2">
+ 瀵规垜浠殑璇勪环
+ </view>
+ <view class="pjbox">
+ {{msg.evaluateVo.questionRemark}}
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="bottom" v-if="msg.orderStatus== 5 && from != 1">
+ <view class="one" v-if="msg.isComplaint != 1 && msg.isEva == 1">
+ <view class="b1" @click="open()">
+ 鎶曡瘔
+ </view>
+ </view>
+ <view class="two" v-if="msg.isComplaint != 1 && msg.isEva != 1">
+ <view class="b2" @click="open()">
+ 鎶曡瘔
+ </view>
+ <view class="b3" @click="pingjia()">
+ 鎴戣璇勪环
+ </view>
+ </view>
+ <view class="one" v-if="msg.isComplaint == 1 && msg.isEva != 1">
+ <view class="b1" @click="pingjia()">
+ 鎴戣璇勪环
+ </view>
+ </view>
+ </view>
+ <view class="bottom" v-if="msg.orderStatus == 4 && from != 1">
+ <view class="one">
+ <view class="b1" style="background-color: #1171E0;color: white;" @click="enterOrder()">
+ 纭
+ </view>
+ </view>
+ </view>
+ <u-popup :show="show" @close="close" mode="bottom" round="10" closeable>
+ <view class="page-box">
+ <view class="title1">
+ 浼佷笟鎶曡瘔
+ </view>
+ <view class="border"></view>
+ <view class="padding">
+ <view class="font">
+ 鎶曡瘔涓婚
+ </view>
+ <view>
+ <u-radio-group v-model="complaintType">
+ <u-radio v-for="(aa, ii) in list" :key="ii" :name="aa.dictCode">
+ {{aa.dictLabel}}
+ </u-radio>
+ </u-radio-group>
+ </view>
+ <view class="font">
+ 鎶曡瘔鍐呭
+ </view>
+ <view class="margin-top">
+ <u-textarea :cursorSpacing="70" v-model="complaintReason" placeholder="璇疯緭鍏�..."></u-textarea>
+ </view>
+ </view>
+ <view class="down">
+ <view class="enter" @click="entery()">鎻愪氦</view>
+ </view>
+ </view>
+ </u-popup>
+ </view>
</template>
<script>
- import { order } from '@/api/index.js'
- import { getDicts } from '@/api/data.js'
- import { config } from '@/common/config'
- import { orderComplaint, confirmOrderId } from '@/api/qiye.js'
- export default {
- data() {
- return {
- complaintType:'',
- complaintReason:'',
- id:'',
- msg:{},
- type:'',
- img:[],
- baseUrl: config.baseUrl,
- xing: 5,
- value: 'orange',
- //type: 2,
- show: false,
- list: [
- ],
- qlist:[]
- }
- },
- onLoad(options) {
- this.id = options.id
- //this.getdata(options.id)
- getDicts('complaint_type').then(val => {
- this.list = val.data.data
- console.log(this.list)
- // const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
- // this.type = value.dictLabel
- })
- // this.getdata()
- },
- onShow(options) {
- this.getdata()
- },
- methods: {
- enterOrder() {
- uni.showModal({
- title: '鎻愮ず',
- content: '纭璇ヨ鍗曪紵',
- success: val => {
- if(val.confirm) {
- confirmOrderId({orderId: this.msg.orderId}).then(val => {
- if(val.data.code == 200) {
- uni.showToast({
- title: '纭鎴愬姛',
- icon: 'none'
- })
- this.getdata()
- }
- })
- }
- }
-
- })
-
- },
- getdata(){
- order(this.id).then(val => {
-
- this.msg = val.data.data
- getDicts('enforce_type').then(val => {
- const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
- this.type = value.dictLabel
- })
- let arr = this.msg.regionImgs.split(",");
- for(let i = 0;i<arr.length;i++){
- this.img.push(this.baseUrl+arr[i])
- }
- this.qlist = this.msg.evaluateVo.questionList
- for(let i = 0;i<this.qlist.length;i++){
- if(this.qlist[i].questionType==1&&this.qlist[i].remark){
- this.qlist[i].remark = Number(this.qlist[i].remark)
- }
- }
-
- })
- },
- daxing(a) {
- this.xing = a
- },
- imgclick(url) {
- uni.previewImage({
- urls: [url]
- })
- },
- pingjia(){
- uni.navigateTo({
- url: `/qiye/record/evaluate?id=${this.msg.orderId}`
- })
- },
- open() {
- this.show = true
- },
- close() {
- this.show = false
- this.$emit('cancel')
- },
- entery() {
- this.$emit('entery')
- if(this.complaintType==''){
- uni.showToast({
- title: '璇烽�夋嫨鎶曡瘔涓婚',
- icon: 'none'
- })
- return
- }
- if(this.complaintReason==''){
- uni.showToast({
- title: '璇疯緭鍏ユ姇璇夊唴瀹�',
- icon: 'none'
- })
- return
- }
- let data = {
- orderId:Number(this.id),
- complaintType:this.complaintType,
- complaintReason:this.complaintReason
- }
- console.log(data)
- //return;
- orderComplaint(data).then(val => {
- uni.showToast({
- title: '鎻愪氦鎴愬姛',
- icon: 'none'
- })
- this.show = false
- })
- },
+ import {
+ order
+ } from '@/api/index.js'
+ import {
+ getDicts
+ } from '@/api/data.js'
+ import {
+ config
+ } from '@/common/config'
+ import {
+ orderComplaint,
+ confirmOrderId
+ } from '@/api/qiye.js'
+ export default {
+ data() {
+ return {
+ complaintType: '',
+ complaintReason: '',
+ id: '',
+ msg: {},
+ type: '',
+ img: [],
+ baseUrl: config.baseUrl,
+ xing: 5,
+ value: 'orange',
+ //type: 2,
+ show: false,
+ list: [],
+ qlist: [],
+ from: '', // 1 缁煎悎鏌ヤ竴娆�
+ }
+ },
+ onLoad(options) {
+ this.id = options.id
+ this.from = options.type || ''
+ //this.getdata(options.id)
+ getDicts('complaint_type').then(val => {
+ this.list = val.data.data
+ console.log(this.list)
+ // const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
+ // this.type = value.dictLabel
+ })
+ // this.getdata()
+ },
+ onShow(options) {
+ this.getdata()
+ },
+ methods: {
+ enterOrder() {
+ uni.showModal({
+ title: '鎻愮ず',
+ content: '鏄惁纭璇ユ鏌ュ唴瀹癸紵',
+ success: val => {
+ if (val.confirm) {
+ confirmOrderId({
+ orderId: this.msg.orderId
+ }).then(val => {
+ if (val.data.code == 200) {
+ uni.showToast({
+ title: '纭鎴愬姛',
+ icon: 'none'
+ })
+ this.getdata()
+ }
+ })
+ }
+ }
- }
- }
+ })
+
+ },
+ getdata() {
+ order(this.id).then(val => {
+
+ this.msg = val.data.data
+ getDicts('enforce_type').then(val => {
+ const value = val.data.data.find(item => item.dictCode == this.msg.enforceType)
+ this.type = value.dictLabel
+ })
+ let arr = this.msg.regionImgs.split(",");
+ for (let i = 0; i < arr.length; i++) {
+ this.img.push(this.baseUrl + arr[i])
+ }
+ this.qlist = this.msg.evaluateVo.questionList
+ for (let i = 0; i < this.qlist.length; i++) {
+ if (this.qlist[i].questionType == 1 && this.qlist[i].remark) {
+ this.qlist[i].remark = Number(this.qlist[i].remark)
+ }
+ }
+
+ })
+ },
+ daxing(a) {
+ this.xing = a
+ },
+ imgclick(url) {
+ uni.previewImage({
+ urls: [url]
+ })
+ },
+ pingjia() {
+ uni.navigateTo({
+ url: `/qiye/record/evaluate?id=${this.msg.orderId}`
+ })
+ },
+ open() {
+ this.show = true
+ },
+ close() {
+ this.show = false
+ this.$emit('cancel')
+ },
+ entery() {
+ this.$emit('entery')
+ if (this.complaintType == '') {
+ uni.showToast({
+ title: '璇烽�夋嫨鎶曡瘔涓婚',
+ icon: 'none'
+ })
+ return
+ }
+ if (this.complaintReason == '') {
+ uni.showToast({
+ title: '璇疯緭鍏ユ姇璇夊唴瀹�',
+ icon: 'none'
+ })
+ return
+ }
+ let data = {
+ orderId: Number(this.id),
+ complaintType: this.complaintType,
+ complaintReason: this.complaintReason
+ }
+ console.log(data)
+ //return;
+ orderComplaint(data).then(val => {
+ uni.showToast({
+ title: '鎻愪氦鎴愬姛',
+ icon: 'none'
+ })
+ this.show = false
+ })
+ },
+
+ }
+ }
</script>
<style>
- page {
- background: #F4F4F4;
- }
+ page {
+ background: #F4F4F4;
+ }
</style>
<style lang="scss" scoped>
- .page-main {
- position: relative;
- top: -380rpx;
- }
+ .page-main {
+ position: relative;
+ top: -380rpx;
+ }
- .donw-box {
- width: 100%;
- height: 380rpx;
- flex-shrink: 0;
- background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
- }
+ .donw-box {
+ width: 100%;
+ height: 380rpx;
+ flex-shrink: 0;
+ background: linear-gradient(180deg, #1171E0 42.5%, #F4F4F4 100%);
+ }
- .wbox {
- background: #fff;
- border-radius: 5px;
- padding: 24rpx;
- box-sizing: border-box;
- margin: 0 32rpx;
+ .wbox {
+ background: #fff;
+ border-radius: 5px;
+ padding: 24rpx;
+ box-sizing: border-box;
+ margin: 0 32rpx;
- .item {
- display: flex;
- margin-bottom: 20rpx;
- font-size: 30rpx;
+ .item {
+ display: flex;
+ margin-bottom: 20rpx;
+ font-size: 30rpx;
- .k {
- color: #7E8596;
- width: 30%;
+ .k {
+ color: #7E8596;
+ width: 30%;
- }
+ }
- .v {
- color: #202D44;
- width: 70%;
+ .v {
+ color: #202D44;
+ width: 70%;
- }
- }
+ }
+ }
- .item:last-child {
- margin-bottom: 0;
- }
+ .item:last-child {
+ margin-bottom: 0;
+ }
- .imgbox {
- display: grid;
- grid-template-columns: 1fr 1fr 1fr;
- grid-gap: 10rpx;
- // display: flex;
- // flex-wrap: wrap;
- // justify-content: space-between;
- border-radius: 10rpx;
+ .imgbox {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 10rpx;
+ // display: flex;
+ // flex-wrap: wrap;
+ // justify-content: space-between;
+ border-radius: 10rpx;
- img {
- width: 198rpx;
- height: 198rpx;
- margin-bottom: 20rpx;
- border-radius: 10rpx;
- }
- }
- }
+ img {
+ width: 198rpx;
+ height: 198rpx;
+ margin-bottom: 20rpx;
+ border-radius: 10rpx;
+ }
+ }
+ }
- .title {
- color: #ffffff;
- font-size: 44rpx;
- font-weight: bold;
- padding-left: 32rpx;
- margin-top: 24rpx;
- margin-bottom: 24rpx;
+ .title {
+ color: #ffffff;
+ font-size: 44rpx;
+ font-weight: bold;
+ padding-left: 32rpx;
+ margin-top: 24rpx;
+ margin-bottom: 24rpx;
- }
+ }
- .wbox2 {
- background: #fff;
- border-radius: 5px;
- box-sizing: border-box;
- margin: 0 32rpx;
+ .wbox2 {
+ background: #fff;
+ border-radius: 5px;
+ box-sizing: border-box;
+ margin: 0 32rpx;
- .t {
- padding: 24rpx;
- border-bottom: 1px solid #EEEEEE;
- color: #202d44;
- font-size: 36rpx;
- font-weight: bold;
- }
+ .t {
+ padding: 24rpx;
+ border-bottom: 1px solid #EEEEEE;
+ color: #202d44;
+ font-size: 36rpx;
+ font-weight: bold;
+ }
- .sbox {
- padding: 24rpx;
+ .sbox {
+ padding: 24rpx;
- .line {
- border-bottom: 1px dashed #f1f1f1;
- margin-top: 32rpx;
- }
+ .line {
+ border-bottom: 1px dashed #f1f1f1;
+ margin-top: 32rpx;
+ }
- .xbox {
- display: flex;
- margin-top: 36rpx;
- justify-content: space-between;
+ .xbox {
+ display: flex;
+ margin-top: 36rpx;
+ justify-content: space-between;
- img {
- width: 74rpx;
- height: 74rpx;
- }
+ img {
+ width: 74rpx;
+ height: 74rpx;
+ }
- >view {
- text-align: center;
- font-size: 28rpx;
- color: #C3C6CD;
- }
- }
- }
- }
+ >view {
+ text-align: center;
+ font-size: 28rpx;
+ color: #C3C6CD;
+ }
+ }
+ }
+ }
- .pjbox {
- background: #F4F4F4;
- border-radius: 5px;
- margin: 10rpx 0;
- padding: 24rpx;
- color: #202d44;
- font-size: 32rpx;
+ .pjbox {
+ background: #F4F4F4;
+ border-radius: 5px;
+ margin: 10rpx 0;
+ padding: 24rpx;
+ color: #202d44;
+ font-size: 32rpx;
- }
+ }
- /deep/ .u-radio-group {
- margin-top: 20rpx;
- flex-wrap: wrap;
- .u-radio {
- margin-right: 20rpx;
- margin-bottom: 20rpx;
- }
- }
+ ::v-deep .u-radio-group {
+ margin-top: 20rpx;
+ flex-wrap: wrap;
- .hei {
- color: #202D44;
- }
+ .u-radio {
+ margin-right: 20rpx;
+ margin-bottom: 20rpx;
+ }
+ }
- .bottom {
- position: fixed;
- bottom: 0;
- width: 100%;
- left: 0;
- height: 132rpx;
- background: #fff;
+ .hei {
+ color: #202D44;
+ }
- .one {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
+ .bottom {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ left: 0;
+ height: 132rpx;
+ background: #fff;
- .b1 {
- width: 686rpx;
- height: 88rpx;
- border-radius: 10px;
- background: #F7F7F7;
- line-height: 88rpx;
- text-align: center;
- }
- }
+ .one {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
- .two {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 100%;
+ .b1 {
+ width: 686rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #F7F7F7;
+ line-height: 88rpx;
+ text-align: center;
+ }
+ }
- .b2 {
- width: 146rpx;
- height: 88rpx;
- border-radius: 10px;
- background: #F7F7F7;
- line-height: 88rpx;
- text-align: center;
- margin-right: 18rpx;
- }
+ .two {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100%;
- .b3 {
- width: 524rpx;
- height: 88rpx;
- border-radius: 10px;
- background: #1171E0;
- line-height: 88rpx;
- text-align: center;
- color: #fff;
- }
- }
- }
+ .b2 {
+ width: 146rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #F7F7F7;
+ line-height: 88rpx;
+ text-align: center;
+ margin-right: 18rpx;
+ }
- .page-box {
- padding: 24rpx 0;
- .font{
- color: #4a4e60;
- font-size: 32rpx;
- margin-top: 20rpx;
- }
- .title1 {
- font-size: 36rpx;
- font-weight: 700;
- padding: 0 32rpx;
- border-bottom: 2rpx solid #F4F4F4;
- padding-bottom: 24rpx;
- }
+ .b3 {
+ width: 524rpx;
+ height: 88rpx;
+ border-radius: 10px;
+ background: #1171E0;
+ line-height: 88rpx;
+ text-align: center;
+ color: #fff;
+ }
+ }
+ }
- .padding {
- padding: 0 24rpx;
- }
+ .page-box {
+ padding: 24rpx 0;
- .margin-top {
- margin-top: 20rpx;
- }
+ .font {
+ color: #4a4e60;
+ font-size: 32rpx;
+ margin-top: 20rpx;
+ }
- .down {
- padding: 34rpx 30rpx 30rpx;
- display: flex;
- justify-content: space-between;
+ .title1 {
+ font-size: 36rpx;
+ font-weight: 700;
+ padding: 0 32rpx;
+ border-bottom: 2rpx solid #F4F4F4;
+ padding-bottom: 24rpx;
+ }
- >view {
- display: inline-block;
- }
+ .padding {
+ padding: 0 24rpx;
+ }
- .button {
- padding: 20rpx 40rpx;
- background: #F7F7F7;
- border-radius: 20rpx;
- }
+ .margin-top {
+ margin-top: 20rpx;
+ }
- .enter {
- width: 100%;
- background: #1171E0;
- color: white;
- border-radius: 20rpx;
- padding: 20rpx 40rpx;
- text-align: center;
- }
- }
- }
+ .down {
+ padding: 34rpx 30rpx 30rpx;
+ display: flex;
+ justify-content: space-between;
- /deep/ .u-textarea {
- background-color: #F4F4F4;
- }
+ >view {
+ display: inline-block;
+ }
+
+ .button {
+ padding: 20rpx 40rpx;
+ background: #F7F7F7;
+ border-radius: 20rpx;
+ }
+
+ .enter {
+ width: 100%;
+ background: #1171E0;
+ color: white;
+ border-radius: 20rpx;
+ padding: 20rpx 40rpx;
+ text-align: center;
+ }
+ }
+ }
+
+ ::v-deep .u-textarea {
+ background-color: #F4F4F4;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1