import { ChartBar } from '_c/charts';
<template>
  <el-main style="width: 1200px;margin: 0 auto;min-height: 500px">
    <el-row class="card_menu">
      <el-col :span="4">
        <el-card class="box-card" shadow="never" :body-style="{ padding: '10px 0'}">
          <div slot="header">
            <span>会员服务</span>
          </div>
          <!-- <div class="menu-item active">会员服务</div> -->
          <div class="menu-item" :class="{'active' : (0 == activeIndex)}" @click="changeType(0)" >会员名录</div>
          <div class="menu-item" :class="{'active' : (1 == activeIndex)}" @click="changeType(1)">会员介绍</div>
          <div class="menu-item" :class="{'active' : (2 == activeIndex)}" @click="changeType(2)">入会申请</div>
          <div class="menu-item" :class="{'active' : (3 == activeIndex)}" @click="changeType(3)">问题反馈</div>
        </el-card>
      </el-col>


    <el-col :span="20" v-if="activeIndex == 0">
        <el-card shadow="never" style="margin: 0 10px;">
          <div style="text-align: center">
            <h2>上海市集成电路行业协会第五届理事会理事名单</h2>
            <div style="margin: 10px"><span style="margin-right: 20px">{{InfoObj.author}}</span><span>发布日期：{{InfoObj.publishTime}}</span></div>
          </div>
           <div style="">
              <div style="display: inline-table;color: #999999;height:35px;line-height: 35px;" class="sort_info">（按姓氏笔画排列）</div>
             <el-input placeholder="请输入关键词" suffix-icon="el-icon-search" style="width: 200px;float: right;"
             v-model="unitName" @keyup.enter.native="handleSearch">
             </el-input>
          </div>
          <template v-if="tableData && tableData[0]">
            <el-table
              :data="tableData"
              border
              style="width: 100%; height: 200px;">
              <el-table-column
                type="index"
                align="center"
                width="50"
                label="序号">
              </el-table-column>
              <el-table-column
                prop="unitName"
                label="理事单位名称"
                align="center"
                width="180">
              </el-table-column>
              <el-table-column
                prop="name"
                align="center"
                label="姓名">
              </el-table-column>
              <el-table-column
                prop="dutyName"
                align="center"
                label="单位职务">
              </el-table-column>
              <el-table-column
                prop="major"
                align="center"
                label="专业">
              </el-table-column>
            </el-table>
          </template>
          <el-pagination
            background
            layout="prev, pager, next"
            :total="total" prev-text="上一页" next-text="下一页" style="float: right;margin: 10px">
          </el-pagination>
        </el-card>
      </el-col>


      <el-col :span="20" v-if="activeIndex == 1">
        <el-card class="article" shadow="never" style="border-radius: 8px;margin: 0 10px;" >
            <h2 class="title">上海市集成电路行业协会简介</h2>
            <div class="info">作者：{{InfoObj.author}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;发布日期：{{InfoObj.publishTime}}</div>
            <div class="content" v-html="InfoObj.content"></div>
        </el-card>
      </el-col>


        <el-col :span="20" v-if="activeIndex == 2">
        <el-card shadow="never" style="margin: 0 10px;">
          <h2 style="color: #333;text-align: center;margin: 15px auto">上海市集成电路行业协会入会申请表</h2>
          <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="form" label-position="left">
            <div class="table el-table el-table--fit el-table--border" style="width: 100%;border-radius: 4px">
              <div class="el-table__body-wrapper">
                <table class="el-table__body" cellspacing="0" cellpadding="0" border="0">
                  <colgroup>
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                    <col width="8.3333333333%">
                  </colgroup>
                  <tbody>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="单位中文名称" prop="CUSTOMER_HUIYUANRUHUI_DWZWMC">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_DWZWMC"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="单位英文名称" prop="CUSTOMER_HUIYUANRUHUI_DWYWMC">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_DWYWMC"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="统一社会信用代码" prop="CUSTOMER_HUIYUANRUHUI_TY_SH_XY_DM" label-width="120px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_TY_SH_XY_DM"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="邮编" prop="CUSTOMER_HUIYUANRUHUI_YB" label-width="50px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_YB"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="企业注册地址" prop="CUSTOMER_HUIYUANRUHUI_ZC_DZ_SQ">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZC_DZ_SQ" style="width: 100px;"
                            placeholder="市"></el-input>
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZC_DZ_QU" style="width: 100px;"
                            placeholder="区"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="详细地址" prop="CUSTOMER_HUIYUANRUHUI_ZC_XX_DZ" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZC_XX_DZ"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="所属园区" prop="CUSTOMER_HUIYUANRUHUI_ZC_SS_YQ" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZC_SS_YQ"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="企业办公地址" prop="CUSTOMER_HUIYUANRUHUI_BG_DZ_SH">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_DZ_SH" style="width: 100px;"
                            placeholder="市"></el-input>
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_DZ_QU"
                        style="width: 100px;" placeholder="区"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="详细地址" prop="CUSTOMER_HUIYUANRUHUI_BG_XX_DZ" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_XX_DZ"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="所属园区" prop="CUSTOMER_HUIYUANRUHUI_BG_SS_YQ" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BG_SS_YQ"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      <el-form-item label="所有制形式" prop="CUSTOMER_HUIYUANRUHUI_SYZXS">
                        <el-radio-group v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SYZXS">
                          <el-radio label="国有"></el-radio>
                          <el-radio label="混合"></el-radio>
                          <el-radio label="民营"></el-radio>
                          <el-radio label="内资"></el-radio>
                          <el-radio label="外资"></el-radio>
                        </el-radio-group>
                      </el-form-item>
                    </td>

                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="总投资" prop="CUSTOMER_HUIYUANRUHUI_ZTZ" label-width="60px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZTZ"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="注册资本" prop="CUSTOMER_HUIYUANRUHUI_ZCZB" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZCZB"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="24" class="el-table__cell">
                      <el-form-item label="单位网址" prop="CUSTOMER_HUIYUANRUHUI_DWWZ" >
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_DWWZ"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="5" class="el-table__cell">
                      <el-form-item label="单位人数" prop="CUSTOMER_HUIYUANRUHUI_DWRS" >
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_DWRS"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="3" class="el-table__cell">
                      <el-form-item label="研发人员" prop="CUSTOMER_HUIYUANRUHUI_JSRY" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_JSRY"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="本科及以上人数" prop="CUSTOMER_HUIYUANRUHUI_BK_RS" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_BK_RS"></el-input>
                      </el-form-item>
                    </td>
                  </tr>

                  <tr class="el-table__row">
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="单位法人代表" prop="CUSTOMER_HUIYUANRUHUI_DWFRDB">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_DWFRDB"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="职务" prop="CUSTOMER_HUIYUANRUHUI_FRDBZW" label-width="50px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FRDBZW"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="手机号" prop="CUSTOMER_HUIYUANRUHUI_FRDBSJH" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FRDBSJH"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text">
                      单位对口协会<br/>负责人
                    </td>
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="姓名" prop="CUSTOMER_HUIYUANRUHUI_FZRXM" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZRXM"></el-input>
                      </el-form-item>
                      <el-form-item label="职务" prop="CUSTOMER_HUIYUANRUHUI_FZRZW" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZRZW"></el-input>
                      </el-form-item>
                      <el-form-item label="手机号" prop="CUSTOMER_HUIYUANRUHUI_FZRSJH" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZRSJH"></el-input>
                      </el-form-item>
                      <el-form-item label="电话" prop="CUSTOMER_HUIYUANRUHUI_FZRDH" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZRDH"></el-input>
                      </el-form-item>
                      <el-form-item label="传真" prop="CUSTOMER_HUIYUANRUHUI_FZRCZ" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZRCZ"></el-input>
                      </el-form-item>
                      <el-form-item label="E-mail" prop="CUSTOMER_HUIYUANRUHUI_FUZERENEMAIL" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FUZERENEMAIL"></el-input>
                      </el-form-item>
                    </td>
                    <td colspan="2" class="el-table__cell td-text">
                      单位对口协会<br/>联系人
                    </td>
                    <td colspan="4" class="el-table__cell">
                      <el-form-item label="姓名" prop="CUSTOMER_HUIYUANRUHUI_LXRXM" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXRXM"></el-input>
                      </el-form-item>
                      <el-form-item label="职务" prop="CUSTOMER_HUIYUANRUHUI_LXRZW" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXRZW"></el-input>
                      </el-form-item>
                      <el-form-item label="手机号" prop="CUSTOMER_HUIYUANRUHUI_LXRSJH" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXRSJH"></el-input>
                      </el-form-item>
                      <el-form-item label="电话" prop="CUSTOMER_HUIYUANRUHUI_LXRDH" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXRDH"></el-input>
                      </el-form-item>
                      <el-form-item label="传真" prop="CUSTOMER_HUIYUANRUHUI_LXRCZ" label-width="70px" style="margin-bottom: 10px;">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXRCZ"></el-input>
                      </el-form-item>
                      <el-form-item label="E-mail" prop="CUSTOMER_HUIYUANRUHUI_LXREMAIL" label-width="70px">
                        <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_LXREMAIL"></el-input>
                      </el-form-item>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell">
                        <el-table-column :show-overflow-tooltip="true" prop="content" label="产业链细分领域" width="400px" header-align="center">产业链细分领域
      </el-table-column>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="3" class="el-table__cell">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SHEJI">设计</el-checkbox>
                    </td>
                    <td colspan="2" rowspan="2" class="el-table__cell">
                      主要业务
                    </td>
                    <td colspan="8" rowspan="1" class="el-table__cell">
                      <el-checkbox v-model="ruleForm.fenxiaoshang">分销商</el-checkbox>
                      <el-checkbox v-model="ruleForm.zizhusheji">自主集成电路设计</el-checkbox>
                      <el-checkbox v-model="ruleForm.zizhufenxiao">自主集成电路设计和分销</el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell" style="text-align: left;padding: 0 10px">
                      <el-checkbox v-model="ruleForm.he">IP核</el-checkbox>
                      <el-checkbox v-model="ruleForm.gongju">EDA工具</el-checkbox>
                      <el-checkbox v-model="ruleForm.shejifuwu">设计服务</el-checkbox>
                      <el-checkbox v-model="ruleForm.cpu">CPU</el-checkbox>
                      <el-checkbox v-model="ruleForm.gpu">GPU</el-checkbox>
                      <el-checkbox v-model="ruleForm.mcu">MCU</el-checkbox>
                      <el-checkbox v-model="ruleForm.fpga">FPGA</el-checkbox>
                      <el-checkbox v-model="ruleForm.dsp">DSP</el-checkbox>
                      <el-checkbox v-model="ruleForm.wifi">WiFi</el-checkbox>
                      <el-checkbox v-model="ruleForm.lanya">蓝牙</el-checkbox>
                      <el-checkbox v-model="ruleForm.shepinxinpian">射频芯片</el-checkbox>
                      <el-checkbox v-model="ruleForm.dianyuanxinpian">电源管理芯片</el-checkbox>
                      <el-checkbox v-model="ruleForm.cunchuqi">存储器</el-checkbox>
                      <el-checkbox v-model="ruleForm.chuanganqi">传感器</el-checkbox>
                      <el-checkbox v-model="ruleForm.zhinengka">智能卡</el-checkbox>
                      <el-checkbox v-model="ruleForm.gongluqijian">功率器件</el-checkbox>
                      <el-checkbox v-model="ruleForm.rengongxinpian">人工智能芯片</el-checkbox>
                      <el-checkbox v-model="ruleForm.jidaixinpian">基带芯片</el-checkbox>
                      <el-checkbox v-model="ruleForm.wulianxinpian">物联网芯片</el-checkbox>
                      <el-checkbox v-model="ruleForm.qita" :true-label="'其他'" :false-label="''">其他</el-checkbox>
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_QT"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="1" class="el-table__cell">
                      应用领域
                    </td>
                    <td colspan="8" rowspan="1" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.g">5G</el-checkbox>
                      <el-checkbox v-model="ruleForm.qichedianzi">汽车电子</el-checkbox>
                      <el-checkbox v-model="ruleForm.gongyezhizhao">工业控制</el-checkbox>
                      <el-checkbox v-model="ruleForm.rengongzhineng">人工智能</el-checkbox>
                      <el-checkbox v-model="ruleForm.tongxin">通信</el-checkbox>
                      <el-checkbox v-model="ruleForm.xiaofeidianzi">消费电子</el-checkbox>
                      <el-checkbox v-model="ruleForm.wulianwang">物联网</el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="4" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_JYZZ">晶圆制造</el-checkbox>
                    </td>
                    <td colspan="2" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      加工晶圆尺寸
                    </td>
                    <td colspan="8" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.yingcun4">4英寸</el-checkbox>
                      <el-checkbox v-model="ruleForm.yingcun5">5英寸</el-checkbox>
                      <el-checkbox v-model="ruleForm.yingcun6">6英寸</el-checkbox>
                      <el-checkbox v-model="ruleForm.yingcun8">8英寸</el-checkbox>
                      <el-checkbox v-model="ruleForm.yingcun12">12英寸</el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      工艺线宽
                    </td>
                    <td colspan="8" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.nm14">14nm及以下</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm28">28nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm55">55nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm65">65nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm110">110nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm130">130nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm180">180nm</el-checkbox>
                      <el-checkbox v-model="ruleForm.nm250">250nm</el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      可加工衬底材料
                    </td>
                    <td colspan="8" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.guiji">硅基</el-checkbox>
                      <el-checkbox v-model="ruleForm.tanhuagui">碳化硅</el-checkbox>
                      <el-checkbox v-model="ruleForm.danhuajia">氮化镓</el-checkbox>
                      <el-checkbox v-model="ruleForm.qita1" :true-label="'其他'" :false-label="''">其他</el-checkbox>
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_JY_ZZ_QT"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      规划月产能<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZZ_Y_CN"></el-input>万片；
                      主要工艺平台<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZY_GY_PT"></el-input>;
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="2" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZCS">封装测试</el-checkbox>
                    </td>
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.fengzhuang">封装</el-checkbox>
                      <el-checkbox v-model="ruleForm.ceshi">测试</el-checkbox>
                      <el-checkbox v-model="ruleForm.jiancefenxi">检测分析</el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      封装形式<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FENGZHUANGXINGSHIJIXINGHAO"></el-input>;
                      规划月产能<el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZ_Y_CN"></el-input>;
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="1" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAO">设备及零配件</el-checkbox>
                    </td>
                    <td colspan="2" class="el-table__cell td-text" >
                      产品领域
                    </td>
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.guangkeshebie">光刻设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.bomoshebei">薄膜设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.lizishebei">离子注入设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.kedushebei">刻蚀设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.qingxishebei">清洗设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.yanmopaoguang">研磨抛光</el-checkbox>
                      <el-checkbox v-model="ruleForm.fengzhuangshebei">封装设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.ceshishebei">测试设备</el-checkbox>
                      <el-checkbox v-model="ruleForm.shebeifanxin">设备翻新</el-checkbox>
                      <el-checkbox v-model="ruleForm.lingpeijian">零配件
                          <!-- <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_FZ_Y_CN"></el-input> -->
                      </el-checkbox>
                      <el-checkbox v-model="ruleForm.qita2" :true-label="'其他'" :false-label="''">其他
                          <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SB_QT"></el-input>
                      </el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="1" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_CaiLiao">材料</el-checkbox>
                    </td>
                    <td colspan="2" class="el-table__cell td-text" >
                      产品领域
                    </td>
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-checkbox v-model="ruleForm.guipian">硅片</el-checkbox>
                      <el-checkbox v-model="ruleForm.guangkejiao">光刻胶、辅助材料及其配套材料</el-checkbox>
                      <el-checkbox v-model="ruleForm.feicai">靶材</el-checkbox>
                      <el-checkbox v-model="ruleForm.yanmoban">掩模版</el-checkbox>
                      <el-checkbox v-model="ruleForm.qianquti">前驱体</el-checkbox>
                      <el-checkbox v-model="ruleForm.qiti">气体</el-checkbox>
                      <el-checkbox v-model="ruleForm.paoguangcailiao">抛光材料</el-checkbox>
                      <el-checkbox v-model="ruleForm.shihuaxuepin">湿化学品</el-checkbox>
                      <el-checkbox v-model="ruleForm.fengzhuangcailiao">封装材料</el-checkbox>
                      <el-checkbox v-model="ruleForm.qita3" :true-label="'其它'" :false-label="''">其他
                          <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_CAIL_QT"></el-input>
                      </el-checkbox>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" rowspan="1" class="el-table__cell td-text" style="text-align: left !important;padding-left: 20px">
                      <el-checkbox v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_QT" :true-label="'其他'" :false-label="''">其他</el-checkbox>
                    </td>
                    <td colspan="10" class="el-table__cell">
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_QITA"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text">
                      年销售额（上年度）
                    </td>
                    <td colspan="10" class="el-table__cell">
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_SYN_XSE"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text">
                      公司简介<br>
                      （300字内）
                    </td>
                    <td colspan="10" class="el-table__cell">
                      <el-input type="textarea" :rows="4" auto-complete="off" v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_GSJJ"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell td-text">
                      产品或业务介绍
                      <br>
                      （300字内）
                    </td>
                    <td colspan="10" class="el-table__cell">
                      <el-input type="textarea" :rows="4" auto-complete="off" v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_CP_YW_JS"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="4" class="el-table__cell td-text">
                      填表单位（盖章）
                    </td>
                    <td colspan="4" class="el-table__cell td-text">
                      下载加盖公章
                    </td>
                    <td colspan="4" class="el-table__cell td-text" style="text-align: left!important; padding-left: 10px;">
                      填表人（签字）
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell"
                    style="text-align: left;padding: 5px 10px; ">
                      附件1：入会申请表（敲章版）{{fileName1}}
                      <!-- <el-button plain class="text-linear" @click="upload(0)">上传附件</el-button> -->

                            <el-form :model="form" style="display: inline-block; width: 50px;">
                                <!-- <el-form-item label="上传文件" :label-width="formLabelWidth"> -->
                                <el-upload
                                    action="#"
                                    accept="image/png,image/gif,image/jpg,image/jpeg"
                                    :limit=limitNum
                                    :auto-upload="false"
                                    :on-change="fileChange"
                                    :on-exceed="exceedFile"
                                    :on-success="handleSuccess"
                                    :on-error="handleError"
                                    :file-list="fileList">
                                    <el-button size="small" plain>选择文件</el-button>
                                    <!-- <div slot="tip" class="el-upload__tip">只能上传xlsx(Excel2007)文件，且不超过10M</div> -->
                                </el-upload>
                                <!-- </el-form-item> -->
                                <!-- <el-form-item>
                                <el-button size="small" type="primary" @click="uploadFile">立即上传</el-button>
                                <el-button size="small">取消</el-button>
                                </el-form-item> -->
                            </el-form>


                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell" style="text-align: left;padding: 5px 10px; ">
                      附件2：公司营业执照（正或副本）复印件 {{fileName2}}

                      <el-form :model="form" style="display: inline-block; width: 50px;">
                                <!-- <el-form-item label="上传文件" :label-width="formLabelWidth"> -->
                                <el-upload
                                    action="#"
                                    accept="image/png,image/gif,image/jpg,image/jpeg"
                                    :limit=limitNum
                                    :auto-upload="false"
                                    :on-change="fileChange2"
                                    :on-exceed="exceedFile"
                                    :on-success="handleSuccess"
                                    :on-error="handleError"
                                    :file-list="fileList">
                                    <el-button size="small" plain>选择文件</el-button>
                                    <!-- <div slot="tip" class="el-upload__tip">只能上传xlsx(Excel2007)文件，且不超过10M</div> -->
                                </el-upload>
                                <!-- </el-form-item> -->
                                <!-- <el-form-item>
                                <el-button size="small" type="primary" @click="uploadFile">立即上传</el-button>
                                <el-button size="small">取消</el-button>
                                </el-form-item> -->
                            </el-form>

                      <!-- <el-button plain class="text-linear" @click="upload(1)">上传附件</el-button> -->
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      注意：<br>
                      1、✳️为必填选项<br>
                      2、填写完成之后，请下载本表加盖贵司公章，连同附件加盖公章，一并上传提交<br>

                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="12" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      联系人：石建宾	    电话：50809814	   传真：50805259	  E-Mail: shijianbin@sica.org.cn
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell">
                      会员等级<br>
                      （协会工作人员填）
                    </td>
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-radio-group v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_HUIYUANDENGJI">
                        <el-radio label="一般会员">一般会员</el-radio>
                        <el-radio label="理事长单位">理事长单位</el-radio>
                        <el-radio label="副会长">副会长</el-radio>
                        <el-radio label="会长">会长</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell">
                      专业委员会<br>
                      （协会工作人员填）
                    </td>
                    <td colspan="10" class="el-table__cell" style="text-align: left;padding: 5px 10px">
                      <el-radio-group v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_ZY_WYH">
                        <el-radio label="设计专业委员会">设计专业委员会</el-radio>
                        <el-radio label="制造专业委员会">制造专业委员会</el-radio>
                        <el-radio label="封测专业委员会">封测专业委员会</el-radio>
                        <el-radio label="设备材料专业委员会">设备材料专业委员会</el-radio>
                        <el-radio label="智能传感器专业委员会">智能传感器专业委员会</el-radio>
                        <el-radio label="RISC-V专业委员会">RISC-V专业委员会</el-radio>
                        <el-radio label="人工智能专业委员会">人工智能专业委员会</el-radio>
                        <el-radio label="大学/科研院所">大学/科研院所</el-radio>
                        <el-radio label="供应链服务">供应链服务</el-radio>
                        <el-radio label="金融服务机构">金融服务机构</el-radio>
                        <el-radio label="咨询公司/律所/税务所">咨询公司/律所/税务所</el-radio>
                        <el-radio label="其他">其他</el-radio>
                      </el-radio-group>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="2" class="el-table__cell">
                      会员号<br>
                      （协会工作人员填）
                    </td>
                    <td colspan="6" class="el-table__cell">
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_HYH"></el-input>
                    </td>
                    <td colspan="2" class="el-table__cell">
                      批准入会时间<br>
                      （协会工作人员填）
                    </td>
                    <td colspan="6" class="el-table__cell">
                      <el-input v-model="ruleForm.CUSTOMER_HUIYUANRUHUI_RUHUISHIJIAN"></el-input>
                    </td>
                  </tr>
                  <tr class="el-table__row">
                    <td colspan="6" class="el-table__cell">
                      会员类型
                    </td>
                    <td colspan="6" class="el-table__cell">
                      （系统自动识别）
                    </td>
                  </tr>
                  </tbody>
                </table>
              </div>
            </div>
            <div style="margin: 20px auto;text-align: center">
                <el-button plain class="text-linear" @click="getProcess()">上传</el-button>
              <!-- <el-button plain class="text-linear">上传附件</el-button> -->
              <el-button type="primary" style="letter-spacing: 3px" @click="downloadAction">下载申请表</el-button>
            </div>
          </el-form>
        </el-card>
      </el-col>

        <el-col :span="20" v-if="activeIndex == 3">
          <el-card shadow="never" style="margin: 0 10px;">
              <h2 style="color: #333;text-align: center;margin: 15px auto">问题反馈</h2>
              <el-form>
                  <el-form-item label="企业名称" label-width="4rem">
                      <el-input auto-complete="off" v-model="yijian.QIYEMINGCHEN"></el-input>
                  </el-form-item>
                  <el-form-item label="问题反馈" label-width="4rem">
                      <el-input type="textarea" :rows="4" auto-complete="off" v-model="yijian.WENTIFANKUI"></el-input>
                  </el-form-item>
                  <el-form-item label="联系人" label-width="4rem">
                      <el-input auto-complete="off" v-model="yijian.LIANXIREN"></el-input>
                  </el-form-item>
                  <el-form-item label="手机号码" label-width="4rem">
                      <el-input auto-complete="off" type="number" maxlength="11"
                      v-model="yijian.SHOUJIHAOMA"></el-input>
                  </el-form-item>
                  <el-form-item label="电子邮箱" label-width="4rem">
                      <el-input auto-complete="off" v-model="yijian.DIANZIYOUXIANG"></el-input>
                  </el-form-item>
                  <div style="margin: 20px auto;text-align: center" @click="moduleDataSave">
                    <el-button type="primary" style="letter-spacing: 3px">提交</el-button>
                    </div>
              </el-form>
          </el-card>

      </el-col>

    </el-row>
  </el-main>
</template>

<script>
import {getChannelInformationsRequest, getChannelsRequest,getProcess,sendProcess,
        getDetailRequest,getLiInfo,downloadAction, moduleDataSave, uploadFileAction} from "../api/data";

export default {
  data () {
    return {
        infoId: '',
        InfoObj: {},
        titleList: [],
        activeIndex: 0,
        dataList: [],
      tableData:[],
      ruleForm: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      },
      rules: {
      },
      pageNo: 1,
      fileName: '',
        list: [],
        total: 0,
        unitName: '',
        yijian: {
            QIYEMINGCHEN: '',
            WENTIFANKUI: '',
            LIANXIREN: '',
            SHOUJIHAOMA: '',
            DIANZIYOUXIANG: '',
        },

        limitNum: 1,
      formLabelWidth: '80px',
      form: {
        file: ''
      },
      fileList: [],
      fileName1: '',
      fileName2: '',
      fileType: 1
    }
  },

  methods: {
      async moduleDataSave(){
          let params = {
              "modelCode": "WenTiFanKui",
              "fieldDataList": [
                {
                    "fieldName": "QIYEMINGCHEN",
                    "fieldValues": this.yijian.QIYEMINGCHEN,
                    "tblName": "CTM_WENTIFANKUIYEWUJIANMO",
                    "rowIndex": 0
                },
                {
                    "fieldName": "WENTIFANKUI",
                    "fieldValues": this.yijian.WENTIFANKUI,
                    "tblName": "CTM_WENTIFANKUIYEWUJIANMO",
                    "rowIndex": 0
                },
                {
                    "fieldName": "LIANXIREN",
                    "fieldValues": this.yijian.LIANXIREN,
                    "tblName": "CTM_WENTIFANKUIYEWUJIANMO",
                    "rowIndex": 0
                },
                {
                    "fieldName": "SHOUJIHAOMA",
                    "fieldValues": this.yijian.SHOUJIHAOMA,
                    "tblName": "CTM_WENTIFANKUIYEWUJIANMO",
                    "rowIndex": 0
                },
                {
                    "fieldName": "DIANZIYOUXIANG",
                    "fieldValues": this.yijian.DIANZIYOUXIANG,
                    "tblName": "CTM_WENTIFANKUIYEWUJIANMO",
                    "rowIndex": 0
                }
            ]
          }
          let res = await moduleDataSave(params)
          if(res.code == 200){
              this.$toast(res.message)
              this.yijian = {
                    QIYEMINGCHEN: '',
                    WENTIFANKUI: '',
                    LIANXIREN: '',
                    SHOUJIHAOMA: '',
                    DIANZIYOUXIANG: '',
                }
          }
      },
        handleSearch(){
            this.pageNo = 1
            this.getLiInfo()
        },
      async getLiInfo(){
          let params = {pageNo:this.pageNo,pageSize:20}
          if(this.unitName){
              params.unitName = this.unitName
          }
          let res = await getLiInfo(params)
          if(res.code == 200){
              if(this.pageNo == 1){
                  this.tableData = res.data
              }else{
                  this.tableData = this.tableData.concat(res.data)
              }
              this.total = Number(this.tableData[0].total)
          }
      },

        async uploadFileAction(file, type){
            let res = await uploadFileAction(file)
            if(res.code == 200){
                if(type == 1){
                    this.fileName1 = res.data
                }else{
                    this.fileName2 = res.data
                }
            }
        },

        // 文件超出个数限制时的钩子
    exceedFile(files, fileList) {
    },
    // 文件状态改变时的钩子
    fileChange(file) {
      console.log('change')
      console.log(file)
      this.form.file = file.raw
      console.log(this.form.file)

      this.uploadFileAction(this.form.file, 1)
    },
    fileChange2(file) {
      console.log('change')
      console.log(file)
      this.form.file = file.raw
      console.log(this.form.file)

      this.uploadFileAction(this.form.file, 2)
    },
    // 文件上传成功时的钩子
    handleSuccess(res, file, fileList) {
      this.$toast("上传成功")
    },
    // 文件上传失败时的钩子
    handleError(err, file, fileList) {
      this.$toast("上传失败")
    },


      async downloadAction(){
          let res = await downloadAction(this.fileName)
          let data = res
            let url = window.URL.createObjectURL(new Blob([data]))
            let link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', this.fileName)

            document.body.appendChild(link)
            link.click()
      },

      async getChannelsRequest(){
          let res = await getChannelsRequest({current:1,size:100})
          if(res.code == 200){
              res.data.records.map((item) => {
                  if(item.channelName == '会员企业'){
                    //   this.getChannelInformationsRequest(item.id)
                  }else if(item.channelName == '文件下载'){
                      this.getChannelInformationsRequest(item.id)
                  }else if(item.channelName == '会员介绍'){
                      this.infoId= item.id
                  }
              })
          }
      },

      async getChannelInformationsRequest(id){
          let res = await getChannelInformationsRequest({current:1,size:15,channelId: id})
          if(res.code == 200){
              if(this.activeIndex == 1){
                  this.dataList = res.data.records
                  this.InfoObj = {...this.dataList[0]}
                  console.log("this.InfoObj"+JSON.stringify(this.InfoObj))
                  this.InfoObj.publishTime = this.$moment(Number(this.InfoObj.publishTime)).format("YYYY年MM月DD日")
              }else if(this.activeIndex == 0){
                  this.titleList = res.data.records
                    if(this.titleList){
                        this.fileName = this.titleList[0].aboutAttachment || this.titleList[0].aboutImg
                    }
              }

          }
      },

      async getDetailRequest(id){
          let res = await getDetailRequest(id)
          if(res.code == 200){
              this.dataList = res.data.records
          }
      },

      async getProcess(){
          let p = {...this.ruleForm}
          p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW = []
          if(p.fenxiaoxiaong){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW.push("分销商")
          }
          if(p.zizhusheji){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW.push("自主集成电路设计")
          }
          if(p.zizhufenxiao){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW.push("自主集成电路设计和分销")
          }
          if(p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW = p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW.join(',')
          }

          p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX = []
          if(p.he){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("IP核")
          }
          if(p.gongju){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("EDA工具")
          }
          if(p.shejifuwu){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("设计服务")
          }
          if(p.cpu){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("CPU")
          }
          if(p.mcu){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("MCU")
          }
          if(p.fpga){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("FPGA")
          }
          if(p.dsp){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("DSP")
          }
          if(p.wifi){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("WIFI")
          }
          if(p.lanya){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("蓝牙")
          }
          if(p.shepinxinpian){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("射频芯片")
          }
          if(p.dianyuanguanli){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("电源管理")
          }
          if(p.cunchuqi){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("存储器")
          }
          if(p.chuanganqi){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("传感器")
          }
          if(p.zhinengka){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("智能卡")
          }
          if(p.gongluqijian){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("功率器件")
          }
          if(p.rengongxinpian){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("人工智能芯片")
          }
          if(p.jidaixinpian){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("基带芯片")
          }
          if(p.wulianxinpian){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.push("物联网芯片")
          }
          if(!p.qita){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_QT = ""
          }
          if(p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX = p.CUSTOMER_HUIYUANRUHUI_SJ_ZY_YW_MX.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN = []
          if(p.g){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("5G")
          }
          if(p.qichedianzi){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("汽车电子")
          }
          if(p.gongyekongzhi){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("工业控制")
          }
          if(p.rengongzhineng){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("人工智能")
          }
          if(p.tongxin){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("通信")
          }
          if(p.xiaofeidianzi){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("消费电子")
          }
          if(p.wulianwang){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.push("物联网")
          }
          if(p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN = p.CUSTOMER_HUIYUANRUHUI_SHEJICHANPINJIXINGNEN.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC = []
          if(p.yingcun4){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.push("4英寸")
          }
          if(p.yingcun5){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.push("5英寸")
          }
          if(p.yingcun6){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.push("6英寸")
          }
          if(p.yingcun8){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.push("8英寸")
          }
          if(p.yingcun12){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.push("12英寸")
          }
          if(p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC = p.CUSTOMER_HUIYUANRUHUI_JG_JY_CC.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_ZD_XK = []
          if(p.nm14){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("14nm")
          }
          if(p.nm28){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("28nm")
          }
          if(p.nm55){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("55nm")
          }
          if(p.nm65){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("65nm")
          }
          if(p.nm110){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("110nm")
          }
          if(p.nm130){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("130nm")
          }
          if(p.nm180){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("180nm")
          }
          if(p.nm250){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK.push("250nm")
          }
          if(p.CUSTOMER_HUIYUANRUHUI_ZD_XK.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_ZD_XK = p.CUSTOMER_HUIYUANRUHUI_ZD_XK.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_ZX_XK = []
          if(p.guiji){
              p.CUSTOMER_HUIYUANRUHUI_ZX_XK.push("硅基")
          }
          if(p.tanhuagui){
              p.CUSTOMER_HUIYUANRUHUI_ZX_XK.push("碳化硅")
          }
          if(p.danhuajia){
              p.CUSTOMER_HUIYUANRUHUI_ZX_XK.push("氮化镓")
          }
          if(!p.qita1){
              p.CUSTOMER_HUIYUANRUHUI_JY_ZZ_QT = ""
          }
          if(p.CUSTOMER_HUIYUANRUHUI_ZX_XK.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_ZX_XK = p.CUSTOMER_HUIYUANRUHUI_ZX_XK.join(',')
          }
            p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX = []
          if(p.fengzhuang){
              p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX.push("封装")
          }
          if(p.ceshi){
              p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX.push("测试")
          }
          if(p.jiancefenxi){
              p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX.push("检测分析")
          }
          if(p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX = p.CUSTOMER_HUIYUANRUHUI_FZ_CC_LX.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN = []
          if(p.guangkeshebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("光刻设备")
          }
          if(p.bomoshebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("薄膜设备")
          }
          if(p.lizishebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("离子注入设备")
          }
          if(p.kedushebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("刻蚀设备")
          }
          if(p.qingxishebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("清洗设备")
          }
          if(p.yanmopaoguang){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("研磨抛光")
          }
          if(p.fengzhuangshebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("封装设备")
          }
          if(p.ceshishebei){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("测试设备")
          }
          if(p.shebeifanxin){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("设备翻新")
          }
          if(p.lingpeijian){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.push("零配件")
          }
          if(!p.qita2){
              p.CUSTOMER_HUIYUANRUHUI_SB_QT = ""
          }
          if(p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN = p.CUSTOMER_HUIYUANRUHUI_SHEBEICAILIAOCHANPINJIXINGNEN.join(',')
          }

            p.CUSTOMER_HUIYUANRUHUI_CL_SX = []
          if(p.guipian){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("硅片")
          }
          if(p.guangkejiao){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("光刻胶、辅助材料及其配套材料")
          }
          if(p.bacai){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("靶材")
          }
          if(p.yanmoban){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("掩模版")
          }
          if(p.qianquti){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("前驱体")
          }
          if(p.qiti){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("气体")
          }
          if(p.paoguangcailiao){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("抛光材料")
          }
          if(p.shihuaxuepin){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("湿化学品")
          }
          if(p.fengzhuangcailiao){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX.push("封装材料")
          }
          if(!p.qita3){
              p.CUSTOMER_HUIYUANRUHUI_CAIL_QT = ""
          }
          if(p.CUSTOMER_HUIYUANRUHUI_CL_SX.length>0 ){
              p.CUSTOMER_HUIYUANRUHUI_CL_SX = p.CUSTOMER_HUIYUANRUHUI_CL_SX.join(',')
          }

          if(this.fileName1){
              p.CUSTOMER_HUIYUANRUHUI_FUJIAN1 = this.fileName1
          }

          if(this.fileName2){
              p.CUSTOMER_HUIYUANRUHUI_FUJIAN2 = this.fileName2
          }

          let res = await getProcess(p)
          if(res.code == 200){
              if(res.data.flowNodeVos){
                  this.sendProcess(res.data.flowNodeVos[0], p)
              }
          }
      },

      async sendProcess(flowNodeVos, params){
          let p = {}
          p.flowKey = "HuiYuanRuHuiLiuCheng"
          p.firstTask = true
          p.flowDegree = {
              "name" : "一般",
              "value": "10"
          },
          p.modelCode = 'WenTiFanKui',
          p.smsNotify = 'email',
          p.notifyContent = "系统管理员的会员入会流程需要您办理",
          p.title = '会员入会流程'
          let claimVos = {...flowNodeVos}
          claimVos.assignees = claimVos.assignees.assignees
          p.claimVos = []
          p.claimVos.push(claimVos)
          p.fieldDataList = []
          for(let key in params){
              if(params[key] && (params[key].length>0)){
                  if(key.indexOf("CUSTOMER_HUIYUANRUHUI_") > -1){
                      p.fieldDataList.push({
                            fieldName: key.split("CUSTOMER_HUIYUANRUHUI_")[1],
                            tblName: 'CUSTOMER_HUIYUANRUHUI',
                            fieldValues: params[key]
                        })
                  }

              }
          }

          let res = await sendProcess(p)
          if(res.code == 200){
              this.$toast(res.message)
          }
      },

      changeType(index){
          this.activeIndex = index;
          if(index == 1){
              this.getChannelInformationsRequest(this.infoId)
          }
          this.$forceUpdate()
      }
  },
  mounted() {
    this.getChannelsRequest()
    this.getLiInfo()
  }

}
</script>
<style>
.el-input__inner{
    height: 30px;
    line-height: 30px;
}
.menu-item{
  text-align: center;
  padding: 10px;
  width: 100%;
}
.card_menu .menu-item.active{
  border-left: 2px solid #427FCE;
  background: #eee;
}

.form .el-input__inner {
  border-radius: 0 !important;
}

.table td.el-table__cell {
  border-bottom: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;

}

.table td > .el-form-item {
  margin-bottom: 0;
  padding: 0 10px;
}
.table{
  font-size: 12px !important;
}
.table .el-radio__label,.table .el-checkbox__label{
  font-size: 12px !important;
}

.el-form-item__label {
  font-size: 12px;
  line-height: 20px;
  margin-top: 10px;
}
.td-text{
  text-align: center !important;
  margin: 0 auto !important;
}
.table td.el-table__cell{
    text-align: center;
}


.title{
  color: #333 !important;
  font-weight: 700;
}
.article .title,.article .info{
  text-align: center;
  margin: 10px;
}
.article .info{
  color: #999;
}
.article .content p{
  text-indent: 2em;
  margin-bottom: 20px;
  line-height: 1.5rem;
}
.article .content span{
  line-height: 1.5rem;
}

.el-input__prefix, .el-input__suffix{
    top: -4px;
}

</style>