registerFirst.vue 36 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954
  1. <template>
  2. <div class="app-container">
  3. <div class="top-fixed">
  4. <div class="title-reg">
  5. <h3 class="title">注册信息</h3>
  6. <div class="top-img" @click="cancel">
  7. <img src='../../assets/images/cancel.png'>
  8. </div>
  9. </div>
  10. </div>
  11. <div class="content">
  12. <el-form ref="registerForm" :model="registerForm" :rules="registerRules" label-width="200px">
  13. <template v-if="tokenVisile">
  14. <table class="table_register">
  15. <!-- 注册通过统一信用代码和默认密码123456去登录 -->
  16. <!-- <tr>
  17. <th rowspan="2">账户信息</th>
  18. <th><span style="color: red;">*</span>账户名称</th>
  19. <td>
  20. <el-form-item label-width="0" prop="userName">
  21. <el-input v-model="registerForm.userName" type="text" auto-complete="off" placeholder="账号">
  22. </el-input>
  23. </el-form-item>
  24. </td>
  25. <th><span style="color: red;">*</span>密码</th>
  26. <td>
  27. <el-form-item label-width="0" prop="password">
  28. <el-input
  29. v-model="registerForm.password"
  30. type="password"
  31. auto-complete="new-password"
  32. placeholder="密码">
  33. </el-input>
  34. </el-form-item>
  35. </td>
  36. </tr>
  37. <tr>
  38. <th><span style="color: red;">*</span>确认密码</th>
  39. <td>
  40. <el-form-item label-width="0" prop="confirmPassword">
  41. <el-input
  42. v-model="registerForm.confirmPassword"
  43. type="password"
  44. auto-complete="new-password"
  45. placeholder="确认密码">
  46. </el-input>
  47. </el-form-item>
  48. </td>
  49. </tr> -->
  50. <tr>
  51. <th rowspan="6">企业信息</th>
  52. <th><span style="color: red;">*</span>企业名称</th>
  53. <td>
  54. <el-form-item label-width="0" prop="entName">
  55. <el-input v-model="registerForm.entName" type="text" auto-complete="off" placeholder="请输入企业名称">
  56. </el-input>
  57. </el-form-item>
  58. </td>
  59. <th><span style="color: red;">*</span>统一社会信用代码</th>
  60. <td>
  61. <el-form-item label-width="0" prop="license">
  62. <el-input type="text" @change="validLicense"
  63. v-model="registerForm.license"
  64. placeholder="请输入统一社会信用代码">
  65. </el-input>
  66. </el-form-item>
  67. </td>
  68. </tr>
  69. <tr>
  70. <th><span style="color: red;">*</span>注册资金</th>
  71. <td>
  72. <el-form-item label-width="0" prop="regCapital">
  73. <el-input type="text"
  74. v-model="registerForm.regCapital"
  75. placeholder="请输入注册资金">
  76. <template slot="append">万元</template>
  77. </el-input>
  78. </el-form-item>
  79. </td>
  80. <th><span style="color: red;">*</span>工商注册时间</th>
  81. <td>
  82. <el-form-item label-width="0" prop="regDate">
  83. <el-date-picker v-model="registerForm.regDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
  84. </el-form-item>
  85. </td>
  86. </tr>
  87. <tr>
  88. <th><span style="color: red;">*</span>工商注册类型</th>
  89. <td>
  90. <el-form-item label-width="0" prop="regType">
  91. <el-select v-model="registerForm.regType" filterable>
  92. <el-option v-for="item in regTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
  93. </el-select>
  94. </el-form-item>
  95. </td>
  96. <th><span style="color: red;">*</span>主营产品(服务)所属技术领域</th>
  97. <td>
  98. <el-form-item label-width="0" prop="mainProducts">
  99. <el-select v-model="registerForm.mainProducts" style="width: 220px;" filterable>
  100. <el-option v-for="(item,index) in mainProductsOptions" :label="item.dictLabel" :key="index" :value="item.dictValue">{{item.dictLabel}}</el-option>
  101. </el-select>
  102. </el-form-item>
  103. </td>
  104. </tr>
  105. <tr>
  106. <th><span style="color: red;">*</span>通信地址</th>
  107. <td>
  108. <el-form-item label-width="0" prop="address">
  109. <el-input v-model="registerForm.address" type="text" auto-complete="off" placeholder="请输入通信地址">
  110. </el-input>
  111. </el-form-item>
  112. </td>
  113. <th><span style="color: red;">*</span>邮政编码</th>
  114. <td>
  115. <el-form-item label-width="0" prop="zipCode">
  116. <el-input v-model="registerForm.zipCode" type="text" auto-complete="off" placeholder="请输入邮政编码">
  117. </el-input>
  118. </el-form-item>
  119. </td>
  120. </tr>
  121. <tr>
  122. <th><span style="color: red;">*</span>企业所属行政区域</th>
  123. <td colspan="3">
  124. <el-col :span="8">
  125. <el-form-item label-width="0" prop="provinceId">
  126. <el-select v-model="registerForm.provinceId" placeholder="省" @change="getCityData" style="width: 220px;" filterable>
  127. <el-option v-for="(item,index) in provinceDataList" :key="index" :label="item.name" :value="item.id"></el-option>
  128. </el-select>
  129. </el-form-item>
  130. </el-col>
  131. <el-col :span="8">
  132. <el-form-item prop="cityId" label-width="0px">
  133. <el-select v-model="registerForm.cityId" placeholder="市" @change="getDistrictData" style="width: 220px;" filterable>
  134. <el-option v-for="(item, index) in cityDataList" :key="index" :label="item.name" :value="item.id"></el-option>
  135. </el-select>
  136. </el-form-item>
  137. </el-col>
  138. <el-col :span="8">
  139. <el-form-item label-width="0px" prop="districtId">
  140. <el-select v-model="registerForm.districtId" placeholder="区" style="width: 220px;" filterable>
  141. <el-option v-for="(item, index) in districtDataList" :key="index" :label="item.name" :value="item.id"></el-option>
  142. </el-select>
  143. </el-form-item>
  144. </el-col>
  145. </td>
  146. </tr>
  147. <tr>
  148. <th><span style="color: red;">*</span>企业所得税主管税务机关</th>
  149. <td colspan="3">
  150. <el-form-item label-width="0" prop="taxOffice">
  151. <el-input v-model="registerForm.taxOffice" type="text" auto-complete="off" placeholder="请输入企业所得税主管税务机关" disabled>
  152. </el-input>
  153. </el-form-item>
  154. </td>
  155. </tr>
  156. <tr>
  157. <th rowspan="2">账户联系人信息</th>
  158. <th><span style="color: red;">*</span>姓名</th>
  159. <td>
  160. <el-form-item label-width="0" prop="nickName">
  161. <el-input v-model="registerForm.nickName" type="text" auto-complete="off" placeholder="姓名">
  162. </el-input>
  163. </el-form-item>
  164. </td>
  165. <th><span style="color: red;">*</span>手机号码</th>
  166. <td>
  167. <el-form-item label-width="0" prop="phonenumber">
  168. <el-input v-model="registerForm.phonenumber" type="text" auto-complete="off" placeholder="手机号码">
  169. </el-input>
  170. </el-form-item>
  171. </td>
  172. </tr>
  173. <tr>
  174. <th><span style="color: red;">*</span>邮箱地址</th>
  175. <td>
  176. <el-form-item label-width="0" prop="email">
  177. <el-input v-model="registerForm.email" type="text" auto-complete="off" placeholder="邮箱地址">
  178. </el-input>
  179. </el-form-item>
  180. </td>
  181. </tr>
  182. <tr>
  183. <th rowspan="3">法人信息</th>
  184. <th><span style="color: red;">*</span>姓名</th>
  185. <td>
  186. <el-form-item label-width="0" prop="legalName">
  187. <el-input v-model="registerForm.legalName" type="text" auto-complete="off" placeholder="请输入法人姓名">
  188. </el-input>
  189. </el-form-item>
  190. </td>
  191. <th><span style="color: red;">*</span>身份证号码</th>
  192. <td>
  193. <el-form-item label-width="0" prop="legalIdCard">
  194. <el-input v-model="registerForm.legalIdCard" type="text" auto-complete="off" placeholder="请输入法人身份证号码">
  195. </el-input>
  196. </el-form-item>
  197. </td>
  198. </tr>
  199. <tr>
  200. <th><span style="color: red;">*</span>手机号码</th>
  201. <td>
  202. <el-form-item label-width="0" prop="legalMobile">
  203. <el-input v-model="registerForm.legalMobile" type="text" auto-complete="off" placeholder="手机号码">
  204. </el-input>
  205. </el-form-item>
  206. </td>
  207. <th>固定电话</th>
  208. <td>
  209. <el-form-item label-width="0" prop="legalPhone">
  210. <el-input v-model="registerForm.legalPhone" type="text" auto-complete="off" placeholder="请输入固定电话">
  211. </el-input>
  212. </el-form-item>
  213. </td>
  214. </tr>
  215. <tr>
  216. <th>传真</th>
  217. <td>
  218. <el-form-item label-width="0" prop="legalFax">
  219. <el-input v-model="registerForm.legalFax" type="text" auto-complete="off" placeholder="请输入法人传真">
  220. </el-input>
  221. </el-form-item>
  222. </td>
  223. <th>E-mail</th>
  224. <td>
  225. <el-form-item label-width="0" prop="legalEmail">
  226. <el-input v-model="registerForm.legalEmail" type="text" auto-complete="off" placeholder="请输入法人邮箱">
  227. </el-input>
  228. </el-form-item>
  229. </td>
  230. </tr>
  231. <tr>
  232. <th rowspan="3">联系人信息</th>
  233. <th><span style="color: red;">*</span>姓名</th>
  234. <td>
  235. <el-form-item label-width="0" prop="linkName">
  236. <el-input v-model="registerForm.linkName" type="text" auto-complete="off" placeholder="请输入联系人姓名">
  237. </el-input>
  238. </el-form-item>
  239. </td>
  240. <th><span style="color: red;">*</span>身份证号码</th>
  241. <td>
  242. <el-form-item label-width="0" prop="linkIdCard">
  243. <el-input v-model="registerForm.linkIdCard" type="text" auto-complete="off" placeholder="请输入联系人身份证号码">
  244. </el-input>
  245. </el-form-item>
  246. </td>
  247. </tr>
  248. <tr>
  249. <th><span style="color: red;">*</span>手机号码</th>
  250. <td>
  251. <el-form-item label-width="0" prop="linkMobile">
  252. <el-input v-model="registerForm.linkMobile" type="text" auto-complete="off" placeholder="请填入手机号码">
  253. </el-input>
  254. </el-form-item>
  255. </td>
  256. <th>固定电话</th>
  257. <td>
  258. <el-form-item label-width="0" prop="linkPhone">
  259. <el-input v-model="registerForm.linkPhone" type="text" auto-complete="off" placeholder="请输入联系人固定电话">
  260. </el-input>
  261. </el-form-item>
  262. </td>
  263. </tr>
  264. <tr>
  265. <th>传真</th>
  266. <td>
  267. <el-form-item label-width="0" prop="linkFax">
  268. <el-input v-model="registerForm.linkFax" type="text" auto-complete="off" placeholder="请输入联系人传真">
  269. </el-input>
  270. </el-form-item>
  271. </td>
  272. <th>E-mail</th>
  273. <td>
  274. <el-form-item label-width="0" prop="linkEmail">
  275. <el-input v-model="registerForm.linkEmail" type="text" auto-complete="off" placeholder="请输入联系人邮箱">
  276. </el-input>
  277. </el-form-item>
  278. </td>
  279. </tr>
  280. <tr>
  281. <th>企业上市信息</th>
  282. <th><span style="color: red;">*</span>企业是否上市</th>
  283. <td>
  284. <el-form-item label-width="0" prop="listedFlag">
  285. <el-radio-group v-model="registerForm.listedFlag">
  286. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  287. </el-radio-group>
  288. </el-form-item>
  289. </td>
  290. <template v-if="registerForm.listedFlag == 1">
  291. <th><span style="color: red;">*</span>企业上市代码</th>
  292. <td>
  293. <el-form-item label-width="0" prop="listingCode">
  294. <el-input v-model="registerForm.listingCode" type="text" auto-complete="off" placeholder="请输入企业上市代码">
  295. </el-input>
  296. </el-form-item>
  297. </td>
  298. </template>
  299. </tr>
  300. <tr>
  301. <th>风险投资信息</th>
  302. <th><span style="color: red;">*</span>是否引入风险投资</th>
  303. <td>
  304. <el-form-item label-width="0" prop="investFlag">
  305. <el-radio-group v-model="registerForm.investFlag">
  306. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  307. </el-radio-group>
  308. </el-form-item>
  309. </td>
  310. <template v-if="registerForm.investFlag == 1">
  311. <th><span style="color: red;">*</span>风险投资金额</th>
  312. <td>
  313. <el-form-item label-width="0" prop="investCapital">
  314. <el-input v-model="registerForm.investCapital" type="text" auto-complete="off" placeholder="请输入风险投资金额">
  315. <template slot="append">万元</template>
  316. </el-input>
  317. </el-form-item>
  318. </td>
  319. </template>
  320. </tr>
  321. <tr>
  322. <th>高新企业</th>
  323. <th><span style="color: red;">*</span>是否为高新企业</th>
  324. <td>
  325. <el-form-item label-width="0" prop="techFlag">
  326. <el-radio-group v-model="registerForm.techFlag">
  327. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  328. </el-radio-group>
  329. </el-form-item>
  330. </td>
  331. <template v-if="registerForm.techFlag == 1">
  332. <th><span style="color: red;">*</span>高新企业编号</th>
  333. <td>
  334. <el-form-item label-width="0" prop="techCode">
  335. <el-input v-model="registerForm.techCode" type="text" auto-complete="off" placeholder="请输入高新企业编号">
  336. </el-input>
  337. </el-form-item>
  338. </td>
  339. </template>
  340. </tr>
  341. <tr>
  342. <th>上年度是否做加计扣除</th>
  343. <th><span style="color: red;">*</span>上年度是否做加计扣除</th>
  344. <td>
  345. <el-form-item label-width="0" prop="deductionFlag">
  346. <el-radio-group v-model="registerForm.deductionFlag">
  347. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  348. </el-radio-group>
  349. </el-form-item>
  350. </td>
  351. </tr>
  352. <tr>
  353. <th rowspan="2">附件</th>
  354. <th><span style="color: red;">*</span>企业营业执照</th>
  355. <td colspan="3">
  356. <el-form-item label-width="3" prop="licensePath" ref="licenseUpload">
  357. <ImageUpload @input="handleLicenseSuccess" :params="params" :limit="limit" :value="registerForm.licensePath" :fileSize="fileSize"></ImageUpload>
  358. <!-- <FileUpload :file="{url: registerForm.licensePath, name: registerForm.fileName}" @input="handleSuccess">上传材料</FileUpload> -->
  359. </el-form-item>
  360. </td>
  361. </tr>
  362. <tr>
  363. <th>其他附件</th>
  364. <td colspan="3">
  365. <el-form-item label-width="0" prop="attachIds">
  366. <FileUpload :files="registerForm.fileList" @input="handleSaleSuccess" :multiple="true" :params="params">上传材料</FileUpload>
  367. <el-table v-loading="loading" :data="list" border style="width: 100%;margin-top: 5px;" v-if="dataId">
  368. <el-table-column label="序号" type="index" width="50" align="center"></el-table-column>
  369. <el-table-column label="文件名称" prop="fileName" align="center"></el-table-column>
  370. <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  371. <template slot-scope="scope">
  372. <el-button type="text" @click="handleView(scope.row)">查看</el-button>
  373. <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
  374. </template>
  375. </el-table-column>
  376. </el-table>
  377. <!-- <FileUpload :files="registerForm.attachIds" @input="handleSaleSuccess" :multiple="true">上传材料</FileUpload> -->
  378. </el-form-item>
  379. </td>
  380. </tr>
  381. <tr>
  382. <th>文件水印</th>
  383. <th>文件水印</th>
  384. <td colspan="3">
  385. <el-form-item label-width="0" prop="logo" ref="logoUpload">
  386. <ImageUpload @input="handleLogoSuccess" :params="params" :limit="limit" :value="registerForm.logo" :fileSize="fileSize"></ImageUpload>
  387. <!-- <ImageUpload @input="handleLogoSuccess"></ImageUpload> -->
  388. </el-form-item>
  389. </td>
  390. </tr>
  391. </table>
  392. </template>
  393. <el-row :gutter="40" style="margin-top: 20px;">
  394. <el-col :span="24">
  395. <el-form-item style="width:100%;text-align: center;" label-width="0px">
  396. <el-button
  397. :loading="loading"
  398. size="medium"
  399. type="primary"
  400. @click.native.prevent="handleRegister" style="width: 100px;">
  401. <span v-if="!loading">注册</span>
  402. <span v-else>注 册 中...</span>
  403. </el-button>
  404. <el-button size="medium" type="primary" style="width: 100px;" @click="cancel">取消</el-button>
  405. </el-form-item>
  406. </el-col>
  407. </el-row>
  408. </el-form>
  409. </div>
  410. <!-- 底部 -->
  411. <!-- <div class="el-register-footer">
  412. <span>Copyright © 2022 All Rights Reserved.</span>
  413. </div> -->
  414. <el-dialog
  415. :visible.sync="dialogVisible"
  416. title="预览"
  417. width="800"
  418. append-to-body>
  419. <img
  420. :src="dialogImageUrl"
  421. style="display: block; max-width: 100%; margin: 0 auto"/>
  422. </el-dialog>
  423. </div>
  424. </template>
  425. <script>
  426. import { getCodeImg, registerEntApi,getEntUserById,entUserAudit,enterUserNoToken,getEnclosureApi,deleteEnclosureApi } from "@/api/login";
  427. import {getProvinceDataApi,getRegionChildrenApi,validLicenseApi} from "@/api/common/common"
  428. import { regTypeOptions,mainProductsOptions,yesOrNoOptions } from "@/utils/dataFormat"
  429. import FileUpload from '@/components/FileUpload'
  430. import ImageUpload from '@/components/ImageUpload'
  431. import { validIDcard,validAmount} from '@/utils/validate'
  432. import { validNumber } from '@/utils/validate'
  433. export default {
  434. name: "First",
  435. components: {
  436. FileUpload,
  437. ImageUpload
  438. },
  439. data() {
  440. const equalToPassword = (rule, value, callback) => {
  441. if (this.registerForm.password !== value) {
  442. callback(new Error("两次输入的密码不一致"));
  443. } else {
  444. callback();
  445. }
  446. };
  447. return {
  448. tokenVisile: false,
  449. limit: 1, //长传图片数量
  450. fileSize: 1,
  451. params: {
  452. attachType: 'ENT',
  453. dataId: ''
  454. },
  455. dialogVisible: false,
  456. dialogImageUrl: "",
  457. activeNames: ['1','2','3','4','5','6','7','8','9','10', '11'],
  458. provinceName: '',
  459. attachType: 'ENT',
  460. dataId: '',
  461. list: [],
  462. token: '',
  463. cityName: '',
  464. districtName: '',
  465. codeUrl: "",
  466. regTypeOptions: regTypeOptions,
  467. mainProductsOptions: mainProductsOptions,
  468. yesOrNoOptions: yesOrNoOptions,
  469. provinceDataList: [],
  470. cityDataList: [],
  471. districtDataList: [],
  472. registerForm: {
  473. startDate: '',
  474. endDate: '',
  475. attachIds: [],
  476. provinceId: '',
  477. cityId: '',
  478. districtId: '',
  479. mainProducts: '',
  480. userName: "",
  481. password: "",
  482. confirmPassword: "",
  483. techFlag: 1,
  484. listedFlag: 1,
  485. investFlag: 1,
  486. deductionFlag: 1
  487. },
  488. registerRules: {
  489. userName: [
  490. { required: true, trigger: "blur", message: "请输入您的账号" },
  491. { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
  492. ],
  493. password: [
  494. { required: true, trigger: "blur", message: "请输入您的密码" },
  495. { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
  496. ],
  497. confirmPassword: [
  498. { required: true, trigger: "blur", message: "请再次输入您的密码" },
  499. { required: true, validator: equalToPassword, trigger: "blur" }
  500. ],
  501. nickName: [
  502. { required: true, trigger: "blur", message: "请输入姓名" },
  503. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  504. ],
  505. phonenumber: [
  506. { required: true, trigger: "blur", message: "请输入手机号" },
  507. {
  508. pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
  509. message: "请输入正确的手机号码",
  510. trigger: "blur"
  511. }
  512. ],
  513. email: [
  514. { required: true, trigger: ["blur", "change"], message: "请输入邮箱",type: "email", },
  515. ],
  516. entName: [
  517. { required: true, trigger: "blur", message: "请输入企业名称" },
  518. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  519. ],
  520. license: [
  521. { required: true, trigger: "blur", message: "请输入统一社会信用代码" },
  522. {min: 18,max: 18, message: '请输入正确的统一社会信用代码格式', trigger: 'blur' }
  523. ],
  524. regCapital: [
  525. { required: true, trigger: "blur", message: "请输入注册资金" },
  526. { validator: validAmount, trigger: 'blur'}
  527. ],
  528. regDate: [
  529. { required: true, trigger: "change", message: "请选择工商注册时间" },
  530. ],
  531. regType: [
  532. { required: true, trigger: "change", message: "请选择工商注册类型" },
  533. ],
  534. mainProducts: [
  535. { required: true, message: '请至少选择一个主营产品(服务)所属技术领域', trigger: 'change' }
  536. ],
  537. address: [
  538. { required: true, trigger: "blur", message: "请输入通信地址" },
  539. {max: 50, message: '最多输入50个字符', trigger: 'blur' }
  540. ],
  541. zipCode: [
  542. { required: true, trigger: "blur", message: "请输入邮政编码" },
  543. { validator: validNumber, trigger: 'blur'},
  544. {max: 6, message: '最多输入6位数字', trigger: 'blur' }
  545. ],
  546. provinceId: [
  547. { required: true, trigger: "change", message: "请选择省份" },
  548. ],
  549. cityId: [
  550. { required: true, trigger: "change", message: "请选择市" },
  551. ],
  552. districtId: [
  553. { required: true, trigger: "change", message: "请选择区" },
  554. ],
  555. taxOffice: [
  556. { required: true, trigger: "blur", message: "企业所得税主管税务机关" },
  557. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  558. ],
  559. legalName: [
  560. { required: true, trigger: "blur", message: "请输入姓名" },
  561. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  562. ],
  563. legalIdCard: [
  564. { required: true, trigger: "blur", message: "请输入身份证号码" },
  565. { validator: validIDcard, trigger: 'blur'}
  566. ],
  567. legalMobile: [
  568. { required: true, trigger: "blur", message: "请输入手机号码" },
  569. {
  570. pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
  571. message: "请输入正确的手机号码",
  572. trigger: "blur"
  573. }
  574. ],
  575. linkName: [
  576. { required: true, trigger: "blur", message: "请输入姓名" },
  577. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  578. ],
  579. linkIdCard: [
  580. { required: true, trigger: "blur", message: "请输入身份证号码" },
  581. { validator: validIDcard, trigger: 'blur'}
  582. ],
  583. linkMobile: [
  584. { required: true, trigger: "blur", message: "请输入手机号码" },
  585. {
  586. pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
  587. message: "请输入正确的手机号码",
  588. trigger: "blur"
  589. }
  590. ],
  591. listedFlag: [
  592. { required: true, trigger: "change", message: "请选择企业是否上市" },
  593. ],
  594. listingCode: [
  595. { required: true, trigger: "blur", message: "请输入企业上市代码" },
  596. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  597. ],
  598. investFlag: [
  599. { required: true, trigger: "change", message: "请选择是否引入风险投资" },
  600. ],
  601. investCapital: [
  602. { required: true, trigger: "blur", message: "请输入风险投资金额" },
  603. { validator: validAmount, trigger: 'blur'}
  604. ],
  605. techFlag: [
  606. { required: true, trigger: "change", message: "请选择是否为高新企业" },
  607. ],
  608. techCode: [
  609. { required: true, trigger: "blur", message: "请输入高新企业编号" },
  610. {max: 30, message: '最多输入30个字符', trigger: 'blur' }
  611. ],
  612. deductionFlag: [
  613. { required: true, trigger: "change", message: "请选择是否做加计扣除" },
  614. ],
  615. licensePath: [
  616. { required: true, trigger: "change", message: "请上传营业执照附件" },
  617. ],
  618. // logo: [
  619. // { required: true, trigger: "change", message: "请上传文件水印" },
  620. // ]
  621. },
  622. loading: false,
  623. captchaOnOff: true
  624. };
  625. },
  626. created() {
  627. this.getCode();
  628. this.getProvinceData()
  629. this.token = this.$route.params.token || ''
  630. if(this.token) {
  631. this.getData()
  632. this.tokenVisile = false
  633. this.activeName = '3'
  634. }else {
  635. this.tokenVisile = true
  636. this.activeName = '1'
  637. }
  638. },
  639. methods: {
  640. validLicense(val) {
  641. validLicenseApi(val).then(res => {
  642. // true存在
  643. if(res.data) {
  644. this.$message.error('统一社会信用代码已经存在,不可以重复注册');
  645. }
  646. })
  647. },
  648. getEnclosureData() {
  649. getEnclosureApi(this.token,this.attachType, this.dataId).then(res => {
  650. this.list = res.data.records
  651. })
  652. },
  653. getData() {
  654. this.loading = true
  655. getEntUserById(this.token).then(res => {
  656. this.loading = false
  657. this.registerForm = res.data || {}
  658. this.dataId = res.data.id || {}
  659. if(this.dataId) {
  660. this.getEnclosureData()
  661. }
  662. // let mainProductArray = this.registerForm.mainProducts.split(',') || ['电子信息'];
  663. // this.$set(this.registerForm, 'mainProductArray', mainProductArray);
  664. this.registerForm.provinceId = res.data.provinceId
  665. if(this.registerForm.provinceId) {
  666. getRegionChildrenApi(this.registerForm.provinceId).then(res => {
  667. if(res.code == 200) {
  668. this.cityDataList = res.data
  669. }
  670. })
  671. }
  672. if(this.registerForm.cityId) {
  673. getRegionChildrenApi(this.registerForm.cityId).then(res => {
  674. if(res.code == 200) {
  675. this.districtDataList = res.data
  676. }
  677. })
  678. }
  679. })
  680. },
  681. handleSuccess(file) {
  682. this.registerForm.licensePath = file.url;
  683. this.registerForm.fileName = file.name;
  684. },
  685. // handleSaleSuccess(files) {
  686. // files.forEach(item => {
  687. // this.registerForm.attachIds.push(item.response.data.id)
  688. // });
  689. // },
  690. handleSaleSuccess(files) {
  691. this.registerForm.fileList = files
  692. this.registerForm.attachIds = []
  693. files.forEach(item => {
  694. this.registerForm.attachIds.push(item.response.data.id)
  695. });
  696. },
  697. handleLogoSuccess(file) {
  698. this.registerForm.logo = file
  699. },
  700. handleLicenseSuccess(file) {
  701. this.registerForm.licensePath = file
  702. this.$refs.licenseUpload.clearValidate()
  703. },
  704. handleView(row) {
  705. // 获取文件路径
  706. const fileUrl = row.url
  707. // 获取最后一个.的位置
  708. const index = fileUrl.lastIndexOf(".")
  709. // 获取后缀
  710. const ext = fileUrl.substr(index+1)
  711. if(ext == 'jpg' || ext == 'png' || ext == 'jpeg') {
  712. this.dialogVisible = true
  713. this.dialogImageUrl = fileUrl
  714. }else {
  715. window.open(fileUrl)
  716. }
  717. },
  718. handleDelete(row) {
  719. const id = row.id;
  720. this.$confirm('是否确认删除该数据?', "警告", {
  721. confirmButtonText: "确定",
  722. cancelButtonText: "取消",
  723. type: "warning"
  724. }).then(function() {
  725. return deleteEnclosureApi(this.token,id);
  726. }).then(() => {
  727. this.getEnclosureData()
  728. this.$modal.msgSuccess("删除成功");
  729. })
  730. },
  731. //选择省份
  732. getCityData() {
  733. this.registerForm.cityId = ''
  734. this.registerForm.districtId = ''
  735. getRegionChildrenApi(this.registerForm.provinceId).then(res => {
  736. if(res.code == 200) {
  737. this.cityDataList = res.data
  738. let obj = this.provinceDataList.find(item => {
  739. return item.id == this.registerForm.provinceId
  740. })
  741. this.provinceName = obj.name
  742. this.registerForm.taxOffice = '国家税务总局'+this.provinceName+'税务局'
  743. }
  744. })
  745. },
  746. //选择市
  747. getDistrictData() {
  748. this.registerForm.districtId = ''
  749. getRegionChildrenApi(this.registerForm.cityId).then(res => {
  750. if(res.code == 200) {
  751. this.districtDataList = res.data
  752. let obj = this.cityDataList.find(item => {
  753. return item.id == this.registerForm.cityId
  754. })
  755. this.cityName = obj.name
  756. this.registerForm.taxOffice = '国家税务总局'+this.cityName+'税务局'
  757. }
  758. })
  759. },
  760. changeDistrict() {
  761. let obj = this.districtDataList.find(item => {
  762. return item.id == this.registerForm.districtId
  763. })
  764. this.districtName = obj.name
  765. this.registerForm.taxOffice = '国家税务总局'+this.districtName+'税务局'
  766. },
  767. getProvinceData() {
  768. getProvinceDataApi().then(res => {
  769. if(res.code == 200) {
  770. this.provinceDataList = res.data
  771. this.registerForm.provinceId = '1481196860266852481'
  772. getRegionChildrenApi(this.registerForm.provinceId).then(res => {
  773. if(res.code == 200) {
  774. this.cityDataList = res.data
  775. this.registerForm.cityId = '1481196860266852482'
  776. getRegionChildrenApi(this.registerForm.cityId).then(res => {
  777. if(res.code == 200) {
  778. this.districtDataList = res.data
  779. }
  780. })
  781. }
  782. })
  783. }
  784. })
  785. this.registerForm.taxOffice = '国家税务总局长沙市税务局'
  786. },
  787. getCode() {
  788. getCodeImg().then(res => {
  789. this.captchaOnOff = res.captchaOnOff === undefined ? true : res.captchaOnOff;
  790. if (this.captchaOnOff) {
  791. this.codeUrl = "data:image/gif;base64," + res.img;
  792. this.registerForm.uuid = res.uuid;
  793. }
  794. });
  795. },
  796. cancel() {
  797. this.$router.go(-1);
  798. },
  799. handleRegister() {
  800. // this.registerForm.mainProducts = this.registerForm.mainProductArray.join(',')
  801. validLicenseApi(this.registerForm.license).then(res => {
  802. // true存在
  803. if(res.data) {
  804. this.$message.error('统一社会信用代码已经存在,不可以重复注册');
  805. return
  806. }
  807. })
  808. this.$refs.registerForm.validate((valid,obj) => {
  809. if (valid) {
  810. this.loading = true;
  811. if(this.token) {
  812. entUserAudit(this.token, this.registerForm).then(res => {
  813. this.$alert("注册信息修改成功", '系统提示', {
  814. dangerouslyUseHTMLString: true,
  815. type: 'success'
  816. }).then(() => {
  817. this.$store.dispatch('LogOut').then(() => {
  818. this.$router.push("/login");
  819. })
  820. }).catch(() => {});
  821. }).catch(() => {
  822. this.loading = false;
  823. })
  824. }else {
  825. registerEntApi(this.registerForm).then(res => {
  826. const userName = this.registerForm.userName;
  827. this.$alert("<font color='red'>恭喜你,您的账号 " + userName + " 注册成功!</font>", '系统提示', {
  828. dangerouslyUseHTMLString: true,
  829. type: 'success'
  830. }).then(() => {
  831. this.$router.push("/login");
  832. }).catch(() => {});
  833. }).catch(() => {
  834. this.loading = false;
  835. })
  836. }
  837. }else {
  838. const a = []
  839. for (let key in obj) {
  840. a.push(obj[key][0].message)
  841. }
  842. this.$message({
  843. message: a[0],
  844. type: "warning"
  845. })
  846. return false
  847. }
  848. });
  849. }
  850. }
  851. };
  852. </script>
  853. <style rel="stylesheet/scss" lang="scss">
  854. .title-reg {
  855. position: fixed;
  856. z-index: 999;
  857. top: 0;
  858. right: 0;
  859. left: 0;
  860. width: 100%;
  861. height: 45px;
  862. line-height: 45px;
  863. padding: 20px;
  864. background-color: #1890ff;
  865. img {
  866. left: 0;
  867. }
  868. }
  869. .top-fixed {
  870. width: 100%;
  871. height: 45px;
  872. }
  873. .top-img {
  874. float: right;
  875. margin-top: -64px;
  876. }
  877. .register {
  878. display: flex;
  879. justify-content: center;
  880. align-items: center;
  881. height: 900px;
  882. overflow-y: auto;
  883. scroll-behavior: auto;
  884. background-image: url("../../assets/images/login-background.jpg");
  885. background-size: cover;
  886. }
  887. .title {
  888. margin: 0px auto 30px auto;
  889. text-align: center;
  890. color: #FFFFFF;
  891. }
  892. .register-form {
  893. border-radius: 6px;
  894. background: #ffffff;
  895. width: 1200px;
  896. height: 800px;
  897. overflow-y: auto;
  898. padding: 25px 25px 5px 25px;
  899. .el-input {
  900. height: 38px;
  901. input {
  902. height: 38px;
  903. }
  904. }
  905. .input-icon {
  906. height: 39px;
  907. width: 14px;
  908. margin-left: 2px;
  909. }
  910. }
  911. .register-tip {
  912. font-size: 13px;
  913. text-align: center;
  914. color: #bfbfbf;
  915. }
  916. .register-code {
  917. width: 33%;
  918. height: 38px;
  919. float: right;
  920. img {
  921. cursor: pointer;
  922. vertical-align: middle;
  923. }
  924. }
  925. .el-register-footer {
  926. height: 40px;
  927. line-height: 40px;
  928. position: fixed;
  929. bottom: 0;
  930. width: 100%;
  931. text-align: center;
  932. color: #fff;
  933. font-family: Arial;
  934. font-size: 12px;
  935. letter-spacing: 1px;
  936. }
  937. .register-code-img {
  938. height: 38px;
  939. }
  940. .el-form-item {
  941. margin-bottom: 8px;
  942. }
  943. </style>