zy-wechat/pages/transferDistribution/transferDistribution.vue

<template>
  <view class="HomeItem">
    <view class="goWorkAll">
			<view class="title">{{optData.quickOrderName}}-发起中转配送</view>
			<view class="goWorkSelect history">
			  <view class="goWorkSelect-head">总数量：{{optData.totalNum}}</view>
			  <view class="goWorkSelect-list" v-for="(item, i) in optData.data">
					{{item.deptName}}
				</view>
			</view>
    </view>
    <view class="foot_btn_spe" v-if="optData.totalNum>0">
      <view class="btn1" @click="submit()">确认建单</view>
      <view class="btn3" @click="goBack">取消</view>
    </view>
		<view class="foot_btn_spe" v-else>
		  <view class="btn2" @click="goBack">返回</view>
		</view>
		
		<!-- 确认建单 -->
		<uni-popup ref="alertDialog" type="dialog" :mask-click="false">
			<uni-popup-dialog type="warn" message="提示" cancelText="取消" confirmText="确定" title="通知" content="您确认建单吗？" @confirm="dialogConfirm"
				@close="dialogClose"></uni-popup-dialog>
		</uni-popup>
  </view>
</template>

<script>
  import {
    get,
    post,
    webHandle
  } from "../../http/http.js";
  export default {
    data() {
      return {
				list:[],
				optData:null
      };
    },
    methods: {
			// 确定中转
			submit(){
				this.$refs.alertDialog.open()
			},
			// 确定中转
			dialogConfirm(){
				uni.showLoading({
				  title: "加载中",
				  mask: true,
				});
				let postData = {
					businessIds: this.optData.businessIds,
					quickOrderId: this.optData.quickOrderId
				}
				post("/business/createAndSign", postData).then((res) => {
					uni.hideLoading();
				  if(res.status == 200){
						this.$refs.alertDialog.close()
				    uni.showToast({
				      icon: "none",
				      title: "操作成功",
				    });
				    setTimeout(_=>{
				    	uni.redirectTo({
				    		url:'/pages/receiptpage/receiptpage'
				    	})
				    },1000)
				  } else {
            uni.showToast({
              icon: "none",
              title: res.info || "接口获取数据失败！",
            });
          }
				});
			},
			// 取消
			dialogClose(){
				this.$refs.alertDialog.close()
			},
      // 返回
      goBack() {
        uni.navigateBack();
      }
    },
    onLoad(options) {
      this.options = options;
      if(options.data){
        this.optData = JSON.parse(options.data);
				console.log(this.optData);
      }
    },
  };
</script>

<style lang="less" scoped>
  .HomeItem {
    .foot_btn_spe {
      width: 100%;
      position: fixed;
      bottom: 30rpx;
      left: 0;
      line-height: 88rpx;
      height: 88rpx;
      text-align: center;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    
      &::after {
        content: '';
        flex: 1;
      }
			
			.btn2{
				width: 100% !important;
			}
			
      view {
        height: 88rpx;
        width: 48%;
        margin: 0 1%;
        background-image: linear-gradient(to right, #72c172, #3bb197);
        color: #fff;
        border-radius: 8rpx;
        font-size: 32rpx;
        margin-top: 16rpx;
      }
    }

    .login {
      height: 420rpx;
      padding: 0 32rpx;
      padding-top: 164rpx;
      position: relative;
      z-index: 999;

      .savePassword {
        margin-top: 32rpx;
      }

      /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
        border-color: #42b983 !important;
      }

      .login_input {
        margin-top: 32rpx;
        background-color: #ffffff;
        height: 72rpx;
        box-sizing: border-box;
        padding: 16rpx;
      }

      .title {
        font-size: 36rpx;
        color: #42b983;
        text-align: center;
      }

      .tips {
        font-size: 28rpx;
        color: red;
        margin-top: 16rpx;
      }

      .page_item_btn {
        height: 88rpx;
        background-image: linear-gradient(to right, #72c172, #3bb197);
        border-radius: 8rpx;
        line-height: 88rpx;
        color: #fff;
        font-size: 36rpx;
        font-weight: 700;
        margin-top: 64rpx;
        text-align: center;
      }
    }

    //上班页面
    .goWorkAll {
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      /deep/ .uni-radio-input-checked {
        background-color: #42b983 !important;
        border-color: #42b983 !important;
      }
      /deep/ .uni-checkbox-input-checked {
        color: #42b983 !important;
      }
			
			.title{
				text-align: center;
				color: #64BD7B;
				line-height: 80rpx;
				border-bottom: 1rpx solid #E5E5E5;
			}
			
      .goWorkSelect {
        &.history {
          height: 356rpx;
          padding-bottom: 16rpx;
        }

        &.combination {
          .goWorkSelect-head {}

          .goWorkSelect-list {}
        }

        .goWorkSelect-head {
          font-size: 28rpx;
          line-height: 80rpx;
          border-bottom: 2rpx solid #E5E5E5;
          text-align: center;
        }

        .goWorkSelect-list {
          padding: 16rpx;
					
					.input-num {
					  height: 60rpx;
					  border: 2rpx solid #E5E5E5;
					  border-radius: 5rpx;
					  // width: 100%;
					  padding-left: 10rpx;
					  // padding-right: 10rpx;
					}
					
          .goWorkSelect-item {
            height: 52rpx;
            display: flex;
            align-items: center;
            border-bottom: 2rpx solid #e5e9ed;
            padding: 16rpx;

            &.relative {
              position: relative;

              .picker {
                position: absolute;
                width: 100%;
                padding-left: 64rpx;
              }
            }

            button {
              font-size: 32rpx;
              height: 52rpx;
              line-height: 52rpx;
              margin: 0;
              margin-left: 16rpx;
              color: rgb(7, 134, 60);
              font-weight: 700;
            }
          }
        }
      }
    }

    .goWork {
      margin: 0 auto 48rpx;
      width: 240rpx;
      height: 240rpx;

      .goWork_btn_E {
        width: 100%;
        height: 100%;
        background: #bee1a7;
        border-radius: 30%;

        .goWork_btn_W {
          width: 75%;
          height: 75%;
          background-image: linear-gradient(to right, #72c172, #3bb197);
          border-radius: 30%;
          margin: 0 auto;
          position: relative;
          top: 12.5%;
          line-height: 180rpx;
          color: #fff;
          font-size: 36rpx;
          text-align: center;
        }
      }
    }

    .goWork_text {
      width: 100%;

      view {
        text-align: center;
      }

      .goWork_text-p {
        font-size: 36rpx;
        margin-bottom: 48rpx;
      }
    }

    .botImg {
      height: 600rpx;
      width: 100%;
      position: fixed;
      bottom: 0;

      .img {
        height: 100%;
        background: url("../../static/img/BG.png") no-repeat center center;
        background-size: 100% 100%;
      }
    }
  }
</style>