-

zhangwei

2025-03-14 6e961fafc0f921d575772a3c89f2c5cad28c270d

 src/pages/delivergoods/clockInDetail.vue

@@ -3,57 +3,67 @@
      <view class="list">
         <up-form labelPosition="left" :model="state.publicJob" ref="formRef" labelWidth='140rpx'>
            <view class="c-p-b-134">
               <view class="content c-p-l-24 c-p-b-24">
                  <up-form-item label="日期" prop="planStartTime" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.deliverTime" border="none" 
                        readonly></up-input>
               <view class="content c-p-l-24 c-p-r-24 c-p-b-24">
                  <up-form-item label="时间" prop="planStartTime" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.creatTime" border="none" readonly></up-input>
                  </up-form-item>
                  <up-form-item label="司机" prop="name" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.driver.name" border="none"  v-if="state.publicJob.driver"
                        readonly></up-input>
                  <up-form-item label="司机" prop="name" :borderBottom='false' ref="item1" v-if="isAdmin=='true'">
                     <up-input v-model="state.publicJob.creater" border="none" readonly></up-input>
                  </up-form-item>
                  <up-form-item label="客户名称" prop="companyName" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.companyName" border="none" readonly></up-input>
                  <up-form-item label="车牌号" prop="name" :borderBottom='false' ref="item1" v-if="isAdmin=='true'">
                     <up-input v-model="state.publicJob.car.carNumber" border="none" readonly v-if="state.publicJob.car"></up-input>
                  </up-form-item>
                  <up-form-item label="联系人" prop="lianxiren" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.lianxiren" border="none" readonly></up-input>
                  <up-form-item label="打卡类型" prop="deliveredstatus" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.clockTypeText" border="none" readonly></up-input>
                  </up-form-item>
                  <up-form-item label="联系电话" prop="dianhua" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.dianhua" border="none" readonly></up-input>
                  </up-form-item>
                  <up-form-item label="送货地址" prop="dizhi" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.dizhi" border="none" readonly></up-input>
                  </up-form-item>
                  <up-form-item label="送货事由" prop="remark"  :borderBottom='false' ref="item1">
                     <up-textarea v-model="state.publicJob.remark" border="none" autoHeight></up-textarea>
                  </up-form-item>
                  <!-- <up-form-item label="送货情况" prop="deliveredstatus" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.deliveredstatus" border="none" readonly></up-input>
                  </up-form-item> -->
                  <up-form-item label="意见反馈" prop="wentifankui"  :borderBottom='false' ref="item1">
                     <up-textarea v-model="state.publicJob.wentifankui" border="none" autoHeight></up-textarea>
                  </up-form-item>
                  <!-- <up-form-item label="金额" prop="planMoney" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.planMoney" border="none" readonly placeholder="请填写金额"
                        type="digit"></up-input>
                  </up-form-item>
                  <up-form-item label="科目" prop="rewardContent"  :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.rewardContent" border="none" placeholder="请点击选择科目"
                        readonly></up-input>
                  </up-form-item> -->
                  <up-form-item label="送货单" prop="idCardFace">
                  <up-form-item label="车辆检查" prop="idCardFace" v-if="state.publicJob.clockType == 'ClockIn'">
                     <view class="fui-upload__wrap"
                        v-if="state.publicJob.attachments&&state.publicJob.attachments.length>0">
                        <view class="fui-upload__item" v-for="(item,index) in state.publicJob.attachments"
                           :key="item.keyid">
                        v-if="state.publicJob.carConditionAttachments&&state.publicJob.carConditionAttachments.length>0">
                        <view class="fui-upload__item"
                           v-for="(item,index) in state.publicJob.carConditionAttachments" :key="item.keyid">
                           <image class="fui-upload__img" :style="{width:200+'rpx',height:200+'rpx'}"
                              :src="item.planAttachment" mode="aspectFill" @tap.stop="previewImage(index)">
                              :src="item.planAttachment" mode="aspectFill" @tap.stop="previewImage(index,'car')">
                           </image>
                        </view>
                     </view>
                     <view class="" v-else>
                        {{'暂无'}}
                     </view>
                  </up-form-item>
                  <up-form-item label="装货照片" prop="idCardFace" v-else>
                     <view class="fui-upload__wrap"
                        v-if="state.publicJob.attachments&&state.publicJob.attachments.length>0">
                        <view class="fui-upload__item" v-for="(item,index) in state.publicJob.attachments"
                           :key="item.keyid">
                           <image class="fui-upload__img" :style="{width:200+'rpx',height:200+'rpx'}"
                              :src="item.planAttachment" mode="aspectFill" @tap.stop="previewImage(index,'huo')">
                           </image>
                        </view>
                     </view>
                     <view class="" v-else>
                        {{state.publicJob.emptyCause}}
                     </view>
                  </up-form-item>
                  <up-form-item label="里程表" prop="rewardContent" :borderBottom='false' ref="item1">
                     <up-input v-model="state.publicJob.mileage" border="none" readonly>
                        <template #suffix>
                           <text>km</text>
                        </template></up-input>
                  </up-form-item>
                  <up-form-item label="里程照片" prop="idCardFace">
                     <view class="fui-upload__wrap" v-if="state.publicJob.mileageImg">
                        <image class="fui-upload__img" :style="{width:200+'rpx',height:200+'rpx'}"
                           :src="state.publicJob.mileageImg" mode="aspectFill" @tap.stop="previewImage(0,'licheng',[state.publicJob.mileageImg])">
                        </image>
                     </view>
                     <view class="" v-else>
                        '暂无'
                     </view>
                  </up-form-item>
                  <up-form-item label="车况备注" labelPosition='top' prop="wentifankui" :borderBottom='false'
                     ref="item1">
                     <up-input v-model="state.publicJob.carCondition" border="none" readonly>
                     </up-input>
                  </up-form-item>
                  <!-- <up-form-item label="附件" prop="idCardFace">
                     <view class="fui-upload__wrap" v-if="state.file&&state.file.length>0">
@@ -173,7 +183,7 @@
         workPlanAttachments: [], //附件&发票
         firmAccountId: '',
         accountType: '',
         driver:{}
         driver: {}
      },
      invoice: [],
      file: [],
@@ -204,7 +214,7 @@
   onLoad((options) => {
      keyid.value = options.KeyId
      isAdmin.value = options.isAdmin
      console.log(options,'options’');
      console.log(options, 'options’');
      GetDeliverPlanInfo()
   })

@@ -218,11 +228,11 @@

   // });
   let isLoading = ref(false)
   const previewImage = (item) => {
   const previewImage = (item,text,arr) => {
      uni.previewImage({
         current: item,
         loop: true,
         urls: state.publicJob.imageList
         urls: text == 'car' ? state.publicJob.imageList1 :text == 'huo'?state.publicJob.imageList:arr
      })
   }
   const confirmzhanghuPicker = (arr) => {
@@ -255,18 +265,22 @@
   const GetDeliverPlanInfo = () => {
      let getList = null
      if (isAdmin.value == 'true') {
         getList = $api.manageGetDeliverPlanInfo
      } else {
         getList = $api.GetDriverRecordInfo
      } else {
         getList = $api.driverGetDriverRecordInfo
      }
      getList(keyid.value).then(res => {
         state.publicJob = res.data
         state.publicJob.deliverTime = $util.formatDate(state.publicJob.deliverTime)
         state.publicJob.deliveredstatus = state.publicJob.deliveredstatus == 'Delivered' ? '已完成' : '未完成'
         state.publicJob.creatTime = $util.formatDate(state.publicJob.creatTime, true)
         state.publicJob.clockTypeText = state.publicJob.clockType == 'ClockIn' ? '出车打卡' : '下班打卡'
         state.publicJob.imageList = []
         state.publicJob.imageList1 = []
         state.publicJob.attachments.forEach(item => {
            state.publicJob.imageList.push(item.planAttachment)
         })
         state.publicJob.carConditionAttachments.forEach(item => {
            state.publicJob.imageList1.push(item.planAttachment)
         })
      })
   }
   const confirmKemuPicker = (arr) => {