yky-wx-components1/src/components/baseFrom.js

Taro实现微信小程序红包雨效果

import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text, Swiper, SwiperItem, Picker } from '@tarojs/components'
import { AtButton, AtCard, AtTabs, AtTabsPane, AtList, AtAccordion, AtListItem, AtTabBar, AtIcon, AtFloatLayout, AtTextarea, AtInput } from 'taro-ui'
import { imgUrl, judgeEmpty, exportBaseUrl, hidebankCard, encrypt,toThousands, CZBANK, openPDF } from '../utils/utils'
import moment from 'moment'
import { get, set } from '../../global_data'
import './index.less'

class approveList extends Component {
  static options = {
    addGlobalClass: true
  }
  SectionCustom = {}
  config = {
    navigationBarTitleText: '审批',
    navigationBarBackgroundColor: '#F7F7F7',
    navigationBarTextStyle: 'white',
    navigationStyle: "custom",

  }
  // 索引tab栏
  constructor() {
    super(...arguments)
    this.state = {
      current: 0,
      fixedTab: false,
      value: '',
      fuKuanReason: false,
      Beizhuvalue: '',
      EyeFlag: false,
      costInformationCurent: 0,
      formObj:{}
      // sectionCustom: {}
    }
  }
  refSectionCustom = (ref) => {
    this.SectionCustom = ref
  }
  componentWillReceiveProps(nextProps) {

  }

  componentWillUnmount() {

  }
  onLoad(options) {
    console.log(options, 'ppp')
    // let item = JSON.parse(options.item)
    // this.setState({
    //   item
    // })
  }
  componentDidShow() { }

  componentDidHide() { }
  // nav-bar高度
  componentDidMount() {
    this.props.onsecondRef(this);
   let {formObj1}=this.props
   let obj={}
   if(formObj1){
    this.setState({
      formObj:formObj1
     })
   }else{
    this.setState({
      formObj:obj
     })
   }
 
  }



  selectorChange(e,data){
    console.log(e,data)
    data.fn(e)
  }
  handleChangeIputOrPick=(e,data,index)=>{
    console.log(e,data,index,'sdsds')
    const {formObj}=this.state
    let {baseFormList,type}=this.props
    if(data&&data.type=='input'&&e){
      formObj[data.filed]=e
      baseFormList[index].value=e
      this.setState({
        formObj,
        [type]:formObj
      })
    }else{
      formObj[data.filed]=e.detail.value
      baseFormList[index].value=e.detail.value
      this.setState({
        formObj,
        [type]:formObj
      })
    }
    return e
  }
  render() {
    console.log(this.props, this, 123)
    let { baseObj, baseInfo, baseFormList } = this.props
 let {formObj}=this.state
    // 这是容错处理，以防乱传数据
   console.log(baseFormList,formObj)

    return (
      <View >

        {/* {baseFormList && baseFormList.map((item, index) => {
          return 
            <View>
              {item.type === 'Picker' && item.secondType === 'date' && <View className='page-section'>
                <View>
                  <Picker mode='date' >
                    <View className='picker'>
                      {item.title}<Text className="picker-content">{'3r35'}</Text>
                    </View>
                  </Picker>
                </View>
              </View>}
              {item.type === 'Picker' && item.secondType === 'selector' && <View className='page-section'>

                <View>
                  <Picker mode='selector' range={[]}  >
                    <View className='picker'>
                    {item.title}<Text className="picker-content">
                     
                      </Text>
                    </View>
                  </Picker>
                </View>
              </View>}

            </View>
          

        })} */}
   {baseFormList&&baseFormList.map(
          (data,index) => {
            console.log(data.inputBoxDatas)
            return <View>
              {/* 输入项 */}
              {/* 文本输入框 */}
              {data && data.type == "Picker" && data.secondType == "date" && data.isHidden == true && <View className='page-section'>
                 <View>
                   <Picker mode='date'      onChange={(e)=>{this.handleChangeIputOrPick(e,data, index)}}>
                     <View className='picker'>
                       {data.title}<Text className="picker-content">{formObj[data.filed]?formObj[data.filed]:'请选择'}</Text>
                     </View>
                   </Picker>
                 </View>
               </View>}
               {data && data.type == "Picker" && data.secondType == "selector" &&data.isHidden == true &&    <View className='page-section'>
                 <View>
                   <Picker mode='selector' range={data.options}      onChange={(e)=>{this.handleChangeIputOrPick(e,data, index)}}>
                     <View className='picker'>
                       {data.title}<Text className="picker-content">{data.options[parseInt(formObj[data.filed])]?data.options[parseInt(formObj[data.filed])]:'请选择'}</Text>
                     </View>
                   </Picker>
                 </View>
               </View>}
               {data && data.type == "input" &&data.isHidden == true &&  <View className='page-section noPadding'>
                 <AtInput

                   title={data.title}
                   type='digit'
                   maxLength={'20'}
                   border={false}
                   placeholder='请输入'
                   // disabled={accreditInfo.imitMoney && accreditInfo.imitMoney!=='' && accreditInfo.imitMoney!==null ? true : false} 
                   value={judgeEmpty( formObj[data.filed])}
                 
                   onChange={(e)=>{this.handleChangeIputOrPick(e,data, index)}}
                 >

                   <Text className="unit-addon">元</Text>
                 </AtInput>
               </View>}
               {/* {data && data.type == "AtInput" &&<View className='page-section noPadding'>
                 <AtInput

                   title={data.title}
                   type='digit'
                   maxLength={'20'}
                   border={false}
                   placeholder='请输入'
                   // disabled={accreditInfo.imitMoney && accreditInfo.imitMoney!=='' && accreditInfo.imitMoney!==null ? true : false} 
                   value={judgeEmpty(this.xianShiObj.imitMoney, '')}
                  //  onChange={(e)=>{this.handleChangeIput(e, 'imitMoney')}}
                 >

                   <Text className="unit-addon">元</Text>
                 </AtInput>
               </View>} */}
           
         
           
      
            </View >
          }
        )
        }



      </View>

    )
  }
}


export default approveList