H5接口对接

hejianhao

3 天以前 554f8096e1f384f14b9424f5142d63f90c72a3eb

 H5/pages/add-progress/index.vue

@@ -35,7 +35,7 @@
            <image src="@/static/noNull.png" class="w-35 h-35 mr-13 shrink0" />
            <view class="fs-23 color99">办理进度描述不能为空</view>
         </view>
         <view class="fs-27 mt-38 lh-38 font-bold">图片</view>
         <view class="fs-27 mt-38 lh-38 font-bold">上传图片</view>
         <view class="flex wrap mt-27">
            <view class="relative mr-15" v-for="(item, index) in localImageUrls" :key="index">
               <image v-if="item != 'loading'" :src="item" class="w-140 h-140 shrink0 br-8" />
@@ -52,7 +52,7 @@
            </view>
            <image @tap="uploadImg(1)" src="/static/Appeal/add.png" class="w-140 h-140 shrink0" />
         </view>
         <view class="fs-27 mt-37 lh-38 font-bold">视频</view>
         <view class="fs-27 mt-37 lh-38 font-bold">上传视频</view>
         <view class="flex wrap mt-27">
            <view class="imgOrVedio" v-for="(ite, ind) in video" :key="ind">
               <video v-if="ite != 'loading'" id="myVideo" class="videoImg shrink0" disabled :controls="false"
@@ -73,7 +73,9 @@
            <image @tap="uploadImg(2)" src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
         </view>
      </view>
      <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">确认添加</view>
      <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4 fixed"
         style="width: calc(100% - 62rpx);bottom: calc(env(safe-area-inset-bottom) + 10rpx);">确认添加</view>
      <view class="btn-box"></view>
      <view class="safe-box"></view>
   </view>
</template>
@@ -216,6 +218,15 @@
               uni.chooseVideo({
                  camera: 'back',
                  success: (res) => {
                     const videoExtensions = /\.(mp4|avi|rmvb)$/i;
                     if (!videoExtensions.test(res.name)) {
                        uni.showToast({
                           title: '请上传mp4, avi, rmvb格式的视频',
                           icon: 'none',
                           duration: 3000
                        })
                        return
                     }
                     this.video.push('loading')
                     this.againCklicFlag = true
                     const tempFilePath = res.tempFilePath;
@@ -225,7 +236,7 @@
                        timeout: 1000 * 45,
                        name: 'file',
                        header: {
                           Authorization: cuni.getStorageSync('token')
                           Authorization: uni.getStorageSync('token')
                        },
                        success: (res) => {
                           if (JSON.parse(res.data).code == 200) {
@@ -304,7 +315,7 @@
   }

   .bgcolor1 {
      background: linear-gradient(270deg, rgba(255, 241, 0, 0.5) 0%, rgba(255, 249, 172, 0.25) 48%, rgba(255, 255, 255, 0.2) 100%, #FFFFFF 100%);
      background: linear-gradient( 270deg, rgba(255,241,0,0.5) 0%, rgba(255,249,172,0.25) 48%, rgba(255,255,255,0.2) 100%, #FFFFFF 100%);
   }

   .bgcolor2 {
@@ -384,4 +395,8 @@
   .zIndex999 {
      z-index: 999;
   }

   .btn-box {
      height: 120rpx;
   }
</style>