integrated_traffic_uniapp/pages/my/offduty/offduty-info.vue

<template>
	<view :class="isUps == true ? 'prevent' : ''">
		<cu-custom bgColor="bg-gradual-blueness" :isBack="true" >
			<block slot="backText">返回</block>
			<block slot="content">离岗信息</block>
		</cu-custom>
		<view class="form">
      <view class="wui-form-list">
        <view class="cu-form-group">
          <view class="title">申请人：</view>
          <input :disabled="forbidEdit" v-model="pd.USER_NAME" placeholder="申请人"></input>
        </view>
        <view class="cu-form-group">
          <view class="title">离岗开始时间：</view>
          <input :disabled="forbidEdit" v-model="pd.STARTTIME" placeholder="请选择离离岗开始时间"></input>
        </view>
        <view class="cu-form-group">
          <view class="title">离岗结束时间：</view>
          <input :disabled="forbidEdit" v-model="pd.ENDTIME" placeholder="请选择离岗结束时间"></input>
        </view>
        <view class="cu-form-group">
          <view class="title">离岗原因：</view>
          <textarea :disabled="forbidEdit" maxlength="-1" v-model="pd.DESCR" placeholder="请输入离岗原因"></textarea>
        </view>
        <view class="cu-form-group ">
          <view class="title">审批状态</view>
          <template v-if="pd.REVIEW_STATUS === '0'">待审批</template>
          <template v-else-if="pd.REVIEW_STATUS === '1'">审批通过</template>
          <template v-else-if="pd.ISDELETE === '1' && pd.REVIEW_STATUS === '-1'">
            <template v-if="pd.CREATOR === pd.OPERATOR">申请人取消</template>
            <template v-else>审批人取消</template>
          </template>
          <template v-else-if="pd.REVIEW_STATUS === '-1'">审批未通过</template>
          <template v-else-if="pd.REVIEW_STATUS === '2'">无需审批</template>
        </view>
        <view v-if="pd.REVIEW_STATUS !== '2'" class="cu-form-group ">
          <view class="title">审批人</view>
          <text>{{ pd.REVIEW_USER_NAME + ' [' + pd.REVIEW_USER_DEPARTMENTNAME + ']' }}</text>
        </view>
        <view v-if="pd.REVIEW_STATUS === '1' || pd.REVIEW_STATUS === '-1'" class="cu-form-group">
          <view class="title">{{ pd.ISDELETE === '0' ? '审批意见' : '取消原因' }}：</view>
          <textarea :disabled="forbidEdit" maxlength="-1" v-model="pd.REVIEW_DESC"></textarea>
        </view>
			</view>
		</view>
		<view class="padding flex flex-direction">
			<button class="cu-btn bg-blue margin-tb-sm lg" @click="$noMultipleClicks(goback)">返回</button>
		</view>
		<view class="padding flex flex-direction">

		</view>
	</view>
</template>

<script>
	import {
		basePath,corpinfoId,deptId,loginUser,formatDate,loginSession,baseImgPath,setIsRest
	} from '@/common/tool.js';
	import tkiTree from "@/components/select-tree/select-tree.vue"
	import ruiDatePicker from '@/components/rattenking-dtpicker/rattenking-dtpicker.vue';
	export default {
		components: {
			tkiTree,ruiDatePicker
		},
		data() {
			return {
        forbidEdit: true,
				isUps:false,
        noClick:true,
        pd: {
          USER_NAME: '',
          STARTTIME: '',
          ENDTIME: '',
          DESCR: '',
          REVIEW_USER_NAME: '',
          REVIEW_USER_DEPARTMENTNAME: '',
          REVIEW_STATUS: '',
          REVIEW_DESC: '',
          ISDELETE: ''
        },// 数据
				todayDate:''

			}
		},
		onLoad(event){
      this.pd.OFFDUTY_ID = event.OFFDUTY_ID;
			this.todayDate =  formatDate(new Date(), 'yyyy-MM-dd');
      this.getData();
			loginSession();
		},
		methods: {
      getData() {
        var _this = this;
        uni.showLoading({
          title: '请稍候'
        })
        uni.request({
          url: basePath + '/app/offduty/goEdit',
          method: 'POST',
          header: {
            'Content-type': 'application/x-www-form-urlencoded'
          },
          data: {
            OFFDUTY_ID:this.pd.OFFDUTY_ID
          },
          success: (res) => {
            if ("success" == res.data.result) {
              uni.hideLoading();
              _this.pd = res.data.pd; //参数map
            } else if ("exception" == data.result) {
              uni.showToast({
                title: '错误',
                duration: 2000
              });
            }
          }
        });
      },
			goback(){
				var pages = getCurrentPages();	// 获取当前页面栈
				var prePage = pages[pages.length - 2];	// 上二级页面
				prePage.$vm.initflag = true;    // A 页面 init方法 为true
				uni.navigateBack({delta: 1});
				uni.hideLoading();
			},
		}
	}
</script>

<style>
	.prevent {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			overflow: hidden;
		}
	.cu-form-title{
		padding: 20upx 0;
	}
	.cu-form-textarea{
		background-color: #ffffff;
		padding: 1upx 30upx 20upx;
		min-height: 100upx;
	}
	.cu-form-textarea textarea {
		height: 4.6em;
		width: 100%;
		line-height: 1.2em;
		flex: 1;
		font-size: 28upx;
		padding: 0;
	}
	.selected{
		display: flex;
		align-items: center;
		height: 100upx;
	}
	.selected .radio{
		 transform:scale(0.8);
		 margin-right: 10upx;
	}
	.group{
		display: flex;
		align-items: center;
	}
	.cu-form-group .title{
		font-size: 28upx;
		color: #000;
		font-weight: bold;
	}
	.cu-bar .action:first-child {
	    font-size: 28upx;
	}
	.cu-form-group .picker{
			color: #808080;
		}
		.picker-tree{
			color: #808080;
		}
</style>