zy-wechat/pages/sponsorTask/sponsorTask.vue

<template>
  <view class="HomeItem">
    <view class="goWorkAll">
			<view class="title">请选择要建单的任务类型</view>
			<view class="goWorkSelect history">
			  <view class="goWorkSelect-list" v-for="(item, i) in list" @click="itemClick(item)">
					{{item.taskName}}
				</view>
			</view>
    </view>
    <view class="foot_btn_spe">
      <view class="btn3" @click="goBack">返回</view>
    </view>
  </view>
</template>

<script>
  import {
    get,
    post,
    webHandle
  } from "../../http/http.js";
  export default {
    data() {
      return {
				list:[],
				hosId: uni.getStorageSync('userData').user.currentHospital.id,
      };
    },
    methods: {
      // 返回
      goBack() {
				uni.navigateTo({
					url:'/pages/receiptpage/receiptpage'
				})
      },
			itemClick(item){
				uni.navigateTo({
					url:'/pages/sponsorTaskBuild/sponsorTaskBuild?data=' + JSON.stringify(item)
				})
			},
			getTaskType(){
				uni.showLoading({
				  title: "加载中",
				  mask: true,
				});
				let postData= {
					idx: 0,
					sum: 9999,
					taskType:{
						hosIds: this.hosId,
						simpleQuery: true
					}
				}
				post("/configuration/fetchDataList/taskType", postData).then((res) => {
					uni.hideLoading();
				  if(res.status == 200){
						let data = res.list.filter(i=>i.deliveryUserCreate && i.deliveryUserCreate==1)
						this.list = data
				  } else {
				    uni.showToast({
				      icon: "none",
				      title: res.info || "接口获取数据失败！",
				    });
				  }
				});
			}
    },
    onLoad(options) {
      this.getTaskType();
      this.options = options;
      if(options.order){
        options.order = JSON.parse(options.order);
        this.order = options.order;
        if(this.order.gdState.value == 4){
          this.currentIndex = 0;
          this.tips = '确认到达';
        }else if(this.order.gdState.value == 5){
          this.currentIndex = 1;
          this.tips = '完成工单';
        }
      }
      if(options.orderId){
        this.orderId = options.orderId;
      }
      if(options.taskType){
        options.taskType = JSON.parse(options.taskType);
        this.actionConfirmSwitch = options.taskType.carryingCourses[this.currentIndex].actionConfirmSwitch;
        let actions = options.taskType.carryingCourses[this.currentIndex].actionRemarks || "";
        this.actions = actions.split('$').map((v, i) => ({
          value: i,
          name: v,
        }));
        this.digitalHandoverSwitch = options.taskType.carryingCourses[this.currentIndex].digitalHandover;
        this.actionPhotoSwitch = options.taskType.carryingCourses[this.currentIndex].actionPhotoSwitch;
        this.actionConfirmType = options.taskType.carryingCourses[this.currentIndex].actionConfirmType;
      }
    },
  };
</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;
      }
    
      view {
        height: 88rpx;
        width: 100%;
        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;
				position: absolute;
				top: 0;
				width: 100%;
				height: 80rpx;
				background: #fff;
			}
			
      .goWorkSelect {
        &.history {
          height: 81vh;
          overflow-y: auto;
          margin-top: 80rpx;
          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 {
          text-align: center;
					line-height: 80rpx;
					border-bottom: 1rpx solid #E5E5E5;
					
					.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>