C56-GZH-UI/pages/index/signInfo.vue

<template>
  <view class="u-page">
    <view>
      <view>
        <u-form :model="form" ref="uForm">
<!--          <u-form-item label="客户单号" label-width="80" :label-style="{'margin-left':'40rpx'}">-->
<!--            <u-input v-model="form.customerRefferenceId" disabled/>-->
<!--          </u-form-item>-->
          <u-form-item label="签收人" label-width="80" :label-style="{'margin-left':'40rpx'}">
            <u-input v-model="form.userName" disabled/>
          </u-form-item>
          <u-form-item label="签收时间" label-width="80" :label-style="{'margin-left':'40rpx'}">
            <u-input v-model="form.signTime" disabled/>
          </u-form-item>
          <u-form-item label="签收照片" label-width="80" :label-style="{'margin-left':'40rpx'}">
            <u--image
                v-for="(item, index) in picItemList"
                :showLoading="true"
                :src="item.src"
                width="80px"
                height="80px"
            ></u--image>
          </u-form-item>

        </u-form>
      </view>
    </view>
  </view>
</template>

<script>

import {
  getSignInfo
} from '@/api/index.js';
export default {
    data() {
      return {
        itemSrc:'http://localhost:8012/BH_CLIS/AjaxUpload/downloadImageById.action?id=402848c49492834c019492965bf00008',
        src:'http://localhost:8012/BH_CLIS/AjaxUpload/downloadImageById.action?id=',
        picItemList: [],
        form: {
          customerRefferenceId: '',
          userName: '',
          signTime: '',
        },
      };
    },

		onLoad(options) {
      let accountId = undefined
      if (uni.getStorageSync('accountId')) {
        accountId = uni.getStorageSync('accountId')
      }
      getSignInfo({orderCenterOrderId: options.id,accountId: accountId}).then(res => {
        if (res.code === "success") {
          if (res.data.docIds){
            res.data.docIds.forEach((item, index) => {
              this.picItemList.push({
                src: this.src + item
              });
            });
            console.log(this.picItemList)
          }
          this.form.userName = res.data.signedTime;
          this.form.signTime = res.data.signedPersion;
        } else {
        }
      }).catch(err => {
      });
    },
		methods: {
			clickHandler() {
				// #ifndef MP-WEIXIN
				uni.$u.toast('请在微信小程序内查看效果')
				// #endif
			}
		},
	}
</script>

<style lang="scss" scoped>

.u-page {
  padding: 0;

  &__item {

    &__title {
      color: $u-tips-color;
      background-color: $u-bg-color;
      padding: 15px;
      font-size: 15px;

      &__slot-title {
        color: $u-primary;
        font-size: 14px;
      }
    }
  }
}

.warp {
  width: 750rpx;
  min-height: 100vh;
}

.scheduler_top {
  height: 10vh;
  background-color: #1676FF;
}

.scheduler_search {
  padding-top: 30rpx;
  background-color: #1676FF;
  height: 8vh;
}

.scheduler_list {
  margin-top: 2vh;
  height: 60vh;
}

.order_footer {
  position: fixed;
  width: 750rpx;
  bottom: 5vh;
  height: 10vh;
}

.tabBar {
  height: 14vh;
}

.uni-common-mt {
  margin-top: 60rpx;
}

.uni-padding-wrap {
  // width: 750rpx;
  padding: 0px 60rpx;
}

/deep/ .u-collapse-head.data-v-31fbc7f8 {
  padding-left: 60rpx;
}

.detailStyle {
  font-size: 28rpx;
}

.u-space {
  display: inline-block;
  width: 20rpx;
}
</style>