巡检点上传图片修正

This commit is contained in:
Zy
2026-05-09 17:10:50 +08:00
parent e29e1c1346
commit b29e03ab4d
29 changed files with 2836 additions and 1189 deletions

View File

@@ -4,10 +4,10 @@
<view class="form-item">
<text class="label">维修项目</text>
<view class="value" @click="goBackSelect">
<view>
<text v-if="!repairProject">请选择项目</text>
{{ repairProject }}
</view>
<view>
<text v-if="!repairProject">请选择项目</text>
{{ repairProject }}
</view>
<uni-icons type="arrowright" size="16"></uni-icons>
</view>
</view>
@@ -16,20 +16,33 @@
<view class="form-item">
<text class="label">标题</text>
<!-- <input type="text" placeholder="请输入问题标题" v-model="form.title" /> -->
<uni-easyinput v-model="form.title" placeholder="请输入内容" :inputBorder="false"></uni-easyinput>
<uni-easyinput
v-model="form.title"
placeholder="请输入内容"
:inputBorder="false"
></uni-easyinput>
</view>
<!-- 问题描述 -->
<view class="form-item-wenti">
<text class="label">问题描述</text>
<!-- <textarea placeholder="请输入问题内容" v-model="form.desc" rows="5" ></textarea> -->
<uni-easyinput v-model="form.desc" placeholder="请描述你的问题" type="textarea"></uni-easyinput>
<uni-easyinput
v-model="form.desc"
placeholder="请描述你的问题"
type="textarea"
></uni-easyinput>
</view>
<!-- 手机号 -->
<view class="form-item">
<text class="label">手机号</text>
<uni-easyinput type="number" v-model="form.phone" placeholder="请输入手机号" :inputBorder="false"></uni-easyinput>
<uni-easyinput
type="number"
v-model="form.phone"
placeholder="请输入手机号"
:inputBorder="false"
></uni-easyinput>
</view>
<!-- 图片上传 -->
@@ -56,7 +69,7 @@
<script setup>
import { ref } from 'vue'
import{onLoad} from "@dcloudio/uni-app"
import { onLoad } from '@dcloudio/uni-app'
// import { onLoad, uniShowToast, uniNavigateBack, uniChooseImage, uniUploadFile } from '@dcloudio/uni-app'
// 接收上个页面传的维修项目
@@ -71,7 +84,7 @@ const form = ref({
})
// 页面加载时获取传参
onLoad((options) => {
onLoad(options => {
if (options.category && options.project) {
repairProject.value = `${options.category}-${options.project}`
}
@@ -79,9 +92,9 @@ onLoad((options) => {
// 选择项目页
const goBackSelect = () => {
uni.navigateTo({
url:"/pageSubPack/fault-reporting/repairSelect"
})
uni.navigateTo({
url: '/pageSubPack/fault-reporting/repairSelect'
})
}
// 选择图片
@@ -90,7 +103,7 @@ const chooseImage = () => {
count: 3, // 最多选3张
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success: (res) => {
success: res => {
// 临时文件路径
const tempFilePaths = res.tempFilePaths
form.value.images = [...form.value.images, ...tempFilePaths]
@@ -111,7 +124,7 @@ const chooseImage = () => {
}
// 删除图片
const deleteImage = (index) => {
const deleteImage = index => {
form.value.images.splice(index, 1)
}
@@ -166,7 +179,7 @@ const submitForm = () => {
display: flex;
margin-bottom: 30rpx;
align-items: flex-start;
border-bottom: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.label {
width: 140rpx;
@@ -184,7 +197,8 @@ const submitForm = () => {
display: flex;
justify-content: space-between;
}
.input, .textarea {
.input,
.textarea {
font-size: 14px;
width: 100%;
padding: 8px 0;
@@ -232,7 +246,7 @@ const submitForm = () => {
}
.submit-btn {
width: 100%;
background: #4D5DFA;
background: #4d5dfa;
color: #fff;
border-radius: 6px;
height: 44px;