Compare commits
9 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d7bd2ee667 | |||
| 7a83b22f96 | |||
| f1628f4246 | |||
| 7178aac70e | |||
| 6a46a58e93 | |||
| 8e43a97dc6 | |||
| 41ae961cb8 | |||
| 5bf5a549bf | |||
| 85a1ce799a |
@@ -9,10 +9,23 @@ on:
|
||||
|
||||
# 运行环境
|
||||
jobs:
|
||||
build:
|
||||
build-and-deploy:
|
||||
name: 打包 Uniapp 项目
|
||||
runs-on: ubuntu # 云 Runner 环境（自建 Runner 可替换为自定义名称）
|
||||
runs-on: windows
|
||||
timeout-minutes: 30
|
||||
# jobs:
|
||||
# build:
|
||||
# name: 打包 Uniapp 项目
|
||||
# runs-on: windows # 云 Runner 环境（自建 Runner 可替换为自定义名称）
|
||||
steps:
|
||||
########################################################################
|
||||
# 步骤 2：安装 Node.js 环境（Uniapp 依赖 Node 处理项目依赖）
|
||||
########################################################################
|
||||
- name: 2. 安装 Node.js
|
||||
uses: http://git.missmoc.top/mocheng/setup-node@v3
|
||||
with:
|
||||
node-version: '18.x' # 推荐 16.x+，适配 Uniapp 依赖
|
||||
cache: 'npm' # 缓存 npm 依赖，加速后续构建
|
||||
########################################################################
|
||||
# 步骤 1：检出 Gitea 代码
|
||||
########################################################################
|
||||
@@ -21,14 +34,7 @@ jobs:
|
||||
with:
|
||||
fetch-depth: 1 # 仅拉取最新代码，加速流程
|
||||
|
||||
########################################################################
|
||||
# 步骤 2：安装 Node.js 环境（Uniapp 依赖 Node 处理项目依赖）
|
||||
########################################################################
|
||||
# - name: 2. 安装 Node.js
|
||||
# uses: actions/setup-node@v4
|
||||
# with:
|
||||
# node-version: '18.x' # 推荐 16.x+，适配 Uniapp 依赖
|
||||
# cache: 'npm' # 缓存 npm 依赖，加速后续构建
|
||||
|
||||
|
||||
########################################################################
|
||||
# 步骤 3：安装 Uniapp 项目依赖
|
||||
@@ -51,10 +57,10 @@ jobs:
|
||||
# 解压到目标目录
|
||||
# unzip -q hbuilderx.zip -d /hbuilderxcli/HBuilderX
|
||||
# 赋予 CLI 执行权限
|
||||
sudo chmod +x /hbuilderxcli/HBuilderX/cli
|
||||
# sudo chmod +x /hbuilderxcli/HBuilderX/cli
|
||||
# 验证 CLI 版本（确保部署成功）
|
||||
/hbuilderxcli/HBuilderX/cli -v
|
||||
echo "HBuilderX CLI 部署完成，路径：/hbuilderxcli/HBuilderX/cli"
|
||||
C:\Users\Administrator\Desktop\runner\HBuilderX\cli -v
|
||||
echo "HBuilderX CLI 部署完成，路径：C:\Users\Administrator\Desktop\runner\HBuilderX\cli"
|
||||
|
||||
########################################################################
|
||||
# 步骤 5：HBuilderX 密钥登录（安全读取账户信息）
|
||||
@@ -64,7 +70,7 @@ jobs:
|
||||
run: |
|
||||
echo "开始登录 HBuilderX 账户..."
|
||||
# 执行登录命令（读取 Gitea Secrets 中的账户密码）
|
||||
LOGIN_OUTPUT=$(/hbuilderxcli/HBuilderX/cli user login --username ${{ secrets.HBUILDERX_USERNAME }} --password ${{ secrets.HBUILDERX_PASSWORD }})
|
||||
LOGIN_OUTPUT=$(C:\Users\Administrator\Desktop\runner\HBuilderX\cli user login --username ${{ secrets.HBUILDERX_USERNAME }} --password ${{ secrets.HBUILDERX_PASSWORD }})
|
||||
# 打印登录输出（便于调试，无敏感信息）
|
||||
echo "登录结果：$LOGIN_OUTPUT"
|
||||
# 验证登录是否成功（根据文档，成功返回 "0:user login:OK"）
|
||||
@@ -84,13 +90,13 @@ jobs:
|
||||
echo "========================================"
|
||||
echo "正在查询打包队列状态..."
|
||||
# （可选）提前查询队列（部分场景下 HBuilderX 会返回排队信息）
|
||||
/hbuilderxcli/HBuilderX/cli publish --platform android --query-queue
|
||||
C:\Users\Administrator\Desktop\runner\HBuilderX\cli publish --platform android --query-queue
|
||||
echo "========================================"
|
||||
echo "开始执行打包（实时输出进度）..."
|
||||
# 执行打包命令（根据目标平台调整 --platform 参数，支持 android/ios/h5 等）
|
||||
# --project：指定项目根目录（当前检出目录）
|
||||
# --output：指定产物输出目录（便于后续归档）
|
||||
BUILD_OUTPUT=$(/hbuilderxcli/HBuilderX/cli publish \
|
||||
BUILD_OUTPUT=$(C:\Users\Administrator\Desktop\runner\HBuilderX\cli publish \
|
||||
--platform android \
|
||||
--project ./ \
|
||||
--output ./unpackage/dist/build/android \
|
||||
@@ -123,7 +129,7 @@ jobs:
|
||||
- name: 8. HBuilderX 账户登出
|
||||
run: |
|
||||
echo "开始登出 HBuilderX 账户..."
|
||||
LOGOUT_OUTPUT=$(/hbuilderxcli/HBuilderX/cli user logout)
|
||||
LOGOUT_OUTPUT=$(C:\Users\Administrator\Desktop\runner\HBuilderX\cli user logout)
|
||||
echo "登出结果：$LOGOUT_OUTPUT"
|
||||
# 验证登出是否成功（根据文档，成功返回 "0:user logout:OK"）
|
||||
if [[ $(echo "$LOGOUT_OUTPUT" | grep -c "0:user logout:OK") -eq 0 ]]; then
|
||||
|
||||
@@ -30,5 +30,5 @@ const config = {
|
||||
config.baseUrl = 'http://183.230.235.66:11010/api';
|
||||
|
||||
|
||||
// config.baseUrl = 'http://9143b75.r28.cpolar.top';
|
||||
// config.baseUrl = 'http://378a061a.r28.cpolar.top'
|
||||
export default config;
|
||||
|
||||
@@ -60,6 +60,7 @@ const install = (Vue, vm) => {
|
||||
|
||||
getWarnDetail:(params = {}, id) => vm.$u.get(config.adminPath+`/sis/alarmEvents/${id}`,params),
|
||||
getWarnEventInfo:(params = {}, alarmId) => vm.$u.get(config.adminPath+`/sis/alarmEventProcess/query/result/${alarmId}`,params),
|
||||
getWarnImages:(params = {}, alarmId) => vm.$u.get(config.adminPath+`/sis/alarmEventAttachments/query/${alarmId}`,params),
|
||||
|
||||
getImageUrl:(params = {}, ossIds) => vm.$u.get(config.adminPath+`/resource/oss/listByIds/${ossIds}`,params),
|
||||
//巡检任务列表
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
<text class="text-type">{{ selectedType }}</text>
|
||||
<image class="right-arrow" src="/static/ic_right_arrow_g.png" />
|
||||
</view>
|
||||
<view class="add-repair-label">问题详情 <text class="add-repair-optional">(非必填)</text></view>
|
||||
<view class="add-repair-label">备注 <text class="add-repair-optional">(非必填)</text></view>
|
||||
<textarea v-model="repairInfo.remark" class="add-repair-detail-textarea"
|
||||
placeholder="如果以上报事不能解决您的问题，可以在这里填写说明" />
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
|
||||
<!-- 有数据时 -->
|
||||
<view v-else class="repair-list-box">
|
||||
<view v-for="(item, idx) in records" :key="idx" class="repair-card" @click="showDetail(item)">
|
||||
<view v-for="(item, idx) in records" :key="idx" class="repair-card" @click="goDetail(item)">
|
||||
<view class="repair-row">
|
||||
<view class="repair-no">工单号：{{ item.orderNo }}</view>
|
||||
<view class="repair-status" :class="getStatusColor(item.status)">
|
||||
@@ -172,6 +172,12 @@
|
||||
};
|
||||
return statusMap[status] || '';
|
||||
},
|
||||
goDetail(item) {
|
||||
const itemStr = encodeURIComponent(JSON.stringify(item));
|
||||
uni.navigateTo({
|
||||
url: "/pages/sys/workbench/order/orderDetail?item=" + itemStr,
|
||||
});
|
||||
},
|
||||
showDetail(item) {
|
||||
this.detailItem = item;
|
||||
if (item.status == 0) {
|
||||
|
||||
@@ -10,6 +10,20 @@
|
||||
<text class="value">{{ item.value || '-' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 显示上传的图片 -->
|
||||
<view v-if="infoImages.length > 0">
|
||||
<view class="add-warn-label">相关图片</view>
|
||||
<view class="image-list">
|
||||
<image
|
||||
v-for="(img, idx) in infoImages"
|
||||
:key="idx"
|
||||
:src="img"
|
||||
mode="aspectFill"
|
||||
class="preview-image"
|
||||
@click="previewImage2(idx)"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 处理情况卡片 或 详情情况卡片 -->
|
||||
@@ -108,6 +122,7 @@ export default {
|
||||
statusList: ['未处理', '处理中', '已处理'],
|
||||
selectedImages: [], // 存储已选图片
|
||||
realImages: [], // 上传后的真实图片url
|
||||
infoImages:[],
|
||||
loading: false
|
||||
};
|
||||
},
|
||||
@@ -137,10 +152,16 @@ export default {
|
||||
},
|
||||
created() {
|
||||
this.loadEevetInfo();
|
||||
this.getWarnImages()
|
||||
},
|
||||
methods: {
|
||||
|
||||
|
||||
async getWarnImages(){
|
||||
let res = await this.$u.api.getWarnImages({}, this.warnInfo.id);
|
||||
if (res.code == 200 && res.data) {
|
||||
// 提取res.data数组中每个对象的url字段
|
||||
this.infoImages = res.data.map(item => item.imagePath);
|
||||
}
|
||||
},
|
||||
async loadEevetInfo() {
|
||||
let res = await this.$u.api.getWarnEventInfo({}, this.warnInfo.id);
|
||||
if (res.code == "200") {
|
||||
@@ -224,6 +245,13 @@ export default {
|
||||
current: this.realImages[index],
|
||||
urls: this.realImages
|
||||
})
|
||||
},
|
||||
|
||||
previewImage2(index) {
|
||||
uni.previewImage({
|
||||
current: this.infoImages[index],
|
||||
urls: this.infoImages
|
||||
})
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -252,6 +280,7 @@ export default {
|
||||
.card-content {
|
||||
border-top: 1rpx solid #eee;
|
||||
padding-top: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.info-item {
|
||||
display: flex;
|
||||
|
||||
@@ -1,32 +1,19 @@
|
||||
<template>
|
||||
<view class="page-container">
|
||||
<view class="top-line" />
|
||||
<!-- 工单状态进度 -->
|
||||
<view class="repair-detail-progress-box">
|
||||
<view class="repair-detail-progress">
|
||||
<view v-for="(step, idx) in progressSteps" :key="idx" class="repair-detail-step">
|
||||
<view
|
||||
:class="['repair-detail-dot', detailStep >= idx ? 'active' : '', (detailStep === idx && detailStatus !== '已结束') ? 'current' : '']">
|
||||
</view>
|
||||
<view v-if="idx < progressSteps.length - 1"
|
||||
:class="['repair-detail-line', detailStep > idx ? 'active' : '']"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="repair-detail-progress-labels">
|
||||
<view v-for="(step, idx) in progressSteps" :key="idx" class="repair-detail-label">{{ step }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 工单详情 -->
|
||||
<view class="detail-list">
|
||||
<view class="detail-value"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view>
|
||||
<view class="detail-value"><text class="detail-key">工单名称：</text>{{ detail.orderName }}</view>
|
||||
<view class="detail-value"><text class="detail-key">工单类型：</text>{{ detail.typeName }}</view>
|
||||
<view class="detail-value"><text class="detail-key">处理地点：</text>{{ detail.location }}</view>
|
||||
<view class="detail-value"><text class="detail-key">创建时间：</text>{{ detail.createTime }}</view>
|
||||
<view class="detail-value"><text class="detail-key">发起单位/人：</text>{{ detail.initiatorPeople }}</view>
|
||||
<view class="detail-value remark"><text>备注：</text>{{ detail.remark }}</view>
|
||||
<view class="item-bg"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view>
|
||||
<view class="item-bg">
|
||||
<view class="item-title">上报人信息</view>
|
||||
<view class="detail-key">发起人：{{ detail.initiatorPeople }}</view>
|
||||
<view class="detail-key">联系电话：{{ detail.initiatorPhone }}</view>
|
||||
</view>
|
||||
<view class="item-bg">
|
||||
<view class="item-title">保修信息</view>
|
||||
<view class="detail-key">工单名称：{{ detail.orderName }}</view>
|
||||
<view class="detail-key">工单类型：{{ detail.typeName }}</view>
|
||||
<view class="detail-key">处理地点：{{ detail.location }}</view>
|
||||
<view class="detail-key">备注：{{ detail.remark }}</view>
|
||||
<view class="detail-value"><text class="detail-key">工单图片：</text></view>
|
||||
<view class="image-list" v-if="orderImgUrls.length > 0">
|
||||
<u-image
|
||||
@@ -41,51 +28,73 @@
|
||||
mode="aspectFill"
|
||||
></u-image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view v-if="detail.status>1" class="item-bg">
|
||||
<view class="item-title">负责人信息</view>
|
||||
<view class="detail-key">负责人：{{ detail.handlerText }}</view>
|
||||
<view class="detail-key">联系电话：{{ detail.handlerPhone }}</view>
|
||||
</view>
|
||||
|
||||
<!-- 纵向进度条 -->
|
||||
<view class="item-bg">
|
||||
<view class="item-title">进度跟踪</view>
|
||||
<view v-for="(status, index) in detail.recordVoList" :key="index" class="repair-detail-step">
|
||||
<view class="step-left">
|
||||
<text class="step-date">{{ status.createTime.substring(0,11)}}</text>
|
||||
<text class="step-time">{{ status.createTime.substring(11,16) }}</text>
|
||||
</view>
|
||||
<view class="step-dot-container">
|
||||
<view class="repair-detail-dot" ></view>
|
||||
<!-- 固定高度连线 -->
|
||||
<view
|
||||
v-if="index < detail.recordVoList.length - 1" class="repair-detail-line"
|
||||
></view>
|
||||
</view>
|
||||
<view class="step-right">
|
||||
<text class="step-name">{{ getStatusLabel(status.status) }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 底部操作按钮 -->
|
||||
<view
|
||||
v-if="((!this.isManager&&this.detailStep != 0) || (this.isManager&&this.detailStep == 0))&&this.detailStep!=3"
|
||||
v-if="((!isManager && detailStep != 0) || (isManager && detailStep == 0)) && detailStep != 3&&!isNaomalUser"
|
||||
class="btn-group">
|
||||
<button class="btn ghost"
|
||||
@click="transfer(1)">{{this.isManager ? '指派':this.detailStep == 2 ? '完成':'开始'}}</button>
|
||||
<button v-if="this.detailStep == 1" class="btn primary" @click="transfer(2)">转派</button>
|
||||
@click="transfer(1)">{{ isManager ? '指派' : (detailStep == 2 ? '完成' : '开始') }}</button>
|
||||
<button v-if="detailStep == 1" class="btn primary" @click="transfer(2)">转派</button>
|
||||
</view>
|
||||
<view class="kg">
|
||||
</view>
|
||||
|
||||
<SelectUser :visible.sync="showSelect" :list="users" :multiple="false" @confirm="onConfirm" />
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import SelectUser from '@/components/SelectUser.vue'
|
||||
export default {
|
||||
components: {
|
||||
SelectUser
|
||||
},
|
||||
import SelectUser from '@/components/SelectUser.vue'
|
||||
export default {
|
||||
components: { SelectUser },
|
||||
data() {
|
||||
return {
|
||||
detailStep: 0,
|
||||
detailStatus: '',
|
||||
progressSteps: ['创建工单', '已接单', '处理中', '已结束'],
|
||||
currentStatus: 2, // 0: 待分配，1: 已接单，2: 处理中，3: 已完成
|
||||
currentStatus: 2,
|
||||
detail: {},
|
||||
isManager: false,
|
||||
isNaomalUser:true,
|
||||
showSelect: false,
|
||||
users: [],
|
||||
orderImgUrls: [] // 添加用于存储处理后的图片URL数组
|
||||
orderImgUrls: []
|
||||
};
|
||||
},
|
||||
onLoad(options) {
|
||||
this.isManager = this.vuex_user.roles[0].roleId == 1
|
||||
this.isManager = this.vuex_user?.roles?.[0]?.roleId < 3
|
||||
this.isNaomalUser = this.vuex_user?.roles?.[0]?.roleId >10
|
||||
if (options.item) {
|
||||
const item = JSON.parse(decodeURIComponent(options.item));
|
||||
this.detail = item;
|
||||
// 现在可以使用item对象了
|
||||
// 进度映射
|
||||
this.getStepInfo()
|
||||
// 处理图片URL
|
||||
|
||||
this.getImageUrl()
|
||||
}
|
||||
if ((this.isManager && this.detailStep == 0) || (!this.isManager && this.detailStep == 1)) {
|
||||
@@ -93,49 +102,43 @@
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
goBack() { uni.navigateBack(); },
|
||||
async getImageUrl() {
|
||||
if (!this.detail.orderImgUrl) return;
|
||||
|
||||
const imgIds = this.detail.orderImgUrl.split(',');
|
||||
const res = await this.$u.api.getImageUrl({}, imgIds);
|
||||
if (res.code == 200 && res.data) {
|
||||
// 提取res.data数组中每个对象的url字段
|
||||
this.orderImgUrls = res.data.map(item => item.url);
|
||||
}
|
||||
const res = await this.$u.api.getImageUrl({}, imgIds.join(','));
|
||||
if (res.code == 200 && res.data) this.orderImgUrls = res.data.map(item => item.url);
|
||||
},
|
||||
|
||||
async getHandler() {
|
||||
let handlers = await this.$u.api.getHandler3({}, this.detail.type);
|
||||
if (handlers.code === 200) {
|
||||
this.users = [...this.users, ...handlers.data];
|
||||
}
|
||||
if (handlers.code === 200) this.users = [...this.users, ...handlers.data];
|
||||
},
|
||||
getStepInfo(){
|
||||
if (this.detail.status == 0) {
|
||||
this.detailStep = 0;
|
||||
this.detailStatus = '创建工单';
|
||||
} else if (this.detail.status == 4) {
|
||||
this.detailStep = 3;
|
||||
this.detailStatus = '已结束';
|
||||
} else if (this.detail.status == 3) {
|
||||
this.detailStep = 2;
|
||||
this.detailStatus = '处理中';
|
||||
} else {
|
||||
this.detailStep = 1;
|
||||
this.detailStatus = '已接单';
|
||||
}
|
||||
getStepInfo() {
|
||||
let currentIndex = 0;
|
||||
if (this.detail.status == 0) currentIndex = 0;
|
||||
else if (this.detail.status == 1) currentIndex = 1;
|
||||
else if (this.detail.status == 3) currentIndex = 2;
|
||||
else if (this.detail.status == 4) currentIndex = 3;
|
||||
this.detailStep = currentIndex;
|
||||
|
||||
},
|
||||
getStatusLabel(status) {
|
||||
const statusMap = {
|
||||
0: "创建工单",
|
||||
1: "已接单",
|
||||
2: "已接单",
|
||||
3: "处理中",
|
||||
4: "已完成",
|
||||
};
|
||||
return statusMap[status] || "";
|
||||
},
|
||||
previewImage(urls, index) {
|
||||
// 使用uView的图片预览组件
|
||||
// 过滤掉空值
|
||||
const validUrls = urls.filter(url => url && url.trim() !== '')
|
||||
const validUrls = urls.filter(url => url && url.trim() !== '');
|
||||
const currentIndex = validUrls.indexOf(urls[index]);
|
||||
uni.previewImage({
|
||||
urls: validUrls,
|
||||
current: validUrls[index], // current 必须是 url，而不是索引
|
||||
indicator: 'number', // 显示数字指示器
|
||||
current: currentIndex >= 0 ? currentIndex : 0,
|
||||
indicator: 'number',
|
||||
backgroundColor: '#000'
|
||||
})
|
||||
},
|
||||
@@ -145,186 +148,115 @@
|
||||
params.status = 1
|
||||
let res = await this.$u.api.updateOrder2(params);
|
||||
if (res.code == '200') {
|
||||
// 关闭页面前发送事件通知前页面刷新
|
||||
uni.$emit('refreshData', '');
|
||||
if(!this.isManager){
|
||||
uni.navigateBack();
|
||||
return
|
||||
}
|
||||
this.detail.handler = selected.value
|
||||
this.detail.status = 1
|
||||
const d = new Date();
|
||||
const z = n => n.toString().padStart(2, '0');
|
||||
let time = `${d.getFullYear()}-${z(d.getMonth()+1)}-${z(d.getDate())} ${z(d.getHours())}:${z(d.getMinutes())}:${z(d.getSeconds())}`;
|
||||
let step = {}
|
||||
step.id= this.detail.recordVoList[0].id,
|
||||
step.orderId= this.detail.recordVoList[0].orderId,
|
||||
step.status= '1',
|
||||
step.handler='',
|
||||
step.handlerName='',
|
||||
step.createTime= time
|
||||
this.detail.recordVoList.push(step)
|
||||
this.getStepInfo()
|
||||
}
|
||||
},
|
||||
async submit() {
|
||||
let params = this.detail
|
||||
if(this.detail.status == 1||this.detail.status == 2){
|
||||
params.status = 3
|
||||
}else {
|
||||
params.status = 4
|
||||
}
|
||||
if (this.detail.status == 1 || this.detail.status == 2) params.status = 3
|
||||
else params.status = 4
|
||||
let res = await this.$u.api.updateOrder2(params);
|
||||
if (res.code == '200') {
|
||||
// 关闭页面前发送事件通知前页面刷新
|
||||
if (res.code == 200) {
|
||||
uni.$emit('refreshData', '');
|
||||
this.detail.status = params.status
|
||||
if(params.status ==3){
|
||||
this.detail.handlerText = this.vuex_user.nickName
|
||||
this.detail.handlerPhone = this.vuex_user.phonenumber
|
||||
}
|
||||
const d = new Date();
|
||||
const z = n => n.toString().padStart(2, '0');
|
||||
let time = `${d.getFullYear()}-${z(d.getMonth()+1)}-${z(d.getDate())} ${z(d.getHours())}:${z(d.getMinutes())}:${z(d.getSeconds())}`;
|
||||
let step = {}
|
||||
step.id= this.detail.recordVoList[0].id,
|
||||
step.orderId= this.detail.recordVoList[0].orderId,
|
||||
step.status= params.status,
|
||||
step.handler='',
|
||||
step.handlerName='',
|
||||
step.createTime= time
|
||||
this.detail.recordVoList.push(step)
|
||||
this.getStepInfo()
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
transfer(type) {
|
||||
if (this.isManager || type == 2) {
|
||||
this.showSelect = true
|
||||
} else {
|
||||
this.submit()
|
||||
if (this.isManager || type == 2) this.showSelect = true
|
||||
else this.submit()
|
||||
}
|
||||
},
|
||||
}
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page-container {
|
||||
background: #fff;
|
||||
}
|
||||
.page-container { background: #f7f7f7; height: 100vh; }
|
||||
.top-line { width: 100vw; height: 3rpx; background: #ECECEC; }
|
||||
.item-bg{ background: #fff; border-radius: 20rpx; margin-top: 10px; margin-left: 25rpx; margin-right: 25rpx; padding: 25rpx; }
|
||||
.item-title{ color: #000; font-size: 28rpx; font-weight: 600; margin-bottom: 20rpx; }
|
||||
|
||||
.top-line {
|
||||
width: 100vw;
|
||||
height: 3rpx;
|
||||
background: #ECECEC;
|
||||
}
|
||||
|
||||
.repair-detail-progress-box {
|
||||
height: 107rpx;
|
||||
margin-bottom: 41rpx;
|
||||
.repair-detail-step-container { display: flex; flex-direction: column; }
|
||||
.repair-detail-step {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.step-left { flex: 1; display: flex; flex-direction: column; align-items: flex-end; padding-right: 20rpx; }
|
||||
.step-date { font-size: 24rpx; color: #333; }
|
||||
.step-time { font-size: 24rpx; color: #666; margin-top: 10rpx; }
|
||||
.step-dot-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.repair-detail-progress {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 5rpx;
|
||||
margin-left: 85rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.repair-detail-step {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.repair-detail-dot {
|
||||
width: 40rpx;
|
||||
}
|
||||
.repair-detail-dot {
|
||||
width: 22rpx;
|
||||
height: 22rpx;
|
||||
border-radius: 50%;
|
||||
background: #BDBDBD;
|
||||
border: 2rpx solid #BDBDBD;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.repair-detail-dot.active {
|
||||
background: #2186FF;
|
||||
border-color: #2186FF;
|
||||
}
|
||||
}
|
||||
|
||||
.repair-detail-dot.current {
|
||||
background: #EF8D00;
|
||||
border-color: #EF8D00;
|
||||
}
|
||||
|
||||
.repair-detail-line {
|
||||
flex: 1;
|
||||
height: 4rpx;
|
||||
/* 固定高度连线 */
|
||||
.repair-detail-line {
|
||||
width: 4rpx;
|
||||
height: 80rpx; /* 每条线的高度 */
|
||||
background: #BDBDBD;
|
||||
margin: 0 2rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.repair-detail-line.active {
|
||||
margin-top: 2rpx;
|
||||
background: #2186FF;
|
||||
}
|
||||
}
|
||||
|
||||
.repair-detail-progress-labels {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.repair-detail-label {
|
||||
font-size: 22rpx;
|
||||
color: #888;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
top: 8rpx;
|
||||
}
|
||||
|
||||
.detail-list {
|
||||
font-size: 28rpx;
|
||||
line-height: 2em;
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.detail-key {
|
||||
color: #595858;
|
||||
}
|
||||
|
||||
.detail-value {
|
||||
margin-bottom: 30rpx;
|
||||
color: ##2F2F2F;
|
||||
}
|
||||
|
||||
.remark {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: #007CFF;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.image-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.image-item {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 60rpx;
|
||||
}
|
||||
|
||||
.btn {
|
||||
width: 276rpx;
|
||||
height: 88rpx;
|
||||
padding: 20rpx;
|
||||
font-size: 30rpx;
|
||||
border-radius: 50rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.primary {
|
||||
background-color: #1890ff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ghost {
|
||||
background-color: #fff;
|
||||
color: #1890ff;
|
||||
border: 2rpx solid #1890ff;
|
||||
}
|
||||
.step-right { flex: 1; display: flex; flex-direction: column; padding-left: 20rpx; }
|
||||
.step-name { font-size: 28rpx; color: #333; font-weight: bold; margin-bottom: 6rpx; }
|
||||
.step-desc { font-size: 24rpx; color: #666; }
|
||||
.detail-key { color: #222; font-size: 28rpx; margin-bottom: 20rpx; }
|
||||
.detail-value { margin-bottom: 30rpx; color: #2F2F2F; }
|
||||
.image-list { display: flex; flex-wrap: wrap; margin-top: 20rpx; }
|
||||
.btn-group { display: flex; justify-content: space-around; margin-top: 60rpx; }
|
||||
.btn { width: 276rpx; height: 88rpx; padding: 20rpx; font-size: 30rpx; border-radius: 50rpx; display: flex; align-items: center; justify-content: center; }
|
||||
.primary { background-color: #1890ff; color: #fff; }
|
||||
.ghost { background-color: #fff; color: #1890ff; border: 2rpx solid #1890ff; }
|
||||
.kg{
|
||||
height: 60rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user