|
|
@ -58,195 +58,196 @@ |
|
|
|
<view class="content-area"> |
|
|
|
<!-- 记录item --> |
|
|
|
<!-- 加载动画容器 --> |
|
|
|
<view v-if="isLoading" class="loading-icon"> |
|
|
|
<uv-loading-icon mode="circle" size="48"></uv-loading-icon> |
|
|
|
</view> |
|
|
|
<view class="record-item" v-else-if="list.length" v-for="(record, index) in list" :key="index"> |
|
|
|
<!-- 维修记录 --> |
|
|
|
<template v-if="activeMainTab === 'repair'"> |
|
|
|
<!-- 基本信息 --> |
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">维修人</text> |
|
|
|
<text class="value">{{ record.repairName }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">联系方式</text> |
|
|
|
<text class="value">{{ record.phone }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">维修日期</text> |
|
|
|
<text class="value">{{ record.repairDate }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">处理内容</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 处理内容文本区域 --> |
|
|
|
<view class="content-text"> |
|
|
|
<text>{{ record.content }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 上传图片 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">上传图片</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image class="uploaded-image" v-for="(value, index) in record.image.split(',')" :key="index" :src="value" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 是否产生费用 --> |
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">是否产生费用</text> |
|
|
|
<text class="value red-text">{{ record.isExpend === '1' || record.isExpend === 1 ? '是' : '否' }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 保养记录 --> |
|
|
|
<template v-else> |
|
|
|
<!-- 基本信息 --> |
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养人</text> |
|
|
|
<text class="value">{{ record.maintenanceName }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养日期</text> |
|
|
|
<text class="value">{{ record.maintenanceDate }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养前状态</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养前状态文本区域 --> |
|
|
|
<view class="content-text"> |
|
|
|
<text>{{ record.stateFrontText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养前图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image |
|
|
|
class="uploaded-image" |
|
|
|
v-for="(img, imgIndex) in record.stateFrontImage.split(',')" |
|
|
|
:key="imgIndex" |
|
|
|
:src="img" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">保养后状态</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养后状态文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.stateBackText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养后图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image |
|
|
|
class="uploaded-image" |
|
|
|
v-for="(img, imgIndex) in record.stateBackImage.split(',')" |
|
|
|
:key="'after-' + imgIndex" |
|
|
|
:src="img" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 是否产生费用 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">是否产生费用</text> |
|
|
|
<text class="value red-text">{{ record.isExpend === '1'||record.isExpend === 1 ? '是' : '否' }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 产生费用 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">产生费用</text> |
|
|
|
<text class="value red-text">{{ record.amount }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 费用详情表格 --> |
|
|
|
<view class="cost-table" v-if="!collapsedStates[index]"> |
|
|
|
<view class="table-header"> |
|
|
|
<text class="header-cell">费用名称</text> |
|
|
|
<text class="header-cell">数量</text> |
|
|
|
<text class="header-cell">金额</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="table-row" v-for="(item, costIndex) in record.exhibitMaintenanceExpenses" :key="costIndex"> |
|
|
|
<text class="cell">{{ item.title }}</text> |
|
|
|
<text class="cell">{{ item.num }}</text> |
|
|
|
<text class="cell">{{ item.amount }}</text> |
|
|
|
</view> |
|
|
|
<view class="table-row" v-for="(item, costIndex) in record.exhibitRepairExpenseList" :key="costIndex"> |
|
|
|
<text class="cell">{{ item.title }}</text> |
|
|
|
<text class="cell">{{ item.num }}</text> |
|
|
|
<text class="cell">{{ item.amount }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 维修记录特有字段 --> |
|
|
|
<template v-if="activeMainTab === 'repair'"> |
|
|
|
<!-- 问题是否解决 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">问题是否解决</text> |
|
|
|
<text class="value red-text">{{ record.isResolved }}</text> |
|
|
|
</view> |
|
|
|
<view v-if="list.length"> |
|
|
|
<view class="record-item" v-for="(record, index) in list" :key="index"> |
|
|
|
<!-- 维修记录 --> |
|
|
|
<template v-if="activeMainTab === 'repair'"> |
|
|
|
<!-- 基本信息 --> |
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">维修人</text> |
|
|
|
<text class="value">{{ record.repairName }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">联系方式</text> |
|
|
|
<text class="value">{{ record.phone }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">维修日期</text> |
|
|
|
<text class="value">{{ record.repairDate }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">处理内容</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 处理内容文本区域 --> |
|
|
|
<view class="content-text"> |
|
|
|
<text>{{ record.content }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 上传图片 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">上传图片</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image class="uploaded-image" v-for="(value, index) in record.image.split(',')" :key="index" :src="value" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 是否产生费用 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">是否产生费用</text> |
|
|
|
<text class="value red-text">{{ record.isExpend === '1' || record.isExpend === 1 ? '是' : '否' }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 备注 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">备注</text> |
|
|
|
</view> |
|
|
|
<!-- 保养记录 --> |
|
|
|
<template v-else> |
|
|
|
<!-- 基本信息 --> |
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养人</text> |
|
|
|
<text class="value">{{ record.maintenanceName }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养日期</text> |
|
|
|
<text class="value">{{ record.maintenanceDate }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row"> |
|
|
|
<text class="label">保养前状态</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养前状态文本区域 --> |
|
|
|
<view class="content-text"> |
|
|
|
<text>{{ record.stateFrontText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养前图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image |
|
|
|
class="uploaded-image" |
|
|
|
v-for="(img, imgIndex) in record.stateFrontImage.split(',')" |
|
|
|
:key="imgIndex" |
|
|
|
:src="img" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">保养后状态</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养后状态文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.stateBackText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养后图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image |
|
|
|
class="uploaded-image" |
|
|
|
v-for="(img, imgIndex) in record.stateBackImage.split(',')" |
|
|
|
:key="'after-' + imgIndex" |
|
|
|
:src="img" |
|
|
|
mode="aspectFill" |
|
|
|
></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 是否产生费用 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">是否产生费用</text> |
|
|
|
<text class="value red-text">{{ record.isExpend === '1'||record.isExpend === 1 ? '是' : '否' }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 备注文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remark }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 保养记录特有字段 --> |
|
|
|
<template v-else> |
|
|
|
<!-- 附件信息 --> |
|
|
|
<!-- 产生费用 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">附件信息</text> |
|
|
|
<text class="label">产生费用</text> |
|
|
|
<text class="value red-text">{{ record.amount }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 附件信息文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remarkText }}</text> |
|
|
|
<!-- 费用详情表格 --> |
|
|
|
<view class="cost-table" v-if="!collapsedStates[index]"> |
|
|
|
<view class="table-header"> |
|
|
|
<text class="header-cell">费用名称</text> |
|
|
|
<text class="header-cell">数量</text> |
|
|
|
<text class="header-cell">金额</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="table-row" v-for="(item, costIndex) in record.exhibitMaintenanceExpenses" :key="costIndex"> |
|
|
|
<text class="cell">{{ item.title }}</text> |
|
|
|
<text class="cell">{{ item.num }}</text> |
|
|
|
<text class="cell">{{ item.amount }}</text> |
|
|
|
</view> |
|
|
|
<view class="table-row" v-for="(item, costIndex) in record.exhibitRepairExpenseList" :key="costIndex"> |
|
|
|
<text class="cell">{{ item.title }}</text> |
|
|
|
<text class="cell">{{ item.num }}</text> |
|
|
|
<text class="cell">{{ item.amount }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 附件图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image class="uploaded-image" v-for="(value, index) in record.remarkImage.split(',')" :src="value" :key="index" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
<!-- 维修记录特有字段 --> |
|
|
|
<template v-if="activeMainTab === 'repair'"> |
|
|
|
<!-- 问题是否解决 --> |
|
|
|
<view class="info-row" > |
|
|
|
<text class="label">问题是否解决</text> |
|
|
|
<text class="value red-text">{{ record.isFix_dictText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 备注 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">备注</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 备注文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remark }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 保养备注 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">备注</text> |
|
|
|
</view> |
|
|
|
<!-- 保养记录特有字段 --> |
|
|
|
<template v-else> |
|
|
|
<!-- 附件信息 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">附件信息</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 附件信息文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remarkText }}</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 附件图片 --> |
|
|
|
<view class="image-container" v-if="!collapsedStates[index]"> |
|
|
|
<image class="uploaded-image" v-for="(value, index) in record.remarkImage.split(',')" :src="value" :key="index" mode="aspectFill"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养备注 --> |
|
|
|
<view class="info-row" v-if="!collapsedStates[index]"> |
|
|
|
<text class="label">备注</text> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 保养备注文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remark }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 保养备注文本区域 --> |
|
|
|
<view class="content-text" v-if="!collapsedStates[index]"> |
|
|
|
<text>{{ record.remark }}</text> |
|
|
|
<!-- 收起按钮 --> |
|
|
|
<view class="collapse-btn" @click="toggleCollapse(index)"> |
|
|
|
<text class="collapse-text">{{ collapsedStates[index] ? '查看全部' : '收起' }}</text> |
|
|
|
<text class="collapse-icon">{{ collapsedStates[index] ? '▼' : '▲' }}</text> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<!-- 收起按钮 --> |
|
|
|
<view class="collapse-btn" @click="toggleCollapse(index)"> |
|
|
|
<text class="collapse-text">{{ collapsedStates[index] ? '查看全部' : '收起' }}</text> |
|
|
|
<text class="collapse-icon">{{ collapsedStates[index] ? '▼' : '▲' }}</text> |
|
|
|
</view> |
|
|
|
<uv-loading-icon v-if="loading"></uv-loading-icon> |
|
|
|
</view> |
|
|
|
<view v-else> |
|
|
|
<view v-else-if="!loading && !records.length "> |
|
|
|
<uv-empty icon="/static/暂无搜索结果.png" /> |
|
|
|
</view> |
|
|
|
<uv-loading-icon v-else></uv-loading-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|