修改合同多图

2024-06-13 17:43:01 +08:00
parent 54e4ddb671
commit b17a2ef5bf
5 changed files with 68 additions and 55 deletions
@@ -163,10 +163,10 @@
          </view> -->
        </block>
        <!--订单合同-->
-        <view class="relative bbs-1-eb pl140 font-28" bindtap="pushLink" data-url="/pages/order/editImg/index?id={{id}}&type=contract_img&title=订单合同">
+        <view class="relative bbs-1-eb pl140 font-28" bindtap="pushLink" data-url="/pages/order/editImg/index?id={{id}}&type=contract_img&title=订单合同&multi=true">
          <view class="absolute left-0 box-middle font-32 color-333">订单合同</view>
          <view class="pt30 pb30 text-right font-26 color-999" style="min-height:38rpx">
-            <view>{{contract_img.value?'更新':'上传'}}<i class="iconfont ml10 icon-gengduo"></i></view>
+            <view>{{contract_img.length>0?'更新':'上传'}}<i class="iconfont ml10 icon-gengduo"></i></view>
          </view>
        </view>
        <!--付款凭证-->
@@ -34,13 +34,7 @@ Page({
      })
      if(res.data.img_status == 1){
        this.setData({
-          cardida:res.data.imgs.cardida.length==0?{}:res.data.imgs.cardida,
-          cardidb:res.data.imgs.cardidb.length==0?{}:res.data.imgs.cardidb,
          business_licence:res.data.imgs.business_licence.length==0?{}:res.data.imgs.business_licence,
-          car_img:res.data.imgs.car_img.length==0?{}:res.data.imgs.car_img,
-          register_img:res.data.imgs.register_img.length==0?{}:res.data.imgs.register_img,
-          ins_img:res.data.imgs.ins_img.length==0?[]:res.data.imgs.ins_img,
-          other_img:res.data.imgs.other_img.length==0?[]:res.data.imgs.other_img,
        })
      }
      wx.stopPullDownRefresh()
@@ -3,9 +3,9 @@
    
    <!-- <view class="mt40 font-32">营业执照</view> -->
    <view class="mt30 text-center">
-      <view class="inline-block img-300x200 relative ulib-r10 overflowhidden">
+      <view class="inline-block img-530x300 relative ulib-r10 overflowhidden">
        <block wx:if="{{business_licence.value}}">
-          <view class="inline-block bg-f8 img-300x200 relative ulib-r10 overflowhidden">
+          <view class="inline-block bg-f8 img-530x300 relative ulib-r10 overflowhidden">
            <i class="absolute top-0 right-0 bg-000-op50 iconfont icon-shuaxin inner10 font-26 color-fff ulib-rtr10 ulib-rbl10 z-index-4" bindtap="chooseImg" data-type="business_licence"></i>
            <view class="absolute top-0 left-0 bottom-0 right-0 bg-f00-op50 z-index-3" wx:if="{{business_licence.err}}">
              <view class="absolute left-0 right-0 box-middle pl20 pr20 text-break font-22 color-fff"><i class="iconfont icon-jinggao"></i>{{business_licence.errmsg}}</view>
@@ -14,7 +14,7 @@
          </view>
        </block>
        <block wx:else>
-          <view class="inline-block bg-f8 img-300x200 relative ulib-r10 overflowhidden" bindtap="chooseImg" data-type="business_licence">
+          <view class="inline-block bg-f8 img-530x300 relative ulib-r10 overflowhidden" bindtap="chooseImg" data-type="business_licence">
            <view class="absolute left-0 right-0 box-middle color-ccc">
              <i class="iconfont icon-fanmian font-60"></i>
              <view class="mt10 font-22">上传营业执照</view>
@@ -4,7 +4,8 @@ Page({
  data: {
    type: "",
    title: "",
-    row: ""
+    row: "",
+    multi: false,
  },
  onLoad: function (options) {
    for (let key in options) {
@@ -33,16 +34,13 @@ Page({
    let params = {};
    params['id'] = this.data.id;
    _.apiQuery.getAppCusorderdata(params).then(res => {
-      this.setData({
-        imgInfo: res.data,
-      })
      let key = this.data.type
-      console.log()
      if (res.data.img_status == 1) {
        let img = res.data.imgs['' + key + '']
        this.setData({
          row: img.length == 0 ? [] : img,
        })
+        console.log(this.data.row)
      }
      wx.stopPullDownRefresh()
    })
@@ -69,15 +67,30 @@ Page({
          success: (resp) => {
            resp.data = JSON.parse(resp.data);
            if (resp.data.code == 200) {
-              let params = {};
-              params['id'] = that.data.id;
-              params['' + that.data.type + ''] = resp.data.data.url;
+              let img = ''
+              if (that.data.multi) {
+                let split = ''
+                let row = that.data.row
+                let new_img = {
+                  'value': resp.data.data.url,
+                  'img': resp.data.data.full_url
+                }
+                row.push(new_img)
+                row.forEach(item => {
+                  if (img) {
+                    split = ','
+                  }
+                  img += split + item.value
+                })
+              } else {
+                img = resp.data.data.url
+              }
+              let params = {}
+              params['id'] = that.data.id
+              params['' + that.data.type + ''] = img
              _.apiQuery.putAppCusorderdata(params).then(res2 => {
                wx.hideLoading();
-                that.setData({
-                  'row.value': resp.data.data.url,
-                  'row.img': resp.data.data.full_url,
-                })
+                that.getAppCusorderdata()
              }).catch(res2 => {
                wx.hideLoading();
              });
@@ -104,37 +117,25 @@ Page({

  // 编辑页面删除图片
  delImg(e) {
-    if (e.currentTarget.dataset.type == 'ins_img') {
-      let ins_img = this.data.ins_img
-      ins_img.splice(e.currentTarget.dataset.index, 1)
-      let params = {};
-      params['id'] = this.data.id;
-      let img = []
-      ins_img.forEach(item => {
-        img.push(item.value)
+    let that = this
+    let row = that.data.row
+    row.splice(e.currentTarget.dataset.index, 1)
+    let img = ''
+    let split = ''
+    row.forEach(item => {
+      if (img) {
+        split = ','
+      }
+      img += split + item.value
+    })
+    let params = {}
+    params['id'] = that.data.id;
+    params['' + that.data.type + ''] = img;
+    _.apiQuery.putAppCusorderdata(params).then(res => {
+      that.setData({
+        row,
      })
-      params['ins_imgs'] = img;
-      _.apiQuery.putAppCusorderdata(params).then(res => {
-        this.setData({
-          ins_img,
-        })
-      })
-    } else if (e.currentTarget.dataset.type == 'other_img') {
-      let other_img = this.data.other_img
-      other_img.splice(e.currentTarget.dataset.index, 1)
-      let params = {};
-      params['id'] = this.data.id;
-      let img = []
-      other_img.forEach(item => {
-        img.push(item.value)
-      })
-      params['other_imgs'] = img;
-      _.apiQuery.putAppCusorderdata(params).then(res => {
-        this.setData({
-          other_img,
-        })
-      })
-    }
+    })
  },

  //查看图片
@@ -1,6 +1,6 @@
 <view class="container">
  <view class="inner30">
-    <view class="fn-flex mt30 text-center">
+    <view class="fn-flex mt30 text-center" wx:if="{{!multi}}">
      <view class="fn-flex-item relative ml10">
        <block wx:if="{{row.value}}">
          <view class="inline-block bg-f8 img-530x300 relative ulib-r10 overflowhidden">
@@ -17,7 +17,25 @@
          </view>
        </block>
      </view>
-    </view>

+    </view>
+    <view class="fn-flex mt20" wx:else>
+      <scroll-view scroll-x="true">
+        <block wx:for='{{row}}' wx:key='index'>
+          <view class="inline-block bg-f8 img-300x200 ml15 mr15 relative ulib-r10 overflowhidden mt10">
+            <i class="absolute top-0 right-0 bg-000-op50 iconfont icon-guanbi1 inner10 font-26 color-fff ulib-rtr10 ulib-rbl10 z-index-1" bindtap="delImg" data-index="{{index}}"></i>
+            <image class='block wp100 img-h-200 ulib-r10' src='{{item.img}}' mode='aspectFit' bindtap="previewImage" data-url="{{item.img}}"></image>
+          </view>
+        </block>
+        <block wx:if="{{row.length<5}}">
+          <view class="inline-block bg-f8 img-300x200 ml15 mr15 relative ulib-r10 overflowhidden text-center mt10" bindtap="chooseImg">
+            <view class="absolute left-0 right-0 box-middle color-ccc">
+              <i class="iconfont icon-paizhao font-48"></i>
+              <view class="mt10 font-22">上传图片</view>
+            </view>
+          </view>
+        </block>
+      </scroll-view>
+    </view>
  </view>
 </view>