Merge branch 'master' of http://gitea.bugtc.com/zhouyanli/property-manager-side
This commit is contained in:
@@ -1,102 +1,98 @@
|
|||||||
import request,{get,post,upload} from "./request.js"
|
import request, { get, post, upload } from './request.js'
|
||||||
|
|
||||||
|
|
||||||
// =======账号密码登录========
|
// =======账号密码登录========
|
||||||
export const getLoginPassword = (data) =>{
|
export const getLoginPassword = data => {
|
||||||
return post('/api/butler/auth/loginByPassword',data)
|
return post('/api/butler/auth/loginByPassword', data)
|
||||||
}
|
}
|
||||||
// 获取验证码
|
// 获取验证码
|
||||||
export const getSendCode = (data) =>{
|
export const getSendCode = data => {
|
||||||
return post('/api/butler/auth/sendSmsCode',data)
|
return post('/api/butler/auth/sendSmsCode', data)
|
||||||
}
|
}
|
||||||
// 手机验证码登录
|
// 手机验证码登录
|
||||||
export const getLoginBySms = (data) =>{
|
export const getLoginBySms = data => {
|
||||||
return post('/api/butler/auth/loginBySms',data)
|
return post('/api/butler/auth/loginBySms', data)
|
||||||
}
|
}
|
||||||
// 忘记密码接口
|
// 忘记密码接口
|
||||||
export const getResetPassword = (data) =>{
|
export const getResetPassword = data => {
|
||||||
return post('/api/butler/auth/forgetPassword',data)
|
return post('/api/butler/auth/forgetPassword', data)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// ======首页=====
|
// ======首页=====
|
||||||
// 获取小区列表
|
// 获取小区列表
|
||||||
export const getVillageList = (data) =>{
|
export const getVillageList = data => {
|
||||||
return get('/api/inspection/today/villageList',data)
|
return get('/api/inspection/today/villageList', data)
|
||||||
}
|
}
|
||||||
// 切换小区
|
// 切换小区
|
||||||
export const switchVillage = (data) =>{
|
export const switchVillage = data => {
|
||||||
return post('/api/inspection/today/switchVillage',data)
|
return post('/api/inspection/today/switchVillage', data)
|
||||||
}
|
}
|
||||||
// 获取当前小区
|
// 获取当前小区
|
||||||
export const getCurrentVillage = () =>{
|
export const getCurrentVillage = () => {
|
||||||
return get('/api/butler/auth/today/village')
|
return get('/api/butler/auth/today/village')
|
||||||
}
|
}
|
||||||
// 获取首页今日巡检
|
// 获取首页今日巡检
|
||||||
export const getTodayInspection = () =>{
|
export const getTodayInspection = () => {
|
||||||
return get('/api/inspection/today/inspection')
|
return get('/api/inspection/today/inspection')
|
||||||
}
|
}
|
||||||
// 首页最新消息通知
|
// 首页最新消息通知
|
||||||
export const getNewNoticeData = () =>{
|
export const getNewNoticeData = () => {
|
||||||
return get('/manage/notice/new')
|
return get('/manage/notice/new')
|
||||||
}
|
}
|
||||||
// 获取bannar图
|
// 获取bannar图
|
||||||
export const getBannarList = () =>{
|
export const getBannarList = () => {
|
||||||
return get('/api/manage/banner/list')
|
return get('/api/manage/banner/list')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ============通知列表===========
|
// ============通知列表===========
|
||||||
export const getNoticeList = (data) =>{
|
export const getNoticeList = data => {
|
||||||
return get('/manage/notice/repair',data)
|
return get('/manage/notice/repair', data)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// ======故障上报=====
|
// ======故障上报=====
|
||||||
// 获取报修项目
|
// 获取报修项目
|
||||||
export const getRepairOrder = () =>{
|
export const getRepairOrder = () => {
|
||||||
return get('/manage/repair/order/list')
|
return get('/manage/repair/order/list')
|
||||||
}
|
}
|
||||||
// 提交维修信息
|
// 提交维修信息
|
||||||
export const addRepairList = (data) =>{
|
export const addRepairList = data => {
|
||||||
return post('/manage/repair/order',data)
|
return post('/manage/repair/order', data)
|
||||||
}
|
}
|
||||||
// 上传图片
|
// 上传图片
|
||||||
export const uploadFile = (filePath, fileName) => {
|
export const uploadFile = (filePath, fileName) => {
|
||||||
return upload(filePath, '/api/butler/file/uploadImage', fileName);
|
return upload(filePath, '/api/butler/file/uploadImage', fileName)
|
||||||
}
|
}
|
||||||
|
|
||||||
// 查询一键开门
|
// 查询一键开门
|
||||||
export const getOpenDoorList = () =>{
|
export const getOpenDoorList = () => {
|
||||||
return get('/manage/remote/open/accessdevice')
|
return get('/manage/remote/open/accessdevice')
|
||||||
}
|
}
|
||||||
// 一键开门
|
// 一键开门
|
||||||
export const switchOpenDoor = (data) =>{
|
export const switchOpenDoor = data => {
|
||||||
return post('/manage/remote/open',data)
|
return post('/manage/remote/open', data)
|
||||||
}
|
}
|
||||||
|
|
||||||
// ===========我的========
|
// ===========我的========
|
||||||
// 获取管家信息
|
// 获取管家信息
|
||||||
export const getSettingInfo = () =>{
|
export const getSettingInfo = () => {
|
||||||
return get('/api/setting/info')
|
return get('/api/setting/info')
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Zy ------------
|
||||||
// 上报记录
|
// 上报记录
|
||||||
export const getMyOrderList = (data) =>{
|
export const getMyOrderList = data => {
|
||||||
return get('/manage/repair/order/reportlist',data)
|
return get('/manage/repair/order/reportlist', data)
|
||||||
}
|
}
|
||||||
|
// Zy ------------
|
||||||
|
|
||||||
// =====设置=======
|
// =====设置=======
|
||||||
// 修改密码
|
// 修改密码
|
||||||
export const changePassword = (data) =>{
|
export const changePassword = data => {
|
||||||
return post('/api/setting/changePassword',data)
|
return post('/api/setting/changePassword', data)
|
||||||
}
|
}
|
||||||
// 退出登录
|
// 退出登录
|
||||||
export const logout = () =>{
|
export const logout = () => {
|
||||||
return post('/api/butler/auth/logout')
|
return post('/api/butler/auth/logout')
|
||||||
}
|
}
|
||||||
// 修改手机号
|
// 修改手机号
|
||||||
export const changePhone = (data) =>{
|
export const changePhone = data => {
|
||||||
return post('/api/setting/changePhone',data)
|
return post('/api/setting/changePhone', data)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -15,7 +15,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 添加按钮 -->
|
<!-- 添加按钮 -->
|
||||||
<view class="add-btn" @tap="choose">
|
<view class="add-btn" @tap="choose" v-if="innerList.length < props.limit">
|
||||||
<uni-icons color="#a6a6a6" type="plusempty" size="25"></uni-icons>
|
<uni-icons color="#a6a6a6" type="plusempty" size="25"></uni-icons>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -194,7 +194,9 @@ function remove(index) {
|
|||||||
|
|
||||||
// 4. 预览图片
|
// 4. 预览图片
|
||||||
function preview(index) {
|
function preview(index) {
|
||||||
const urls = innerList.value.map(i => i.url)
|
console.log(innerList)
|
||||||
|
const urls = innerList.value.map(i => i.url).filter(Boolean)
|
||||||
|
if (urls.length <= 0) return
|
||||||
uni.previewImage({
|
uni.previewImage({
|
||||||
urls: urls,
|
urls: urls,
|
||||||
current: index
|
current: index
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="page_padding">
|
<view class="page_padding">
|
||||||
<view class="detailsbox flex flex-col overflow-hidden">
|
<view class="detailsbox">
|
||||||
<!-- 状态筛选标签 -->
|
<!-- 状态筛选标签 -->
|
||||||
<TabsComponents
|
<TabsComponents
|
||||||
:showBottomLine="false"
|
:showBottomLine="false"
|
||||||
@@ -8,9 +8,9 @@
|
|||||||
:tabslist="statusTabs"
|
:tabslist="statusTabs"
|
||||||
@update="switchStatus"
|
@update="switchStatus"
|
||||||
></TabsComponents>
|
></TabsComponents>
|
||||||
<view class="detail_list flex flex-1 overflow-auto">
|
<view class="detail_list">
|
||||||
<scroll-view
|
<scroll-view
|
||||||
style="height: 100%; flex: 1"
|
style="flex: 1"
|
||||||
scroll-y="true"
|
scroll-y="true"
|
||||||
lower-threshold="160"
|
lower-threshold="160"
|
||||||
v-if="list.length > 0"
|
v-if="list.length > 0"
|
||||||
@@ -100,9 +100,7 @@ const switchStatus = value => {
|
|||||||
list.value = []
|
list.value = []
|
||||||
init()
|
init()
|
||||||
}
|
}
|
||||||
//
|
const total = ref(0) // 总量
|
||||||
|
|
||||||
const total = ref(0) //
|
|
||||||
const isLoading = ref(false) // 加载锁
|
const isLoading = ref(false) // 加载锁
|
||||||
const hasMore = ref(true) // 是否还有更多数据
|
const hasMore = ref(true) // 是否还有更多数据
|
||||||
const list = ref([])
|
const list = ref([])
|
||||||
@@ -153,7 +151,7 @@ function handleComplaint(id) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function scrolltolower() {
|
function scrolltolower() {
|
||||||
// 必须加这两个判断!
|
console.log('触发')
|
||||||
if (isLoading.value || !hasMore.value) {
|
if (isLoading.value || !hasMore.value) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -167,13 +165,18 @@ function scrolltolower() {
|
|||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
}
|
}
|
||||||
.detailsbox {
|
.detailsbox {
|
||||||
|
height: 100%;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
background: #f9f9f9;
|
background: #f9f9f9;
|
||||||
padding: 20rpx 40rpx;
|
padding: 20rpx 40rpx;
|
||||||
justify-content: flex-start;
|
display: flex;
|
||||||
align-items: stretch;
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
.detail_list {
|
.detail_list {
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
.item {
|
.item {
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="page_padding">
|
<view class="page_padding">
|
||||||
<view class="Details_handelbox h-full flex-1">
|
<view class="Details_handelbox h-full flex-1 flex flex-col">
|
||||||
<view class="items top flex items-center justify-between">
|
<view class="items top flex items-center justify-between">
|
||||||
<view class="title flex items-center">
|
<view class="title flex items-center">
|
||||||
<view class="line"></view>
|
<view class="line"></view>
|
||||||
@@ -61,6 +61,7 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
:src="item"
|
:src="item"
|
||||||
class="img"
|
class="img"
|
||||||
|
@tap="handlePrivew(showImages, index)"
|
||||||
mode="scaleToFill"
|
mode="scaleToFill"
|
||||||
></image>
|
></image>
|
||||||
</view>
|
</view>
|
||||||
@@ -84,17 +85,6 @@ import { onMounted, ref } from 'vue'
|
|||||||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||||||
import { getComplainMain } from '@/api/complain.js'
|
import { getComplainMain } from '@/api/complain.js'
|
||||||
|
|
||||||
const info = ref({
|
|
||||||
status: 0, //0待解决 1已完成
|
|
||||||
imgs: [
|
|
||||||
'https://picsum.photos/61',
|
|
||||||
'https://picsum.photos/61',
|
|
||||||
'https://picsum.photos/61',
|
|
||||||
'https://picsum.photos/61',
|
|
||||||
'https://picsum.photos/61'
|
|
||||||
]
|
|
||||||
})
|
|
||||||
|
|
||||||
/** 投诉详情id */
|
/** 投诉详情id */
|
||||||
const complainId = ref('')
|
const complainId = ref('')
|
||||||
/** 投诉详情内容 */
|
/** 投诉详情内容 */
|
||||||
@@ -126,10 +116,12 @@ function init() {
|
|||||||
if (complainId.value) {
|
if (complainId.value) {
|
||||||
getComplainMain(complainId.value).then(res => {
|
getComplainMain(complainId.value).then(res => {
|
||||||
complainInfo.value = res.data
|
complainInfo.value = res.data
|
||||||
showImages.value = res.data.problemImageUrl
|
if (res.data.problemImageUrl) {
|
||||||
.split(',')
|
showImages.value = res.data.problemImageUrl
|
||||||
.filter(item => item.includes('http'))
|
.split(',')
|
||||||
.map(item => item.split('?')[0])
|
.filter(item => item.includes('http'))
|
||||||
|
.map(item => item && item.split('?')[0])
|
||||||
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -144,6 +136,15 @@ function handleSelecthouse() {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 预览图片 */
|
||||||
|
function handlePrivew(items, index) {
|
||||||
|
if (items.length <= 0) return
|
||||||
|
uni.previewImage({
|
||||||
|
current: index,
|
||||||
|
urls: items
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@@ -151,8 +152,12 @@ function handleSelecthouse() {
|
|||||||
padding: 30rpx 40rpx;
|
padding: 30rpx 40rpx;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
.items {
|
.items {
|
||||||
height: 100rpx;
|
height: 80rpx;
|
||||||
|
min-height: 80rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
&.top {
|
&.top {
|
||||||
border-bottom: 1rpx solid #ccc;
|
border-bottom: 1rpx solid #ccc;
|
||||||
}
|
}
|
||||||
@@ -190,6 +195,10 @@ function handleSelecthouse() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
|
flex: 1;
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
|
padding-bottom: 30rpx;
|
||||||
.item {
|
.item {
|
||||||
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -253,10 +262,10 @@ function handleSelecthouse() {
|
|||||||
background: #4d5dfa;
|
background: #4d5dfa;
|
||||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||||
|
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
bottom: 0;
|
// bottom: 0;
|
||||||
left: 50%;
|
// left: 50%;
|
||||||
transform: translateX(-50%);
|
// transform: translateX(-50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -80,6 +80,7 @@
|
|||||||
v-for="(it, ind) in ite.files"
|
v-for="(it, ind) in ite.files"
|
||||||
:key="ind"
|
:key="ind"
|
||||||
:src="it"
|
:src="it"
|
||||||
|
@tap="handlePrivew(ite.files, index)"
|
||||||
mode="scaleToFill"
|
mode="scaleToFill"
|
||||||
></image>
|
></image>
|
||||||
</view>
|
</view>
|
||||||
@@ -94,7 +95,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup>
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
import { getInspectionMain } from '@/api/insepction.js'
|
import { getInspectionMain } from '@/api/insepction.js'
|
||||||
import { onLoad } from '@dcloudio/uni-app'
|
import { onLoad } from '@dcloudio/uni-app'
|
||||||
@@ -157,6 +158,15 @@ onLoad(options => {
|
|||||||
taskid.value = options.id
|
taskid.value = options.id
|
||||||
init()
|
init()
|
||||||
})
|
})
|
||||||
|
|
||||||
|
/**预览图片*/
|
||||||
|
function handlePrivew(lists, index) {
|
||||||
|
if (lists.length <= 0) return
|
||||||
|
uni.previewImage({
|
||||||
|
urls: lists,
|
||||||
|
count: index
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|||||||
@@ -134,8 +134,8 @@ function getlist() {
|
|||||||
})
|
})
|
||||||
item.itemslist = Array.from(items)
|
item.itemslist = Array.from(items)
|
||||||
})
|
})
|
||||||
hasMore.value = list.value.length < res.total
|
|
||||||
total.value = res.total
|
total.value = res.total
|
||||||
|
hasMore.value = list.value.length < res.total
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
@@ -156,7 +156,7 @@ function handleChangeTime(event: string) {
|
|||||||
|
|
||||||
function handleTap(ite) {
|
function handleTap(ite) {
|
||||||
const today = parseTime(new Date(), '{m}月{d}日')
|
const today = parseTime(new Date(), '{m}月{d}日')
|
||||||
if (today !== showDate.value) {
|
if (today !== showDate.value && ite.taskStatus !== '已完成') {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -119,8 +119,8 @@ function getlist() {
|
|||||||
item.itemslist = Array.from(items)
|
item.itemslist = Array.from(items)
|
||||||
})
|
})
|
||||||
list.value = res.rows
|
list.value = res.rows
|
||||||
hasMore.value = list.value.length < res.total
|
|
||||||
total.value = res.total
|
total.value = res.total
|
||||||
|
hasMore.value = list.value.length < res.total
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
|
|||||||
@@ -123,7 +123,11 @@ function getlist() {
|
|||||||
getVillageHouseList_keyword(queryParmas.value, queryParmas.value.searchValue)
|
getVillageHouseList_keyword(queryParmas.value, queryParmas.value.searchValue)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
// 追加数据(正确方式)
|
// 追加数据(正确方式)
|
||||||
searchlist.value = [...searchlist.value, ...res.rows]
|
if (queryParmas.value.pageNum === 1) {
|
||||||
|
searchlist.value = res.rows
|
||||||
|
} else {
|
||||||
|
searchlist.value.push(...res.rows)
|
||||||
|
}
|
||||||
total.value = res.total
|
total.value = res.total
|
||||||
// 判断是否还有更多
|
// 判断是否还有更多
|
||||||
hasMore.value = searchlist.value.length < total.value
|
hasMore.value = searchlist.value.length < total.value
|
||||||
|
|||||||
@@ -26,7 +26,13 @@
|
|||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 上报记录列表 -->
|
<!-- 上报记录列表 -->
|
||||||
<scroll-view class="record-list" scroll-y lower-threshold="60" @scrolltolower="scrolltolower">
|
<scroll-view
|
||||||
|
ref="scrollRef"
|
||||||
|
class="record-list"
|
||||||
|
scroll-y
|
||||||
|
lower-threshold="60"
|
||||||
|
@scrolltolower="scrolltolower"
|
||||||
|
>
|
||||||
<!-- 空状态 -->
|
<!-- 空状态 -->
|
||||||
<view v-if="reportRecords.length === 0" class="empty-state">
|
<view v-if="reportRecords.length === 0" class="empty-state">
|
||||||
<uni-icons type="empty" size="60" color="#ccc"></uni-icons>
|
<uni-icons type="empty" size="60" color="#ccc"></uni-icons>
|
||||||
@@ -74,6 +80,7 @@
|
|||||||
:key="index"
|
:key="index"
|
||||||
:src="item"
|
:src="item"
|
||||||
class="images"
|
class="images"
|
||||||
|
@tap="handlePrivew(record.repairImageUrlList, index)"
|
||||||
mode="scaleToFill"
|
mode="scaleToFill"
|
||||||
></image>
|
></image>
|
||||||
</view>
|
</view>
|
||||||
@@ -136,9 +143,7 @@ const total = ref(0)
|
|||||||
|
|
||||||
function scrolltolower() {
|
function scrolltolower() {
|
||||||
// 必须加这两个判断!
|
// 必须加这两个判断!
|
||||||
if (isLoading.value || !hasMore.value) {
|
if (isLoading.value || !hasMore.value) return
|
||||||
return
|
|
||||||
}
|
|
||||||
queryParmas.value.pageNum += 1
|
queryParmas.value.pageNum += 1
|
||||||
getlist()
|
getlist()
|
||||||
}
|
}
|
||||||
@@ -148,12 +153,17 @@ function getlist() {
|
|||||||
isLoading.value = true
|
isLoading.value = true
|
||||||
getTicketHallList(queryParmas.value)
|
getTicketHallList(queryParmas.value)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
reportRecords.value = [...reportRecords.value, ...res.rows]
|
const list = res.rows.map(item => ({
|
||||||
reportRecords.value.forEach(item => {
|
...item,
|
||||||
item.repairImageUrlList = item.repairImageUrl
|
repairImageUrlList: item.repairImageUrl
|
||||||
? item.repairImageUrl.split(',').filter(item => item)
|
? item.repairImageUrl.split(',').filter(Boolean)
|
||||||
: []
|
: []
|
||||||
})
|
}))
|
||||||
|
if (queryParmas.value.pageNum === 1) {
|
||||||
|
reportRecords.value = list
|
||||||
|
} else {
|
||||||
|
reportRecords.value.push(...list)
|
||||||
|
}
|
||||||
total.value = res.total
|
total.value = res.total
|
||||||
hasMore.value = reportRecords.value.length < total.value
|
hasMore.value = reportRecords.value.length < total.value
|
||||||
})
|
})
|
||||||
@@ -176,7 +186,7 @@ function getlist() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
onShow(() => {
|
onShow(() => {
|
||||||
resetList()
|
getlist()
|
||||||
})
|
})
|
||||||
|
|
||||||
function resetList() {
|
function resetList() {
|
||||||
@@ -245,85 +255,86 @@ function handleMain(id) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 预览图片 */
|
/* 预览图片 */
|
||||||
function handlePrivew(imgs) {
|
function handlePrivew(items, index) {
|
||||||
// if (imgs.length > 0) {
|
if (items.length <= 0) return
|
||||||
// uni.previewImage({
|
uni.previewImage({
|
||||||
// urls: imgs,
|
urls: items,
|
||||||
// success(e) {
|
count: index
|
||||||
// console.log(JSON.stringify(e))
|
})
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.bgaction {
|
.bgaction {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0;
|
left: 0;
|
||||||
top: 20%;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 0;
|
z-index: -1;
|
||||||
|
/* 禁止拦截滚动/点击事件 */
|
||||||
|
pointer-events: none;
|
||||||
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 25%);
|
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 25%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 根页面:固定满屏、纵向弹性布局、禁止自身滚动 */
|
||||||
.report-record-page {
|
.report-record-page {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 25.71%);
|
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 25.71%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 主体容器:占满剩余高度、纵向排列、禁止滚动 */
|
||||||
.hall_body {
|
.hall_body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
padding: 0 40rpx;
|
padding: 0 40rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
/* 状态筛选标签 */
|
|
||||||
|
/* 状态标签栏(固定高度,正常占位) */
|
||||||
.status-tabs {
|
.status-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* background-color: #fff; */
|
|
||||||
padding: 0 40rpx;
|
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 类型筛选标签 */
|
/* 类型标签栏(固定高度,正常占位) */
|
||||||
.type-tabs {
|
.type-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
/* background-color: #fff; */
|
|
||||||
margin: 20rpx 0;
|
margin: 20rpx 0;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
.type-tabs > .type-tab-item:not(:last-child) {
|
.type-tabs > .type-tab-item:not(:last-child) {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.type-tab-item {
|
.type-tab-item {
|
||||||
width: 142rpx;
|
width: 142rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
border-radius: 24rpx;
|
border-radius: 24rpx;
|
||||||
border: 2rpx solid #999999;
|
border: 2rpx solid #999999;
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
line-height: 48rpx;
|
line-height: 48rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.type-tab-item.active {
|
.type-tab-item.active {
|
||||||
color: #4d5dfa;
|
color: #4d5dfa;
|
||||||
border: 2rpx solid #4d5dfa;
|
border: 2rpx solid #4d5dfa;
|
||||||
border-radius: 24rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 记录列表 */
|
/* ========== 核心修复:scroll-view 滚动区域 ========== */
|
||||||
|
/* 放弃 calc 固定计算,改用 flex 自适应,首屏高度永远正常 */
|
||||||
.record-list {
|
.record-list {
|
||||||
box-sizing: border-box;
|
|
||||||
padding-bottom: 40rpx;
|
|
||||||
overflow-y: auto;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
height: 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding-bottom: 40rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 空状态 */
|
/* 空状态 */
|
||||||
@@ -335,14 +346,13 @@ function handlePrivew(imgs) {
|
|||||||
padding: 100rpx 0;
|
padding: 100rpx 0;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.empty-text {
|
.empty-text {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 记录卡片 */
|
/* 卡片样式(原有逻辑保留,仅修正冗余 height) */
|
||||||
.record-card {
|
.record-card {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
@@ -357,14 +367,11 @@ function handlePrivew(imgs) {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
font-weight: 400;
|
|
||||||
color: #222222;
|
color: #222222;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
font-size: 32rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 状态标签 */
|
/* 状态标签 */
|
||||||
@@ -372,25 +379,19 @@ function handlePrivew(imgs) {
|
|||||||
width: 82rpx;
|
width: 82rpx;
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
border-radius: 15rpx;
|
border-radius: 15rpx;
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 30rpx;
|
line-height: 30rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 30rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag.pending {
|
.status-tag.pending {
|
||||||
background-color: #e34d59; /* 待分配-红色 */
|
background-color: #e34d59;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag.processing {
|
.status-tag.processing {
|
||||||
background-color: #09c2bd; /* 待解决-绿色 */
|
background-color: #09c2bd;
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag.completed {
|
.status-tag.completed {
|
||||||
background-color: #4d5dfa; /* 已完成-蓝色 */
|
background-color: #4d5dfa;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 类型标签组 */
|
/* 类型标签组 */
|
||||||
@@ -401,14 +402,11 @@ function handlePrivew(imgs) {
|
|||||||
.tag-group > .tag-item:not(:last-child) {
|
.tag-group > .tag-item:not(:last-child) {
|
||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-item {
|
.tag-item {
|
||||||
height: 42rpx;
|
height: 42rpx;
|
||||||
padding: 0 10rpx;
|
padding: 0 10rpx;
|
||||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
border-radius: 8rpx;
|
||||||
border: 1rpx solid #999999;
|
border: 1rpx solid #999999;
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
line-height: 42rpx;
|
line-height: 42rpx;
|
||||||
@@ -419,16 +417,15 @@ function handlePrivew(imgs) {
|
|||||||
.card-content {
|
.card-content {
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
letter-spacing: 2rpx;
|
letter-spacing: 2rpx;
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
}
|
}
|
||||||
/* 图片 */
|
|
||||||
|
/* 图片区域 */
|
||||||
.card-image {
|
.card-image {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3, 1fr);
|
grid-template-columns: repeat(3, 1fr);
|
||||||
min-width: 186rpx;
|
|
||||||
min-height: 104rpx;
|
min-height: 104rpx;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
@@ -448,8 +445,8 @@ function handlePrivew(imgs) {
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
.create-time {
|
.create-time,
|
||||||
font-weight: 400;
|
.repairman {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
@@ -459,18 +456,9 @@ function handlePrivew(imgs) {
|
|||||||
height: 44rpx;
|
height: 44rpx;
|
||||||
background: #4d5dfa;
|
background: #4d5dfa;
|
||||||
border-radius: 22rpx;
|
border-radius: 22rpx;
|
||||||
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 44rpx;
|
line-height: 44rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repairman {
|
|
||||||
font-weight: 400;
|
|
||||||
font-size: 28rpx;
|
|
||||||
color: #999999;
|
|
||||||
line-height: 40rpx;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -29,12 +29,13 @@
|
|||||||
class="record-list flex-1"
|
class="record-list flex-1"
|
||||||
scroll-y
|
scroll-y
|
||||||
lower-threshold="60"
|
lower-threshold="60"
|
||||||
|
enable-flex="true"
|
||||||
@scrolltolower="scrolltolower"
|
@scrolltolower="scrolltolower"
|
||||||
>
|
>
|
||||||
<!-- 空状态 -->
|
<!-- 空状态 -->
|
||||||
<view v-if="reportRecords.length === 0" class="empty-state">
|
<view v-if="reportRecords.length === 0" class="empty-state">
|
||||||
<uni-icons type="empty" size="60" color="#ccc"></uni-icons>
|
<uni-icons type="empty" size="60" color="#ccc"></uni-icons>
|
||||||
<text class="empty-text">暂无上报记录</text>
|
<text class="empty-text">暂无记录</text>
|
||||||
</view>
|
</view>
|
||||||
<!-- 记录卡片 -->
|
<!-- 记录卡片 -->
|
||||||
<view
|
<view
|
||||||
@@ -63,18 +64,6 @@
|
|||||||
<view class="card-content">
|
<view class="card-content">
|
||||||
{{ record.problem }}
|
{{ record.problem }}
|
||||||
</view>
|
</view>
|
||||||
<!-- 工单图片 -->
|
|
||||||
<!-- <view class="card-image">
|
|
||||||
<image
|
|
||||||
lazy-load
|
|
||||||
v-for="(item, index) in record.images"
|
|
||||||
:key="index"
|
|
||||||
:src="item"
|
|
||||||
class="images"
|
|
||||||
mode="scaleToFill"
|
|
||||||
></image>
|
|
||||||
</view -->
|
|
||||||
|
|
||||||
<!-- 底部信息 -->
|
<!-- 底部信息 -->
|
||||||
<view class="card-footer">
|
<view class="card-footer">
|
||||||
<text class="create-time">{{ record.createTime }}</text>
|
<text class="create-time">{{ record.createTime }}</text>
|
||||||
@@ -129,29 +118,33 @@ const isLoading = ref(false) // 加载锁
|
|||||||
const hasMore = ref(true) // 是否还有更多数据
|
const hasMore = ref(true) // 是否还有更多数据
|
||||||
const total = ref(0)
|
const total = ref(0)
|
||||||
function scrolltolower() {
|
function scrolltolower() {
|
||||||
// 必须加这两个判断!
|
if (isLoading.value || !hasMore.value) return
|
||||||
if (isLoading.value || !hasMore.value) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
queryParmas.value.pageNum += 1
|
queryParmas.value.pageNum += 1
|
||||||
getlist()
|
getlist()
|
||||||
}
|
}
|
||||||
function getlist() {
|
function getlist() {
|
||||||
// 1. 如果正在加载或没有更多数据,直接返回
|
|
||||||
if (isLoading.value || !hasMore.value) return
|
if (isLoading.value || !hasMore.value) return
|
||||||
// 2. 开启锁
|
|
||||||
isLoading.value = true
|
isLoading.value = true
|
||||||
|
|
||||||
getUserTicketlist(queryParmas.value)
|
getUserTicketlist(queryParmas.value)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
reportRecords.value = [...reportRecords.value, ...res.rows]
|
|
||||||
hasMore.value = reportRecords.value.length < total.value
|
|
||||||
total.value = res.total
|
total.value = res.total
|
||||||
|
const list = res.rows.map(item => ({
|
||||||
|
...item,
|
||||||
|
repairImageUrlList: item.repairImageUrl
|
||||||
|
? item.repairImageUrl.split(',').filter(Boolean)
|
||||||
|
: []
|
||||||
|
}))
|
||||||
|
|
||||||
|
if (queryParmas.value.pageNum === 1) {
|
||||||
|
reportRecords.value = list
|
||||||
|
} else {
|
||||||
|
reportRecords.value.push(...list)
|
||||||
|
}
|
||||||
|
hasMore.value = reportRecords.value.length < total.value
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
uni.showToast({
|
uni.showToast({ icon: 'error', title: '网络异常' })
|
||||||
icon: 'error',
|
|
||||||
title: '网络异常'
|
|
||||||
})
|
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
isLoading.value = false
|
isLoading.value = false
|
||||||
@@ -232,6 +225,8 @@ function handlePrivew(imgs) {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 50.71%);
|
background: linear-gradient(225deg, #e2f0ff 0%, #f9f9f9 50.71%);
|
||||||
}
|
}
|
||||||
@@ -239,6 +234,8 @@ function handlePrivew(imgs) {
|
|||||||
.hall_body {
|
.hall_body {
|
||||||
padding: 0 40rpx;
|
padding: 0 40rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
/* 状态筛选标签 */
|
/* 状态筛选标签 */
|
||||||
.status-tabs {
|
.status-tabs {
|
||||||
@@ -315,6 +312,8 @@ function handlePrivew(imgs) {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding-bottom: 40rpx;
|
padding-bottom: 40rpx;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
height: 0;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 空状态 */
|
/* 空状态 */
|
||||||
|
|||||||
@@ -3,26 +3,25 @@
|
|||||||
<view class="repairCompleted">
|
<view class="repairCompleted">
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<text>问题描述</text>
|
<text>维修描述</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="descrition">
|
<view class="descrition">
|
||||||
<textarea
|
<textarea
|
||||||
|
:maxlength="500"
|
||||||
v-model="form.descrition"
|
v-model="form.descrition"
|
||||||
|
auto-height
|
||||||
|
style="width: 100%"
|
||||||
placeholder-style="color:#e8e8e8;"
|
placeholder-style="color:#e8e8e8;"
|
||||||
placeholder="请描述您的问题"
|
placeholder="请输入您的描述"
|
||||||
/>
|
/>
|
||||||
|
<view class="maxlength"> {{ form.descrition.length }}/500 </view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="item">
|
<view class="item">
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<text>问题照片</text>
|
<text>维修图片</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="">
|
<view class="">
|
||||||
<!-- <uni-file-picker v-model="form.images" file-mediatype="image">
|
|
||||||
<view class="addimages images flex flex-center">
|
|
||||||
<uni-icons type="plusempty" color="#a6a6a6" size="27"></uni-icons>
|
|
||||||
</view>
|
|
||||||
</uni-file-picker> -->
|
|
||||||
<filePicker
|
<filePicker
|
||||||
v-model="form.images"
|
v-model="form.images"
|
||||||
file-field-name="file"
|
file-field-name="file"
|
||||||
@@ -64,14 +63,13 @@ function handleSelecthouse() {
|
|||||||
obj.repairImageUrl = form.value.images.join(',')
|
obj.repairImageUrl = form.value.images.join(',')
|
||||||
}
|
}
|
||||||
ticketComputed(obj)
|
ticketComputed(obj)
|
||||||
.then(() => {
|
.then(res => {
|
||||||
uni.navigateBack()
|
uni.navigateBack()
|
||||||
PushSingle()
|
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(err => {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
icon: 'error',
|
icon: 'error',
|
||||||
title: '网络错误'
|
title: '提交错误'
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -96,10 +94,22 @@ function handleSelecthouse() {
|
|||||||
line-height: 36rpx;
|
line-height: 36rpx;
|
||||||
}
|
}
|
||||||
.descrition {
|
.descrition {
|
||||||
height: 200rpx;
|
min-height: 200rpx;
|
||||||
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
||||||
border: 2rpx solid #ececec;
|
border: 2rpx solid #ececec;
|
||||||
padding: 22rpx 18rpx;
|
padding: 22rpx 18rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 40rpx;
|
||||||
|
.maxlength {
|
||||||
|
font-size: small;
|
||||||
|
position: absolute;
|
||||||
|
right: 1em;
|
||||||
|
bottom: 0.5em;
|
||||||
|
height: 22rpx;
|
||||||
|
line-height: 22rpx;
|
||||||
|
color: #e8e8e8;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.imageboxs {
|
.imageboxs {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -73,8 +73,8 @@
|
|||||||
v-for="(item, index) in problemImageUrl"
|
v-for="(item, index) in problemImageUrl"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="images"
|
class="images"
|
||||||
|
@tap="handlePrivew(problemImageUrl, index)"
|
||||||
:src="item"
|
:src="item"
|
||||||
mode=""
|
|
||||||
></image>
|
></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -104,18 +104,19 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="" v-if="currentStep >= 3">
|
<view class="" v-if="currentStep >= 3">
|
||||||
<view class="item descrition flex-col">
|
<view class="item descrition flex-col">
|
||||||
<view class="label"> <text>问题描述</text> </view>
|
<view class="label"> <text>维修描述</text> </view>
|
||||||
<view class="value" v-if="repairInfo.repairDes && repairInfo.repairDes.trim()">
|
<view class="value" v-if="repairInfo.repairDes && repairInfo.repairDes.trim()">
|
||||||
{{ repairInfo.repairDes }}
|
{{ repairInfo.repairDes }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="item photobox">
|
<view class="item photobox">
|
||||||
<view class="label"> <text>问题照片</text> </view>
|
<view class="label"> <text>维修图片</text> </view>
|
||||||
<view class="value" v-if="repairImageUrl.length > 0">
|
<view class="value" v-if="repairImageUrl.length > 0">
|
||||||
<image
|
<image
|
||||||
v-for="(item, index) in repairImageUrl"
|
v-for="(item, index) in repairImageUrl"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="images"
|
class="images"
|
||||||
|
@tap="handlePrivew(repairImageUrl, index)"
|
||||||
:src="item"
|
:src="item"
|
||||||
></image>
|
></image>
|
||||||
</view>
|
</view>
|
||||||
@@ -210,7 +211,6 @@ function getTicketById() {
|
|||||||
problemImageUrl.value = repairInfo.value.problemImageUrl
|
problemImageUrl.value = repairInfo.value.problemImageUrl
|
||||||
? repairInfo.value.problemImageUrl.split(',').filter(item => item)
|
? repairInfo.value.problemImageUrl.split(',').filter(item => item)
|
||||||
: []
|
: []
|
||||||
|
|
||||||
repairImageUrl.value = repairInfo.value.repairImageUrl
|
repairImageUrl.value = repairInfo.value.repairImageUrl
|
||||||
? repairInfo.value.repairImageUrl.split(',').filter(item => item)
|
? repairInfo.value.repairImageUrl.split(',').filter(item => item)
|
||||||
: []
|
: []
|
||||||
@@ -288,6 +288,15 @@ function handleRepairCompluted() {
|
|||||||
url: '/pageSubPack/ticket/repairCompleted?id=' + repairInfo.value.id
|
url: '/pageSubPack/ticket/repairCompleted?id=' + repairInfo.value.id
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 预览图片 */
|
||||||
|
function handlePrivew(items, index = 0) {
|
||||||
|
if (items.length <= 0) return
|
||||||
|
uni.previewImage({
|
||||||
|
urls: items,
|
||||||
|
count: index
|
||||||
|
})
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
@@ -296,6 +305,7 @@ function handleRepairCompluted() {
|
|||||||
background-color: #f9f9f9;
|
background-color: #f9f9f9;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|||||||
@@ -343,7 +343,7 @@ const slelctHomeData = data => {
|
|||||||
onShow(() => {
|
onShow(() => {
|
||||||
getbannarData()
|
getbannarData()
|
||||||
getInspectionData()
|
getInspectionData()
|
||||||
currentVillageData()
|
currentVillageData()
|
||||||
})
|
})
|
||||||
|
|
||||||
onLoad(() => {
|
onLoad(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user