finance-ssr/pages/index.vue

<template>

  <div class="content">
    <!--企业征信查询及系统数据获取授权书模态框-->
    <modal title="企业征信查询及系统数据获取授权书" ref="modal" size="lg" v-model="$store.state.openAuth">
      重要提示：
      <p class="p2">
        为了保障贵司的合法权益，贵司应当阅读并遵守本授权书，请贵司务必审慎阅读、充分理解本授权书条款内容，特别是免除或减轻我公司责任，或限制贵公司权力的条款，其中免除或者减轻责任条款可能以加粗形式提示贵司注意。贵公司的使用、登录、发起申请等行为即视为贵公司已阅读并同意本授权书条款的约束。</p>
      <p class="p2"> 致深圳市英唐金控科技有限公司：</p>
      <p> 一、本公司同意并不可撤销地授权：贵公司按照国家相关规定采集符合法律法规规定的公司信息及包括信贷信息在内的信用信息；</p>
      <p>
        二、本公司同意并不可撤销地授权：贵公司可以根据国家有关规定，通过中国人民银行金融信用信息基础数据库、其他依法设立的征信机构查询打印、保存符合法律法规的企业信息和包括信贷信息在内的信用信息。</p>
      <p>
        三、本公司同意并不可撤销地授权：贵公司在本公司使用的深圳市优软科技有限公司ERP系统、B2B平台、优软商城等上自动获取包括但不限于我公司的基本企业信息、财务数据数据信息、采购数据信息、销售数据信息、交易数据信息、生产加工信息、产品信息等。</p>
      <p class="p2"> 以上相关信息和数据的采集及使用期限为与贵公司的业务存续期用途如下：</p>
      <p> （一）审核本公司相关金融业务申请；</p>
      <p> （二）处理贷后管理事务；</p>
      <p> （三）处理企业征信异议；</p>
      <p> （四）依法或经有权部门要求；</p>
      <p> （五）其他本公司向贵公司申请或办理的业务。</p>
      <p class="p2"> 我司已知悉本授权书全部内容（特别是加粗字体内容）的含义及因此产生的法律效力，自愿作出以上授权。本授权书是我司真实意思表示，我司同意承担由此带来的一切法律后果。</p>
      <div slot="footer" class="dialog-footer">
        <btn @click="$store.commit('closeAuth')">取 消</btn>
        <btn type="info" @click="$store.commit('agreeAuth')">确 定</btn>
      </div>
    </modal>
    <!--保理申请弹框-->
    <modal size="lg" title="立即申请" v-model="$store.state.openApply">
          <div class="form-horizontal">
              <div class="form-group">
                <label class="col-sm-2 control-label">企业名称</label>
                <div class="col-sm-6">
                  <input type="text" placeholder="请输入企业名称" class="form-control"
                         v-model="$store.state.option.user.compamy" disabled>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">拟融资金额</label>
                <div class="col-sm-4">
                  <div class="input-group" style="width:250px;">
                    <input type="number" min="0" placeholder="请输入融资金额" class="form-control"
                           v-model="$store.state.apply.fa_appamount">
                    <div class="input-group-addon">元</div>
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">联系人</label>
                <div class="col-sm-4">
                  <input type="text" placeholder="请输入您的姓名" class="form-control"
                         v-model="$store.state.apply.fa_contact">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">联系方式</label>
                <div class="col-sm-4">
                  <input type="text" placeholder="请输入您的手机号" class="form-control"
                         v-model="$store.state.apply.fa_telphone">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">联系方式2</label>
                <div class="col-sm-4">
                  <input type="text" placeholder="请输入您的手机号" class="form-control"
                         v-model="$store.state.apply.fa_phone">
                </div>
              </div>
              <div class="form-group">
                <label class="col-sm-2 control-label">保理公司名称</label>
                <div class="col-sm-4">
                  <select v-model="$store.state.apply.fa_facorpname">
                    <option>深圳市英唐保理有限公司</option>
                  </select>
                </div>
              </div>
            </div>
          <div slot="footer"  class="dialog-footer">
            <btn @click="$store.commit('closeApply')">取消</btn>
            <btn type="info" @click="$store.dispatch('agreeApply')">保存申请</btn>
          </div>
    </modal>

    <!--   主体内容-->
    <div class="row content-row">
      <div id="info">
      <div class="list-unstyled list-inline step" id="tabTitle">
        <li :class="{active:true}">客户基础资料</li>
        <li>股东构成</li>
        <li>主要关联企业</li>
        <li>高管信息</li>
        <li>经营状况</li>
        <li>贸易流程</li>
        <li>资产科目明细(上半年末)</li>
        <li>负债科目明细(上半年末)</li>
        <li>买方客户信息</li>
      </div>
      </div>
      <!--page1-->
      <div class="list-inline">
        <div class="all">
          <div class="form-group">
            <label class="control-label">公司名称(中文名):</label>
            <input type="text" class="form-control" v-model="$store.state.option.user.compamy" disabled/>
          </div>
          <div class="form-group">
            <label class="control-label">公司名称(英文名):</label>
            <input type="text" class="form-control" v-model="$store.state.tab1.cu_engname"/>
          </div>
        </div>
        <div class="all">
          <div class="form-group">
            <label class="control-label">机构类型:</label>
            <select class="form-control" v-model="$store.state.tab1.cu_institutype">
              <option>法人企业</option>
              <option>非法人企业</option>
              <option>其他</option>
            </select>
          </div>
          <div class="form-group">
            <label class="control-label">成立时间:</label>
            <el-date-picker
              required
              v-model="$store.state.tab1.cu_licensedate"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </div>
        </div>
        <div class="all">
          <div class="form-group">
            <label class="control-label">证件类型:</label>
            <select class="form-control" required v-model="$store.state.tab1.cu_paperstype">
              <option>统一社会信用代码</option>
              <option>组织机构代码证</option>
              <option>其他</option>
            </select>
          </div>
          <div class="form-group">
            <label class="control-label">证件号码:</label>
            <input type="text" class="form-control" required v-model="$store.state.tab1.cu_paperscode"/>
          </div>
        </div>
        <div class="all">
          <div class="form-group">
            <label class="control-label">证件有效期:</label>
            <el-date-picker
              required
              v-model="$store.state.tab1.cu_ctfduedate"
              type="date"
              placeholder="选择日期">
            </el-date-picker>
          </div>
          <div class="form-group" style="margin-left: 100px">
            <label class="control-label">营业执照号:</label>
            <input type="text" class="form-control" v-model="$store.state.tab1.cu_businesscode" required maxlength="50"/>
          </div>
        </div>
        <div class="all">
          <div class="form-group">
            <label class="control-label">国标行业分类:</label>
            <select class="form-control" v-model="$store.state.tab1.cu_nastdinducls" required>
              <option>农、林、牧、渔业</option>
              <option>采矿业</option>
              <option>制造业</option>
              <option>电力、热力、燃气及水生产和供应链</option>
              <option>建筑业</option>
              <option>批发和零售业</option>
              <option>交通运输、仓储和邮政业</option>
              <option>住宿和餐饮业</option>
              <option>信息传输、软件和信息技术服务业</option>
              <option>金融业</option>
              <option>房地产业</option>
              <option>租赁和商务服务业</option>
              <option>科学研究和技术服务</option>
              <option>水利、环境和公共设施管理业</option>
              <option>居民服务、修理和其他服务业</option>
              <option>教育</option>
              <option>卫生和社会工作</option>
              <option>文化、体育和娱乐业</option>
              <option>公共管理、社会保障和社会组织</option>
              <option>国际组织</option>
            </select>
          </div>
          <div class="form-group">
            <label class="control-label">注册资本币种:</label>
            <input type="text" class="form-control" v-model="$store.state.tab1.cu_capcurrency" required />
          </div>
        </div>
        <div class="all">
          <div class="form-group">
            <label class="control-label">注册资本(万元):</label>
            <input type="number" class="form-control" min="0"
                   v-model.nubmer="$store.state.tab1.cu_regcapital" required/>
          </div>
          <div class="form-group">
            <label class="control-label">实缴资本(万元):</label>
            <input type="number" class="form-control" min="0"
                   v-model="$store.state.tab1.cu_paidincapital" required/>
          </div>
        </div>
        <div class="all">
          <div class="form-group1">
            <label class="control-label">公司注册地:</label>
            <textarea class="form-control" max-length="50" rows="2" placeholder="限50字符" maxlength="50"
                      v-model="$store.state.tab1.cu_regadd" required>
                            </textarea>
          </div>
        </div>
        <div class="all">
          <div class="form-group1">
            <label class="control-label">办公地址:</label>
            <textarea class="form-control" rows="2" max-length="500" placeholder="限50字符" maxlength="50"
                      v-model="$store.state.tab1.cu_officeadd" required >
                            </textarea>
          </div>
        </div>
        <div class="all">
          <div class="form-group1">
            <label class="control-label">经营范围:</label>
            <textarea class="form-control" rows="10" max-length="500" placeholder="限500字符" maxlength="500"
                      v-model="$store.state.tab1.cu_businsscope" required>
                            </textarea>
          </div>
        </div>
        <div class="all">
          <div class="form-group1">
            <label class="control-label">其他情况说明:</label>
            <textarea class="form-control" rows="10" placeholder="限500字符" maxlength="500"
                      v-model="$store.state.tab1.cu_others" required>
                            </textarea>
          </div>
        </div>
        <div class="buttons">
          <button>
          <nuxt-link
            :to="{path: '/custInfo/page2'}" style="color:white">下一步</nuxt-link>
          </button>

          <button @click="$store.dispatch('savepage1',$store.state.tab1)" v-if="$store.state.cansave">保存</button>
        </div>
      </div>

    </div>

  </div>
</template>
<style>
  .el-dialog__body {
    padding: 0 20px;
    color: #606266;
    line-height: 24px;
    font-size: 14px;
  }
</style>
<script>
  export default {
    middleware: 'authorited',
    fetch({store}){
      return Promise.all([
        store.dispatch('loadUserInfo'),
        store.dispatch('findNew',{enuu: store.state.option.user.enuu })
      ])
    },
   methods:{

   }
  }
</script>