<template> 
  <view class="page"> 
    <view v-if="ready">
	  <view class="item-title">基本信息</view>
      <l-input 
        @input="setValue('Ououtsourcing.EmpName', $event)"
        :value="getValue('Ououtsourcing.EmpName')"
        :disabled="!edit"
        title="姓名"
      /> 
	  <l-input
	    @input="setValue('Ououtsourcing.IdCardNo', $event)"
	    :value="getValue('Ououtsourcing.IdCardNo')"
	    :disabled="!edit"
	    title="身份证号"
	  /> 
	 <l-input
	    @input="setValue('Ououtsourcing.WageCardNo', $event)"
	    :value="getValue('Ououtsourcing.WageCardNo')"
	    :disabled="!edit"
	    title="工资卡号"
	  />
	  <l-input
	    @input="setValue('Ououtsourcing.PeopleType', $event)"
	    :value="getValue('Ououtsourcing.PeopleType')"
	    :disabled="!edit"
	    title="人员类别"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.PostType', $event)"
	    :value="getValue('Ououtsourcing.PostType')"
	    :disabled="!edit"
	    title="岗位等级"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.PayGrade', $event)"
	    :value="getValue('Ououtsourcing.PayGrade')"
	    :disabled="!edit"
	    title="薪级"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.TotalGrossPay', $event)"
	    :value="getValue('Ououtsourcing.TotalGrossPay')"
	    :disabled="!edit"
	    title="应发合计"
	  /> 
	  <view class="item-title">基本工资</view>
	  <l-input
	    @input="setValue('Ououtsourcing.PostWage', $event)"
	    :value="getValue('Ououtsourcing.PostWage')"
	    :disabled="!edit"
	    title="岗位工资"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.PayGradeWage', $event)"
	    :value="getValue('Ououtsourcing.PayGradeWage')"
	    :disabled="!edit"
	    title="薪级工资"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.TenPercent', $event)"
	    :value="getValue('Ououtsourcing.TenPercent')"
	    :disabled="!edit"
	    title="百分之十"
	  /> 
	 <!-- <l-input
	    @input="setValue('Ououtsourcing.BasePay', $event)"
	    :value="getValue('Ououtsourcing.BasePay')"
	    :disabled="!edit"
	    title="小计"
	  /> -->
	  <view class="item-title">津贴补贴</view>
	  <l-input
	    @input="setValue('Ououtsourcing.RoughEdgeAllowance', $event)"
	    :value="getValue('Ououtsourcing.RoughEdgeAllowance')"
	    :disabled="!edit"
	    title="艰边津贴"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.NationAllowance', $event)"
	    :value="getValue('Ououtsourcing.NationAllowance')"
	    :disabled="!edit"
	    title="民族津贴"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.TeachAllowance', $event)"
	    :value="getValue('Ououtsourcing.TeachAllowance')"
	    :disabled="!edit"
	    title="教师津贴"
	  /> 
	 <!-- <l-input
	    @input="setValue('Ououtsourcing.SubsidiesAllowances', $event)"
	    :value="getValue('Ououtsourcing.SubsidiesAllowances')"
	    :disabled="!edit"
	    title="小计"
	  /> -->
	  
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.BasicsPerformance', $event)"
	    :value="getValue('Ououtsourcing.BasicsPerformance')"
	    :disabled="!edit"
	    title="基础性绩效"
	  /> 
	  
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.GirlStaffSanitation', $event)"
	    :value="getValue('Ououtsourcing.GirlStaffSanitation')"
	    :disabled="!edit"
	    title="女职工卫生费"
	  /> 
	  
	  <view class="item-title">改革性补贴</view>
	  <l-input
	    @input="setValue('Ououtsourcing.Transportation', $event)"
	    :value="getValue('Ououtsourcing.Transportation')"
	    :disabled="!edit"
	    title="交通补贴"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.RealeState', $event)"
	    :value="getValue('Ououtsourcing.RealeState')"
	    :disabled="!edit"
	    title="物业补贴"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.WorkKeep', $event)"
	    :value="getValue('Ououtsourcing.WorkKeep')"
	    :disabled="!edit"
	    title="工改保留补贴"
	  /> 
	  <!-- <l-input
	    @input="setValue('Ououtsourcing.ReformSubsidySum', $event)"
	    :value="getValue('Ououtsourcing.ReformSubsidySum')"
	    :disabled="!edit"
	    title="小计"
	  /> -->
	  
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.HousingAllowance', $event)"
	    :value="getValue('Ououtsourcing.HousingAllowance')"
	    :disabled="!edit"
	    title="住房补贴"
	  /> 
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.ProvidentFundPayment', $event)"
	    :value="getValue('Ououtsourcing.ProvidentFundPayment')"
	    :disabled="!edit"
	    title="缴纳公积金"
	  /> 
	  <l-input
	  	class="top-15"
	    @input="setValue('Ououtsourcing.AssessmentWages', $event)"
	    :value="getValue('Ououtsourcing.AssessmentWages')"
	    :disabled="!edit"
	    title="考核工资"
	  /> 
	  <!-- <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.TeacherAndTown', $event)"
	    :value="getValue('Ououtsourcing.TeacherAndTown')"
	    :disabled="!edit"
	    title="特级教师津贴和乡镇补贴"
	  /> -->
	  <view class="item-title">扣款</view>
	  <l-input
	    @input="setValue('Ououtsourcing.DeductionsCombined', $event)"
	    :value="getValue('Ououtsourcing.DeductionsCombined')"
	    :disabled="!edit"
	    title="小计"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.ProvidentFundPayment', $event)"
	    :value="getValue('Ououtsourcing.ProvidentFundPayment')"
	    :disabled="!edit"
	    title="(缴纳)公积金"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.LaborUnionWage', $event)"
	    :value="getValue('Ououtsourcing.LaborUnionWage')"
	    :disabled="!edit"
	    title="工会工费"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.PersonalIncomeTax', $event)"
	    :value="getValue('Ououtsourcing.PersonalIncomeTax')"
	    :disabled="!edit"
	    title="个人所得税"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.EndowmentInsurance', $event)"
	    :value="getValue('Ououtsourcing.EndowmentInsurance')"
	    :disabled="!edit"
	    title="养老保险"
	  /> 
	<!--  <l-input
	    @input="setValue('Ououtsourcing.OccupationalAnnuities', $event)"
	    :value="getValue('Ououtsourcing.OccupationalAnnuities')"
	    :disabled="!edit"
	    title="职业年金"
	  /> -->
	  <l-input
	    @input="setValue('Ououtsourcing.MedicalInsurance', $event)"
	    :value="getValue('Ououtsourcing.MedicalInsurance')"
	    :disabled="!edit"
	    title="医疗保险"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.UnemploymentInsurance', $event)"
	    :value="getValue('Ououtsourcing.UnemploymentInsurance')"
	    :disabled="!edit"
	    title="失业保险"
	  /> 
	  <l-input
	    @input="setValue('Ououtsourcing.Other', $event)"
	    :value="getValue('Ououtsourcing.Other')"
	   :disabled="!edit"
	    title="其他"
	  /> 
	  
	<!--  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.FiscalDirect', $event)"
	    :value="getValue('Ououtsourcing.FiscalDirect')"
	    :disabled="!edit"
	    title="财政直达"
	  /> 
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.BankWithholding', $event)"
	    :value="getValue('Ououtsourcing.BankWithholding')"
	    :disabled="!edit"
	    title="银行代扣"
	  /> -->
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.NetCombined', $event)"
	    :value="getValue('Ououtsourcing.NetCombined')"
	    :disabled="!edit"
	    title="实发合计"
	  /> 
	 <!-- <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.CreateUser', $event)"
	    :value="getValue('Ououtsourcing.CreateUser')"
	    :disabled="!edit"
	    title="创建用户"
	  /> 
	  <l-datetime-picker
	  	class="top-15"
	    @input="setValue('Ououtsourcing.CreateTime', $event)"
	    :value="getValue('Ououtsourcing.CreateTime')"
	    :disabled="!edit"
	    title="创建时间"
	  /> -->
	  <l-input
		class="top-15"
	    @input="setValue('Ououtsourcing.IssueMonth', $event)"
	    :value="getValue('Ououtsourcing.IssueMonth')"
	    :disabled="!edit"
	    title="发放月份"
	  /> 
	  <l-input
	  	class="top-15"
	    @input="setValue('Ououtsourcing.IssueYear', $event)"
	    :value="getValue('Ououtsourcing.IssueYear')"
	    :disabled="!edit"
	    title="发放年份"
	  /> 
      <!-- <l-select 
        @input="setValue('JournalSend.JTypeId', $event)"
        :value="getValue('JournalSend.JTypeId')"
        :disabled="!edit"
        :range="dataSource.JournalSend.JTypeId"
        title="日志类型"
      /> 
      <l-organize-picker 
        @input="setValue('JournalSend.JReceiveId', $event)"
        :value="getValue('JournalSend.JReceiveId')"
        :readonly="!edit"
        type="user"
        title="接收人"
      /> 
      <l-textarea 
        @input="setValue('JournalSend.JContent', $event)"
        :value="getValue('JournalSend.JContent')"
        :readonly="!edit"
        title="日志内容"
      /> -->
    </view> 
  
    <!-- <view v-if="ready" class="bg-white margin-tb padding" style="padding-top: 0; overflow: hidden;"> 
      <l-button v-if="edit" @click="action('save')" size="lg" color="green" class="block margin-top" block> 
        提交保存 
      </l-button> 
      <l-button v-if="!edit && mode !== 'create'" @click="action('edit')" size="lg" line="orange" class="block margin-top" block> 
        编辑本页 
      </l-button> 
      <l-button v-if="edit && mode !== 'create'" @click="action('reset')" size="lg" line="red" class="block margin-top" block> 
        取消编辑 
      </l-button> 
      <l-button v-if="!edit && mode !== 'create'" @click="action('delete')" size="lg" line="red" class="block margin-top" block> 
        删除 
      </l-button> 
    </view> -->
  </view> 
</template> 
  
  
<script> 
/* 
 * 版 本 Learun-ADMS V7.0.3 力软敏捷开发框架(http://www.learun.cn) 
 * Copyright (c) 2013-2020 上海力软信息技术有限公司 
 * 创建人：超级管理员 
 * 日  期：2020-10-16 15:39 
 * 描  述：工作日志 
 */
  
/** 
 * 本段代码由移动端代码生成器输出，移动端须 2.2.0 版本及以上可以使用 
 * 请在移动端 /pages.json 中的 pages 字段中添加一条记录： 
 * { "path": "pages/OuoutsourcingSend/single", "style": { "navigationBarTitleText": "表单详情页" } } 
 *  
 * （navigationBarTitleText 字段为本页面的标题文本，可以修改） 
 * （必须自行操作该步骤，力软代码生成器不会自动帮您修改 /pages.json 文件） 
 */
  
import get from 'lodash/get'
import set from 'lodash/set'
import moment from 'moment'
import customPageMixins from '@/common/custompage.js'
  
export default { 
  mixins: [customPageMixins], 
  
  data() { 
    return { 
      // 页面相关参数 
      id: null, 
      mode: null, 
      edit: null, 
      ready: false, 
  
      // 表单数据 
      current: {}, 
      origin: {}, 
  
      // 表单项数据结构 
      scheme: { 
        Ououtsourcing: { 
          // JTitle: { type: 'text', title: '日志主题' }, 
          // JTypeId: { type: 'select', title: '日志类型', dataSource: '0' }, 
          // JReceiveId: { type: 'organize', title: '接收人', dataType: 'user' }, 
          // JContent: { type: 'textarea', title: '日志内容' }, 
		  // Id
		  // 序号No
		  No: { type: 'text', title: '序号' }, 
		  // 姓名EmpName
		  EmpName: { type: 'text', title: '姓名' }, 
		  // 账号/身份证号IdCardNo
		  IdCardNo: { type: 'text', title: '账号/身份证号' }, 
		  // 人员类别PeopleType
		  PeopleType: { type: 'text', title: '人员类别' }, 
		  // 岗位等级PostType
		  PostType: { type: 'text', title: '岗位等级'},
		  // 薪级PayGrade
		  PayGrade: { type: 'text', title: '薪级'},
		  // 应发合计TotalGrossPay
		  TotalGrossPay: { type: 'text', title: '应发合计'},
		  // 岗位工资PostWage
		  PostWage: { type: 'text', title: '岗位工资'},
		  // 薪级工资PayGradeWage
		  PayGradeWage: { type: 'text', title: '薪级工资'},
		  // 百分之十TenPercent
		  TenPercent: { type: 'text', title: '百分之十'},
		  // 基本工资小计BasePay
		  // BasePay: { type: 'text', title: '基本工资小计'},
		  // 艰边津贴RoughEdgeAllowance
		  RoughEdgeAllowance: { type: 'text', title: '艰边津贴'},
		  // 民族津贴NationAllowance
		  NationAllowance: { type: 'text', title: '民族津贴'},
		  // 教师津贴TeachAllowance
		  TeachAllowance: { type: 'text', title: '教师津贴'},
		  // 津贴补贴小计SubsidiesAllowances
		  // SubsidiesAllowances: { type: 'text', title: '津贴补贴小计'},
		  // 基础性绩效BasicsPerformance
		  BasicsPerformance: { type: 'text', title: '基础性绩效'},
		  // 女职工卫生费GirlStaffSanitation
		  GirlStaffSanitation: { type: 'text', title: 'http://cyzjzx.gnway.cc:29904'},
		  // 交通补贴Transportation
		  Transportation: { type: 'text', title: '交通补贴'},
		  // 物业补贴RealeState
		  BasicsPerformance: { type: 'text', title: '基础性绩效'},
		  // 工改保留补贴WorkKeep
		  WorkKeep: { type: 'text', title: '工改保留补贴'},
		  // 改革性补贴小计ReformSubsidySum
		  // ReformSubsidySum: { type: 'text', title: '改革性补贴小计'},
		  // 住房补贴HousingAllowance
		  HousingAllowance: { type: 'text', title: '住房补贴'},
		  // 公积金ProvidentFundPayment
		  ProvidentFundPayment: { type: 'text', title: '公积金'},
		  // 考核工资AssessmentWages
		  AssessmentWages: { type: 'text', title: '考核工资'},
		  // 特级教师津贴和乡镇补贴TeacherAndTown
		  // TeacherAndTown: { type: 'text', title: '特级教师津贴和乡镇补贴'},
		  // 扣款小计DeductionsCombined
		  DeductionsCombined: { type: 'text', title: '扣款小计'},
		  // 公积金ProvidentFundPayment
		  ProvidentFundPayment: { type: 'text', title: '(缴纳)公积金'},
		  // 工会工费LaborUnionWage
		  LaborUnionWage: { type: 'text', title: '工会工费'},
		  // 个人所得税PersonalIncomeTax
		  PersonalIncomeTax: { type: 'text', title: '个人所得税'},
		  // 养老保险EndowmentInsurance
		  EndowmentInsurance: { type: 'text', title: '养老保险'},
		  // 职业年金OccupationalAnnuities
		  // OccupationalAnnuities: { type: 'text', title: '职业年金'},
		  // 医疗保险MedicalInsurance
		  MedicalInsurance: { type: 'text', title: '医疗保险'},
		  // 失业保险UnemploymentInsurance
		  UnemploymentInsurance: { type: 'text', title: '失业保险'},
		  // 其他Other
		  Other: { type: 'text', title: '其他'},
		  // 财政直达FiscalDirect
		  // FiscalDirect: { type: 'text', title: '财政直达'},
		  // 银行代扣BankWithholding
		  // BankWithholding: { type: 'text', title: '银行代扣'},
		  // 实发合计NetCombined
		  NetCombined: { type: 'text', title: '实发合计'},
		  // 工资卡号WageCardNo
		  WageCardNo: { type: 'text', title: '工资卡号'},
		  // CreateUser
		  // CreateUser: { type: 'text', title: '创建用户'},
		  // CreateTime
		  // CreateTime: { type: 'text', title: '创建时间'},
		  // UpdateUser
		  // UpdateTime
		  // 发放月份IssueMonth
		  IssueMonth: { type: 'text', title: '发放月份'},
		  // 发放年份IssueYear
		  IssueYear: { type: 'text', title: '发放年份'},
        }, 
  
      }, 
  
      // 数据源 
      dataSource: { 
        JournalSend: { 
          JTypeId: [], 
        }, 
  
      } 
    } 
  }, 
  
  async onLoad({ type, id }) { 
    await this.init(type, id) 
  }, 
  
  methods: { 
    // 页面初始化 
    async init(type, id) { 
      this.LOADING('加载数据中...') 
  
      this.id = id 
      this.mode = type 
      // this.edit = ['create', 'edit'].includes(this.mode) 
  
      // 拉取表单数据，同时拉取所有来自数据源的选单数据 
      await Promise.all([ 
  
  
        () => {} 
      ]) 
      await this.fetchForm() 
  
      this.ready = true
      this.HIDE_LOADING() 
    }, 
  
    // 加载表单数据 
    async fetchForm() { 
      if (this.mode === 'create') { 
        this.origin = await this.getDefaultForm() 
      } else { 
        const result = await this.HTTP_GET('learun/adms/Ououtsourcing/form', this.id) 
        this.origin = await this.formatFormData(result) 
      } 
      this.current = this.COPY(this.origin) 
    }, 
  
    // 点击 「编辑」、「重置」、「保存」、「删除」 按钮 
    async action(type) { 
      switch (type) { 
        case 'edit': 
          this.edit = true
          break
  
        case 'reset': 
          this.current = this.COPY(this.origin) 
          this.edit = false
          break
  
        case 'save': 
          const verifyResult = this.verifyForm() 
          if (verifyResult.length > 0) { 
            this.CONFIRM('表单验证失败', verifyResult.join('\n')) 
            return
          } 
  
          if (!(await this.CONFIRM('提交确认', '确定要提交本页表单内容吗？', true))) { 
            return
          } 
  
          this.LOADING('正在提交...') 
          const postData = await this.getPostData(this.id) 
  
          this.HTTP_POST('learun/adms/Ououtsourcing/save', postData, '表单提交保存失败').then(success => { 
            this.HIDE_LOADING() 
            if (!success) { 
              return
            } 
  
            this.EMIT('EducationalAdministrationJournalSend-list-change') 
            this.NAV_BACK() 
            this.TOAST('提交保存成功') 
          }) 
          break
  
        case 'delete': 
          if (!(await this.CONFIRM('删除项目', '确定要删除本项吗？', true))) { 
            return
          } 
  
          this.LOADING('提交删除中...') 
          this.HTTP_POST('learun/adms/Ououtsourcing/delete', this.id, '删除失败').then(success => { 
            this.HIDE_LOADING() 
            if (!success) { 
              return
            } 
  
            this.EMIT('EducationalAdministrationJournalSend-list-change') 
            this.NAV_BACK() 
            this.this.TOAST('删除成功', 'success') 
          }) 
          break
  
        default: break
      } 
    }, 
  
    // 获取表单值 
    getValue(path) { 
      return get(this.current, path) 
    }, 
  
    // 设置表单值 
    setValue(path, val) { 
      set(this.current, path, val) 
    } 
  } 
} 
</script> 
<style>
	.item-title{
		color: #000;
		font-size: 16px;
		line-height: 36px;
		padding-left: 15px;
	}
	.top-15{
		margin-top: 8px;
	}
</style>