From bdb3123664234ec9bfe7f43be21fac7250f9479f Mon Sep 17 00:00:00 2001
From: 王恒 <318726284@qq.com>
Date: 星期三, 13 八月 2025 20:00:51 +0800
Subject: [PATCH] '修改字段、处理空值'

---
 qiye/record/details.vue |  993 +++++++++++++++++++++++++++++++++------------------------
 1 files changed, 569 insertions(+), 424 deletions(-)

diff --git a/qiye/record/details.vue b/qiye/record/details.vue
index b283999..a198fa5 100644
--- a/qiye/record/details.vue
+++ b/qiye/record/details.vue
@@ -1,481 +1,626 @@
 <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">
-				宸茶瘎浠�
-			</view>
-			<view class="wbox">
-				<view class="item">
-					<view class="k">
-						鎵ф硶绫诲瀷
-					</view>
-					<view class="v">
-						鍙告硶妫�鏌�
-					</view>
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶浜�
-					</view>
-					<view class="v">
-						鍒樻娆�
-					</view>
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶閮ㄩ棬
-					</view>
-					<view class="v">
-						鍐滀笟灞�
-					</view>
-				</view>
-				<view class="item">
+  <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 class="k">
 						浼佷笟
 					</view>
 					<view class="v">
-						姹夊涵閰掑簵
+						{{msg.companyName}}
 					</view>
-				</view>
-			</view>
-			<view style="height: 20rpx;"></view>
-			<view class="wbox">
-				<view class="item">
-					<view class="k">
-						鎵ф硶涓婚
-					</view>
-					<view class="v">
-						姹夊涵閰掑簵鍙告硶妫�鏌�233鍙锋枃浠�
-					</view>
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶杩囩▼
-					</view>
-				</view>
-				<view class="imgbox">
-					<img src="/static/i01.png" class="more" @click="imgclick('/static/i01.png')" alt="" />
+				</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="" />
 					<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;">
-						鍋滀笟鏁撮】
-					</view>
-				</view>
-				<view class="item">
-					<view class="k">
-						鎵ф硶鏃堕棿
-					</view>
-					<view class="v">
-						2024-10-10 16:24
-					</view>
-				</view>
-			</view>
-			<view style="height: 20rpx;"></view>
-			<view class="wbox2">
-				<view class="t">
-					鎵ф硶璇勪环
-				</view>
-				<view class="sbox">
-					<view class="t2">
-						鏈鎵ф硶杩樻弧鎰忕▼搴�
-					</view>
-					<view class="xbox">
-						<view @click="daxing(1)">
-							<img src="/static/qiye/xing1.png" alt="" />
-							<view>
-								寰堢碂绯�
-							</view>
-						</view>
-						<view @click="daxing(2)">
-							<img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />
-							<img v-else src="/static/qiye/xing2.png" alt="" />
-							<view :class="xing==2?'hei':''">
-								涓嶆弧鎰�
-							</view>
-						</view>
-						<view @click="daxing(3)">
-							<img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />
-							<img v-else src="/static/qiye/xing2.png" alt="" />
-							<view :class="xing==3?'hei':''">
-								涓�鑸埇
-							</view>
-						</view>
-						<view @click="daxing(4)">
-							<img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />
-							<img v-else src="/static/qiye/xing2.png" alt="" />
-							<view :class="xing==4?'hei':''">
-								婊℃剰
-							</view>
-						</view>
-						<view @click="daxing(5)">
-							<img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />
-							<img v-else src="/static/qiye/xing2.png" alt="" />
-							<view :class="xing==5?'hei':''">
-								闈炲父婊℃剰
-							</view>
-						</view>
-					</view>
-					<view class="line"></view>
-				</view>
-				<view class="sbox">
-					<view class="t2">
-						杩欐槸涓�涓崟閫夐鐨勯骞诧紵
-					</view>
-					<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>
-				<view class="sbox">
-					<view class="t2">
-						瀵规垜浠殑璇勪环
-					</view>
-					<view class="pjbox">
-						杩欐鎵ф硶闈炲父濂斤紝闈炲父濂斤紝杩欐鎵ф硶闈炲父濂斤紝闈炲父濂借繖娆℃墽娉曢潪甯稿ソ锛岄潪甯稿ソ
-					</view>
-				</view>
-			</view>
-		</view>
-		<view class="bottom">
-			<view class="one" v-if="type==1">
-				<view class="b1" @click="open()">
-					鎶曡瘔
-				</view>
-			</view>
-			<view class="two" v-if="type==2">
-				<view class="b2" @click="open()">
-					鎶曡瘔
-				</view>
-				<view class="b3">
-					鎴戣璇勪环
-				</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  placement="row">
-							<u-radio active-color="#3EB47A" label="aaa" name="3"></u-radio>
-							<u-radio active-color="#3EB47A" label="bbb" name="3"></u-radio>
-						</u-radio-group>
-					</view>
-					<view class="font">
-						鎶曡瘔鍐呭
-					</view>
-					<view class="margin-top">
-						<u-textarea placeholder="璇疯緭鍏�..."></u-textarea>
-					</view>
-				</view>
-				<view class="down">
-					<view class="enter" @entery="entery">鎻愪氦</view>
-				</view>
-			</view>
-		</u-popup>
-	</view>
+					<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">
+							<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>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				xing: 5,
-				value: 'orange',
-				type: 2,
-				show: false,
-				list: [{
-					//todo 璇锋眰鎺ュ彛
-						value: '1',
-						label: '姹�'
-					},
-					{
-						value: '2',
-						label: '婀�'
-					}
-				],
-			}
-		},
-		methods: {
-			daxing(a) {
-				this.xing = a
-			},
-			imgclick(url) {
-				uni.previewImage({
-					urls: [url]
-				})
-			},
-			open() {
-				this.show = true
-			},
-			close() {
-				this.show = false
-				this.$emit('cancel')
-			},
-			entery() {
-				this.$emit('entery')
-			},
+  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
+        })
+      },
+
+    }
+  }
 </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: 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;
+      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;
+  }
 
-	}
+  ::v-deep .u-radio-group {
+    margin-top: 20rpx;
+    flex-wrap: wrap;
 
-	/deep/ .u-radio-group {
-		margin-top: 20rpx;
+    .u-radio {
+      margin-right: 20rpx;
+      margin-bottom: 20rpx;
+    }
+  }
 
-		.u-radio {
-			margin-right: 20rpx;
-		}
-	}
+  .hei {
+    color: #202D44;
+  }
 
-	.hei {
-		color: #202D44;
-	}
+  .bottom {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    left: 0;
+    height: 132rpx;
+    background: #fff;
 
-	.bottom {
-		position: fixed;
-		bottom: 0;
-		width: 100%;
-		left: 0;
-		height: 132rpx;
-		background: #fff;
+    .one {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
 
-		.one {
-			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;
+      }
+    }
 
-			.b1 {
-				width: 686rpx;
-				height: 88rpx;
-				border-radius: 10px;
-				background: #F7F7F7;
-				line-height: 88rpx;
-				text-align: center;
-			}
-		}
+    .two {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100%;
 
-		.two {
-			display: flex;
-			justify-content: center;
-			align-items: center;
-			height: 100%;
+      .b2 {
+        width: 146rpx;
+        height: 88rpx;
+        border-radius: 10px;
+        background: #F7F7F7;
+        line-height: 88rpx;
+        text-align: center;
+        margin-right: 18rpx;
+      }
 
-			.b2 {
-				width: 146rpx;
-				height: 88rpx;
-				border-radius: 10px;
-				background: #F7F7F7;
-				line-height: 88rpx;
-				text-align: center;
-				margin-right: 18rpx;
-			}
+      .b3 {
+        width: 524rpx;
+        height: 88rpx;
+        border-radius: 10px;
+        background: #1171E0;
+        line-height: 88rpx;
+        text-align: center;
+        color: #fff;
+      }
+    }
+  }
 
-			.b3 {
-				width: 524rpx;
-				height: 88rpx;
-				border-radius: 10px;
-				background: #1171E0;
-				line-height: 88rpx;
-				text-align: center;
-				color: #fff;
-			}
-		}
-	}
+  .page-box {
+    padding: 24rpx 0;
 
-	.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;
-		}
+    .font {
+      color: #4a4e60;
+      font-size: 32rpx;
+      margin-top: 20rpx;
+    }
 
-		.padding {
-			padding: 0 24rpx;
-		}
+    .title1 {
+      font-size: 36rpx;
+      font-weight: 700;
+      padding: 0 32rpx;
+      border-bottom: 2rpx solid #F4F4F4;
+      padding-bottom: 24rpx;
+    }
 
-		.margin-top {
-			margin-top: 20rpx;
-		}
+    .padding {
+      padding: 0 24rpx;
+    }
 
-		.down {
-			padding: 34rpx 30rpx 30rpx;
-			display: flex;
-			justify-content: space-between;
+    .margin-top {
+      margin-top: 20rpx;
+    }
 
-			>view {
-				display: inline-block;
-			}
+    .down {
+      padding: 34rpx 30rpx 30rpx;
+      display: flex;
+      justify-content: space-between;
 
-			.button {
-				padding: 20rpx 40rpx;
-				background: #F7F7F7;
-				border-radius: 20rpx;
-			}
+      >view {
+        display: inline-block;
+      }
 
-			.enter {
-				width: 100%;
-				background: #1171E0;
-				color: white;
-				border-radius: 20rpx;
-				padding: 20rpx 40rpx;
-				text-align: center;
-			}
-		}
-	}
+      .button {
+        padding: 20rpx 40rpx;
+        background: #F7F7F7;
+        border-radius: 20rpx;
+      }
 
-	/deep/ .u-textarea {
-		background-color: #F4F4F4;
-	}
+      .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