edit.vue 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618
  1. <template>
  2. <div class="app-container" v-loading="loading">
  3. <el-form ref="form" :model="form" :rules="registerRules" label-width="170px">
  4. <template v-if="type == 'add'">
  5. <h3 class="toolbar">
  6. <span class="title">账户信息</span>
  7. </h3>
  8. <el-row :gutter="40">
  9. <el-col :span="12">
  10. <el-form-item label="账户名称" prop="userName">
  11. <el-input v-model="form.userName" type="text" auto-complete="off" placeholder="账号">
  12. </el-input>
  13. </el-form-item>
  14. </el-col>
  15. <el-col :span="12">
  16. <el-form-item label="密码" prop="password">
  17. <el-input
  18. v-model="form.password"
  19. type="password"
  20. auto-complete="new-password"
  21. placeholder="密码">
  22. </el-input>
  23. </el-form-item>
  24. </el-col>
  25. <el-col :span="12">
  26. <el-form-item label="确认密码" prop="confirmPassword">
  27. <el-input
  28. v-model="form.confirmPassword"
  29. type="password"
  30. auto-complete="new-password"
  31. placeholder="确认密码">
  32. </el-input>
  33. </el-form-item>
  34. </el-col>
  35. </el-row>
  36. <h3 class="toolbar">
  37. <span class="title">账户联系人信息</span>
  38. </h3>
  39. <el-row :gutter="40">
  40. <el-col :span="12">
  41. <el-form-item label="姓名" prop="nickName">
  42. <el-input v-model="form.nickName" type="text" auto-complete="off" placeholder="姓名">
  43. </el-input>
  44. </el-form-item>
  45. </el-col>
  46. <el-col :span="12">
  47. <el-form-item label="手机号码" prop="phonenumber">
  48. <el-input v-model="form.phonenumber" type="text" auto-complete="off" placeholder="手机号码">
  49. </el-input>
  50. </el-form-item>
  51. </el-col>
  52. <el-col :span="12">
  53. <el-form-item label="邮箱地址" prop="email">
  54. <el-input v-model="form.email" type="text" auto-complete="off" placeholder="邮箱地址">
  55. </el-input>
  56. </el-form-item>
  57. </el-col>
  58. </el-row>
  59. </template>
  60. <h3 class="toolbar">
  61. <span class="title">企业信息</span>
  62. </h3>
  63. <el-row :gutter="40">
  64. <el-col :span="12">
  65. <el-form-item label="企业名称" prop="entName">
  66. <el-input v-model="form.entName" type="text" auto-complete="off" placeholder="请输入企业名称">
  67. </el-input>
  68. </el-form-item>
  69. </el-col>
  70. <el-col :span="12">
  71. <el-form-item label="统一社会信用代码" prop="license">
  72. <el-input type="text"
  73. v-model="form.license"
  74. placeholder="请输入统一社会信用代码">
  75. </el-input>
  76. </el-form-item>
  77. </el-col>
  78. <el-col :span="12">
  79. <el-form-item label="注册资金" prop="regCapital">
  80. <el-input type="text"
  81. v-model="form.regCapital"
  82. placeholder="请输入注册资金">
  83. </el-input>
  84. </el-form-item>
  85. </el-col>
  86. <el-col :span="12">
  87. <el-form-item label="工商注册时间" prop="regDate">
  88. <el-date-picker v-model="form.regDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"></el-date-picker>
  89. </el-form-item>
  90. </el-col>
  91. <el-col :span="12">
  92. <el-form-item label="工商注册类型" prop="regType">
  93. <el-select v-model="form.regType" filterable>
  94. <el-option v-for="item in regTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue"></el-option>
  95. </el-select>
  96. </el-form-item>
  97. </el-col>
  98. <el-col :span="24">
  99. <el-form-item label="主营产品(服务)所属技术领域" prop="mainProductArray">
  100. <el-checkbox-group v-model="form.mainProductArray">
  101. <el-checkbox v-for="(item, index) in mainProductsOptions" :label="item.dictLabel" :key="index">{{item.dictLabel}}</el-checkbox>
  102. </el-checkbox-group>
  103. </el-form-item>
  104. </el-col>
  105. <el-col :span="12">
  106. <el-form-item label="通信地址" prop="address">
  107. <el-input v-model="form.address" type="text" auto-complete="off" placeholder="请输入通信地址">
  108. </el-input>
  109. </el-form-item>
  110. </el-col>
  111. <el-col :span="12">
  112. <el-form-item label="邮政编码" prop="zipCode">
  113. <el-input v-model="form.zipCode" type="text" auto-complete="off" placeholder="请输入邮政编码">
  114. </el-input>
  115. </el-form-item>
  116. </el-col>
  117. <el-col :span="8">
  118. <el-form-item label="企业所属行政区域" prop="provinceId">
  119. <el-select v-model="form.provinceId" placeholder="省" @change="getCityData" style="width: 220px;" filterable>
  120. <el-option v-for="(item,index) in provinceDataList" :key="index" :label="item.name" :value="item.id"></el-option>
  121. </el-select>
  122. </el-form-item>
  123. </el-col>
  124. <el-col :span="7">
  125. <el-form-item prop="cityId" label-width="60px">
  126. <el-select v-model="form.cityId" placeholder="市" @change="getDistrictData" style="width: 220px;" filterable>
  127. <el-option v-for="(item, index) in cityDataList" :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 label-width="0px" prop="districtId">
  133. <el-select v-model="form.districtId" placeholder="区" style="width: 220px;" filterable @change="changeDistrict">
  134. <el-option v-for="(item, index) in districtDataList" :key="index" :label="item.name" :value="item.id"></el-option>
  135. </el-select>
  136. </el-form-item>
  137. </el-col>
  138. <el-col :span="12">
  139. <el-form-item label="企业所得税主管税务机关" prop="taxOffice">
  140. <el-input v-model="form.taxOffice" type="text" auto-complete="off" placeholder="请输入企业所得税主管税务机关">
  141. </el-input>
  142. </el-form-item>
  143. </el-col>
  144. </el-row>
  145. <h3 class="toolbar">
  146. <span class="title">法人信息</span>
  147. </h3>
  148. <el-row :gutter="40">
  149. <el-col :span="12">
  150. <el-form-item label="姓名" prop="legalName">
  151. <el-input v-model="form.legalName" type="text" auto-complete="off" placeholder="请输入法人姓名">
  152. </el-input>
  153. </el-form-item>
  154. </el-col>
  155. <el-col :span="12">
  156. <el-form-item label="身份证号码" prop="legalIdCard">
  157. <el-input v-model="form.legalIdCard" type="text" auto-complete="off" placeholder="请输入法人身份证号码">
  158. </el-input>
  159. </el-form-item>
  160. </el-col>
  161. <el-col :span="12">
  162. <el-form-item label="手机号码" prop="legalMobile">
  163. <el-input v-model="form.legalMobile" type="text" auto-complete="off" placeholder="手机号码">
  164. </el-input>
  165. </el-form-item>
  166. </el-col>
  167. <el-col :span="12">
  168. <el-form-item label="固定电话" prop="legalPhone">
  169. <el-input v-model="form.legalPhone" type="text" auto-complete="off" placeholder="请输入固定电话">
  170. </el-input>
  171. </el-form-item>
  172. </el-col>
  173. <el-col :span="12">
  174. <el-form-item label="传真" prop="legalFax">
  175. <el-input v-model="form.legalFax" type="text" auto-complete="off" placeholder="请输入法人传真">
  176. </el-input>
  177. </el-form-item>
  178. </el-col>
  179. <el-col :span="12">
  180. <el-form-item label="E-mail" prop="legalEmail">
  181. <el-input v-model="form.legalEmail" type="text" auto-complete="off" placeholder="请输入法人邮箱">
  182. </el-input>
  183. </el-form-item>
  184. </el-col>
  185. </el-row>
  186. <h3 class="toolbar">
  187. <span class="title">联系人信息</span>
  188. </h3>
  189. <el-row :gutter="40">
  190. <el-col :span="12">
  191. <el-form-item label="姓名" prop="linkName">
  192. <el-input v-model="form.linkName" type="text" auto-complete="off" placeholder="请输入联系人姓名">
  193. </el-input>
  194. </el-form-item>
  195. </el-col>
  196. <el-col :span="12">
  197. <el-form-item label="身份证号码" prop="linkIdCard">
  198. <el-input v-model="form.linkIdCard" type="text" auto-complete="off" placeholder="请输入联系人身份证号码">
  199. </el-input>
  200. </el-form-item>
  201. </el-col>
  202. <el-col :span="12">
  203. <el-form-item label="手机号码" prop="linkMobile">
  204. <el-input v-model="form.linkMobile" type="text" auto-complete="off" placeholder="请填入手机号码">
  205. </el-input>
  206. </el-form-item>
  207. </el-col>
  208. <el-col :span="12">
  209. <el-form-item label="固定电话" prop="linkPhone">
  210. <el-input v-model="form.linkPhone" type="text" auto-complete="off" placeholder="请输入联系人固定电话">
  211. </el-input>
  212. </el-form-item>
  213. </el-col>
  214. <el-col :span="12">
  215. <el-form-item label="传真" prop="linkFax">
  216. <el-input v-model="form.linkFax" type="text" auto-complete="off" placeholder="请输入联系人传真">
  217. </el-input>
  218. </el-form-item>
  219. </el-col>
  220. <el-col :span="12">
  221. <el-form-item label="E-mail" prop="linkEmail">
  222. <el-input v-model="form.linkEmail" type="text" auto-complete="off" placeholder="请输入联系人邮箱">
  223. </el-input>
  224. </el-form-item>
  225. </el-col>
  226. </el-row>
  227. <h3 class="toolbar">
  228. <span class="title">企业上市信息</span>
  229. </h3>
  230. <el-row :gutter="40">
  231. <el-col :span="12">
  232. <el-form-item label="企业是否上市" prop="listedFlag">
  233. <el-radio-group v-model="form.listedFlag">
  234. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  235. </el-radio-group>
  236. </el-form-item>
  237. </el-col>
  238. <el-col :span="12">
  239. <el-form-item label="企业上市代码" prop="listingCode">
  240. <el-input v-model="form.listingCode" type="text" auto-complete="off" placeholder="请输入企业上市代码">
  241. </el-input>
  242. </el-form-item>
  243. </el-col>
  244. </el-row>
  245. <h3 class="toolbar">
  246. <span class="title">风险投资信息</span>
  247. </h3>
  248. <el-row :gutter="40">
  249. <el-col :span="12">
  250. <el-form-item label="是否引入风险投资" prop="investFlag">
  251. <el-radio-group v-model="form.investFlag">
  252. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  253. </el-radio-group>
  254. </el-form-item>
  255. </el-col>
  256. <el-col :span="12">
  257. <el-form-item label="风险投资金额" prop="investCapital">
  258. <el-input v-model="form.investCapital" type="text" auto-complete="off" placeholder="请输入风险投资金额">
  259. </el-input>
  260. </el-form-item>
  261. </el-col>
  262. </el-row>
  263. <h3 class="toolbar">
  264. <span class="title">高新企业</span>
  265. </h3>
  266. <el-row :gutter="40">
  267. <el-col :span="12">
  268. <el-form-item label="是否为高新企业" prop="techFlag">
  269. <el-radio-group v-model="form.techFlag">
  270. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  271. </el-radio-group>
  272. </el-form-item>
  273. </el-col>
  274. <el-col :span="12">
  275. <el-form-item label="高新企业编号" prop="techCode">
  276. <el-input v-model="form.techCode" type="text" auto-complete="off" placeholder="请输入高新企业编号">
  277. </el-input>
  278. </el-form-item>
  279. </el-col>
  280. </el-row>
  281. <h3 class="toolbar">
  282. <span class="title">上年度是否做加计扣除</span>
  283. </h3>
  284. <el-row :gutter="40">
  285. <el-col :span="12">
  286. <el-form-item label="上年度是否做加计扣除" prop="deductionFlag">
  287. <el-radio-group v-model="form.deductionFlag">
  288. <el-radio v-for="(item, index) in yesOrNoOptions" :key="index" :label="item.dictValue">{{item.dictLabel}}</el-radio>
  289. </el-radio-group>
  290. </el-form-item>
  291. </el-col>
  292. </el-row>
  293. <h3 class="toolbar">
  294. <span class="title">附件</span>
  295. </h3>
  296. <el-row :gutter="40">
  297. <el-col :span="24">
  298. <el-form-item label="企业营业执照" prop="licensePath">
  299. <ImageUpload @input="handleLicenseSuccess" :params="params" :limit="limit" :value="form.licensePath" :fileSize="fileSize"></ImageUpload>
  300. <!-- <FileUpload :file="{url: form.licensePath, name: form.fileName}" @input="handleSuccess" :params="params">上传材料</FileUpload> -->
  301. </el-form-item>
  302. </el-col>
  303. <el-col :span="24">
  304. <el-form-item label="其他附件" prop="attachIds">
  305. <FileUpload :files="form.fileList" @input="handleSaleSuccess" :multiple="true" :params="params">上传材料</FileUpload>
  306. <el-table v-loading="loading" :data="list" border style="width: 100%;margin-top: 5px;" v-if="type == 'update'">
  307. <el-table-column label="序号" type="index" width="50" align="center"></el-table-column>
  308. <el-table-column label="文件名称" prop="fileName" align="center"></el-table-column>
  309. <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
  310. <template slot-scope="scope">
  311. <el-button type="text" @click="handleView(scope.row)">查看</el-button>
  312. <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
  313. </template>
  314. </el-table-column>
  315. </el-table>
  316. </el-form-item>
  317. </el-col>
  318. </el-row>
  319. <h3 class="toolbar">
  320. <span class="title">文件水印</span>
  321. </h3>
  322. <el-row :gutter="40">
  323. <el-col :span="24">
  324. <el-form-item label="文件水印" prop="logo">
  325. <ImageUpload @input="handleLogoSuccess" :params="params" :limit="limit" :value="form.logo" :fileSize="fileSize"></ImageUpload>
  326. </el-form-item>
  327. </el-col>
  328. </el-row>
  329. <h3 class="toolbar">
  330. <span class="title">服务时间</span>
  331. </h3>
  332. <el-row :gutter="40">
  333. <el-col :span="24">
  334. <el-form-item label="服务时间段" prop="serviceDate">
  335. <el-date-picker v-model="form.serviceDate" placeholder="选择日期" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
  336. </el-form-item>
  337. </el-col>
  338. </el-row>
  339. <el-row :gutter="40">
  340. <el-col :span="24">
  341. <el-form-item style="width:100%;text-align: center;" label-width="0px">
  342. <el-button :loading="loading" size="medium" type="primary" @click.native.prevent="handleRegister" style="width: 100px;">
  343. 提交
  344. </el-button>
  345. <el-button size="medium" type="primary" style="width: 100px;">取消</el-button>
  346. </el-form-item>
  347. </el-col>
  348. </el-row>
  349. </el-form>
  350. <upload-enclosure ref="uploadEnclosure" v-if="enclosureVisible" @refreshData="getList()" :attachType="attachType"></upload-enclosure>
  351. </div>
  352. </template>
  353. <script>
  354. import { getEntInfoByIdApi,updateEntInfoApi } from "@/api/admin/ent/ent"
  355. import { registerEnterUserApi } from "@/api/admin/ent/ent";
  356. import {getProvinceDataApi,getRegionChildrenApi} from "@/api/common/common"
  357. import { regTypeOptions,mainProductsOptions,yesOrNoOptions } from "@/utils/dataFormat"
  358. import FileUpload from '@/components/FileUpload'
  359. import ImageUpload from '@/components/ImageUpload'
  360. import {getEnclosureApi} from "@/api/enterprise/project/project"
  361. import UploadEnclosure from "./components/UploadEnclosure"
  362. import {deleteEnclosureApi} from '@/api/enterprise/project/project'
  363. export default {
  364. name: "First",
  365. components: {
  366. FileUpload,
  367. ImageUpload,
  368. UploadEnclosure
  369. },
  370. data() {
  371. const equalToPassword = (rule, value, callback) => {
  372. if (this.form.password !== value) {
  373. callback(new Error("两次输入的密码不一致"));
  374. } else {
  375. callback();
  376. }
  377. };
  378. return {
  379. limit: 1, //长传图片数量
  380. fileSize: 1,
  381. enclosureVisible: false,
  382. type: this.$route.query.type,
  383. attachType: 'ENT',
  384. dataId: this.$route.params.id,
  385. params: {
  386. attachType: 'ENT',
  387. dataId: ''
  388. }, //附件上传需要
  389. activeName: '3',
  390. list: [],
  391. provinceName: '',
  392. cityName: '',
  393. districtName: '',
  394. codeUrl: "",
  395. regTypeOptions: regTypeOptions,
  396. mainProductsOptions: mainProductsOptions,
  397. yesOrNoOptions: yesOrNoOptions,
  398. provinceDataList: [],
  399. cityDataList: [],
  400. districtDataList: [],
  401. form: {
  402. id: '',
  403. fileList: [],
  404. serviceDate: [],
  405. fileList: [],
  406. listedFlag: 1,
  407. investFlag: 1,
  408. startDate: '',
  409. endDate: '',
  410. attachIds: [],
  411. provinceId: '',
  412. cityId: '',
  413. districtId: '',
  414. mainProductArray: ['电子信息'],
  415. mainProducts: '',
  416. userName: "",
  417. password: "",
  418. confirmPassword: "",
  419. },
  420. total: 0,
  421. registerRules: {
  422. userName: [
  423. { required: true, trigger: "blur", message: "请输入您的账号" },
  424. { min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur' }
  425. ],
  426. password: [
  427. { required: true, trigger: "blur", message: "请输入您的密码" },
  428. { min: 5, max: 20, message: '用户密码长度必须介于 5 和 20 之间', trigger: 'blur' }
  429. ],
  430. confirmPassword: [
  431. { required: true, trigger: "blur", message: "请再次输入您的密码" },
  432. { required: true, validator: equalToPassword, trigger: "blur" }
  433. ],
  434. code: [{ required: true, trigger: "change", message: "请输入验证码" }]
  435. },
  436. loading: false,
  437. captchaOnOff: true
  438. };
  439. },
  440. created() {
  441. this.getProvinceData()
  442. this.form.id = this.$route.params.id || undefined;
  443. this.type = this.$route.query.type || undefined
  444. if(this.form.id) {
  445. this.params.dataId = this.$route.params.id
  446. this.getData()
  447. this.getEnclosureData()
  448. }
  449. },
  450. methods: {
  451. getEnclosureData() {
  452. getEnclosureApi(this.attachType, this.dataId).then(res => {
  453. this.list = res.data.records
  454. })
  455. },
  456. handleUpload() {
  457. this.enclosureVisible = true
  458. this.$nextTick(() => {
  459. this.$refs.uploadEnclosure.init()
  460. })
  461. },
  462. handleDelete(row) {
  463. const id = row.id;
  464. this.$confirm('是否确认删除该数据?', "警告", {
  465. confirmButtonText: "确定",
  466. cancelButtonText: "取消",
  467. type: "warning"
  468. }).then(function() {
  469. return deleteEnclosureApi(id);
  470. }).then(() => {
  471. this.getEnclosureData()
  472. this.$modal.msgSuccess("删除成功");
  473. })
  474. },
  475. getData() {
  476. this.loading = true
  477. getEntInfoByIdApi(this.form.id).then(res => {
  478. this.loading = false
  479. this.form = res.data || {}
  480. let mainProductArray = this.form.mainProducts.split(',') || ['电子信息'];
  481. this.$set(this.form, 'mainProductArray', mainProductArray);
  482. this.form.serviceDate = []
  483. if(this.form.startDate) {
  484. this.form.serviceDate[0] = this.form.startDate
  485. this.form.serviceDate[1] = this.form.endDate
  486. }
  487. this.form.provinceId = res.data.provinceId
  488. if(this.form.provinceId) {
  489. this.getCityData()
  490. }
  491. if(this.form.cityId) {
  492. this.getDistrictData()
  493. }
  494. })
  495. },
  496. handleSuccess(file) {
  497. this.form.licensePath = file.url;
  498. this.form.fileName = file.name;
  499. },
  500. handleLogoSuccess(file) {
  501. this.form.logo = file
  502. },
  503. handleLicenseSuccess(file) {
  504. this.form.licensePath = file
  505. },
  506. handleSaleSuccess(files) {
  507. this.form.fileList = files
  508. this.form.attachIds = []
  509. files.forEach(item => {
  510. this.form.attachIds.push(item.response.data.id)
  511. });
  512. },
  513. //选择省份
  514. getCityData() {
  515. // this.form.cityId = ''
  516. // this.form.districtId = ''
  517. getRegionChildrenApi(this.form.provinceId).then(res => {
  518. if(res.code == 200) {
  519. this.cityDataList = res.data
  520. let obj = this.provinceDataList.find(item => {
  521. return item.id == this.form.provinceId
  522. })
  523. this.provinceName = obj.name
  524. this.form.taxOffice = '国家税务总局'+this.provinceName+'税务局'
  525. }
  526. })
  527. },
  528. //选择市
  529. getDistrictData() {
  530. // this.form.districtId = ''
  531. getRegionChildrenApi(this.form.cityId).then(res => {
  532. if(res.code == 200) {
  533. this.districtDataList = res.data
  534. let obj = this.cityDataList.find(item => {
  535. return item.id == this.form.cityId
  536. })
  537. this.cityName = obj.name
  538. this.form.taxOffice = '国家税务总局'+this.cityName+'税务局'
  539. }
  540. })
  541. },
  542. changeDistrict() {
  543. let obj = this.districtDataList.find(item => {
  544. return item.id == this.form.districtId
  545. })
  546. this.districtName = obj.name
  547. this.form.taxOffice = '国家税务总局'+this.districtName+'税务局'
  548. },
  549. getProvinceData() {
  550. getProvinceDataApi().then(res => {
  551. if(res.code == 200) {
  552. this.provinceDataList = res.data
  553. }
  554. })
  555. },
  556. handleRegister() {
  557. this.form.mainProducts = this.form.mainProductArray.join(',')
  558. if(this.type == 'update') {
  559. this.$refs.form.validate(valid => {
  560. if (valid) {
  561. this.loading = true;
  562. updateEntInfoApi(this.form).then(res => {
  563. const userName = this.form.userName;
  564. this.$alert("<font color='red'>信息修改成功!</font>", '系统提示', {
  565. dangerouslyUseHTMLString: true,
  566. type: 'success'
  567. }).then(() => {
  568. this.$store.dispatch("tagsView/delView", this.$route);
  569. this.$router.go(-1);
  570. }).catch(() => {});
  571. }).catch(() => {
  572. this.loading = false;
  573. })
  574. }
  575. });
  576. }else {
  577. this.$refs.form.validate(valid => {
  578. if (valid) {
  579. this.loading = true;
  580. registerEnterUserApi(this.form).then(res => {
  581. const userName = this.form.userName;
  582. this.$alert("<font color='red'>恭喜你,您的账号 " + userName + " 注册成功!</font>", '系统提示', {
  583. dangerouslyUseHTMLString: true,
  584. type: 'success'
  585. }).then(() => {
  586. this.$store.dispatch("tagsView/delView", this.$route);
  587. this.$router.go(-1);
  588. }).catch(() => {});
  589. }).catch(() => {
  590. this.loading = false;
  591. })
  592. }
  593. });
  594. }
  595. }
  596. },
  597. watch: {
  598. 'form.serviceDate'(val) {
  599. if(this.form.serviceDate.length > 0) {
  600. this.form.startDate = this.form.serviceDate[0]
  601. this.form.endDate = this.form.serviceDate[1]
  602. }
  603. }
  604. }
  605. };
  606. </script>
  607. <style rel="stylesheet/scss" lang="scss">
  608. </style>