12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109 |
- <template>
- <div class="app-container">
- <div class="content">
- <el-form ref="form" :model="form" :rules="registerRules" label-width="200px">
- <template v-if="tokenVisile">
- <table class="table_register media">
- <tr>
- <th rowspan="6" style="width: 10%;">企业信息</th>
- <th><span style="color: red;">*</span>企业名称</th>
- <td>
- <el-form-item label-width="0" prop="entName">
- <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称">
- </el-input>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>统一社会信用代码</th>
- <td>
- <el-form-item label-width="0" prop="license">
- <el-input type="text" @change="validLicense"
- v-model="form.license"
- placeholder="请输入统一社会信用代码">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>注册资金</th>
- <td>
- <el-form-item label-width="0" prop="regCapital">
- <el-input type="text"
- v-model="form.regCapital"
- placeholder="请输入注册资金">
- <template slot="append">万元</template>
- </el-input>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>工商注册时间</th>
- <td>
- <el-form-item label-width="0" prop="regDate">
- <el-date-picker v-model="form.regDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>工商注册类型</th>
- <td>
- <el-form-item label-width="0" prop="regType">
- <el-select v-model="form.regType" filterable>
- <el-option v-for="item in regTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
- </el-select>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>主营产品(服务)所属技术领域</th>
- <td>
- <el-form-item label-width="0" prop="mainProducts">
- <el-select v-model="form.mainProducts" style="width: 220px;" filterable>
- <el-option v-for="(item,index) in mainProductsOptions" :label="item.dictLabel" :key="index" :value="item.dictValue">{{item.dictLabel}}</el-option>
- </el-select>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>通信地址</th>
- <td>
- <el-form-item label-width="0" prop="address">
- <el-input v-model="form.address" type="text" auto-complete="off" placeholder="请输入通信地址">
- </el-input>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>邮政编码</th>
- <td>
- <el-form-item label-width="0" prop="zipCode">
- <el-input v-model="form.zipCode" type="text" auto-complete="off" placeholder="请输入邮政编码">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>企业所属行政区域</th>
- <td colspan="3">
- <el-col :span="8">
- <el-form-item label-width="0" prop="provinceId">
- <el-select v-model="form.provinceId" placeholder="省" @change="getCityData" style="width: 220px;" filterable>
- <el-option v-for="(item,index) in provinceDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item prop="cityId" label-width="0px">
- <el-select v-model="form.cityId" placeholder="市" @change="getDistrictData" style="width: 220px;" filterable>
- <el-option v-for="(item, index) in cityDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="8">
- <el-form-item label-width="0px" prop="districtId">
- <el-select v-model="form.districtId" placeholder="区" style="width: 220px;" filterable>
- <el-option v-for="(item, index) in districtDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>企业所得税主管税务机关</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="taxOffice">
- <el-input v-model="form.taxOffice" type="text" auto-complete="off" placeholder="请输入企业所得税主管税务机关" disabled>
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="3">法人信息</th>
- <th><span style="color: red;">*</span>姓名</th>
- <td>
- <el-form-item label-width="0" prop="legalName">
- <el-input v-model="form.legalName" type="text" auto-complete="off" placeholder="请输入法人姓名">
- </el-input>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>身份证号码</th>
- <td>
- <el-form-item label-width="0" prop="legalIdCard">
- <el-input v-model="form.legalIdCard" type="text" auto-complete="off" placeholder="请输入法人身份证号码">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>手机号码</th>
- <td>
- <el-form-item label-width="0" prop="legalMobile">
- <el-input v-model="form.legalMobile" type="text" auto-complete="off" placeholder="手机号码">
- </el-input>
- </el-form-item>
- </td>
- <th>固定电话</th>
- <td>
- <el-form-item label-width="0" prop="legalPhone">
- <el-input v-model="form.legalPhone" type="text" auto-complete="off" placeholder="请输入固定电话">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>传真</th>
- <td>
- <el-form-item label-width="0" prop="legalFax">
- <el-input v-model="form.legalFax" type="text" auto-complete="off" placeholder="请输入法人传真">
- </el-input>
- </el-form-item>
- </td>
- <th>E-mail</th>
- <td>
- <el-form-item label-width="0" prop="legalEmail">
- <el-input v-model="form.legalEmail" type="text" auto-complete="off" placeholder="请输入法人邮箱">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="3">联系人信息</th>
- <th><span style="color: red;">*</span>姓名</th>
- <td>
- <el-form-item label-width="0" prop="linkName">
- <el-input v-model="form.linkName" type="text" auto-complete="off" placeholder="请输入联系人姓名">
- </el-input>
- </el-form-item>
- </td>
- <th><span style="color: red;">*</span>身份证号码</th>
- <td>
- <el-form-item label-width="0" prop="linkIdCard">
- <el-input v-model="form.linkIdCard" type="text" auto-complete="off" placeholder="请输入联系人身份证号码">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>手机号码</th>
- <td>
- <el-form-item label-width="0" prop="linkMobile">
- <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请填入手机号码">
- </el-input>
- </el-form-item>
- </td>
- <th>固定电话</th>
- <td>
- <el-form-item label-width="0" prop="linkPhone">
- <el-input v-model="form.linkPhone" type="text" auto-complete="off" placeholder="请输入联系人固定电话">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>传真</th>
- <td>
- <el-form-item label-width="0" prop="linkFax">
- <el-input v-model="form.linkFax" type="text" auto-complete="off" placeholder="请输入联系人传真">
- </el-input>
- </el-form-item>
- </td>
- <th>E-mail</th>
- <td>
- <el-form-item label-width="0" prop="linkEmail">
- <el-input v-model="form.linkEmail" type="text" auto-complete="off" placeholder="请输入联系人邮箱">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>企业上市信息</th>
- <th><span style="color: red;">*</span>企业是否上市</th>
- <td>
- <el-form-item label-width="0" prop="listedFlag">
- <el-radio-group v-model="form.listedFlag">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- <template v-if="form.listedFlag == 1">
- <th><span style="color: red;">*</span>企业上市代码</th>
- <td>
- <el-form-item label-width="0" prop="listingCode">
- <el-input v-model="form.listingCode" type="text" auto-complete="off" placeholder="请输入企业上市代码">
- </el-input>
- </el-form-item>
- </td>
- </template>
- </tr>
- <tr>
- <th>风险投资信息</th>
- <th><span style="color: red;">*</span>是否引入风险投资</th>
- <td>
- <el-form-item label-width="0" prop="investFlag">
- <el-radio-group v-model="form.investFlag">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- <template v-if="form.investFlag == 1">
- <th><span style="color: red;">*</span>风险投资金额</th>
- <td>
- <el-form-item label-width="0" prop="investCapital">
- <el-input v-model="form.investCapital" type="text" auto-complete="off" placeholder="请输入风险投资金额">
- <template slot="append">万元</template>
- </el-input>
- </el-form-item>
- </td>
- </template>
- </tr>
- <tr>
- <th>高新企业</th>
- <th><span style="color: red;">*</span>是否为高新企业</th>
- <td>
- <el-form-item label-width="0" prop="techFlag">
- <el-radio-group v-model="form.techFlag">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- <template v-if="form.techFlag == 1">
- <th><span style="color: red;">*</span>高新企业编号</th>
- <td>
- <el-form-item label-width="0" prop="techCode">
- <el-input v-model="form.techCode" type="text" auto-complete="off" placeholder="请输入高新企业编号">
- </el-input>
- </el-form-item>
- </td>
- </template>
- </tr>
- <tr>
- <th>上年度是否做加计扣除</th>
- <th><span style="color: red;">*</span>上年度是否做加计扣除</th>
- <td>
- <el-form-item label-width="0" prop="deductionFlag">
- <el-radio-group v-model="form.deductionFlag">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="2">附件</th>
- <th><span style="color: red;">*</span>企业营业执照</th>
- <td colspan="3">
- <el-form-item label-width="3" prop="licensePath" ref="licenseUpload">
- <ImageUpload @input="handleLicenseSuccess" :params="params" :limit="limit" :value="form.licensePath" :fileSize="fileSize"></ImageUpload>
- <!-- <FileUpload :file="{url: form.licensePath, name: form.fileName}" @input="handleSuccess">上传材料</FileUpload> -->
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>其他附件</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="attachIds">
- <FileUpload :files="form.fileList" @input="handleSaleSuccess" :multiple="true" :params="params">上传材料</FileUpload>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>文件水印</th>
- <th>文件水印</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="logo" ref="logoUpload">
- <ImageUpload @input="handleLogoSuccess" :params="params" :limit="limit" :value="form.logo" :fileSize="fileSize"></ImageUpload>
- <!-- <ImageUpload @input="handleLogoSuccess"></ImageUpload> -->
- </el-form-item>
- </td>
- </tr>
- </table>
- </template>
- <template v-if="tokenVisile">
- <table class="table_register media-short">
- <tr>
- <th rowspan="10" style="width: 10%;">企业信息</th>
- <th><span style="color: red;">*</span>企业名称</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="entName">
- <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>统一社会信用代码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="license">
- <el-input type="text" @change="validLicense" style="width: 220px;"
- v-model="form.license"
- placeholder="请输入统一社会信用代码">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>注册资金</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="regCapital">
- <el-input type="text" style="width: 220px;"
- v-model="form.regCapital"
- placeholder="请输入注册资金">
- <template slot="append">万元</template>
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>工商注册时间</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="regDate">
- <el-date-picker v-model="form.regDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width: 220px;"></el-date-picker>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>工商注册类型</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="regType">
- <el-select v-model="form.regType" filterable style="width: 220px;">
- <el-option v-for="item in regTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
- </el-select>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>主营产品(服务)所属技术领域</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="mainProducts">
- <el-select v-model="form.mainProducts" style="width: 220px;" filterable>
- <el-option v-for="(item,index) in mainProductsOptions" :label="item.dictLabel" :key="index" :value="item.dictValue">{{item.dictLabel}}</el-option>
- </el-select>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>通信地址</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="address">
- <el-input v-model="form.address" type="text" auto-complete="off" placeholder="请输入通信地址" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>邮政编码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="zipCode">
- <el-input v-model="form.zipCode" type="text" auto-complete="off" placeholder="请输入邮政编码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>企业所属行政区域</th>
- <td colspan="3">
- <el-col :span="24">
- <el-form-item label-width="0" prop="provinceId">
- <el-select v-model="form.provinceId" placeholder="省" @change="getCityData" style="width: 220px;" filterable>
- <el-option v-for="(item,index) in provinceDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="24">
- <el-form-item prop="cityId" label-width="0px">
- <el-select v-model="form.cityId" placeholder="市" @change="getDistrictData" style="width: 220px;" filterable>
- <el-option v-for="(item, index) in cityDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- <el-col :span="24">
- <el-form-item label-width="0px" prop="districtId">
- <el-select v-model="form.districtId" placeholder="区" style="width: 220px;" filterable>
- <el-option v-for="(item, index) in districtDataList" :key="index" :label="item.name" :value="item.id"></el-option>
- </el-select>
- </el-form-item>
- </el-col>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>企业所得税主管税务机关</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="taxOffice">
- <el-input v-model="form.taxOffice" type="text" auto-complete="off" placeholder="请输入企业所得税主管税务机关" disabled style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="6">法人信息</th>
- <th><span style="color: red;">*</span>姓名</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalName">
- <el-input v-model="form.legalName" type="text" auto-complete="off" placeholder="请输入法人姓名" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>身份证号码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalIdCard">
- <el-input v-model="form.legalIdCard" type="text" auto-complete="off" placeholder="请输入法人身份证号码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>手机号码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalMobile">
- <el-input v-model="form.legalMobile" type="text" auto-complete="off" placeholder="手机号码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>传真</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalFax">
- <el-input v-model="form.legalFax" type="text" auto-complete="off" placeholder="请输入法人传真" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>固定电话</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalPhone">
- <el-input v-model="form.legalPhone" type="text" auto-complete="off" placeholder="请输入固定电话" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>E-mail</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="legalEmail">
- <el-input v-model="form.legalEmail" type="text" auto-complete="off" placeholder="请输入法人邮箱" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="6">联系人信息</th>
- <th><span style="color: red;">*</span>姓名</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkName">
- <el-input v-model="form.linkName" type="text" auto-complete="off" placeholder="请输入联系人姓名" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>身份证号码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkIdCard">
- <el-input v-model="form.linkIdCard" type="text" auto-complete="off" placeholder="请输入联系人身份证号码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>固定电话</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkPhone">
- <el-input v-model="form.linkPhone" type="text" auto-complete="off" placeholder="请输入联系人固定电话" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th><span style="color: red;">*</span>手机号码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkMobile">
- <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请填入手机号码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>E-mail</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkEmail">
- <el-input v-model="form.linkEmail" type="text" auto-complete="off" placeholder="请输入联系人邮箱" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>传真</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="linkFax">
- <el-input v-model="form.linkFax" type="text" auto-complete="off" placeholder="请输入联系人传真" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th :rowspan="form.listedFlag == 1 ? '2' : '1'">企业上市信息</th>
- <th><span style="color: red;">*</span>企业是否上市</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="listedFlag">
- <el-radio-group v-model="form.listedFlag" style="width: 220px;">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <template v-if="form.listedFlag == 1">
- <th><span style="color: red;">*</span>企业上市代码</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="listingCode">
- <el-input v-model="form.listingCode" type="text" auto-complete="off" placeholder="请输入企业上市代码" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </template>
- </tr>
- <tr>
- <th :rowspan="form.investFlag == 1 ? '2' : '1'">风险投资信息</th>
- <th><span style="color: red;">*</span>是否引入风险投资</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="investFlag">
- <el-radio-group v-model="form.investFlag" style="width: 220px;">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- </tr>
- <tr v-if="form.investFlag == 1">
- <!-- <template v-if="form.investFlag == 1"> -->
- <th><span style="color: red;">*</span>风险投资金额</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="investCapital">
- <el-input v-model="form.investCapital" type="text" auto-complete="off" placeholder="请输入风险投资金额" style="width: 220px;">
- <template slot="append">万元</template>
- </el-input>
- </el-form-item>
- </td>
- <!-- </template> -->
- </tr>
- <tr>
- <th :rowspan="form.techFlag == 1 ? '2' : '1'">高新企业</th>
- <th><span style="color: red;">*</span>是否为高新企业</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="techFlag">
- <el-radio-group v-model="form.techFlag" style="width: 220px;">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <template v-if="form.techFlag == 1">
- <th><span style="color: red;">*</span>高新企业编号</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="techCode">
- <el-input v-model="form.techCode" type="text" auto-complete="off" placeholder="请输入高新企业编号" style="width: 220px;">
- </el-input>
- </el-form-item>
- </td>
- </template>
- </tr>
- <tr>
- <th>上年度是否做加计扣除</th>
- <th><span style="color: red;">*</span>上年度是否做加计扣除</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="deductionFlag">
- <el-radio-group v-model="form.deductionFlag" style="width: 220px;">
- <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
- </el-radio-group>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th rowspan="2">附件</th>
- <th><span style="color: red;">*</span>企业营业执照</th>
- <td colspan="3">
- <el-form-item label-width="3" prop="licensePath" ref="licenseUpload">
- <ImageUpload @input="handleLicenseSuccess" :params="params" :limit="limit" :value="form.licensePath" :fileSize="fileSize"></ImageUpload>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>其他附件</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="attachIds">
- <FileUpload :files="form.fileList" @input="handleSaleSuccess" :multiple="true" :params="params">上传材料</FileUpload>
- </el-form-item>
- </td>
- </tr>
- <tr>
- <th>文件水印</th>
- <th>文件水印</th>
- <td colspan="3">
- <el-form-item label-width="0" prop="logo" ref="logoUpload">
- <ImageUpload @input="handleLogoSuccess" :params="params" :limit="limit" :value="form.logo" :fileSize="fileSize"></ImageUpload>
- </el-form-item>
- </td>
- </tr>
- </table>
- </template>
- <el-row :gutter="40" style="margin-top: 20px;">
- <el-col :span="24">
- <el-form-item style="width:100%;text-align: center;" label-width="0px">
- <el-button
- :loading="loading"
- size="medium"
- type="primary"
- @click.native.prevent="handleRegister" style="width: 100px;">
- <span v-if="!loading">注册</span>
- <span v-else>注 册 中...</span>
- </el-button>
- <el-button size="medium" type="primary" style="width: 100px;" @click="cancel">取消</el-button>
- </el-form-item>
- </el-col>
- </el-row>
- </el-form>
- </div>
- <!-- 底部 -->
- <!-- <div class="el-register-footer">
- <span>Copyright © 2022 All Rights Reserved.</span>
- </div> -->
- <el-dialog
- :visible.sync="dialogVisible"
- title="预览"
- width="800"
- append-to-body>
- <img
- :src="dialogImageUrl"
- style="display: block; max-width: 100%; margin: 0 auto"/>
- </el-dialog>
- </div>
- </template>
- <script>
- import { getCodeImg, registerEntApi,getEntUserById,entUserAudit,enterUserNoToken,getEnclosureApi,deleteEnclosureApi } from "@/api/login";
- import {getProvinceDataApi,getRegionChildrenApi,validLicenseApi} from "@/api/common/common"
- import { regTypeOptions,mainProductsOptions,yesOrNoOptions } from "@/utils/dataFormat"
- import FileUpload from '@/components/FileUpload'
- import ImageUpload from '@/components/ImageUpload'
- import { validIDcard,validAmount} from '@/utils/validate'
- import { validNumber,validZh } from '@/utils/validate'
- export default {
- name: "First",
- components: {
- FileUpload,
- ImageUpload
- },
- data() {
- return {
- tokenVisile: false,
- limit: 1, //长传图片数量
- fileSize: 1,
- params: {
- attachType: 'ENT',
- dataId: ''
- },
- dialogVisible: false,
- dialogImageUrl: "",
- provinceName: '',
- attachType: 'ENT',
- dataId: '',
- list: [],
- token: '',
- cityName: '',
- districtName: '',
- codeUrl: "",
- regTypeOptions: regTypeOptions,
- mainProductsOptions: mainProductsOptions,
- yesOrNoOptions: yesOrNoOptions,
- provinceDataList: [],
- cityDataList: [],
- districtDataList: [],
- form: {
- startDate: '',
- endDate: '',
- attachIds: [],
- provinceId: '',
- cityId: '',
- districtId: '',
- mainProducts: '',
- userName: "",
- techFlag: 1,
- listedFlag: 1,
- investFlag: 1,
- deductionFlag: 1
- },
- registerRules: {
- userName: [
- { required: true, trigger: "blur", message: "请输入您的账号" },
- { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
- ],
- email: [
- { required: true, trigger: ["blur", "change"], message: "请输入邮箱",type: "email", },
- ],
- entName: [
- { required: true, trigger: "blur", message: "请输入企业名称" },
- { validator: validZh, trigger: 'blur' }
- ],
- license: [
- { required: true, trigger: "blur", message: "请输入统一社会信用代码" },
- {min: 18,max: 18, message: '请输入正确的统一社会信用代码格式', trigger: 'blur' }
- ],
- regCapital: [
- { required: true, trigger: "blur", message: "请输入注册资金" },
- { validator: validAmount, trigger: 'blur'}
- ],
- regDate: [
- { required: true, trigger: "change", message: "请选择工商注册时间" },
- ],
- regType: [
- { required: true, trigger: "change", message: "请选择工商注册类型" },
- ],
- mainProducts: [
- { required: true, message: '请至少选择一个主营产品(服务)所属技术领域', trigger: 'change' }
- ],
- address: [
- { required: true, trigger: "blur", message: "请输入通信地址" },
- {max: 50, message: '最多输入50个字符', trigger: 'blur' }
- ],
- zipCode: [
- { required: true, trigger: "blur", message: "请输入邮政编码" },
- { validator: validNumber, trigger: 'blur'},
- {max: 6, message: '最多输入6位数字', trigger: 'blur' }
- ],
- provinceId: [
- { required: true, trigger: "change", message: "请选择省份" },
- ],
- cityId: [
- { required: true, trigger: "change", message: "请选择市" },
- ],
- districtId: [
- { required: true, trigger: "change", message: "请选择区" },
- ],
- taxOffice: [
- { required: true, trigger: "blur", message: "企业所得税主管税务机关" },
- {max: 30, message: '最多输入30个字符', trigger: 'blur' }
- ],
- legalName: [
- { required: true, trigger: "blur", message: "请输入姓名" },
- {max: 30, message: '最多输入30个字符', trigger: 'blur' }
- ],
- legalIdCard: [
- { required: true, trigger: "blur", message: "请输入身份证号码" },
- { validator: validIDcard, trigger: 'blur'}
- ],
- legalMobile: [
- { required: true, trigger: "blur", message: "请输入手机号码" },
- {
- pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
- message: "请输入正确的手机号码",
- trigger: "blur"
- }
- ],
- linkName: [
- { required: true, trigger: "blur", message: "请输入姓名" },
- {max: 30, message: '最多输入30个字符', trigger: 'blur' }
- ],
- linkIdCard: [
- { required: true, trigger: "blur", message: "请输入身份证号码" },
- { validator: validIDcard, trigger: 'blur'}
- ],
- linkMobile: [
- { required: true, trigger: "blur", message: "请输入手机号码" },
- {
- pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
- message: "请输入正确的手机号码",
- trigger: "blur"
- }
- ],
- listedFlag: [
- { required: true, trigger: "change", message: "请选择企业是否上市" },
- ],
- listingCode: [
- { required: true, trigger: "blur", message: "请输入企业上市代码" },
- {max: 30, message: '最多输入30个字符', trigger: 'blur' }
- ],
- investFlag: [
- { required: true, trigger: "change", message: "请选择是否引入风险投资" },
- ],
- investCapital: [
- { required: true, trigger: "blur", message: "请输入风险投资金额" },
- { validator: validAmount, trigger: 'blur'}
- ],
- techFlag: [
- { required: true, trigger: "change", message: "请选择是否为高新企业" },
- ],
- techCode: [
- { required: true, trigger: "blur", message: "请输入高新企业编号" },
- {max: 30, message: '最多输入30个字符', trigger: 'blur' }
- ],
- deductionFlag: [
- { required: true, trigger: "change", message: "请选择是否做加计扣除" },
- ],
- licensePath: [
- { required: true, trigger: "change", message: "请上传营业执照附件" },
- ],
- // logo: [
- // { required: true, trigger: "change", message: "请上传文件水印" },
- // ]
- },
- loading: false,
- captchaOnOff: true
- };
- },
- created() {
- this.getCode();
- this.getProvinceData()
- this.token = this.$route.params.token || ''
- if(this.token) {
- this.getData()
- this.tokenVisile = false
- this.activeName = '3'
- }else {
- this.tokenVisile = true
- this.activeName = '1'
- }
- },
- methods: {
- validLicense(val) {
- validLicenseApi(val).then(res => {
- // true存在
- if(res.data) {
- this.$message.error('统一社会信用代码已经存在,不可以重复注册');
- }
- })
- },
- getEnclosureData() {
- getEnclosureApi(this.token,this.attachType, this.dataId).then(res => {
- this.list = res.data.records
- })
- },
- getData() {
- this.loading = true
- getEntUserById(this.token).then(res => {
- this.loading = false
- this.form = res.data || {}
- this.dataId = res.data.id || {}
- if(this.dataId) {
- this.getEnclosureData()
- }
- // let mainProductArray = this.form.mainProducts.split(',') || ['电子信息'];
- // this.$set(this.form, 'mainProductArray', mainProductArray);
- this.form.provinceId = res.data.provinceId
- if(this.form.provinceId) {
- getRegionChildrenApi(this.form.provinceId).then(res => {
- if(res.code == 200) {
- this.cityDataList = res.data
- }
- })
- }
- if(this.form.cityId) {
- getRegionChildrenApi(this.form.cityId).then(res => {
- if(res.code == 200) {
- this.districtDataList = res.data
- }
- })
- }
- })
- },
- handleSuccess(file) {
- this.form.licensePath = file.url;
- this.form.fileName = file.name;
- },
- // handleSaleSuccess(files) {
- // files.forEach(item => {
- // this.form.attachIds.push(item.response.data.id)
- // });
- // },
- handleSaleSuccess(files) {
- this.form.fileList = files
- this.form.attachIds = []
- files.forEach(item => {
- this.form.attachIds.push(item.response.data.id)
- });
- },
- handleLogoSuccess(file) {
- this.form.logo = file
- },
- handleLicenseSuccess(file) {
- this.form.licensePath = file
- this.$refs.licenseUpload.clearValidate()
- },
- handleView(row) {
- // 获取文件路径
- const fileUrl = row.url
- // 获取最后一个.的位置
- const index = fileUrl.lastIndexOf(".")
- // 获取后缀
- const ext = fileUrl.substr(index+1)
- if(ext == 'jpg' || ext == 'png' || ext == 'jpeg') {
- this.dialogVisible = true
- this.dialogImageUrl = fileUrl
- }else {
- window.open(fileUrl)
- }
- },
- handleDelete(row) {
- const id = row.id;
- this.$confirm('是否确认删除该数据?', "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(function() {
- return deleteEnclosureApi(this.token,id);
- }).then(() => {
- this.getEnclosureData()
- this.$modal.msgSuccess("删除成功");
- })
- },
- //选择省份
- getCityData() {
- this.form.cityId = ''
- this.form.districtId = ''
- getRegionChildrenApi(this.form.provinceId).then(res => {
- if(res.code == 200) {
- this.cityDataList = res.data
- let obj = this.provinceDataList.find(item => {
- return item.id == this.form.provinceId
- })
- this.provinceName = obj.name
- this.form.taxOffice = '国家税务总局'+this.provinceName+'税务局'
- }
- })
- },
- //选择市
- getDistrictData() {
- this.form.districtId = ''
- getRegionChildrenApi(this.form.cityId).then(res => {
- if(res.code == 200) {
- this.districtDataList = res.data
- let obj = this.cityDataList.find(item => {
- return item.id == this.form.cityId
- })
- this.cityName = obj.name
- this.form.taxOffice = '国家税务总局'+this.cityName+'税务局'
- }
- })
- },
- changeDistrict() {
- let obj = this.districtDataList.find(item => {
- return item.id == this.form.districtId
- })
- this.districtName = obj.name
- this.form.taxOffice = '国家税务总局'+this.districtName+'税务局'
- },
- getProvinceData() {
- getProvinceDataApi().then(res => {
- if(res.code == 200) {
- this.provinceDataList = res.data
- this.form.provinceId = '1481196860266852481'
- getRegionChildrenApi(this.form.provinceId).then(res => {
- if(res.code == 200) {
- this.cityDataList = res.data
- this.form.cityId = '1481196860266852482'
- getRegionChildrenApi(this.form.cityId).then(res => {
- if(res.code == 200) {
- this.districtDataList = res.data
- }
- })
- }
- })
- }
- })
- this.form.taxOffice = '国家税务总局长沙市税务局'
- },
- getCode() {
- getCodeImg().then(res => {
- this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
- if (this.captchaOnOff) {
- this.codeUrl = "data:image/gif;base64," + res.img;
- this.form.uuid = res.uuid;
- }
- });
- },
- cancel() {
- this.$router.go(-1);
- },
- handleRegister() {
- validLicenseApi(this.form.license).then(res => {
- if(res.data) {
- this.$message.error('统一社会信用代码已经存在,不可以重复注册');
- return
- }
- })
- this.$refs.form.validate((valid,obj) => {
- if (valid) {
- this.loading = true;
- if(this.token) {
- entUserAudit(this.token, this.form).then(res => {
- this.$alert("注册信息修改成功", '系统提示', {
- dangerouslyUseHTMLString: true,
- type: 'success'
- }).then(() => {
- this.$store.dispatch('LogOut').then(() => {
- this.$router.push("/login");
- })
- }).catch(() => {});
- }).catch(() => {
- this.loading = false;
- })
- }else {
- registerEntApi(this.form).then(res => {
- const userName = this.form.userName;
- this.$alert("<font color='red'>您已注册成功,账户为统一信用代码,密码为默认123456。请等待审核通过后登录平台进行操作。</font>", '系统提示', {
- dangerouslyUseHTMLString: true,
- type: 'success'
- }).then(() => {
- this.$router.push("/login");
- }).catch(() => {});
- }).catch(() => {
- this.loading = false;
- })
- }
- }else {
- const a = []
- for (let key in obj) {
- a.push(obj[key][0].message)
- }
- this.$message({
- message: a[0],
- type: "warning"
- })
- return false
- }
- });
- }
- }
- };
- </script>
- <style lang="scss" scoped>
- .register {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 900px;
- overflow-y: auto;
- scroll-behavior: auto;
- background-image: url("../../assets/images/login-background.jpg");
- background-size: cover;
- }
- .title {
- margin: 0px auto 30px auto;
- text-align: center;
- color: #FFFFFF;
- }
- @media ( max-width : 850px) {
- .media {
- display: none !important;
- }
- }
- @media ( min-width: 850px ) {
- .media-short {
- display: none !important;
- }
- }
- </style>
|