'接口初次对接完成'

api/modules/exhibit.js

@@ -35,6 +35,7 @@ export default {
       url: '/showpiece/addMaintenance',
       method: 'POST',
       data,
+      showLoading: true,
       needToken: true
     })
   },
@@ -48,5 +49,45 @@ export default {
     })
   },
 
-  // chakan
-}
+  // 报修- 新增报修单
+  async addMalfunction(data) {
+    return http({
+      url: '/showpiece/addMalfunction',
+      method: 'POST',
+      data,
+      showLoading: true,
+      needToken: true
+    })
+  },
+
+  // 查看保修单详情
+  async queryMalfunctionById(data) {
+    return http({
+      url: '/showpiece/queryMalfunctionById',
+      method: 'GET',
+      data
+    })
+  },
+
+  // 修改保修单
+  async updateMalfunction(data) {
+    return http({
+      url: '/showpiece/updateMalfunction',
+      method: 'POST',
+      data,
+      showLoading: true,
+      needToken: true
+    })
+  },
+
+  // 新增维修记录
+  async addRepair(data) {
+    return http({
+      url: '/showpiece/addRepair',
+      method: 'POST',
+      data,
+      showLoading: true,
+      needToken: true
+    })
+  }
+}

pages/index/maintain.vue

@@ -116,7 +116,6 @@ export default {
       mixinListApi: 'exhibit.queryMalfunctionList',
       urgencyColumns: [
         [
-
           '一般',
           '紧急',
           '非常紧急'

subPages/home/repairSubmit.vue

@@ -11,16 +11,19 @@
       </view>
       
       <!-- 报修日期 -->
-      <view class="form-item">
+      <view class="form-item" @click="showDatePicker">
         <text class="label">报修日期</text>
-        <text class="value">{{ repairDate }}</text>
+        <view class="select-area">
+          <text class="value" :class="{ placeholder: !malfunctionDate }">{{ malfunctionDate || '请选择' }}</text>
+          <uv-icon name="arrow-down" size="18" color="#000"></uv-icon>
+        </view>
       </view>
       
       <!-- 故障紧急程度 -->
       <view class="form-item " @click="showUrgencyPicker">
         <text class="label">故障紧急程度</text>
         <view class="select-area">
-          <text class="value" :class="{ placeholder: !urgencyLevel }">{{ urgencyLevel || '请选择' }}</text>
+          <text class="value" :class="{ placeholder: !urgency }">{{ urgency.label || '请选择' }}</text>
           <uv-icon name="arrow-down" size="18" color="#000"></uv-icon>
         </view>
       </view>
@@ -34,7 +37,7 @@
       <view class="form-item" @click="showFaultPicker">
         <text class="label">故障情况</text>
         <view class="select-area">
-          <text class="value" :class="{ placeholder: !faultSituation }">{{ faultSituation || '请选择' }}</text>
+          <text class="value" :class="{ placeholder: !malfunctionStatus }">{{ malfunctionStatus.label || '请选择' }}</text>
           <uv-icon name="arrow-down" size="18" color="#000"></uv-icon>
         </view>
       </view>
@@ -45,7 +48,7 @@
       </view>
       <view class="textarea-container">
         <uv-textarea 
-          v-model="faultDescription" 
+          v-model="malfunctionDesc" 
           placeholder="请对故障情况进行描述" 
           :maxlength="200"
           :show-confirm-bar="false"
@@ -60,7 +63,7 @@
         <text class="label">故障图片</text>
       </view>
       <view class="image-upload">
-        <view v-for="(img, index) in imageList" :key="index" class="image-item">
+        <view v-for="(img, index) in malfunctionImage" :key="index" class="image-item">
           <image :src="img" mode="aspectFill" @click="previewImage(img)"></image>
           <view class="delete-btn" @click="deleteImage(index)">
             <uv-icon name="close" size="12" color="#fff"></uv-icon>
@@ -72,10 +75,10 @@
       </view>
       
       <!-- 故障首次发生时间 -->
-      <view class="form-item" @click="showTimePicker">
+      <view class="form-item" @click="showFirstOccurTimePicker">
         <text class="label">故障首次发生时间</text>
         <view class="select-area">
-          <text class="value" :class="{ placeholder: !firstOccurTime }">{{ firstOccurTime || '请选择' }}</text>
+          <text class="value" :class="{ placeholder: !firstDate }">{{ firstDate || '请选择' }}</text>
           <uv-icon name="arrow-down" size="18" color="#000"></uv-icon>
         </view>
       </view>
@@ -103,7 +106,7 @@
       </view> -->
       <view class="textarea-container">
         <uv-textarea 
-          v-model="faultCondition" 
+          v-model="reason" 
           placeholder="请填写说明故障发生频率的触发条件" 
           :maxlength="200"
           :show-confirm-bar="false"
@@ -117,7 +120,7 @@
       <view class="form-item" @click="showImpactPicker">
         <text class="label">是否影响使用</text>
         <view class="select-area">
-          <text class="value" :class="{ placeholder: !impactUsage }">{{ impactUsage || '请选择' }}</text>
+          <text class="value" :class="{ placeholder: !isAffectUse }">{{ isAffectUse.label || '请选择' }}</text>
           <uv-icon name="arrow-down" size="18" color="#000"></uv-icon>
         </view>
       </view>
@@ -132,7 +135,7 @@
        </view>
        <view class="textarea-container">
          <uv-textarea 
-           v-model="temporaryMeasures" 
+           v-model="malfunctionName" 
            placeholder="如有采取临时措施请填写措施说明" 
            :maxlength="200"
            :show-confirm-bar="false"
@@ -148,25 +151,25 @@
          <view class="radio-options">
            <view 
              class="radio-item" 
-             :class="{ active: hasTakenMeasures === true }"
-             @click="selectMeasures(true)"
+             :class="{ active: isMeasure === '1' }"
+             @click="selectMeasures('1')"
            >
-             <view class="radio-dot" :class="{ active: hasTakenMeasures === true }"></view>
-             <text :class="{ active: hasTakenMeasures === true }">是</text>
+             <view class="radio-dot" :class="{ active: isMeasure === '1' }"></view>
+             <text :class="{ active: isMeasure === '1' }">是</text>
            </view>
            <view 
              class="radio-item" 
-             :class="{ active: hasTakenMeasures === false }"
-             @click="selectMeasures(false)"
+             :class="{ active: isMeasure === '0' }"
+             @click="selectMeasures('0')"
            >
-             <view class="radio-dot" :class="{ active: hasTakenMeasures === false }"></view>
-             <text :class="{ active: hasTakenMeasures === false }">否</text>
+             <view class="radio-dot" :class="{ active: isMeasure === '0' }"></view>
+             <text :class="{ active: isMeasure === '0' }">否</text>
            </view>
          </view>
        </view>
        <view class="textarea-container">
          <uv-textarea 
-           v-model="temporaryMeasures" 
+           v-model="malfunctionName" 
            placeholder="如有采取临时措施请填写措施说明" 
            :maxlength="200"
            :show-confirm-bar="false"
@@ -182,19 +185,19 @@
          <view class="radio-options">
            <view 
              class="radio-item" 
-             :class="{ active: impactExperience === true }"
-             @click="selectExperience(true)"
+             :class="{ active: isAffectExperience === '1' }"
+             @click="selectExperience('1')"
            >
-             <view class="radio-dot" :class="{ active: impactExperience === true }"></view>
-             <text :class="{ active: impactExperience === true }">是</text>
+             <view class="radio-dot" :class="{ active: isAffectExperience === '1' }"></view>
+             <text :class="{ active: isAffectExperience === '1' }">是</text>
            </view>
            <view 
              class="radio-item" 
-             :class="{ active: impactExperience === false }"
-             @click="selectExperience(false)"
+             :class="{ active: isAffectExperience === '0' }"
+             @click="selectExperience('0')"
            >
-             <view class="radio-dot" :class="{ active: impactExperience === false }"></view>
-             <text :class="{ active: impactExperience === false }">否</text>
+             <view class="radio-dot" :class="{ active: isAffectExperience === '0' }"></view>
+             <text :class="{ active: isAffectExperience === '0' }">否</text>
            </view>
          </view>
        </view>
@@ -231,6 +234,7 @@
     confirm-color="#C70019"
       ref="urgencyPicker"
       :columns="urgencyColumns"
+      keyName="label"
       @confirm="confirmUrgency"
       @cancel="cancelUrgency"
     ></uv-picker>
@@ -243,21 +247,31 @@
       @cancel="cancelFault"
     ></uv-picker>
     
-    <uv-picker 
-    confirm-color="#C70019"
-      ref="timePicker"
-      :columns="timeColumns"
-      @confirm="confirmTime"
-      @cancel="cancelTime"
-    ></uv-picker>
+    <!-- 故障首次发生时间选择器 -->
+    <uv-datetime-picker
+      ref="firstOccurTimePicker"
+      mode="date"
+        confirm-color="#C70019"
+      @confirm="confirmFirstOccurTime"
+    ></uv-datetime-picker>
     
     <uv-picker 
     confirm-color="#C70019"
       ref="impactPicker"
+      
       :columns="impactColumns"
       @confirm="confirmImpact"
       @cancel="cancelImpact"
+      keyName="label"
     ></uv-picker>
+    
+    <!-- 日期选择器 -->
+    <uv-datetime-picker
+      confirm-color="#C70019"
+      ref="datePicker"
+      mode="date"
+      @confirm="confirmDate"
+    ></uv-datetime-picker>
   </view>
 </template>
 
@@ -266,41 +280,56 @@ export default {
   data() {
     return {
       // 表单数据
-      repairDate: '2025/03/31',
-      urgencyLevel: '',
-      faultSituation: '',
-      faultDescription: '',
-      imageList: [],
-      firstOccurTime: '',
-      frequency: '',
-      faultCondition: '',
-      impactUsage: '',
-      temporaryMeasures: '',
-      hasTakenMeasures: null,
-      impactExperience: null,
+      malfunctionDate: '',
+      urgency: '',
+      malfunctionStatus: '',
+      malfunctionDesc: '',
+      malfunctionImage: [],
+      firstDate: '',
+      frequency: '1',
+      reason: '',
+      isAffectUse: '0',
+      malfunctionName: '',
+      isMeasure: '0',
+      isAffectExperience: '0',
       remark: '',
-      
-      // 选择器显示状态（保留用于其他可能的用途）
-      // showUrgency: false,
-      // showFault: false,
-      // showTime: false,
-      // showImpact: false,
+      showpieceId: '',
+
       
       // 频率选项
       frequencyOptions: [
-        { label: '持续性问题', value: 'continuous' },
-        { label: '间歇性问题', value: 'intermittent' }
+        { label: '持续性问题', value: '0' },
+        { label: '间歇性问题', value: '1' }
       ],
       
       // 选择器数据
-      urgencyColumns: [['一般', '紧急', '非常紧急']],
+      urgencyColumns: [
+        [
+        { label: '一般', value: '0' },
+        { label: '紧急', value: '1'}
+        ]
+      ],
+
       faultColumns: [['硬件故障', '软件故障', '网络故障', '其他']],
-      timeColumns: [['今天', '昨天', '一周内', '一个月内', '更早']],
-      impactColumns: [['是', '否']]
+      impactColumns: [[
+        { label: '是', value: '1' }, 
+        { label: '否', value: '0' }
+      ]],
     }
   },
   
   methods: {
+    // 显示日期选择器
+    showDatePicker() {
+      this.$refs.datePicker.open()
+    },
+    
+    // 确认日期选择
+    confirmDate(e) {
+      const date = new Date(e.value)
+      this.malfunctionDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
+    },
+    
     // 显示紧急程度选择器
     showUrgencyPicker() {
       this.$refs.urgencyPicker.open()
@@ -308,7 +337,7 @@ export default {
     
     // 确认紧急程度
     confirmUrgency(e) {
-      this.urgencyLevel = e.value[0]
+      this.urgency = e.value[0]
     },
     
     // 取消紧急程度选择
@@ -323,7 +352,7 @@ export default {
     
     // 确认故障情况
     confirmFault(e) {
-      this.faultSituation = e.value[0]
+      this.malfunctionStatus = e.value[0]
     },
     
     // 取消故障情况选择
@@ -331,19 +360,15 @@ export default {
       // 取消操作
     },
     
-    // 显示时间选择器
-    showTimePicker() {
-      this.$refs.timePicker.open()
-    },
-    
-    // 确认时间
-    confirmTime(e) {
-      this.firstOccurTime = e.value[0]
+    // 显示故障首次发生时间选择器
+    showFirstOccurTimePicker() {
+      this.$refs.firstOccurTimePicker.open()
     },
     
-    // 取消时间选择
-    cancelTime() {
-      // 取消操作
+    // 确认故障首次发生时间
+    confirmFirstOccurTime(e) {
+      const date = new Date(e.value)
+      this.firstDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`
     },
     
     // 显示影响使用选择器
@@ -353,7 +378,7 @@ export default {
     
     // 确认影响使用
     confirmImpact(e) {
-      this.impactUsage = e.value[0]
+      this.isAffectUse = e.value[0]
     },
     
     // 取消影响使用选择
@@ -368,12 +393,12 @@ export default {
     
     // 选择是否采取措施
     selectMeasures(value) {
-      this.hasTakenMeasures = value
+      this.isMeasure = value
     },
     
     // 选择是否影响体验
     selectExperience(value) {
-      this.impactExperience = value
+      this.isAffectExperience = value
     },
     
     // 上传图片
@@ -383,7 +408,7 @@ export default {
         if (result && result.success) {
           console.log(result);
           
-          this.imageList.push(result.url)
+          this.malfunctionImage.push(result.url)
         }
       } catch (error) {
         console.error('头像上传失败:', error)
@@ -396,58 +421,66 @@ export default {
     
     // 删除图片
     deleteImage(index) {
-      this.imageList.splice(index, 1)
+      this.malfunctionImage.splice(index, 1)
     },
     
     // 预览图片
     previewImage(url) {
       uni.previewImage({
-        urls: this.imageList,
+        urls: this.malfunctionImage,
         current: url
       })
     },
     
     // 提交报修
-    submitRepair() {
+    async submitRepair() {
       // 表单验证
-      if (!this.urgencyLevel) {
+      if (!this.urgency) {
         uni.showToast({ title: '请选择故障紧急程度', icon: 'none' })
         return
       }
-      if (!this.faultSituation) {
-        uni.showToast({ title: '请选择故障情况', icon: 'none' })
-        return
-      }
-      if (!this.faultDescription.trim()) {
+      // if (!this.malfunctionStatus) {
+      //   uni.showToast({ title: '请选择故障情况', icon: 'none' })
+      //   return
+      // }
+      if (!this.malfunctionDesc.trim()) {
         uni.showToast({ title: '请填写故障情况描述', icon: 'none' })
         return
       }
       
       // 提交数据
       const formData = {
-        repairDate: this.repairDate,
-        urgencyLevel: this.urgencyLevel,
-        faultSituation: this.faultSituation,
-        faultDescription: this.faultDescription,
-        imageList: this.imageList,
-        firstOccurTime: this.firstOccurTime,
+        showpieceId: this.showpieceId,
+        malfunctionDate: this.malfunctionDate,
+        urgency: this.urgency.value,
+        malfunctionStatus: this.malfunctionStatus.id,
+        malfunctionDesc: this.malfunctionDesc,
+        malfunctionImage: this.malfunctionImage.join(','),
+        firstDate: this.firstDate,
         frequency: this.frequency,
-        faultCondition: this.faultCondition,
-        impactUsage: this.impactUsage,
-        temporaryMeasures: this.temporaryMeasures,
-        hasTakenMeasures: this.hasTakenMeasures,
-        impactExperience: this.impactExperience,
+        reason: this.reason,
+        isAffectUse: this.isAffectUse.value,
+        malfunctionName: this.malfunctionName,
+        isMeasure: this.isMeasure,
+        isAffectExperience: this.isAffectExperience,
         remark: this.remark
       }
       
-      console.log('提交数据:', formData)
-      uni.showToast({ title: '提交成功', icon: 'success' })
-      
-      // 返回上一页
-      setTimeout(() => {
-        uni.navigateBack()
-      }, 1500)
+      // console.log('提交数据:', formData)
+      // uni.showToast({ title: '提交成功', icon: 'success' })
+      const subRes = await this.$api.exhibit.addMalfunction(formData)
+      if (subRes.code === 200) {
+        uni.showToast({ title: subRes.message})
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 1000)
+      }else{
+        uni.showToast({ title: subRes.message, icon: 'none' })
+      }
     }
+  },
+  onLoad(args) {
+    this.showpieceId = args.id
   }
 }
 </script>

subPages/repair/maintainSubmit.vue

@@ -12,7 +12,7 @@
       </view>
       
       <!-- 修改状态按钮 -->
-      <button class="status-btn" :class="{ active: statusType === 'modify' }" @click="statusType = 'modify'">
+      <button class="status-btn" :class="{ active: statusType === 'modify' }" @click="modifyStatus">
         <text class="status-text">修改状态</text>
       </button>
     </view>
@@ -27,13 +27,13 @@
       <!-- 报修日期 -->
       <view class="form-item">
         <text class="label">报修日期</text>
-        <text class="value">{{ repairData.repairDate }}</text>
+        <text class="value">{{ repairData.malfunctionDate }}</text>
       </view>
       
       <!-- 故障紧急程度 -->
       <view class="form-item">
         <text class="label">故障紧急程度</text>
-        <text class="value">{{ repairData.urgencyLevel }}</text>
+        <text class="value">{{ repairData.urgency === '1' ? '紧急' : '一般' }}</text>
       </view>
       
       <!-- 故障情况描述 -->
@@ -43,9 +43,8 @@
       
       <!-- 故障情况描述文本区域 -->
       <view class="content-text">
-        <!-- <text>{{ repairData.faultDescription }}</text> -->
         <uv-textarea 
-          v-model="repairData.faultDescription" 
+          v-model="repairData.malfunctionDesc" 
           placeholder="展品故障描述" 
           :maxlength="200"
           :show-confirm-bar="false"
@@ -65,30 +64,30 @@
       <view class="image-container" v-if="!isCollapsed">
         <image 
           class="uploaded-image" 
-          v-for="(img, index) in repairData.imageList" 
+          v-for="(img, index) in getImageList(repairData.malfunctionImage)" 
           :key="index"
-          :src="img" 
+          :src="img.trim()" 
           mode="aspectFill"
-          @click="previewImage(img)"
+          @click="previewImage(img.trim())"
         ></image>
       </view>
       
       <!-- 故障首次发生时间 -->
       <view class="form-item" v-if="!isCollapsed">
         <text class="label">故障首次发生时间</text>
-        <text class="value">{{ repairData.firstOccurTime }}</text>
+        <text class="value">{{ repairData.firstDate }}</text>
       </view>
       
       <!-- 发生频率 -->
       <view class="form-item" v-if="!isCollapsed">
         <text class="label">发生频率</text>
-        <text class="value red-text">{{ repairData.frequency }}</text>
+        <text class="value red-text">{{ repairData.frequency === '1' ? '间歇性问题' : '持续性问题' }}</text>
       </view>
       
       <!-- 故障发生频率的触发条件 -->
       <view class="content-text" v-if="!isCollapsed">
         <uv-textarea 
-          v-model="repairData.faultCondition" 
+          v-model="repairData.reason" 
           placeholder="故障发生频率的触发条件" 
           :maxlength="200"
           :show-confirm-bar="false"
@@ -99,28 +98,24 @@
           :custom-style="{ backgroundColor: '#f5f5f5' }"
         ></uv-textarea>
       </view>
-      
-      <!-- <view class="content-text" v-if="!isCollapsed">
-        <text>{{ repairData.faultCondition }}</text>
-      </view> -->
+
       
       <!-- 是否影响使用 -->
       <view class="form-item" v-if="!isCollapsed">
         <text class="label">是否影响使用</text>
-        <text class="value red-text">{{ repairData.impactUsage }}</text>
+        <text class="value red-text">{{ repairData.isAffectUse === '1' ? '是' : '否' }}</text>
       </view>
       
       <!-- 是否采取临时措施 -->
       <view class="form-item" v-if="!isCollapsed">
         <text class="label">是否采取临时措施</text>
-        <text class="value red-text">{{ repairData.hasTakenMeasures ? '是' : '否' }}</text>
+        <text class="value red-text">{{ repairData.isTakeMeasure === '1' ? '是' : '否' }}</text>
       </view>
       
       <!-- 如有采取临时措施请填写措施说明 -->
       <view class="content-text" v-if="!isCollapsed">
-        <!-- <text>{{ repairData.faultDescription }}</text> -->
         <uv-textarea 
-          v-model="repairData.temporaryMeasures" 
+          v-model="repairData.measureDesc" 
           placeholder="如果有采取临时措施请填写措施说明" 
           :maxlength="200"
           :show-confirm-bar="false"
@@ -132,14 +127,10 @@
         ></uv-textarea>
       </view>
       
-      <!-- <view class="content-text" v-if="!isCollapsed && repairData.hasTakenMeasures">
-        <text>{{ repairData.temporaryMeasures }}</text>
-      </view> -->
-      
       <!-- 是否影响体验 -->
       <view class="form-item" v-if="!isCollapsed">
         <text class="label">是否影响体验</text>
-        <text class="value red-text">{{ repairData.impactExperience ? '是' : '否' }}</text>
+        <text class="value red-text">{{ repairData.isAffectUsage === '1' ? '是' : '否' }}</text>
       </view>
       
       <view class="form-item" v-if="!isCollapsed">
@@ -147,7 +138,7 @@
       </view>
       <!-- 备注 -->
       <view class="content-text" v-if="!isCollapsed">
-        <!-- <text>{{ repairData.faultDescription }}</text> -->
+        
         <uv-textarea 
           v-model="repairData.remark" 
           placeholder="备注" 
@@ -161,7 +152,7 @@
         ></uv-textarea>
       </view>
       
-     
+          
       
       <!-- 查看全部/收起按钮 -->
       <view class="collapse-btn" @click="toggleCollapse">
@@ -182,7 +173,7 @@
         <text class="label">维修人</text>
         <view class="input-area" >
           <input 
-            v-model="processData.repairPerson" 
+            v-model="processData.repairName" 
             placeholder="请填写" 
             class="input-field"
             ref="maintainerInput"
@@ -195,7 +186,7 @@
         <text class="label">联系方式</text>
         <view class="input-area" >
           <input 
-            v-model="processData.contactPhone" 
+            v-model="processData.phone" 
             placeholder="请填写" 
             class="input-field"
             ref="maintainerInput"
@@ -218,13 +209,12 @@
       </view>
       <view class="textarea-container">
         <uv-textarea 
-          v-model="processData.processContent" 
+          v-model="processData.content" 
           placeholder="请输入处理内容" 
           :maxlength="200"
           :show-confirm-bar="false"
           height="60"
           border="none"
-          disabled
           :textStyle="{ color: '#000' }"
           :custom-style="{ backgroundColor: '#f5f5f5' }"
         ></uv-textarea>
@@ -235,8 +225,8 @@
         <text class="label">上传图片</text>
       </view>
       <view class="image-upload">
-        <view v-for="(img, index) in processData.imageList" :key="index" class="image-item">
-          <image :src="img" mode="aspectFill" @click="previewImage(img)"></image>
+        <view v-for="(img, index) in getImageList(processData.image)" :key="index" class="image-item">
+          <image :src="img.trim()" mode="aspectFill" @click="previewImage(img.trim())"></image>
           <view class="delete-btn" @click="deleteImage(index)">
             <uv-icon name="close" size="12" color="#fff"></uv-icon>
           </view>
@@ -252,30 +242,31 @@
         <view class="radio-options">
           <view 
             class="radio-item" 
-            :class="{ active: processData.hasCost === true }"
-            @click="selectCost(true)"
+            :class="{ active: processData.isExpend === '1' }"
+            @click="selectCost('1')"
           >
-            <view class="radio-dot" :class="{ active: processData.hasCost === true }"></view>
-            <text :class="{ active: processData.hasCost === true }">是</text>
+            <view class="radio-dot" :class="{ active: processData.isExpend === '1' }"></view>
+            <text :class="{ active: processData.isExpend === '1' }">是</text>
           </view>
           <view 
             class="radio-item" 
-            :class="{ active: processData.hasCost === false }"
-            @click="selectCost(false)"
+            :class="{ active: processData.isExpend === '0' }"
+            @click="selectCost('0')"
           >
-            <view class="radio-dot" :class="{ active: processData.hasCost === false }"></view>
-            <text :class="{ active: processData.hasCost === false }">否</text>
+            <view class="radio-dot" :class="{ active: processData.isExpend === '0' }"></view>
+            <text :class="{ active: processData.isExpend === '0' }">否</text>
           </view>
         </view>
       </view>
       
       <!-- 产生费用 -->
-      <view class="form-item" v-if="processData.hasCost">
+      <view class="form-item" v-if="processData.isExpend === '1'">
         <text class="label">产生费用</text>
         <view class="input-area" >
           <input 
-            v-model="processData.totalCost" 
+            v-model="amount" 
             placeholder="请输入费用" 
+            disabled
             class="input-field"
             ref="maintainerInput"
           />
@@ -283,7 +274,7 @@
       </view>
       
       <!-- 费用详情表格 -->
-      <view class="cost-table" v-if="processData.hasCost">
+      <view class="cost-table" v-if="processData.isExpend === '1'">
         <view class="table-header">
           <text class="header-cell">费用名称</text>
           <text class="header-cell">数量</text>
@@ -333,19 +324,19 @@
         <view class="radio-options">
           <view 
             class="radio-item" 
-            :class="{ active: processData.isResolved === true }"
-            @click="selectResolved(true)"
+            :class="{ active: processData.isFix === '1' }"
+            @click="selectResolved('1')"
           >
-            <view class="radio-dot" :class="{ active: processData.isResolved === true }"></view>
-            <text :class="{ active: processData.isResolved === true }">是</text>
+            <view class="radio-dot" :class="{ active: processData.isFix === '1' }"></view>
+            <text :class="{ active: processData.isFix === '1' }">是</text>
           </view>
           <view 
             class="radio-item" 
-            :class="{ active: processData.isResolved === false }"
-            @click="selectResolved(false)"
+            :class="{ active: processData.isFix === '0' }"
+            @click="selectResolved('0')"
           >
-            <view class="radio-dot" :class="{ active: processData.isResolved === false }"></view>
-            <text :class="{ active: processData.isResolved === false }">否</text>
+            <view class="radio-dot" :class="{ active: processData.isFix === '0' }"></view>
+            <text :class="{ active: processData.isFix === '0' }">否</text>
           </view>
         </view>
       </view>
@@ -378,13 +369,12 @@
     </view>
     
     <!-- 日期选择器 -->
-    <uv-picker 
+    <uv-datetime-picker 
       confirm-color="#C70019"
       ref="datePicker"
-      :columns="dateColumns"
+      mode="date"
       @confirm="confirmDate"
-      @cancel="cancelDate"
-    ></uv-picker>
+    ></uv-datetime-picker>
   </view>
 </template>
 
@@ -395,52 +385,165 @@ export default {
       statusType: 'modify',
       selectedStatus: '故障中',
       isCollapsed: true,
-      
+      id: '',
+      // 映射表
+      statusMap: {
+        '故障中': '0',
+        '维修中': '1',
+        '已解决': '2'
+      },
       // 报修基本信息（只读）
       repairData: {
-        repairDate: '2025/03/31',
-        urgencyLevel: '一般',
-        faultDescription: '展品故障情况',
-        imageList: [
-          '/static/商城_商品2.png',
-          '/static/商城_商品2.png'
-        ],
-        firstOccurTime: '2025/03/31',
-        frequency: '持续性问题',
-        faultCondition: '故障发生频率的触发条件说明',
-        impactUsage: '是',
-        hasTakenMeasures: true,
-        temporaryMeasures: '已采取临时措施说明',
-        impactExperience: true,
-        remark: '备注信息'
+        malfunctionDate: '2025-08-28', // 从接口 malfunctionDate 字段获取
+        urgency: '0', // 从接口 urgency 字段映射：0-一般，1-紧急，2-非常紧急
+        malfunctionDesc: '故障描述', // 从接口 malfunctionDesc 字段获取
+        malfunctionImage: '', // 从接口 malfunctionImage 字段获取（字符串格式，多张图片用逗号分隔）
+        firstDate: '2025-08-27', // 从接口 firstDate 字段获取
+        frequency: '0', // 从接口 frequency 字段映射：0-偶发性，1-持续性
+        reason: '发生频率触发条件', // 从接口 reason 字段获取
+        isAffectUse: '0', // 从接口 isAffectUse 字段映射：0-否，1-是
+        isMeasure: '0', // 从接口 isMeasure 字段映射：0-否，1-是
+        measureDesc: '措施说明', // 从接口 measureDesc 字段获取
+        isAffectExperience: '0', // 从接口 isAffectExperience 字段映射：0-否，1-是
+        remark: '备注' // 从接口 remark 字段获取
       },
       
       // 处理内容（可编辑）
       processData: {
-        repairPerson: '',
-        contactPhone: '',
+        repairName: '',
+        phone: '',
         repairDate: '',
-        processContent: '',
-        imageList: [],
-        hasCost: null,
-        totalCost: '',
+        content: '',
+        image: '',
+        isExpend: '0',
         costDetails: [
           { name: '', quantity: '', amount: '' }
         ],
-        isResolved: null,
+        isFix: '0',
         remark: ''
       },
-      
-      // 日期选择器数据
-      dateColumns: []
     }
   },
-  
-  onLoad() {
-    this.initDatePicker()
+  computed: {
+    // 计算总金额
+    amount() {
+      return this.processData.costDetails.reduce((sum, item) => {
+        return sum + (Number(item.quantity) * Number(item.amount))
+      }, 0)
+    }
+  },
+  async onShow(){
+    await this.getRepairDetail()
+  },
+  onLoad(args){
+    this.id = args.id
   },
-  
   methods: {
+    // 修改状态
+    async modifyStatus(){
+      const res = await this.$api.exhibit.updateMalfunction({
+        id: this.id,
+        status: this.statusMap[this.selectedStatus]
+      })
+      if (res.code === 200) {
+        uni.showToast({
+          title: '修改成功',
+          icon: 'success'
+        })
+      }
+    },
+    
+    // 获取报修详情
+    async getRepairDetail() {
+      const queryRes = await this.$api.exhibit.queryMalfunctionById({
+        malfunctionId: this.id
+      })
+      if (queryRes.code === 200) {
+        this.repairData = queryRes.result
+      }
+    },
+    // 立即维修
+    async startRepair() {
+      // 验证必填项
+      if (!this.processData.repairName) {
+        uni.showToast({
+          title: '请输入维修人',
+          icon: 'none'
+        })
+        return
+      }
+      
+      if (!this.processData.phone) {
+        uni.showToast({
+          title: '请输入联系方式',
+          icon: 'none'
+        })
+        return
+      }
+      
+      if (!this.processData.repairDate) {
+        uni.showToast({
+          title: '请选择维修日期',
+          icon: 'none'
+        })
+        return
+      }
+      
+      if (!this.processData.content) {
+        uni.showToast({
+          title: '请输入处理内容',
+          icon: 'none'
+        })
+        return
+      }
+      
+      if (this.processData.isFix === null) {
+        uni.showToast({
+          title: '请选择问题是否解决',
+          icon: 'none'
+        })
+        return
+      }
+
+      if (this.processData.isExpend === '1') {
+        // 如果总金额为0则没有消费信息
+        if (!this.amount) {
+          uni.showToast({
+            title: '请添加费用明细',
+            icon: 'none'
+          })
+          return
+        }
+      }
+      const tempData = {...this.processData}
+      const tempDataList = [...this.processData.costDetails]
+      const submitRes = await this.$api.exhibit.addRepair({
+        id: this.id,
+        ...tempData,
+        amount: this.amount,
+        expenseList: tempDataList.map(item => `${item.name},${item.quantity},${item.amount}`).join(';')
+      })
+
+      if (submitRes.code === 200) {
+        uni.showToast({
+          title: submitRes.message,
+          icon: 'none'
+        })
+      }else {
+        uni.showToast({
+          title: submitRes.message,
+          icon: 'none'
+        })
+      }
+    },
+
+    // 获取图片列表
+    getImageList(imageStr) {
+      if (!imageStr || typeof imageStr !== 'string') {
+        return []
+      }
+      return imageStr.split(',').filter(img => img && img.trim())
+    },
     // 切换折叠状态
     toggleCollapse() {
       this.isCollapsed = !this.isCollapsed
@@ -461,38 +564,11 @@ export default {
     
     // 确认日期
     confirmDate(e) {
-      const { indexs, value } = e
-      this.processData.repairDate = value.join('/')
-    },
-    
-    // 取消日期选择
-    cancelDate() {
-      // 取消选择
-    },
-    
-    // 初始化日期选择器
-    initDatePicker() {
-      const currentYear = new Date().getFullYear()
-      const years = []
-      const months = []
-      const days = []
-      
-      // 生成年份
-      for (let i = currentYear - 10; i <= currentYear + 10; i++) {
-        years.push(i + '年')
-      }
-      
-      // 生成月份
-      for (let i = 1; i <= 12; i++) {
-        months.push(i.toString().padStart(2, '0') + '月')
-      }
-      
-      // 生成日期
-      for (let i = 1; i <= 31; i++) {
-        days.push(i.toString().padStart(2, '0') + '日')
-      }
-      
-      this.dateColumns = [years, months, days]
+      const date = new Date(e.value)
+      const year = date.getFullYear()
+      const month = String(date.getMonth() + 1).padStart(2, '0')
+      const day = String(date.getDate()).padStart(2, '0')
+      this.processData.repairDate = `${year}-${month}-${day}`
     },
     
     // 上传图片
@@ -502,7 +578,12 @@ export default {
         if (result && result.success) {
           console.log(result);
           
-          this.processData.imageList.push(result.url)
+          // 将新图片URL添加到字符串中
+          if (this.processData.image) {
+            this.processData.image += ',' + result.url
+          } else {
+            this.processData.image = result.url
+          }
         }
       } catch (error) {
         console.error('图片上传失败:', error)
@@ -515,14 +596,16 @@ export default {
     
     // 删除图片
     deleteImage(index) {
-      this.processData.imageList.splice(index, 1)
+      const imageList = this.getImageList(this.processData.image)
+      imageList.splice(index, 1)
+      this.processData.image = imageList.join(',')
     },
     
     // 选择是否产生费用
     selectCost(value) {
-      this.processData.hasCost = value
+      this.processData.isExpend = value
       if (!value) {
-        this.processData.totalCost = ''
+        this.processData.amount = 0
         this.processData.costDetails = [{ name: '', quantity: '', amount: '' }]
       }
     },
@@ -539,81 +622,21 @@ export default {
     
     // 选择问题是否解决
     selectResolved(value) {
-      this.processData.isResolved = value
+      this.processData.isFix = value
     },
     
     // 显示状态选择器
     showStatusPicker() {
       uni.showActionSheet({
-        itemList: ['故障中', '维修中', '已完成', '暂停维修'],
+        itemList: ['故障中', '维修中', '已解决'],
         success: (res) => {
-          const statusList = ['故障中', '维修中', '已完成', '暂停维修']
+          const statusList = ['故障中', '维修中', '已解决']
           this.selectedStatus = statusList[res.tapIndex]
         }
       })
     },
     
-    // 立即维修
-    startRepair() {
-      // 验证必填项
-      if (!this.processData.repairPerson) {
-        uni.showToast({
-          title: '请输入维修人',
-          icon: 'none'
-        })
-        return
-      }
-      
-      if (!this.processData.contactPhone) {
-        uni.showToast({
-          title: '请输入联系方式',
-          icon: 'none'
-        })
-        return
-      }
-      
-      if (!this.processData.repairDate) {
-        uni.showToast({
-          title: '请选择维修日期',
-          icon: 'none'
-        })
-        return
-      }
-      
-      if (!this.processData.processContent) {
-        uni.showToast({
-          title: '请输入处理内容',
-          icon: 'none'
-        })
-        return
-      }
-      
-      if (this.processData.isResolved === null) {
-        uni.showToast({
-          title: '请选择问题是否解决',
-          icon: 'none'
-        })
-        return
-      }
-      
-      // 提交数据
-      uni.showLoading({
-        title: '提交中...'
-      })
-      
-      // 模拟提交
-      setTimeout(() => {
-        uni.hideLoading()
-        uni.showToast({
-          title: '提交成功',
-          icon: 'success'
-        })
-        
-        setTimeout(() => {
-          uni.navigateBack()
-        }, 1500)
-      }, 2000)
-    }
+
   }
 }
 </script>