From f7b2938b296dc1efd897d36b33cd578c1f7795f2 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Sun, 10 Aug 2025 15:00:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=BA=E5=88=B6=E6=B8=85=E9=80=80=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E5=90=8E=E8=B7=B3=E8=BD=AC=E5=88=B0=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pagesA/force/index/index.vue | 894 +++++++++++++++++------------------
 1 file changed, 430 insertions(+), 464 deletions(-)

diff --git a/pagesA/force/index/index.vue b/pagesA/force/index/index.vue
index 784ddc3..e7b856b 100644
--- a/pagesA/force/index/index.vue
+++ b/pagesA/force/index/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <view>
-    <view class="top-bg"></view>
-    <view class="container">
-      <u-form :model="form" ref="uForm" label-width="90">
-        <!-- <view class="info-card">
+	<view>
+		<view class="top-bg"></view>
+		<view class="container">
+			<u-form :model="form" ref="uForm" label-width="90">
+				<!-- <view class="info-card">
           <u-form-item prop="idCard">
             <u-search
               placeholder="请输入身份证号"
@@ -19,82 +19,69 @@
           </u-form-item>
         </view> -->
 
-        <view class="cont" v-if="showInfo">
-          <view class="info-card info-item">
-            <u-form-item label="房间" prop="room" borderBottom>
-              <text style="text-align: right"
-                >{{ baseInfo.buildingName || "" }}{{ baseInfo.unitName || ""
+				<view class="cont" v-if="showInfo">
+					<view class="info-card info-item">
+						<u-form-item label="房间" prop="room" borderBottom>
+							<text style="text-align: right">{{ baseInfo.buildingName || "" }}{{ baseInfo.unitName || ""
                 }}{{ baseInfo.houseName || ""
-                }}{{ baseInfo.roomTypeName || "" }}</text
-              >
+                }}{{ baseInfo.roomTypeName || "" }}</text>
 
-              <!-- <u-input
+							<!-- <u-input
 			      v-model="roomAllPath"
 			      placeholder="请输入房间"
 			      border="none"
 			      input-align="right"
 			      :disabled="true"
 			    /> -->
-            </u-form-item>
-            <u-form-item
-              label="姓名"
-              prop="name"
-              borderBottom
-              labelStyle="{color:red;}"
-            >
-              <text style="text-align: right">{{
+						</u-form-item>
+						<u-form-item label="姓名" prop="name" borderBottom labelStyle="{color:red;}">
+							<text style="text-align: right">{{
                 baseInfo.graduateName || ""
               }}</text>
 
-              <!-- <u-input
+							<!-- <u-input
 			      v-model="baseInfo.graduateName"
 			      placeholder="请输入姓名"
 			      border="none"
 			      input-align="right"
 			      :disabled="true"
 			    /> -->
-            </u-form-item>
-            <!-- 性别 -->
-            <u-form-item
-              label="性别"
-              prop="gender"
-              borderBottom
-              labelStyle="{color:red;}"
-            >
-              <text style="text-align: right">{{
+						</u-form-item>
+						<!-- 性别 -->
+						<u-form-item label="性别" prop="gender" borderBottom labelStyle="{color:red;}">
+							<text style="text-align: right">{{
                 baseInfo.gender == 1 ? "男" : baseInfo.gender == 2 ? "女" : ""
-              }}</text></u-form-item
-            >
+              }}</text></u-form-item>
 
-            <u-form-item label="手机号" prop="phone" borderBottom>
-              <text style="text-align: right">{{
+						<u-form-item label="手机号" prop="phone" borderBottom>
+							<text style="text-align: right">{{
                 baseInfo.telephone || ""
               }}</text>
 
-              <!-- <u-input
+							<!-- <u-input
 			      v-model="baseInfo.telephone"
 			      placeholder="请输入手机号"
 			      border="none"
 			      input-align="right"
 			      :disabled="true"
 			    /> -->
-            </u-form-item>
-            <!-- <u-form-item
+						</u-form-item>
+						<!-- <u-form-item
               label="退房日期"
               prop="leaveDate"
               required
               @click="showDate = false"
             >
               <text style="text-align: right">{{ baseInfo.checkOutTime }}</text> -->
-            <!-- <u--input
+						<!-- <u--input
 			      v-model="baseInfo.checkOutTime"
 			      placeholder="请选择退房日期"
 			      border="none"
 			      readonly
 			      input-align="right"
 			    ></u--input> -->
-            <!-- </u-form-item> -->
-            <!-- <u-form-item
+						<!-- </u-form-item> -->
+						<!-- <u-form-item
 			    label="问题类型"
 			    prop="problemType"
 			    required
@@ -108,453 +95,432 @@
 			      readonly
 			    />
 			  </u-form-item> -->
-          </view>
-          <view class="desc-card">
-            <view class="label-des">说明</view>
-            <u-textarea
-              v-model="forceCheckoutDesc"
-              ref="textarea"
-              placeholder="请输入内容"
-              maxlength="500"
-              height="150"
-              border="none"
-              custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"
-            ></u-textarea>
-            <view class="label-des">上传图片/视频</view>
-            <u-upload
-              :max-count="10"
-              :multiple="true"
-              :preview-full-image="true"
-              :deletable="true"
-              :show-upload-list="true"
-              :fileList="fileList"
-              :auto-upload="false"
-              accept="all"
-              :maxSize="10 * 1024 * 1024"
-              @oversize="oversize"
-              @delete="onDelete"
-              :disabled="true"
-            >
-              <view class="custom-upload-btn" @click.stop="chooseMedia">
-                <view class="icon-box">
-                  <image
-                    class="camera-icon"
-                    src="/static/img/camera-icon.png"
-                    mode="aspectFill"
-                  ></image>
-                </view>
-                <view class="upload-tips">点击上传</view>
-              </view>
-            </u-upload>
-          </view>
-          <view class="submit-box">
-            <u-button
-              type="primary"
-              shape="circle"
-              @click="submit"
-              :custom-style="btnStyle"
-              >提交</u-button
-            >
-          </view>
-        </view>
-      </u-form>
-      <u-datetime-picker
-        :show="showDate"
-        v-model="form.pickerValue"
-        mode="date"
-        @confirm="onDateConfirm"
-        @cancel="showDate = false"
-      />
-      <u-picker
-        :show="showProblemTypePicker"
-        :columns="[problemTypeOptions]"
-        @confirm="onProblemTypeConfirm"
-        @cancel="showProblemTypePicker = false"
-        keyName="label"
-      />
-    </view>
-  </view>
+					</view>
+					<view class="desc-card">
+						<view class="label-des">说明</view>
+						<u-textarea v-model="forceCheckoutDesc" ref="textarea" placeholder="请输入内容" maxlength="500"
+							height="150" border="none"
+							custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"></u-textarea>
+						<view class="label-des">上传图片/视频</view>
+						<u-upload :max-count="10" :multiple="true" :preview-full-image="true" :deletable="true"
+							:show-upload-list="true" :fileList="fileList" :auto-upload="false" accept="all"
+							:maxSize="10 * 1024 * 1024" @oversize="oversize" @delete="onDelete" :disabled="true">
+							<view class="custom-upload-btn" @click.stop="chooseMedia">
+								<view class="icon-box">
+									<image class="camera-icon" src="/static/img/camera-icon.png" mode="aspectFill">
+									</image>
+								</view>
+								<view class="upload-tips">点击上传</view>
+							</view>
+						</u-upload>
+					</view>
+					<view class="submit-box">
+						<u-button type="primary" shape="circle" @click="submit" :custom-style="btnStyle">提交</u-button>
+					</view>
+				</view>
+			</u-form>
+			<u-datetime-picker :show="showDate" v-model="form.pickerValue" mode="date" @confirm="onDateConfirm"
+				@cancel="showDate = false" />
+			<u-picker :show="showProblemTypePicker" :columns="[problemTypeOptions]" @confirm="onProblemTypeConfirm"
+				@cancel="showProblemTypePicker = false" keyName="label" />
+		</view>
+	</view>
 </template>
 
 <script>
-import {
-  uploadImage,
-  getResidentInfo,
-  forceRelease,
-  getRecCheckOutInfo,
-  updateForceEvictionRecord,
-} from "../../../pages/api";
-export default {
-  data() {
-    return {
-      btnStyle:
-        "background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;border:none",
-      form: {
-        room: "",
-        name: "",
-        idCard: "",
-        phone: "",
-        leaveDate: "",
-        desc: "",
-        imageUrl: "",
-        pickerValue: "",
-        problemType: "",
-      },
-      forceCheckoutDesc: "",
-      baseInfo: {
-        roomId: "",
-      },
-      descRemark: "",
-      fileList: [],
-      img1: [],
-      showDate: false,
-      minDate: "2000-01-01",
-      maxDate: "2100-12-31",
-      descStyle:
-        "background:#f7f8fa;border-radius:12rpx;padding:24rpx;font-size:28rpx;color:#222;min-height:250rpx;box-sizing:border-box;",
-      problemTypeOptions: [
-        {
-          label: "违法居住条款，故意破坏房间设施",
-          value: 1,
-        },
-      ],
-      showProblemTypePicker: false, // 控制选择器显示
-      showInfo: true,
-    };
-  },
-  computed: {
-    roomAllPath() {
-      const { apartmentName, buildingName, unitName, roomTypeName } =
-        this.baseInfo;
-      return `${apartmentName || ""}${buildingName || ""}${unitName || ""}${
+	import {
+		uploadImage,
+		getResidentInfo,
+		forceRelease,
+		getRecCheckOutInfo,
+		updateForceEvictionRecord,
+	} from "../../../pages/api";
+	export default {
+		data() {
+			return {
+				btnStyle: "background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;border:none",
+				form: {
+					room: "",
+					name: "",
+					idCard: "",
+					phone: "",
+					leaveDate: "",
+					desc: "",
+					imageUrl: "",
+					pickerValue: "",
+					problemType: "",
+				},
+				forceCheckoutDesc: "",
+				baseInfo: {
+					roomId: "",
+				},
+				descRemark: "",
+				fileList: [],
+				img1: [],
+				showDate: false,
+				minDate: "2000-01-01",
+				maxDate: "2100-12-31",
+				descStyle: "background:#f7f8fa;border-radius:12rpx;padding:24rpx;font-size:28rpx;color:#222;min-height:250rpx;box-sizing:border-box;",
+				problemTypeOptions: [{
+					label: "违法居住条款，故意破坏房间设施",
+					value: 1,
+				}, ],
+				showProblemTypePicker: false, // 控制选择器显示
+				showInfo: true,
+			};
+		},
+		computed: {
+			roomAllPath() {
+				const {
+					apartmentName,
+					buildingName,
+					unitName,
+					roomTypeName
+				} =
+				this.baseInfo;
+				return `${apartmentName || ""}${buildingName || ""}${unitName || ""}${
         roomTypeName || ""
       }`;
-    },
-  },
-  onLoad(options) {
-    this.form.idCard = options.idCard;
-    this.form.checkOutRecId = options.checkOutRecId;
-    this.getRecCheckOutInfo(options.checkOutRecId);
-  },
-  methods: {
-    getRecCheckOutInfo(checkOutRecId) {
-      getRecCheckOutInfo(checkOutRecId).then((res) => {
-        this.baseInfo = res.data;
-        if (this.baseInfo) {
-          this.showInfo = true;
-        }
-        this.baseInfo.roomId = res.data.mzCheckOutRec.roomId;
-        this.baseInfo.checkOutRecId = checkOutRecId;
-        this.forceCheckoutDesc = res.data.forcedEvictionRecord.content;
-        this.fileList = res.data.forcedEvictionRecord.attrList;
-      });
-    },
-    handleQuery() {
-      getResidentInfo({
-        idCard: this.form.idCard,
-      }).then((res) => {
-        if (res.code === 200) {
-          this.baseInfo = res.data;
-          if (this.baseInfo) {
-            this.showInfo = true;
-          }
-          this.baseInfo.roomId = res.data.roomId;
-        } else {
-          uni.showToast({
-            title: res.msg || "查询失败",
-            icon: "none",
-          });
-        }
-      });
-    },
-    handleClear() {
-      (this.baseInfo.graduateName = ""),
-        (this.baseInfo.telephone = ""),
-        (this.baseInfo.idCard = ""),
-        (this.baseInfo.checkOutTime = ""),
-        (this.baseInfo.apartmentName = ""),
-        (this.baseInfo.buildingName = ""),
-        (this.baseInfo.unitName = ""),
-        (this.baseInfo.roomTypeName = "");
-    },
-    chooseMedia() {
-      uni.chooseMedia({
-        count: 10 - this.fileList.length,
-        mediaType: ["image", "video"],
-        sourceType: ["album", "camera"],
-        maxDuration: 60,
-        camera: "back",
-        success: async (res) => {
-          // 添加文件大小检查
-          const files = res.tempFiles;
-          // 检查每个文件的大小
-          const oversizeFiles = files.filter(
-            (file) => file.size > 10 * 1024 * 1024
-          );
-          if (oversizeFiles.length > 0) {
-            this.$u.toast("请选择10MB以内大小的图片/视频！");
-            return;
-          }
-          uni.showLoading({ title: "上传中...", mask: true });
-          try {
-            const files = res.tempFiles;
-            for (let i = 0; i < files.length; i++) {
-              const file = files[i];
-              const filePath = file.tempFilePath;
-              const type =
-                file.fileType ||
-                (filePath.match(/\.(mp4|mov|avi|wmv|flv|mkv)$/i)
-                  ? "video"
-                  : "image");
-              const uploadRes = await uploadImage(filePath);
-              this.fileList.push({
-                url: uploadRes.data?.url || uploadRes.url || uploadRes.path,
-                name: uploadRes.data?.name || uploadRes.name || "",
-                type: type,
-                status: "success",
-              });
-            }
-            this.img1 = this.fileList.map((v) => v.url);
-          } catch (e) {
-            uni.showToast({ title: "上传失败", icon: "none" });
-          } finally {
-            uni.hideLoading();
-          }
-        },
-        fail: () => {
-          uni.hideLoading();
-        },
-      });
-    },
-    //图片超过大小时取消上传
-    oversize(e) {
-      this.$u.toast("请传10MB以内大小的图片/视频！");
-      return false;
-    },
-    // 删除文件
-    onDelete(event) {
-      this[`fileList${event.name}`].splice(event.index, 1);
-      var arry = [];
-      this.fileList.filter((v, i) => {
-        arry.push({
-          name: v.name || "",
-          format: v.type,
-          url: v.url,
-        });
-      });
-      this.form.imageList = arry;
-    },
-    onProblemTypeConfirm(e) {
-      const selectedItem = e.value[0];
-      this.form.problemType = selectedItem.label; // 显示标签
-      this.form.problemTypeValue = selectedItem.value; // 保存值
-      this.showProblemTypePicker = false;
-    },
-    submit() {
-      if (
-        this.baseInfo.forcedEvictionRecord &&
-        this.baseInfo.forcedEvictionRecord.id
-      ) {
-        // 避免直接修改响应式对象，创建新对象传参
-        let params = {
-          ...this.baseInfo.forcedEvictionRecord,
-          content: this.forceCheckoutDesc,
-          attrList: this.fileList,
-          id: this.baseInfo.forcedEvictionRecord.id,
-          checkOutRecId: this.baseInfo.checkOutRecId,
-        };
-        this.updateForceEvictionRecord(params);
-      } else {
-        const params = {
-          // idCard: this.baseInfo.idCard,
-          checkOutRecId: Number(this.baseInfo.checkOutRecId),
-          checkOutType: 1, //0正常退房1强制退房
-          // questionType: this.form.problemTypeValue,
-          content: this.forceCheckoutDesc,
-          attrList: this.fileList, //退房检查图片
-        };
+			},
+		},
+		onLoad(options) {
+			this.form.idCard = options.idCard;
+			this.form.checkOutRecId = options.checkOutRecId;
+			this.getRecCheckOutInfo(options.checkOutRecId);
+		},
+		methods: {
+			getRecCheckOutInfo(checkOutRecId) {
+				getRecCheckOutInfo(checkOutRecId).then((res) => {
+					this.baseInfo = res.data;
+					if (this.baseInfo) {
+						this.showInfo = true;
+					}
+					this.baseInfo.roomId = res.data.mzCheckOutRec.roomId;
+					this.baseInfo.checkOutRecId = checkOutRecId;
+					this.forceCheckoutDesc = res.data.forcedEvictionRecord.content;
+					this.fileList = res.data.forcedEvictionRecord.attrList;
+				});
+			},
+			handleQuery() {
+				getResidentInfo({
+					idCard: this.form.idCard,
+				}).then((res) => {
+					if (res.code === 200) {
+						this.baseInfo = res.data;
+						if (this.baseInfo) {
+							this.showInfo = true;
+						}
+						this.baseInfo.roomId = res.data.roomId;
+					} else {
+						uni.showToast({
+							title: res.msg || "查询失败",
+							icon: "none",
+						});
+					}
+				});
+			},
+			handleClear() {
+				(this.baseInfo.graduateName = ""),
+				(this.baseInfo.telephone = ""),
+				(this.baseInfo.idCard = ""),
+				(this.baseInfo.checkOutTime = ""),
+				(this.baseInfo.apartmentName = ""),
+				(this.baseInfo.buildingName = ""),
+				(this.baseInfo.unitName = ""),
+				(this.baseInfo.roomTypeName = "");
+			},
+			chooseMedia() {
+				uni.chooseMedia({
+					count: 10 - this.fileList.length,
+					mediaType: ["image", "video"],
+					sourceType: ["album", "camera"],
+					maxDuration: 60,
+					camera: "back",
+					success: async (res) => {
+						// 添加文件大小检查
+						const files = res.tempFiles;
+						// 检查每个文件的大小
+						const oversizeFiles = files.filter(
+							(file) => file.size > 10 * 1024 * 1024
+						);
+						if (oversizeFiles.length > 0) {
+							this.$u.toast("请选择10MB以内大小的图片/视频！");
+							return;
+						}
+						uni.showLoading({
+							title: "上传中...",
+							mask: true
+						});
+						try {
+							const files = res.tempFiles;
+							for (let i = 0; i < files.length; i++) {
+								const file = files[i];
+								const filePath = file.tempFilePath;
+								const type =
+									file.fileType ||
+									(filePath.match(/\.(mp4|mov|avi|wmv|flv|mkv)$/i) ?
+										"video" :
+										"image");
+								const uploadRes = await uploadImage(filePath);
+								this.fileList.push({
+									url: uploadRes.data?.url || uploadRes.url || uploadRes.path,
+									name: uploadRes.data?.name || uploadRes.name || "",
+									type: type,
+									status: "success",
+								});
+							}
+							this.img1 = this.fileList.map((v) => v.url);
+						} catch (e) {
+							uni.showToast({
+								title: "上传失败",
+								icon: "none"
+							});
+						} finally {
+							uni.hideLoading();
+						}
+					},
+					fail: () => {
+						uni.hideLoading();
+					},
+				});
+			},
+			//图片超过大小时取消上传
+			oversize(e) {
+				this.$u.toast("请传10MB以内大小的图片/视频！");
+				return false;
+			},
+			// 删除文件
+			onDelete(event) {
+				this[`fileList${event.name}`].splice(event.index, 1);
+				var arry = [];
+				this.fileList.filter((v, i) => {
+					arry.push({
+						name: v.name || "",
+						format: v.type,
+						url: v.url,
+					});
+				});
+				this.form.imageList = arry;
+			},
+			onProblemTypeConfirm(e) {
+				const selectedItem = e.value[0];
+				this.form.problemType = selectedItem.label; // 显示标签
+				this.form.problemTypeValue = selectedItem.value; // 保存值
+				this.showProblemTypePicker = false;
+			},
+			submit() {
+				if (
+					this.baseInfo.forcedEvictionRecord &&
+					this.baseInfo.forcedEvictionRecord.id
+				) {
+					// 避免直接修改响应式对象，创建新对象传参
+					let params = {
+						...this.baseInfo.forcedEvictionRecord,
+						content: this.forceCheckoutDesc,
+						attrList: this.fileList,
+						id: this.baseInfo.forcedEvictionRecord.id,
+						checkOutRecId: this.baseInfo.checkOutRecId,
+					};
+					this.updateForceEvictionRecord(params);
+				} else {
+					const params = {
+						// idCard: this.baseInfo.idCard,
+						checkOutRecId: Number(this.baseInfo.checkOutRecId),
+						checkOutType: 1, //0正常退房1强制退房
+						// questionType: this.form.problemTypeValue,
+						content: this.forceCheckoutDesc,
+						attrList: this.fileList, //退房检查图片
+					};
 
-        this.handleTempSave(params);
-      }
-    },
-    handleTempSave(params) {
-      forceRelease(params).then((res) => {
-        if (res.code === 200) {
-          uni.showToast({
-            title: res.msg,
-            icon: "success",
-          });
-          setTimeout(() => {
-            uni.switchTab({
-              url: "/pages/tabBar/work/index",
-            });
-          }, 1500);
-        } else {
-          uni.showToast({
-            title: res.msg,
-            icon: "error",
-          });
-        }
-      });
-    },
-    updateForceEvictionRecord(params) {
-      updateForceEvictionRecord(params).then((res) => {
-        if (res.code === 200) {
-          uni.showToast({
-            title: res.msg,
-            icon: "success",
-          });
-        }
-      });
-    },
-  },
-};
+					this.handleTempSave(params);
+				}
+			},
+			handleTempSave(params) {
+				forceRelease(params).then((res) => {
+					if (res.code === 200) {
+						uni.showToast({
+							title: res.msg,
+							icon: "success",
+						});
+						setTimeout(() => {
+							uni.navigateTo({
+								url: "/pagesA/force/list/list",
+							});
+						}, 1500);
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: "error",
+						});
+					}
+				});
+			},
+			updateForceEvictionRecord(params) {
+				updateForceEvictionRecord(params).then((res) => {
+					if (res.code === 200) {
+						uni.showToast({
+							title: res.msg,
+							icon: "success",
+						});
+						setTimeout(() => {
+							uni.navigateTo({
+								url: "/pagesA/force/list/list",
+							});
+						}, 1500);
+					} else {
+						uni.showToast({
+							title: res.msg,
+							icon: "error",
+						});
+					}
+				});
+			},
+		},
+	};
 </script>
 
 <style scoped>
-.top-bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 260rpx;
-  background: linear-gradient(120deg, #c6e6f7 0%, #e3e5fc 100%);
-  z-index: 0;
-}
+	.top-bg {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 260rpx;
+		background: linear-gradient(120deg, #c6e6f7 0%, #e3e5fc 100%);
+		z-index: 0;
+	}
+
+	.container {
+		position: relative;
+		z-index: 1;
+		padding: 32rpx 24rpx 0 24rpx;
+		background: transparent;
+		min-height: 80vh;
+	}
 
-.container {
-  position: relative;
-  z-index: 1;
-  padding: 32rpx 24rpx 0 24rpx;
-  background: transparent;
-  min-height: 80vh;
-}
+	.info-card {
+		background: #fff;
+		border-radius: 24rpx;
+		padding: 0rpx 24rpx 0 0rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
+	}
 
-.info-card {
-  background: #fff;
-  border-radius: 24rpx;
-  padding: 0rpx 24rpx 0 0rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
-}
-.info-item {
-  padding: 0 34rpx;
-}
+	.info-item {
+		padding: 0 34rpx;
+	}
 
-::v-deep .u-form-item__body__left {
-  color: #6a7fa3 !important;
-  font-size: 28rpx !important;
-  font-weight: 500;
-}
+	::v-deep .u-form-item__body__left {
+		color: #6a7fa3 !important;
+		font-size: 28rpx !important;
+		font-weight: 500;
+	}
 
-.u-form-item__body__left .u-form-item__body__left__required {
-  color: #ff5a5a !important;
-  margin-right: 4rpx;
-  font-size: 28rpx;
-}
+	.u-form-item__body__left .u-form-item__body__left__required {
+		color: #ff5a5a !important;
+		margin-right: 4rpx;
+		font-size: 28rpx;
+	}
 
-.u-form-item__body__right {
-  text-align: right;
-  color: #222;
-  font-size: 28rpx;
-}
+	.u-form-item__body__right {
+		text-align: right;
+		color: #222;
+		font-size: 28rpx;
+	}
 
-.u-form-item {
-  border-bottom: 1rpx solid #f2f4f8 !important;
-  margin-bottom: 0 !important;
-  padding-bottom: 0 !important;
-}
+	.u-form-item {
+		border-bottom: 1rpx solid #f2f4f8 !important;
+		margin-bottom: 0 !important;
+		padding-bottom: 0 !important;
+	}
 
-.u-form-item:last-child {
-  border-bottom: none !important;
-}
+	.u-form-item:last-child {
+		border-bottom: none !important;
+	}
 
-.desc-card {
-  background: #fff;
-  border-radius: 20rpx;
-  padding: 0rpx 20rpx 24rpx 20rpx;
-  margin-bottom: 24rpx;
-  box-shadow: 0 2rpx 8rpx #f2f4f8;
-}
+	.desc-card {
+		background: #fff;
+		border-radius: 20rpx;
+		padding: 0rpx 20rpx 24rpx 20rpx;
+		margin-bottom: 24rpx;
+		box-shadow: 0 2rpx 8rpx #f2f4f8;
+	}
 
-.label-des {
-  color: #68758b;
-  font-size: 30rpx;
-  margin: 20rpx 0;
-}
+	.label-des {
+		color: #68758b;
+		font-size: 30rpx;
+		margin: 20rpx 0;
+	}
 
-.custom-desc-textarea {
-  background: #f7f8fa !important;
-  border-radius: 12rpx !important;
-  padding: 24rpx !important;
-  font-size: 28rpx !important;
-  color: #222 !important;
-  min-height: 500rpx !important;
-  box-sizing: border-box;
-}
+	.custom-desc-textarea {
+		background: #f7f8fa !important;
+		border-radius: 12rpx !important;
+		padding: 24rpx !important;
+		font-size: 28rpx !important;
+		color: #222 !important;
+		min-height: 500rpx !important;
+		box-sizing: border-box;
+	}
 
-.custom-upload-btn {
-  width: 160rpx;
-  height: 160rpx;
-  background: #fafafa;
-  border: 2rpx solid #f0f0f0;
-  border-radius: 16rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  margin: 20rpx 16rpx 0 0;
-}
+	.custom-upload-btn {
+		width: 160rpx;
+		height: 160rpx;
+		background: #fafafa;
+		border: 2rpx solid #f0f0f0;
+		border-radius: 16rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin: 20rpx 16rpx 0 0;
+	}
 
-.icon-box {
-  width: 60rpx;
-  height: 60rpx;
-  background: #ceeced;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+	.icon-box {
+		width: 60rpx;
+		height: 60rpx;
+		background: #ceeced;
+		border-radius: 50%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
 
-.camera-icon {
-  width: 36rpx;
-  height: 36rpx;
-}
+	.camera-icon {
+		width: 36rpx;
+		height: 36rpx;
+	}
 
-.upload-tips {
-  color: #bbb;
-  font-size: 24rpx;
-  margin-top: 8rpx;
-}
+	.upload-tips {
+		color: #bbb;
+		font-size: 24rpx;
+		margin-top: 8rpx;
+	}
 
-/* u-upload自定义按钮样式（如需更改） */
-.u-upload__wrap__button {
-  background: #f7f8fa !important;
-  border-radius: 16rpx !important;
-  width: 120rpx !important;
-  height: 120rpx !important;
-  display: flex !important;
-  flex-direction: column !important;
-  align-items: center !important;
-  justify-content: center !important;
-}
+	/* u-upload自定义按钮样式（如需更改） */
+	.u-upload__wrap__button {
+		background: #f7f8fa !important;
+		border-radius: 16rpx !important;
+		width: 120rpx !important;
+		height: 120rpx !important;
+		display: flex !important;
+		flex-direction: column !important;
+		align-items: center !important;
+		justify-content: center !important;
+	}
 
-.u-upload__wrap__button .u-icon {
-  color: #2fd7e6 !important;
-  font-size: 48rpx !important;
-}
+	.u-upload__wrap__button .u-icon {
+		color: #2fd7e6 !important;
+		font-size: 48rpx !important;
+	}
 
-.u-upload__wrap__button .u-upload__wrap__button__text {
-  color: #b0b0b0 !important;
-  font-size: 24rpx !important;
-  margin-top: 8rpx;
-}
+	.u-upload__wrap__button .u-upload__wrap__button__text {
+		color: #b0b0b0 !important;
+		font-size: 24rpx !important;
+		margin-top: 8rpx;
+	}
 
-::v-deep
-  .u-form-item
-  .u-form-item__body__left
-  .u-form-item__body__left__content__label {
-  color: #68758b !important;
-  font-size: 28rpx;
-}
-</style>
+	::v-deep .u-form-item .u-form-item__body__left .u-form-item__body__left__content__label {
+		color: #68758b !important;
+		font-size: 28rpx;
+	}
+</style>
\ No newline at end of file