更新 .gitea/workflows/master.yml

.gitea/workflows/dev.yml

@@ -1,79 +0,0 @@
-run-name: ${{ gitea.actor }} is testing out Gitea Actions 🚀
-on:
-  push:
-    branches:
-      - prod
-jobs:
-  Explore-Gitea-Actions:
-    runs-on: ubuntu64
-    steps:
-      - name: 拉取代码
-        uses: http://git.missmoc.top/mocheng/checkout@v4
-        with:
-          fetch-depth: 0
-
-#      - name: Setup Node.js
-#        uses: actions/setup-node@v3
-#        with:
-#          node-version: 16
-#          cache: 'npm'
-
-      - name: Install dependencies
-        run: |
-          npm install
-          # 安装HBuilderX命令行工具
-          npm install -g hbuilderx-cli
-
-#      - name: Build H5 project
-#        run: |
-#          # 执行HBuild项目构建
-#          npm run build
-
-      - name: Cloud package (Android)
-        run: |
-          # 使用HBuilderX CLI进行云打包
-          hbuilderx package \
-            --project . \
-            --platform android \
-            --appid ${{ secrets.HBUILDER_APPID }} \
-            --username ${{ secrets.HBUILDERX_USERNAME }} \
-            --password ${{ secrets.HBUILDERX_PASSWORD }} \
-            --output ./dist
-        env:
-          HBUILDER_CLOUD_PACKAGE: true
-
-      - name: Prepare release assets
-        run: |
-          # 重命名APK文件以便于识别版本
-          mv ./dist/*.apk ./dist/app-release-${{ github.sha }}.apk
-          # 对于iOS，根据实际打包输出调整
-          if [ -f ./dist/*.ipa ]; then
-            mv ./dist/*.ipa ./dist/app-release-${{ github.sha }}.ipa
-          fi
-
-      - name: Create Gitea Release
-        if: startsWith(github.ref, 'refs/tags/')
-        uses: actions/create-release@v1
-        with:
-          tag_name: ${{ github.ref_name }}
-          release_name: Release ${{ github.ref_name }}
-          body: |
-            自动构建版本 ${{ github.ref_name }}
-            提交哈希: ${{ github.sha }}
-          draft: false
-          prerelease: false
-        env:
-          GITEA_TOKEN: ${{ secrets.GITEA_TOKEN }}
-
-      - name: Upload Android Asset
-        if: startsWith(github.ref, 'refs/tags/')
-        uses: actions/upload-release-asset@v1
-        with:
-          upload_url: ${{ steps.create_release.outputs.upload_url }}
-          asset_path: ./dist/app-release-${{ github.sha }}.apk
-          asset_name: app-android-${{ github.ref_name }}.apk
-          asset_content_type: application/vnd.android.package-archive
-        env:
-          GITEA_TOKEN: ${{ secrets.GITEA_TOKEN }}
-
-

.gitea/workflows/master.yml

@@ -0,0 +1,139 @@
+name: Uniapp 自动化打包 CI/CD
+
+# 触发条件：可根据需求调整（如 push 到 main 分支、打 tag 时触发）
+on:
+  push:
+    branches: [ master ]  # 分支触发
+  # tag:
+  #   - 'v*'  # 版本 tag 触发（可选）
+
+# 运行环境
+jobs:
+  build-and-deploy:
+    name: 打包 Uniapp 项目
+    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 代码
+      ########################################################################
+      - name: 1. 检出项目代码
+        uses: http://git.missmoc.top/mocheng/checkout@v4  # Gitea 兼容的代码检出插件
+        with:
+          fetch-depth: 1  # 仅拉取最新代码，加速流程
+
+
+
+      ########################################################################
+      # 步骤 3：安装 Uniapp 项目依赖
+      ########################################################################
+      # - name: 3. 安装项目依赖
+      #   run: |
+      #     echo "开始安装项目依赖..."
+      #     npm install --registry=https://registry.npmmirror.com  # 国内源加速（可选）
+      #     echo "项目依赖安装完成"
+
+      ########################################################################
+      # 步骤 4：下载并部署 HBuilderX CLI（若 Runner 未预装）
+      ########################################################################
+      - name: 4. 部署 HBuilderX CLI 到 /hbuilderxcli/HBuilderX
+        run: |
+          # 创建 CLI 目标目录
+          # sudo mkdir -p /hbuilderxcli/HBuilderX
+          # 下载 HBuilderX Linux 完整版（版本 ≥3.1.5，可替换为最新版）
+          # wget -O hbuilderx.zip https://download1.dcloud.net.cn/download/HBuilderX.4.0.14.20240528.full.zip
+          # 解压到目标目录
+          # unzip -q hbuilderx.zip -d /hbuilderxcli/HBuilderX
+          # 赋予 CLI 执行权限
+          # sudo chmod +x /hbuilderxcli/HBuilderX/cli
+          # 验证 CLI 版本（确保部署成功）
+          C:\Users\Administrator\Desktop\runner\HBuilderX\cli -v
+          echo "HBuilderX CLI 部署完成，路径：C:\Users\Administrator\Desktop\runner\HBuilderX\cli"
+
+      ########################################################################
+      # 步骤 5：HBuilderX 密钥登录（安全读取账户信息）
+      ########################################################################
+      - name: 5. HBuilderX 账户登录
+        id: hbx_login
+        run: |
+          echo "开始登录 HBuilderX 账户..."
+          # 执行登录命令（读取 Gitea Secrets 中的账户密码）
+          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"）
+          if [[ $? -ne 0 || $(echo "$LOGIN_OUTPUT" | grep -c "0:user login:OK") -eq 0 ]]; then
+            echo "HBuilderX 登录失败！"
+            exit 1  # 登录失败则终止 CI/CD 流程
+          fi
+          echo "HBuilderX 登录成功！"
+
+      ########################################################################
+      # 步骤 6：实时显示打包进度 + 执行 Uniapp 打包
+      ########################################################################
+      - name: 6. 打包 Uniapp（实时显示排队/进度）
+        id: uniapp_build
+        run: |
+          echo "开始打包 Uniapp 项目，当前时间：$(date +%Y-%m-%d_%H:%M:%S)"
+          echo "========================================"
+          echo "正在查询打包队列状态..."
+          # （可选）提前查询队列（部分场景下 HBuilderX 会返回排队信息）
+          C:\Users\Administrator\Desktop\runner\HBuilderX\cli publish --platform android --query-queue
+          echo "========================================"
+          echo "开始执行打包（实时输出进度）..."
+          # 执行打包命令（根据目标平台调整 --platform 参数，支持 android/ios/h5 等）
+          # --project：指定项目根目录（当前检出目录）
+          # --output：指定产物输出目录（便于后续归档）
+          BUILD_OUTPUT=$(C:\Users\Administrator\Desktop\runner\HBuilderX\cli publish \
+            --platform android \
+            --project ./ \
+            --output ./unpackage/dist/build/android \
+            --progress  # 强制输出打包进度（部分版本需显式指定）
+          )
+          # 实时打印打包日志（包含排队进度、编译进度等信息）
+          echo "$BUILD_OUTPUT"
+          # 验证打包是否成功（根据实际输出调整判断条件，示例：找 "打包成功" 关键字）
+          if [[ $? -ne 0 || $(echo "$BUILD_OUTPUT" | grep -c "打包成功") -eq 0 ]]; then
+            echo "Uniapp 打包失败！"
+            exit 1
+          fi
+          echo "========================================"
+          echo "Uniapp 打包完成！产物路径：./unpackage/dist/build/android"
+
+      ########################################################################
+      # 步骤 7：归档打包产物（便于下载和后续部署）
+      ########################################################################
+      - name: 7. 归档打包产物
+        uses: https://gitea.com/actions/upload-artifact@v1  # Gitea 产物归档插件
+        with:
+          name: uniapp-android-build  # 产物压缩包名称
+          path: ./unpackage/dist/build/android  # 产物目录（与步骤 6 的 --output 对应）
+          retention-days: 7  # 产物保留时间（7 天，可调整）
+
+    ########################################################################
+    # 后置步骤：无论打包成功/失败，均执行 HBuilderX 登出（安全规范）
+    ########################################################################
+    post:
+      - name: 8. HBuilderX 账户登出
+        run: |
+          echo "开始登出 HBuilderX 账户..."
+          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
+            echo "HBuilderX 登出异常（非致命错误，不终止流程）"
+          else
+            echo "HBuilderX 登出成功！"
+          fi

common/config.js

@@ -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;

common/http.api.js

@@ -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),
 		//巡检任务列表

pages/sys/user/myRepair/addRepair.vue

@@ -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="如果以上报事不能解决您的问题，可以在这里填写说明" />
 

pages/sys/user/myRepair/myRepair.vue

@@ -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) {

pages/sys/workbench/earlyWarning/warnDetail.vue

@@ -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;

pages/sys/workbench/order/orderDetail.vue

@@ -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="item-bg"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view>
-		<view class="detail-list">
+    <view class="item-bg">
-			<view class="detail-value"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view>
+      <view class="item-title">上报人信息</view>
-			<view class="detail-value"><text class="detail-key">工单名称：</text>{{ detail.orderName }}</view>
+      <view class="detail-key">发起人：{{ detail.initiatorPeople }}</view>
-			<view class="detail-value"><text class="detail-key">工单类型：</text>{{ detail.typeName }}</view>
+      <view class="detail-key">联系电话：{{ detail.initiatorPhone }}</view>
-			<view class="detail-value"><text class="detail-key">处理地点：</text>{{ detail.location }}</view>
+    </view>
-			<view class="detail-value"><text class="detail-key">创建时间：</text>{{ detail.createTime }}</view>
+    <view class="item-bg">
-			<view class="detail-value"><text class="detail-key">发起单位/人：</text>{{ detail.initiatorPeople }}</view>
+      <view class="item-title">保修信息</view>
-			<view class="detail-value remark"><text>备注：</text>{{ detail.remark }}</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>
+        @click="transfer(1)">{{ isManager ? '指派' : (detailStep == 2 ? '完成' : '开始') }}</button>
-			<button v-if="this.detailStep == 1" class="btn primary" @click="transfer(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'
+import SelectUser from '@/components/SelectUser.vue'
-	export default {
+export default {
-		components: {
+  components: { SelectUser },
-			SelectUser
-		},
   data() {
     return {
       detailStep: 0,
       detailStatus: '',
-				progressSteps: ['创建工单', '已接单', '处理中', '已结束'],
+      currentStatus: 2,
-				currentStatus: 2, // 0: 待分配，1: 已接单，2: 处理中，3: 已完成
       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() {
+    goBack() { uni.navigateBack(); },
-				uni.navigateBack();
-			},
     async getImageUrl() {
       if (!this.detail.orderImgUrl) return;
-				
       const imgIds = this.detail.orderImgUrl.split(',');
-				const res = await this.$u.api.getImageUrl({}, imgIds);
+      const res = await this.$u.api.getImageUrl({}, imgIds.join(','));
-				if (res.code == 200 && res.data) {
+      if (res.code == 200 && res.data) this.orderImgUrls = res.data.map(item => item.url);
-					// 提取res.data数组中每个对象的url字段
-					this.orderImgUrls = res.data.map(item => item.url);
-				}	
     },
-
     async getHandler() {
       let handlers = await this.$u.api.getHandler3({}, this.detail.type);
-				if (handlers.code === 200) {
+      if (handlers.code === 200) this.users = [...this.users, ...handlers.data];
-					this.users = [...this.users, ...handlers.data];
-				}
     },
-			getStepInfo(){
+    getStepInfo() {
-				if (this.detail.status == 0) {
+      let currentIndex = 0;
-					this.detailStep = 0;
+      if (this.detail.status == 0) currentIndex = 0;
-					this.detailStatus = '创建工单';
+      else if (this.detail.status == 1) currentIndex = 1;
-				} else if (this.detail.status == 4) {
+      else if (this.detail.status == 3) currentIndex = 2;
-					this.detailStep = 3;
+      else if (this.detail.status == 4) currentIndex = 3;
-					this.detailStatus = '已结束';
+      this.detailStep = currentIndex;
-				} else if (this.detail.status == 3) {
+
-					this.detailStep = 2;
+    },
-					this.detailStatus = '处理中';
+	getStatusLabel(status) {
-				} else {
+	  const statusMap = {
-					this.detailStep = 1;
+	    0: "创建工单",
-					this.detailStatus = '已接单';
+	    1: "已接单",
-				}
+	    2: "已接单",
+	    3: "处理中",
+	    4: "已完成",
+	  };
+	  return statusMap[status] || "";
 	},
     previewImage(urls, index) {
-				// 使用uView的图片预览组件
+      const validUrls = urls.filter(url => url && url.trim() !== '');
-				  // 过滤掉空值
+      const currentIndex = validUrls.indexOf(urls[index]);
-				  const validUrls = urls.filter(url => url && url.trim() !== '')
       uni.previewImage({
         urls: validUrls,
-				    current: validUrls[index], // current 必须是 url，而不是索引
+        current: currentIndex >= 0 ? currentIndex : 0,
-				    indicator: 'number', // 显示数字指示器
+        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){
+      if (this.detail.status == 1 || this.detail.status == 2) params.status = 3
-					params.status = 3
+      else params.status = 4
-				}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) {
+      if (this.isManager || type == 2) this.showSelect = true
-					this.showSelect = true
+      else this.submit()
-				} else {
-					this.submit()
     }
-			},
   }
-	};
+}
 </script>
 
 <style scoped>
-	.page-container {
+.page-container { background: #f7f7f7; height: 100vh; }
-		background: #fff;
+.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 {
+.repair-detail-step-container { display: flex; flex-direction: column; }
-		width: 100vw;
+.repair-detail-step {
-		height: 3rpx;
+  display: flex;
-		background: #ECECEC;
+  flex-direction: row;
-	}
+  margin-bottom: 20rpx;
-
+}
-	.repair-detail-progress-box {
+.step-left { flex: 1; display: flex; flex-direction: column; align-items: flex-end; padding-right: 20rpx; }
-		height: 107rpx;
+.step-date { font-size: 24rpx; color: #333; }
-		margin-bottom: 41rpx;
+.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;
+  width: 40rpx;
-		margin-bottom: 5rpx;
+}
-		margin-left: 85rpx;
+.repair-detail-dot {
-		width: 100%;
-	}
-
-	.repair-detail-step {
-		display: flex;
-		align-items: center;
-		flex: 1;
-		position: relative;
-	}
-
-	.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;
+.repair-detail-line {
-		border-color: #EF8D00;
+  width: 4rpx;
-	}
+  height: 80rpx; /* 每条线的高度 */
-
-	.repair-detail-line {
-		flex: 1;
-		height: 4rpx;
   background: #BDBDBD;
-		margin: 0 2rpx;
+  margin-top: 2rpx;
-		z-index: 1;
-	}
-
-	.repair-detail-line.active {
   background: #2186FF;
-	}
+}
 
-	.repair-detail-progress-labels {
+.step-right { flex: 1; display: flex; flex-direction: column; padding-left: 20rpx; }
-		display: flex;
+.step-name { font-size: 28rpx; color: #333; font-weight: bold; margin-bottom: 6rpx; }
-		justify-content: space-between;
+.step-desc { font-size: 24rpx; color: #666; }
-		margin-left: 0;
+.detail-key { color: #222; font-size: 28rpx; margin-bottom: 20rpx; }
-		width: 100%;
+.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; }
-	.repair-detail-label {
+.btn { width: 276rpx; height: 88rpx; padding: 20rpx; font-size: 30rpx; border-radius: 50rpx; display: flex; align-items: center; justify-content: center; }
-		font-size: 22rpx;
+.primary { background-color: #1890ff; color: #fff; }
-		color: #888;
+.ghost { background-color: #fff; color: #1890ff; border: 2rpx solid #1890ff; }
-		text-align: center;
+.kg{
-		flex: 1;
+	height: 60rpx;
-		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;
-	}
 </style>