快速工单详情照片处理

刘淇
1 parent 5b5a4862
Showing 5 changed files with 39 additions and 32 deletions
common/config/env.js
pages-sub/daily/quick-order/order-detail.vue
pages-sub/problem/ai-manage/index.vue
pages-sub/problem/regional-order-manage/index.vue
pages-sub/problem/work-order-manage/index.vue
@@ -12,8 +12,8 @@ const env = {
   },
   // 生产环境
   production: {
-    baseUrl: 'https://api.jcss.com',
-    uploadUrl: 'https://upload.jcss.com/upload',
+    baseUrl: 'https://giomp.jichengshanshui.com.cn:4080',
+    uploadUrl: 'https://giomp.jichengshanshui.com.cn:4080',
     // baseApi:'admin-api',
     // appApi:'app-api'
   }
@@ -22,7 +22,7 @@ const env = {
 // 获取当前环境
 const getEnv = () => {
  
-  const currentEnv = 'development';
+  const currentEnv = 'production';
  
   return currentEnv;
 };
@@ -72,37 +72,36 @@
           </template>
         </up-cell>
  
-        <!-- 5. 问题照片（核心修复：判断条件+空值处理） -->
+        <!-- 5. 问题照片 -->
         <up-cell title="问题照片" >
           <template #value>
-          <view class="cell-content-wrap">
+          <view class="cell-content-wrap" >
  
-            <!-- 修复1：正确判断problemImgsList，补充空数组默认值 -->
             <up-album
-                v-if="!!orderDetail.problemsImgs?.length"
-                :urls="orderDetail.problemsImgs || []"
+                :urls="orderDetail.problemsImgs "
                 singleSize="70"
-                :preview-full-image="true"
                 multipleSize="70"
+                :preview-full-image="true"
+
             ></up-album>
-            <text v-else class="empty-text">暂无问题照片</text>
+<!--            <text v-else class="empty-text">暂无问题照片</text>-->
           </view>
           </template>
         </up-cell>
  
-        <!-- 6. 完成照片（优化：空值处理+容错） -->
-        <up-cell title="完成照片" align="top">
+        <!-- 6. 完成照片 -->
+        <up-cell title="完成照片">
           <template #value>
           <view class="cell-content-wrap">
             <up-album
-                v-if="!!orderDetail.endImgs?.length"
-                :urls="orderDetail.endImgs || []"
+
+                :urls="orderDetail.endImgs"
                 singleSize="70"
                 multipleSize="70"
                 :preview-full-image="true"
  
             ></up-album>
-            <text v-else class="empty-text">暂无完成照片</text>
+<!--            <text v-else class="empty-text">暂无完成照片</text>-->
           </view>
           </template>
         </up-cell>
@@ -125,15 +124,23 @@
 </template>
  
 <script setup lang="ts">
-import { ref, reactive } from 'vue';
+import { ref } from 'vue';
 import { inspectionPlanDetail } from "@/api/quick-order/quick-order";
-import { onLoad, onShow } from '@dcloudio/uni-app';
-import EmptyView from "../../../components/empty-view/empty-view.vue";
+import { onLoad } from '@dcloudio/uni-app';
  
-// 状态管理
-const loading = ref(true);
-const orderDetail = ref({});
+// 修复1：给orderDetail指定类型，明确图片数组的类型（关键）
+interface OrderDetail {
+  problemsImgs?: string[];
+  endImgs?: string[];
+  [key: string]: any; // 兼容其他属性
+}
  
+// 修复2：初始化时给图片数组赋空数组，避免模板解析时访问undefined
+const orderDetail = ref<OrderDetail>({
+  problemsImgs: [],
+  endImgs: []
+});
+const loading = ref(true);
  
 /**
  * 获取工单详情
@@ -142,8 +149,8 @@ const getOrderDetail = async (id: string) =&gt; {
   try {
     loading.value = true;
     const res = await inspectionPlanDetail({ id });
-    console.log('接口返回：', res);
-    // 优化：确保图片数组为数组类型，避免非数组导致渲染错误
+    console.log('接口返回problemsImgs：', res.problemsImgs); // 确认数据存在
+    // 修复3：解构赋值时，强制保证图片数组为数组类型
     orderDetail.value = {
       ...res,
       problemsImgs: Array.isArray(res.problemsImgs) ? res.problemsImgs : [],
@@ -157,7 +164,6 @@ const getOrderDetail = async (id: string) =&gt; {
   }
 };
  
-// 页面加载
 onLoad((options) => {
   const { id } = options;
   if (id) {
@@ -170,10 +176,6 @@ onLoad((options) =&gt; {
 </script>
  
 <style scoped lang="scss">
-// 页面基础样式
-.u-page {
-
-}
  
 // 内容容器
 .content-wrap {
@@ -182,7 +184,12 @@ onLoad((options) =&gt; {
   box-sizing: border-box;
 }
  
-
+.cell-content-wrap {
+  :deep(image) { // 小程序中图片标签是image，且需要穿透样式隔离
+    width: 70px !important;
+    height: 70px !important;
+  }
+}
  
  
 </style>
 \ No newline at end of file
@@ -266,7 +266,7 @@ const USER_ROLES = userStore.userInfo?.roles || [];
 // ========== 基础状态 (按模块分组，语义化更强) ==========
 // tab切换
 const activeTab = ref(0); // 0-待办 1-我发起的 2-已办
-const tabList = ref([{name: '待办'}, {name: '我发起的任务'}, {name: '已办'}]);
+const tabList = ref([{name: '待办'}, {name: '我发起的'}, {name: '已办'}]);
 // 排序与搜索
 const selectedSortValue = ref(1);
 const sortOptions = ref([
@@ -231,7 +231,7 @@ const USER_ROLES = userStore.userInfo?.roles || [];
 // ========== 基础状态 (按模块分组，语义化更强) ==========
 // tab切换
 const activeTab = ref(0); // 0-待办 1-已办 2-我发起的任务
-const tabList = [{name: '待办'}, {name: '已办'}, {name: '我发起的任务'}];
+const tabList = [{name: '待办'}, {name: '已办'}, {name: '我发起的'}];
 // 排序与搜索
 const selectedSortValue = ref(1);
 const sortOptions = ref([
@@ -298,7 +298,7 @@ const activeTab = ref(0); //0-待办 1-已办 2-我发起的任务
 const tabList = ref([
   {name: '待办'},
   {name: '已办'},
-  {name: '我发起的任务'}
+  {name: '我发起的'}
 ]);
 // 排序下拉框
 const selectedSortValue = ref(1);