铝交易,微信公众号
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

395 lines
10 KiB

7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
  1. <template>
  2. <view class="registerShop">
  3. <navbar :title="titleList[titleIndex]" leftClick @leftClick="$utils.navigateBack"/>
  4. <view class="frame">
  5. <!--基本信息-->
  6. <view class="basicInfo">
  7. <!--用户名-->
  8. <view class="item">
  9. <view>{{ $t('components.username')}}</view>
  10. <view>
  11. <input v-model="form.userName" :placeholder="$t('components.enterUserName')" clearable></input>
  12. </view>
  13. </view>
  14. <!--密码-->
  15. <view class="item">
  16. <view>{{ $t('components.password')}}</view>
  17. <view>
  18. <input v-model="form.password" password clearable :placeholder="$t('components.enterYourPassword')" clearable></input>
  19. </view>
  20. </view>
  21. <!--公司名称-->
  22. <view class="item">
  23. <view>{{ $t('other.companyName')}}</view>
  24. <view>
  25. <input v-model="form.companyName" type="number" :placeholder="$t('other.enterCompanyName')" clearable></input>
  26. </view>
  27. </view>
  28. <!--税收编码-->
  29. <view class="item">
  30. <view>{{ $t('other.taxCode')}}</view>
  31. <view>
  32. <input v-model="form.taxCode" :placeholder="$t('other.enterTaxCode')" clearable></input>
  33. </view>
  34. </view>
  35. <!--公司地址-->
  36. <view class="item">
  37. <view>{{ $t('other.companyAddress')}}</view>
  38. <view>
  39. <input v-model="form.address" :placeholder="$t('other.enterCompanyAddress')" clearable></input>
  40. </view>
  41. </view>
  42. <!--联系电话-->
  43. <view class="item">
  44. <view>{{ $t('components.lxPhone')}}</view>
  45. <view>
  46. <input v-model="form.phone" :placeholder="$t('components.plePhoneNumber')" clearable></input>
  47. </view>
  48. </view>
  49. <!---->
  50. <view class="item">
  51. <view>{{ $t('other.companyAccount')}}</view>
  52. <view>
  53. <input v-model="form.bankAccount" :placeholder="$t('other.enterCompanyAccount')" clearable></input>
  54. </view>
  55. </view>
  56. <view class="item">
  57. <view>{{ $t('components.bankName')}}</view>
  58. <view>
  59. <input v-model="form.bankNama" :placeholder="$t('components.enterBankName')" clearable></input>
  60. </view>
  61. </view>
  62. </view>
  63. <!--证件信息-->
  64. <view class="certificateInfo">
  65. <!--营业执照-->
  66. <view class="certificateInfoItem">
  67. <view class="title">
  68. <span
  69. style="width: 10rpx;height: 40rpx;background-color: #f78142;border-radius: 10rpx;overflow: hidden;"></span>
  70. <span>{{ $t('components.businessLicense')}}</span>
  71. </view>
  72. <view class="upload">
  73. <uv-upload
  74. :fileList="yyzzfileList"
  75. :maxCount="4"
  76. multiple
  77. width="150rpx"
  78. height="150rpx"
  79. @delete="(file) => deleteImage(0, file)"
  80. @afterRead="(file) => afterRead(0, file)"
  81. :previewFullImage="true"></uv-upload>
  82. </view>
  83. </view>
  84. <!--基本户信息-->
  85. <view class="certificateInfoItem">
  86. <view class="title">
  87. <span
  88. style="width: 10rpx;height: 40rpx;background-color: #f78142;border-radius: 10rpx;overflow: hidden;"></span>
  89. <span>{{ $t('components.basicAccountInfo')}}</span>
  90. </view>
  91. <view class="upload">
  92. <uv-upload
  93. :fileList="jbhxxfileList"
  94. :maxCount="4"
  95. multiple
  96. width="150rpx"
  97. height="150rpx"
  98. @delete="(file) => deleteImage(1, file)"
  99. @afterRead="(file) => afterRead(1, file)"
  100. :previewFullImage="true"></uv-upload>
  101. </view>
  102. </view>
  103. <!--收款银行-->
  104. <view class="certificateInfoItem">
  105. <view class="title">
  106. <span
  107. style="width: 10rpx;height: 40rpx;background-color: #f78142;border-radius: 10rpx;overflow: hidden;"></span>
  108. <span>{{ $t('components.receivingBank')}}</span>
  109. </view>
  110. <view class="upload">
  111. <uv-upload
  112. :fileList="skyhfileList"
  113. :maxCount="4"
  114. multiple
  115. width="150rpx"
  116. height="150rpx"
  117. @delete="(file) => deleteImage(2, file)"
  118. @afterRead="(file) => afterRead(2, file)"
  119. :previewFullImage="true"></uv-upload>
  120. </view>
  121. </view>
  122. </view>
  123. </view>
  124. <view class="bottom">
  125. <view class="btns">
  126. <!--申请审核-->
  127. <span @click="applyReview" class="sqsh">
  128. {{ $t('components.submitReview') }}
  129. </span>
  130. <!--联系我们-->
  131. <span @click="contactUs" class="lxwm">
  132. {{ $t('components.contactUs') }}
  133. </span>
  134. </view>
  135. <view class="others">
  136. <!--注册须知-->
  137. <span @click="applyReview" class="zcxz">
  138. {{ $t('components.registrationNotice') }}
  139. </span>
  140. <!--框架合同预览-->
  141. <span @click="contactUs" class="kjhtyl">
  142. {{ $t('other.frameworkContractPreview') }}
  143. </span>
  144. </view>
  145. </view>
  146. <!-- 联系客服弹框 -->
  147. <customerServicePopup ref="customerServicePopup" />
  148. </view>
  149. </template>
  150. <script>
  151. import customerServicePopup from "@/components/config/customerServicePopup.vue";
  152. export default {
  153. components: {customerServicePopup},
  154. onLoad(option) {
  155. this.titleIndex = option.identity
  156. },
  157. data() {
  158. return {
  159. titleIndex: 0,
  160. titleList: [
  161. // 采购商注册 供应商注册 国内清关申请
  162. this.$t('other.buyerRegistration'),
  163. this.$t('other.supplierRegistration'),
  164. this.$t('other.domesticCustomsClearanceApplication')
  165. ],
  166. form: {
  167. "address": "",
  168. "auditStatus": 0,
  169. "bankAccount": "",
  170. "bankInfo": "",
  171. "bankNama": "",
  172. "basicAccount": "",
  173. "businessLicense": "",
  174. "companyName": "",
  175. "password": "",
  176. "phone": "",
  177. "role": 0,
  178. "taxCode": "",
  179. "userName": ""
  180. },
  181. yyzzfileList: [],
  182. jbhxxfileList: [],
  183. skyhfileList: [],
  184. }
  185. },
  186. methods: {
  187. // 申请审核
  188. applyReview() {
  189. this.$api('roleOption',this.form, res => {
  190. if (res.code == 200) {
  191. uni.removeStorageSync('token')
  192. this.$store.state.userInfo = {}
  193. uni.redirectTo({
  194. url: '/pages/index/index'
  195. })
  196. }
  197. })
  198. },
  199. // 联系我们
  200. contactUs() {
  201. console.log("打开客服弹框")
  202. this.$refs.customerServicePopup.open();
  203. },
  204. // 上传图片
  205. afterRead(type, e) {
  206. let self = this
  207. e.file.forEach(file => {
  208. self.$Oss.ossUpload(file.url).then(url => {
  209. if (type == 0) {
  210. self.yyzzfileList.push({url})
  211. } else if (type == 1) {
  212. self.jbhxxfileList.push({url})
  213. } else if (type == 2) {
  214. self.skyhfileList.push({url})
  215. }
  216. })
  217. })
  218. },
  219. // 删除图片
  220. deleteImage(type, e) {
  221. console.log(e, type, "===========")
  222. if (type == 0) {
  223. this.yyzzfileList.splice(e.index, 1)
  224. } else if (type == 1) {
  225. this.jbhxxfileList.splice(e.index, 1)
  226. } else if (type == 2) {
  227. this.skyhfileList.splice(e.index, 1)
  228. }
  229. },
  230. }
  231. }
  232. </script>
  233. <style scoped lang="scss">
  234. .registerShop {
  235. .frame {
  236. height: 79vh;
  237. overflow: auto;
  238. .basicInfo {
  239. display: flex;
  240. flex-direction: column;
  241. gap: 5rpx;
  242. background-color: #FFF;
  243. margin-top: 20rpx;
  244. padding: 20rpx;
  245. .item {
  246. display: flex;
  247. align-items: center;
  248. background-color: #FFF;
  249. height: 80rpx;
  250. // margin: 10rpx 0 0 0;
  251. padding: 10rpx 0 0 20rpx;
  252. > view:nth-of-type(1) {
  253. width: 30%;
  254. // font-weight: 700;
  255. }
  256. > view:nth-of-type(2) {
  257. width: 70%;
  258. border-radius: 10rpx;
  259. overflow: hidden;
  260. input {
  261. background-color: #f5f5f5;
  262. font-size: 28rpx;
  263. padding: 16rpx 8rpx 16rpx 15rpx;
  264. }
  265. }
  266. }
  267. }
  268. .certificateInfo {
  269. display: flex;
  270. flex-direction: column;
  271. gap: 20rpx;
  272. background-color: #FFF;
  273. margin-top: 20rpx;
  274. padding: 20rpx;
  275. .certificateInfoItem {
  276. .title {
  277. display: flex;
  278. // padding-top: 40rpx;
  279. font-size: 30rpx;
  280. font-weight: 700;
  281. padding: 0 0 0 20rpx;
  282. > span:nth-of-type(1) {
  283. margin: 4rpx 0 0 8rpx;
  284. background-color: #FFF;
  285. }
  286. > span:nth-of-type(2) {
  287. margin: 0 0 0 8rpx;
  288. background-color: #FFF;
  289. }
  290. }
  291. .upload {
  292. margin: 5rpx 0 0 40rpx;
  293. }
  294. }
  295. }
  296. }
  297. .bottom {
  298. position: fixed;
  299. bottom: 10rpx;
  300. left: 0;
  301. right: 0;
  302. background-color: #FFF;
  303. .btns {
  304. display: flex;
  305. justify-content: center;
  306. align-items: center;
  307. gap: 40rpx;
  308. .sqsh {
  309. display: flex;
  310. align-items: center;
  311. justify-content: center;
  312. width: 40%;
  313. height: 70rpx;
  314. border-radius: 40rpx;
  315. color: white;
  316. font-size: 28rpx;
  317. margin: 20rpx 10rpx 0 0;
  318. background: #293143;
  319. //margin-top: 20rpx;
  320. border-radius: 40rpx;
  321. }
  322. .lxwm {
  323. display: flex;
  324. align-items: center;
  325. justify-content: center;
  326. width: 40%;
  327. height: 70rpx;
  328. border-radius: 40rpx;
  329. color: #000000;
  330. font-size: 28rpx;
  331. margin: 20rpx 10rpx 0 0;
  332. background: #f2f2f2;
  333. //margin-top: 20rpx;
  334. border-radius: 40rpx;
  335. }
  336. }
  337. .others {
  338. display: flex;
  339. justify-content: center;
  340. align-items: center;
  341. gap: 200rpx;
  342. color: #707070;
  343. font-size: 24rpx;
  344. .zcxz {
  345. text-decoration: underline;
  346. }
  347. .kjhtyl {
  348. text-decoration: underline;
  349. }
  350. }
  351. }
  352. }
  353. </style>