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

上传不好使 优化

wyx
wangyx 1 month ago
parent
2143c3bb4c
commit
dcb2153dd8
4 changed files with 407 additions and 402 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. 6
      pages/tabBar/sdPage/dfReport.vue
  2. 6
      pages/tabBar/sdPage/sfReport.vue
  3. 8
      pages/tabBar/xjPage/xj.vue
  4. 167
      pagesA/force/index/index.vue

6
pages/tabBar/sdPage/dfReport.vue
View File

@ -60,9 +60,9 @@
:preview-full-image="true" :preview-full-image="true"
:deletable="true" :deletable="true"
:show-upload-list="true" :show-upload-list="true"
:file-list="item.fileList" :fileList="item.fileList"
accept="image" accept="all"
@after-read="afterRead($event,index)" @afterRead="afterRead($event,index)"
@delete="onDelete($event,index)" @delete="onDelete($event,index)"
> >
<view class="custom-upload-btn"> <view class="custom-upload-btn">

6
pages/tabBar/sdPage/sfReport.vue
View File

@ -60,9 +60,9 @@
:preview-full-image="true" :preview-full-image="true"
:deletable="true" :deletable="true"
:show-upload-list="true" :show-upload-list="true"
:file-list="item.fileList" :fileList="item.fileList"
accept="image" accept="all"
@after-read="afterRead($event,index)" @afterRead="afterRead($event,index)"
@delete="onDelete($event,index)" @delete="onDelete($event,index)"
> >
<view class="custom-upload-btn"> <view class="custom-upload-btn">

8
pages/tabBar/xjPage/xj.vue
View File

@ -34,9 +34,9 @@
:preview-full-image="true" :preview-full-image="true"
:deletable="true" :deletable="true"
:show-upload-list="true" :show-upload-list="true"
:file-list="fileList" :fileList="fileList"
accept="image,video" accept="all"
@after-read="afterRead" @afterRead="afterRead"
@delete="onDelete" @delete="onDelete"
> >
<view class="custom-upload-btn"> <view class="custom-upload-btn">
@ -75,7 +75,7 @@ import {
queryDeptDropdownList, queryDeptDropdownList,
} from "@/common/rec"; } from "@/common/rec";
import { getdeptList,addInspection } from '@/common/api'; import { getdeptList,addInspection } from '@/common/api';
import { uploadImage } from '@/pages/api'; import { uploadImage } from '@/pages/api.js';
import { getDicts } from "@/common/system/dict/data"; import { getDicts } from "@/common/system/dict/data";
export default { export default {

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

@ -4,19 +4,12 @@
<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 label="身份证号" prop="idCard"> <u-form-item prop="idCard">
<u-input <u-input v-model="form.idCard" placeholder="请输入身份证号" border="none" input-align="left"
v-model="form.idCard" suffixIcon="search" suffixIconStyle="color: #909399" @confirm="handleQuery" />
placeholder="请输入身份证号"
border="none"
input-align="left"
suffixIcon="search"
suffixIconStyle="color: #909399"
@confirm="handleQuery"
/>
</u-form-item> </u-form-item>
</view> </view>
<view class="cont" v-if="showInfo">
<view class="info-card"> <view class="info-card">
<u-form-item label="姓名" prop="name" required> <u-form-item label="姓名" prop="name" required>
<text style="text-align: right">{{ baseInfo.graduateName }}</text> <text style="text-align: right">{{ baseInfo.graduateName }}</text>
@ -54,12 +47,7 @@
/> --> /> -->
</u-form-item> </u-form-item>
<view style="border-bottom: 2rpx solid #e5e5e5; margin: 0"></view> <view style="border-bottom: 2rpx solid #e5e5e5; margin: 0"></view>
<u-form-item <u-form-item label="退房日期" prop="leaveDate" required @click="showDate = false">
label="退房日期"
prop="leaveDate"
required
@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"
@ -86,33 +74,16 @@
</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="请输入内容（不超过500字）"
v-model="forceCheckoutDesc" maxlength="500" height="150" border="none"
ref="textarea" custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"></u-textarea>
placeholder="请输入内容（不超过500字）"
maxlength="500"
height="150"
border="none"
custom-style="background:#f7f7f7;border-radius:12rpx;padding:16rpx;"
></u-textarea>
<view class="label-des">上传图片/视频</view> <view class="label-des">上传图片/视频</view>
<u-upload <u-upload accept="all" :fileList="fileList" @afterRead="afterRead" @delete="deletePic" multiple
accept="all" :maxCount="10" uploadIconColor="#12c3c3" :previewImage="true">
:fileList="fileList"
@afterRead="afterRead"
@delete="deletePic"
multiple
:maxCount="10"
uploadIconColor="#12c3c3"
:previewImage="true"
>
<view class="custom-upload-btn"> <view class="custom-upload-btn">
<view class="icon-box"> <view class="icon-box">
<image <image class="camera-icon" src="/static/img/camera-icon.png" mode="aspectFill">
class="camera-icon" </image>
src="/static/img/camera-icon.png"
mode="aspectFill"
></image>
</view> </view>
<view class="upload-tips">点击上传</view> <view class="upload-tips">点击上传</view>
@ -120,40 +91,30 @@
</u-upload> </u-upload>
</view> </view>
<view class="submit-box"> <view class="submit-box">
<u-button <u-button type="primary" shape="circle" @click="submit" :custom-style="btnStyle">提交</u-button>
type="primary"
shape="circle"
@click="submit"
:custom-style="btnStyle"
>提交</u-button
>
</view> </view>
</view>
</u-form> </u-form>
<u-datetime-picker <u-datetime-picker :show="showDate" v-model="form.pickerValue" mode="date" @confirm="onDateConfirm"
:show="showDate" @cancel="showDate = false" />
v-model="form.pickerValue" <u-picker :show="showProblemTypePicker" :columns="[problemTypeOptions]" @confirm="onProblemTypeConfirm"
mode="date" @cancel="showProblemTypePicker = false" keyName="label" />
@confirm="onDateConfirm"
@cancel="showDate = false"
/>
<u-picker
:show="showProblemTypePicker"
:columns="[problemTypeOptions]"
@confirm="onProblemTypeConfirm"
@cancel="showProblemTypePicker = false"
keyName="label"
/>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { uploadImage, getResidentInfo, forceRelease } from "../../../pages/api"; import {
uploadImage,
getResidentInfo,
forceRelease
} 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;",
"background:linear-gradient(90deg,#0DC6C6 0%,#13C2C2 100%);font-size:36rpx;border-radius:48rpx;width:60vw;height:80rpx; margin-bottom:60rpx;",
form: { form: {
room: "", room: "",
name: "", name: "",
@ -175,17 +136,23 @@ export default {
showDate: false, showDate: false,
minDate: "2000-01-01", minDate: "2000-01-01",
maxDate: "2100-12-31", maxDate: "2100-12-31",
descStyle: descStyle: "background:#f7f8fa;border-radius:12rpx;padding:24rpx;font-size:28rpx;color:#222;min-height:250rpx;box-sizing:border-box;",
"background:#f7f8fa;border-radius:12rpx;padding:24rpx;font-size:28rpx;color:#222;min-height:250rpx;box-sizing:border-box;", problemTypeOptions: [{
problemTypeOptions: [ label: "违法居住条款，故意破坏房间设施",
{ label: "违法居住条款，故意破坏房间设施", value: 1 }, value: 1
], }, ],
showProblemTypePicker: false, // 控制选择器显示 showProblemTypePicker: false, // 控制选择器显示
showInfo: true
}; };
}, },
computed: { computed: {
roomAllPath() { roomAllPath() {
const { apartmentName, buildingName, unitName, roomTypeName } = const {
apartmentName,
buildingName,
unitName,
roomTypeName
} =
this.baseInfo; this.baseInfo;
return `${apartmentName || ""}${buildingName || ""}${unitName || ""}${ return `${apartmentName || ""}${buildingName || ""}${unitName || ""}${
roomTypeName || "" roomTypeName || ""
@ -194,10 +161,15 @@ export default {
}, },
methods: { methods: {
handleQuery() { handleQuery() {
getResidentInfo({ idCard: this.form.idCard }).then((res) => { getResidentInfo({
idCard: this.form.idCard
}).then((res) => {
if (res.code === 200) { if (res.code === 200) {
console.log("查询结果:", res); console.log("查询结果:", res);
this.baseInfo = res.data; this.baseInfo = res.data;
if (this.baseInfo) {
this.showInfo = true
}
this.baseInfo.roomId = res.data.roomId; this.baseInfo.roomId = res.data.roomId;
} }
}); });
@ -205,10 +177,15 @@ export default {
// 上传前校验 // 上传前校验
beforeRead(event) { beforeRead(event) {
// 可以在这里做文件大小、类型校验 // 可以在这里做文件大小、类型校验
const { file } = event; const {
file
} = event;
if (file.size > 10 * 1024 * 1024) { if (file.size > 10 * 1024 * 1024) {
// 10MB // 10MB
uni.showToast({ title: "文件过大", icon: "none" }); uni.showToast({
title: "文件过大",
icon: "none"
});
return false; return false;
} }
return true; return true;
@ -242,18 +219,26 @@ export default {
} }
var arry = []; var arry = [];
this.fileList.filter((v, i) => { this.fileList.filter((v, i) => {
arry.push(v.url); arry.push({
name: v.name || '',
format: v.type,
url: v.url
}); });
this.img1 = arry; });
// this.img1 = arry;
}, },
// 删除文件 // 删除文件
deletePic(event) { deletePic(event) {
this[`fileList${event.name}`].splice(event.index, 1); this[`fileList${event.name}`].splice(event.index, 1);
var arry = []; var arry = [];
this.fileList.filter((v, i) => { this.fileList.filter((v, i) => {
arry.push(v.url); arry.push({
name: v.name || '',
format: v.type,
url: v.url
});
}); });
this.img1 = arry; // this.img1 = arry;
}, },
onProblemTypeConfirm(e) { onProblemTypeConfirm(e) {
const selectedItem = e.value[0]; const selectedItem = e.value[0];
@ -276,8 +261,13 @@ export default {
}, },
handleTempSave(params) { handleTempSave(params) {
forceRelease(params).then((res) => { forceRelease(params).then((res) => {
uni.showToast({ title: res.msg, icon: "success" }); uni.showToast({
uni.switchTab({ url: "/pages/tabBar/work/index" }); title: res.msg,
icon: "success"
});
uni.switchTab({
url: "/pages/tabBar/work/index"
});
}); });
}, },
}, },
@ -290,10 +280,11 @@ export default {
top: 0; top: 0;
left: 0; left: 0;
width: 100vw; width: 100vw;
height: 220rpx; 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 { .container {
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -301,6 +292,7 @@ export default {
background: transparent; background: transparent;
min-height: 80vh; min-height: 80vh;
} }
.info-card { .info-card {
background: #fff; background: #fff;
border-radius: 24rpx; border-radius: 24rpx;
@ -308,11 +300,13 @@ export default {
margin-bottom: 24rpx; margin-bottom: 24rpx;
box-shadow: 0 4rpx 16rpx 0 #e6f6fd; box-shadow: 0 4rpx 16rpx 0 #e6f6fd;
} }
::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;
@ -330,6 +324,7 @@ export default {
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;
} }
@ -341,11 +336,13 @@ export default {
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;
@ -355,6 +352,7 @@ export default {
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;
@ -367,6 +365,7 @@ export default {
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;
@ -376,15 +375,18 @@ export default {
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;
@ -396,15 +398,18 @@ export default {
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 .u-form-item__body__left__content__label span { ::v-deep .u-form-item__body__left__content__label span {
color: #68758b; color: #68758b;
font-size: 30rpx; font-size: 30rpx;

Write Preview
Loading…
Cancel
Save