yunshengtai-uniapp/pages/release/companyAuth/index.vue

<template>
<!--pages/release/companyAuth/index.wxml-->
<view class="auth-page">
  <view class="is-legal-box">
    <view class="acea-row row-between row-middle">
      <view>申请人是否为企业法人</view>
      <radio-group @change="radioClick" class="acea-row row-between row-middle">
        <label>
          <radio value="1" :checked="form.isLegalPerson == 1"></radio>是
        </label>
        <label>
          <radio value="0" :checked="form.isLegalPerson == 0"></radio>否
        </label>
      </radio-group>
    </view>
    <view class="authbook-box" v-if="form.isLegalPerson == 0">
      <view class="tips">非法人申请需上传加盖公章的申请授权书</view>
      <view class="upload-box acea-row row-between">
        <image src="https://download.cyjyyjy.com/sq.png" v-if="form.authorizationPath == ''" @tap="upCard" data-type="ap"></image>
        <image :src="form.authorizationPath" v-else @tap="upCard" data-type="ap"></image>
        <image src="https://download.cyjyyjy.com/sqs.png" @tap="prevImg"></image>
      </view>
    </view>
  </view>
  <view class="splitLine"></view>
  <view class="company-info-box">
    <view class="title">企业信息</view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">主体类型</view>
      <view class="inp-box">
        <input type="text" value="企业" disabled="disabled">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">企业名称</view>
      <view class="inp-box">
        <input type="text" :value="form.enterpriseName" @input="inpChange" data-type="enterpriseName" placeholder="请填写企业名称">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">信用代码</view>
      <view class="inp-box">
        <input type="text" :value="form.creditCode" @input="inpChange" data-type="creditCode" placeholder="13位或18位数字及大写字母">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">所在行业</view>
      <view class="inp-box acea-row row-right row-middle">
        <!-- <input type="text" value="{{form.profession}}" disabled="true" placeholder="请选择" />
        <image src="https://download.cyjyyjy.com/home/arrow-r.png" class="arrorR"></image> -->
        <picker class="pick-box" @change="resourcesChange" :value="idx" :range="resourcesList" :range-key="'cagetoryName'" mode="selector">
          <view class="picker">{{resourcesList[resourcesIdx].cagetoryName || '请选择'}}</view>
        </picker>
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">企业规模</view>
      <view class="inp-box">
        <picker @change="bindPickerChange" :value="form.enterpriseScale" :range="scaleArr">
          <view class="picker">{{form.enterpriseScale}}</view>
        </picker>
      </view>
    </view>
    <view class="form-item noBorder">
      <view class="label">营业执照</view>
      <view class="inp-box yyzz">
        <image src="https://download.cyjyyjy.com/yyzz.png" v-if="form.businessLicense == ''" @tap="upCard" data-type="bl"></image>
        <image :src="form.businessLicense" v-else @tap="upCard" data-type="bl"></image>
      </view>
    </view>
  </view>
  <view class="splitLine"></view>
  <view class="company-info-box">
    <view class="title">对公银行信息</view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">银行账号</view>
      <view class="inp-box">
        <input type="text" :value="form.bankAccount" @input="inpChange" @blur="checkBank" data-type="bankAccount" placeholder="银行账号">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">开户银行</view>
      <view class="inp-box">
        <input type="text" :value="form.bankName" @input="inpChange" data-type="bankName" placeholder="请填写开户银行">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">开户网点</view>
      <view class="inp-box">
        <input type="text" :value="form.bankBranch" @input="inpChange" data-type="bankBranch" placeholder="请填写开户网点">
      </view>
    </view>
  </view>
  <view class="splitLine"></view>
  <view class="company-info-box">
    <view class="title">法人/申请人信息</view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">姓名</view>
      <view class="inp-box">
        <input type="text" :value="form.legalPersonName" @input="inpChange" data-type="name" placeholder="请填写姓名">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">手机号</view>
      <view class="inp-box">
        <input type="text" :value="form.legalPhone" @input="inpChange" data-type="phone" placeholder="请填写手机号">
      </view>
    </view>
    <view class="form-item acea-row row-between row-middle">
      <view class="label">身份证号</view>
      <view class="inp-box">
        <input type="text" :value="form.legalPersonIdcard" @input="inpChange" data-type="idcard" placeholder="请填写身份证号">
      </view>
    </view>
    <!-- <view class="form-item noBorder">
      <view class="label">身份证</view>
      <view class="inp-box sfz">
        <view class="acea-row row-between-wrapper">
          <image src="https://download.cyjyyjy.com/sfz1.png" @tap="upCard" data-type="b" v-if="form.idcardPicBehind == ''"></image>
          <image :src="form.idcardPicBehind" @tap="upCard" data-type="b" v-else></image>
          <image src="https://download.cyjyyjy.com/sfzb.png"></image>
        </view>
        <view class="acea-row row-between-wrapper">
          <image src="https://download.cyjyyjy.com/sfz2.png" @tap="upCard" data-type="f" v-if="form.idcardPicFront == ''"></image>
          <image :src="form.idcardPicFront" @tap="upCard" data-type="f" v-else></image>
          <image src="https://download.cyjyyjy.com/sfzz.png"></image>
        </view>
        <view class="acea-row row-between-wrapper">
          <image src="https://download.cyjyyjy.com/sfz3.png" @tap="upCard" data-type="h" v-if="form.idcardPicHold == ''"></image>
          <image :src="form.idcardPicHold" @tap="upCard" data-type="h" v-else></image>
          <image src="https://download.cyjyyjy.com/sfzs.png"></image>
        </view>
      </view>
    </view> -->
  </view>
  <view class="submit-btn" @tap="submit">保存并提交</view>
</view>
</template>

<script>
// pages/release/companyAuth/index.js
const util = require("../../../utils/util.js");
const app = getApp();

export default {
  data() {
    return {
      form: {
        isLegalPerson: 0,
        //是否为企业法人
        authorizationPath: '',
        // 授权书图片
        enterpriseName: '',
        //企业名称
        creditCode: '',
        //信用代码
        industryId: '',
        //所在行业
        enterpriseScale: '请选择',
        //企业规模
        businessLicense: '',
        //营业执照照片
        bankAccount: '',
        //银行账号
        bankName: '',
        // 开户银行
        bankBranch: '',
        // 开户网点
        legalPersonName: '',
        //法人姓名
        legalPhone: '',
        //法人手机号
        legalPersonIdcard: '',
        // 法人身份证
        idcardPicFront: '',
        // 法人身份证正面照
        idcardPicBehind: '',
        // 法人身份证背面照
        idcardPicHold: '' // 法人手持身份证

      },
      isEdit: false,
      scaleArr: ['0-25', '25-99', '99-200', '200-500', '500及以上'],
      resourcesList: "",
      resourcesIdx: ""
    };
  },

  components: {},
  props: {},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getResourcesCagetory();

    if (options.authInfo) {
      let authInfo = JSON.parse(decodeURIComponent(options.authInfo));
				//try fix
				this.form.authorizationType = 1;
				//try fix
				this.form.id = authInfo.id;
				//try fix
				this.form.enterpriseId = authInfo.enterpriseId;
				//try fix
				this.form.idcardPicHold = authInfo.idcardPicHold || '';
				//try fix
				this.form.idcardPicBehind = authInfo.idcardPicBehind || '';
				//try fix
				this.form.idcardPicFront = authInfo.idcardPicFront || '';
				//try fix
				this.form.legalPersonIdcard = authInfo.legalPersonIdcard || '';
				//try fix
				this.form.legalPhone = authInfo.legalPhone || '';
				//try fix
				this.form.legalPersonName = authInfo.legalPersonName || '';
				//try fix
				this.form.bankBranch = authInfo.bankBranch || '';
				//try fix
				this.form.bankName = authInfo.bankName || '';
				//try fix
				this.form.bankAccount = authInfo.bankAccount || '';
				//try fix
				this.form.businessLicense = authInfo.businessLicense || '';
				//try fix
				this.form.enterpriseScale = authInfo.enterpriseScale || '请选择';
				//try fix
				this.form.creditCode = authInfo.creditCode;
				//try fix
				this.form.enterpriseName = authInfo.enterpriseName;
				//try fix
				this.form.authorizationPath = authInfo.authorizationPath || '';
				//try fix
				this.form.isLegalPerson = 0;
    }
  },
  methods: {
    //获取供应、需求类型
    getResourcesCagetory() {
      app.http('GET', 'ResourcesCagetory/listResourcesCagetory').then(res => {
        // console.log(res)
        if (res.data.success) {
          this.setData({
            resourcesList: res.data.data
          });
        }
      });
    },

    resourcesChange(e) {
      // console.log(e)
      let idx = Number(e.detail.value);
      this.setData({//['form.industryId']: this.data.resourcesList[idx].id
        resourcesIdx: idx,
      });
      //try fix
      this.form.industryId = this.resourcesList[idx].id;
    },

    //选择行业
    toProfession() {// wx.navigateTo({
      //   url: '/pages/user/profession/index',
      // })
    },

    checkBank(e) {
      // console.log(e.detail.value)
      app.http('get', 'EnterpriseAuthentication/getBankName', {
        bankAccount: e.detail.value
      }).then(res => {
        if (res.data.success) {
          this.setData({//['form.bankName']: res.data.data
          });
          //try fix
          this.form.bankName = res.data.data;
        }
      });
    },

    inpChange(e) {
      let type = e.currentTarget.dataset.type;
      let value = e.detail.value;

      switch (type) {
        case 'enterpriseName':
          this.setData({//['form.enterpriseName']: value
          });
          //try fix
          this.form.enterpriseName = value;
          break;

        case 'creditCode':
          this.setData({//['form.creditCode']: value
          });
          //try fix
          this.form.creditCode = value;
          break;

        case 'bankAccount':
          this.setData({//['form.bankAccount']: value
          });
          //try fix
          this.form.bankAccount = value;
          break;

        case 'bankName':
          this.setData({//['form.bankName']: value
          });
          //try fix
          this.form.bankName = value;
          break;

        case 'bankBranch':
          this.setData({//['form.bankBranch']: value
          });
          //try fix
          this.form.bankBranch = value;
          break;

        case 'name':
          this.setData({//['form.legalPersonName']: value
          });
          //try fix
          this.form.legalPersonName = value;
          break;

        case 'phone':
          this.setData({//['form.legalPhone']: value
          });
          //try fix
          this.form.legalPhone = value;
          break;

        case 'idcard':
          this.setData({//['form.legalPersonIdcard']: value
          });
          //try fix
          this.form.legalPersonIdcard = value;
          break;
      }
    },

    upCard(e) {
      let type = e.currentTarget.dataset.type;
      util.chooseImages(img => {
        if (type == 'f') {
          this.setData({//['form.idcardPicFront']: img
          });
          //try fix
          this.form.idcardPicFront = img;
        } else if (type == 'b') {
          this.setData({//.form.idcardPicBehind: img
          });
          //try fix
          this.form.idcardPicBehind = img;
        } else if (type == 'h') {
          this.setData({//.form.idcardPicHold: img
          });
          //try fix
          this.form.idcardPicHold = img;
        } else if (type == 'ap') {
          this.setData({//.form.authorizationPath: img
          });
          //try fix
          this.form.authorizationPath = img;
        } else if (type == 'bl') {
          this.setData({//.form.businessLicense: img
          });
          //try fix
          this.form.businessLicense = img;
        }
      });
    },

    bindPickerChange(e) {
      this.setData({//['form.enterpriseScale']: this.data.scaleArr[e.detail.value]
      });
      //try fix
      this.form.enterpriseScale = this.scaleArr[e.detail.value];
    },

    radioClick(e) {
      this.setData({//.form.isLegalPerson: e.detail.value
      });
      //try fix
      this.form.isLegalPerson = e.detail.value;
    },

    prevImg(e) {// let url = e.currentTarget.dataset.url;
      // wx.previewImage({
      //   urls: [url],
      // })
    },

    submit() {
      let form = this.form;
      console.log(form);

      if (form.isLegalPerson == 0 && form.authorizationPath == '') {
        uni.showToast({
          title: '请上传授权书！',
          icon: 'none'
        });
        return;
      } else if (form.enterpriseName == '') {
        uni.showToast({
          title: '请填写企业名称',
          icon: 'none'
        });
        return;
      } else if (form.creditCode == '') {
        uni.showToast({
          title: '请填写信用代码',
          icon: 'none'
        });
        return;
      } else if (form.enterpriseScale == '请选择') {
        uni.showToast({
          title: '请选择企业规模',
          icon: 'none'
        });
        return;
      } else if (form.businessLicense == '') {
        uni.showToast({
          title: '请上传营业执照',
          icon: 'none'
        });
        return;
      } else if (form.bankAccount == '') {
        uni.showToast({
          title: '请输入银行账号',
          icon: 'none'
        });
        return;
      } else if (form.bankName == '') {
        uni.showToast({
          title: '请输入银行名称',
          icon: 'none'
        });
        return;
      } else if (form.bankName == '') {
        uni.showToast({
          title: '请输入开户网点',
          icon: 'none'
        });
        return;
      } else if (form.legalPersonName == '') {
        uni.showToast({
          title: '请填写姓名',
          icon: 'none'
        });
        return;
      } else if (form.legalPhone == '') {
        uni.showToast({
          title: '请填写手机号',
          icon: 'none'
        });
        return;
      } else if (form.legalPersonIdcard == '') {
        uni.showToast({
          title: '请填写身份证号',
          icon: 'none'
        });
        return;
      } else {
        if (!this.isEdit) {
          app.http('post', 'EnterpriseAuthentication/createAuthenticInfoTwo', this.form).then(res => {
            if (res.data.success) {
              uni.showModal({
                title: '提示！',
                content: '提交成功！请等待审核',

                success(res) {
                  uni.navigateBack({
                    delta: 1
                  });
                }

              });
            } else {
              uni.showToast({
                title: res.data.msg,
                icon: 'none'
              });
            }
          });
        } else {
          app.http('post', 'EnterpriseAuthentication/editAuthenticInfo', this.form).then(res => {
            if (res.data.success) {
              uni.showModal({
                title: '提示！',
                content: '提交成功！请等待审核',

                success(res) {
                  uni.navigateBack({
                    delta: 1
                  });
                }

              });
            } else {
              uni.showToast({
                title: res.data.msg,
                icon: 'none'
              });
            }
          });
        }
      }
    }

  }
};
</script>
<style>
/* pages/release/companyAuth/index.wxss */

.is-legal-box{
  width: 100%;
  padding: 30rpx 40rpx;
}
.is-legal-box label{
  margin-right: 40rpx;
}
.authbook-box{
  font-size: 28rpx;
  color: #666;
}
.tips{
  margin: 40rpx 0;
}
.upload-box image{
  width: 332rpx;
  height: 204rpx;
}
.splitLine{
  width: 100%;
  height: 20rpx;
  background-color: #eee;
}
.company-info-box{
  width: 100%;
  padding: 32rpx 40rpx;
}
.title{
  font-size: 32rpx;
  color: #1D1D1D;
  margin-bottom: 38rpx;
  font-weight: 500;
}
.form-item{
  font-size: 28rpx;
  color: #666666;
  padding: 16rpx 0;
  border-bottom: 2rpx solid #EEEEEE;
}
.form-item .inp-box{
  width: 70%;
  text-align: right;
}
.yyzz image{
  width: 670rpx;
  height: 368rpx;
  margin-top: 26rpx;
}
.noBorder{
  border: none;
}
.form-item .sfz{
  width: 100%;
  margin-top: 26rpx;
}
.sfz image{
  width: 332rpx;
  height: 205rpx;
  margin-bottom: 10rpx;
}
.submit-btn{
  width: 670rpx;
  height: 76rpx;
  background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%);
  border-radius: 38rpx;
  color: #fff;
  font-size: 28rpx;
  line-height: 76rpx;
  text-align: center;
  margin:40rpx auto;
}
.arrorR{
  width: 14rpx;
  height: 24rpx;
  margin-left: 10rpx;
}
</style>