elink-star
/
epmet-apartment-work-mp
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

强制清退提交后跳转到列表

master
mk 2 weeks ago
parent
733c77f47b
commit
f7b2938b29
1 changed files with 430 additions and 464 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 894
      pagesA/force/index/index.vue

894
pagesA/force/index/index.vue
View File

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