edit.vue 36 KB

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