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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 228
      pagesA/force/index/index.vue

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

@ -22,11 +22,9 @@
<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 || ""
<text style="text-align: right">{{ baseInfo.buildingName || "" }}{{ baseInfo.unitName || ""
}}{{ baseInfo.houseName || ""
}}{{ baseInfo.roomTypeName || "" }}</text
>
}}{{ baseInfo.roomTypeName || "" }}</text>
<!-- <u-input
v-model="roomAllPath"
@ -36,12 +34,7 @@
:disabled="true"
/> -->
</u-form-item>
<u-form-item
label="姓名"
prop="name"
borderBottom
labelStyle="{color:red;}"
>
<u-form-item label="姓名" prop="name" borderBottom labelStyle="{color:red;}">
<text style="text-align: right">{{
baseInfo.graduateName || ""
}}</text>
@ -55,16 +48,10 @@
/> -->
</u-form-item>
<!-- 性别 -->
<u-form-item
label="性别"
prop="gender"
borderBottom
labelStyle="{color:red;}"
>
<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">{{
@ -111,84 +98,47 @@
</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>
<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"
>
<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>
<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
>
<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"
/>
<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 {
import {
uploadImage,
getResidentInfo,
forceRelease,
getRecCheckOutInfo,
updateForceEvictionRecord,
} from "../../../pages/api";
export default {
} 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",
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: "",
@ -210,21 +160,23 @@ export default {
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: [
{
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 } =
const {
apartmentName,
buildingName,
unitName,
roomTypeName
} =
this.baseInfo;
return `${apartmentName || ""}${buildingName || ""}${unitName || ""}${
roomTypeName || ""
@ -295,7 +247,10 @@ export default {
this.$u.toast("请选择10MB以内大小的图片/视频！");
return;
}
uni.showLoading({ title: "上传中...", mask: true });
uni.showLoading({
title: "上传中...",
mask: true
});
try {
const files = res.tempFiles;
for (let i = 0; i < files.length; i++) {
@ -303,9 +258,9 @@ export default {
const filePath = file.tempFilePath;
const type =
file.fileType ||
(filePath.match(/\.(mp4|mov|avi|wmv|flv|mkv)$/i)
? "video"
: "image");
(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,
@ -316,7 +271,10 @@ export default {
}
this.img1 = this.fileList.map((v) => v.url);
} catch (e) {
uni.showToast({ title: "上传失败", icon: "none" });
uni.showToast({
title: "上传失败",
icon: "none"
});
} finally {
uni.hideLoading();
}
@ -385,8 +343,8 @@ export default {
icon: "success",
});
setTimeout(() => {
uni.switchTab({
url: "/pages/tabBar/work/index",
uni.navigateTo({
url: "/pagesA/force/list/list",
});
}, 1500);
} else {
@ -404,15 +362,25 @@ export default {
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 {
.top-bg {
position: fixed;
top: 0;
left: 0;
@ -420,70 +388,71 @@ export default {
height: 260rpx;
background: linear-gradient(120deg, #c6e6f7 0%, #e3e5fc 100%);
z-index: 0;
}
}
.container {
.container {
position: relative;
z-index: 1;
padding: 32rpx 24rpx 0 24rpx;
background: transparent;
min-height: 80vh;
}
}
.info-card {
.info-card {
background: #fff;
border-radius: 24rpx;
padding: 0rpx 24rpx 0 0rpx;
margin-bottom: 24rpx;
box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
}
.info-item {
}
.info-item {
padding: 0 34rpx;
}
}
::v-deep .u-form-item__body__left {
::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 {
.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 {
.u-form-item__body__right {
text-align: right;
color: #222;
font-size: 28rpx;
}
}
.u-form-item {
.u-form-item {
border-bottom: 1rpx solid #f2f4f8 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
.u-form-item:last-child {
.u-form-item:last-child {
border-bottom: none !important;
}
}
.desc-card {
.desc-card {
background: #fff;
border-radius: 20rpx;
padding: 0rpx 20rpx 24rpx 20rpx;
margin-bottom: 24rpx;
box-shadow: 0 2rpx 8rpx #f2f4f8;
}
}
.label-des {
.label-des {
color: #68758b;
font-size: 30rpx;
margin: 20rpx 0;
}
}
.custom-desc-textarea {
.custom-desc-textarea {
background: #f7f8fa !important;
border-radius: 12rpx !important;
padding: 24rpx !important;
@ -491,9 +460,9 @@ export default {
color: #222 !important;
min-height: 500rpx !important;
box-sizing: border-box;
}
}
.custom-upload-btn {
.custom-upload-btn {
width: 160rpx;
height: 160rpx;
background: #fafafa;
@ -504,9 +473,9 @@ export default {
align-items: center;
justify-content: center;
margin: 20rpx 16rpx 0 0;
}
}
.icon-box {
.icon-box {
width: 60rpx;
height: 60rpx;
background: #ceeced;
@ -514,21 +483,21 @@ export default {
display: flex;
align-items: center;
justify-content: center;
}
}
.camera-icon {
.camera-icon {
width: 36rpx;
height: 36rpx;
}
}
.upload-tips {
.upload-tips {
color: #bbb;
font-size: 24rpx;
margin-top: 8rpx;
}
}
/* u-upload自定义按钮样式（如需更改） */
.u-upload__wrap__button {
/* u-upload自定义按钮样式（如需更改） */
.u-upload__wrap__button {
background: #f7f8fa !important;
border-radius: 16rpx !important;
width: 120rpx !important;
@ -537,24 +506,21 @@ export default {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
}
}
.u-upload__wrap__button .u-icon {
.u-upload__wrap__button .u-icon {
color: #2fd7e6 !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;
font-size: 24rpx !important;
margin-top: 8rpx;
}
}
::v-deep
.u-form-item
.u-form-item__body__left
.u-form-item__body__left__content__label {
::v-deep .u-form-item .u-form-item__body__left .u-form-item__body__left__content__label {
color: #68758b !important;
font-size: 28rpx;
}
}
</style>
Write Preview
Loading…
Cancel
Save