toBusiness.vue 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
  1. <template>
  2. <view class="toExamine">
  3. <navbar ref="navbar" :config="config" backColor="#666"></navbar>
  4. <view v-if="state==1">
  5. <view class="top">
  6. <view class="iconfont" style="color: green;">
  7. &#xe646;
  8. </view>
  9. <view class="item">
  10. 审核通过
  11. </view>
  12. </view>
  13. </view>
  14. <view v-if="state==0">
  15. <view class="top">
  16. <view class="iconfont" style="color: red;">
  17. &#xe616;
  18. </view>
  19. <view class="item">
  20. 等待审核中
  21. </view>
  22. <!-- <view class="remarks">
  23. 辅助文字说明
  24. </view> -->
  25. </view>
  26. </view>
  27. <view v-if="state==2">
  28. <view class="top">
  29. <view class="iconfont" style="color: red;">
  30. &#xe7fa;
  31. </view>
  32. <view class="item">
  33. 审核不通过
  34. </view>
  35. <view class="remarks">
  36. <view >
  37. {{msgList.audit_remark}}
  38. </view>
  39. <!-- <view v-else>
  40. {{msgList.remarks}}
  41. </view> -->
  42. </view>
  43. </view>
  44. </view>
  45. <view class="content">
  46. <view style="text-align: center;font-size: 30rpx;font-weight: 700;">
  47. 企业信息
  48. </view>
  49. <view class="middle">
  50. <view class="left">
  51. 企业名称
  52. </view>
  53. <view class="right">
  54. {{msgList.company_name}}
  55. </view>
  56. </view>
  57. <view class="middle">
  58. <view class="left">
  59. 统一信用代码
  60. </view>
  61. <view class="right">
  62. {{msgList.credit_code}}
  63. </view>
  64. </view>
  65. <view class="middle">
  66. <view class="left">
  67. 经营范围
  68. </view>
  69. <view class="right">
  70. {{msgList.business_scope}}
  71. </view>
  72. </view>
  73. <view class="middle">
  74. <view class="left">
  75. 所属地区
  76. </view>
  77. <view class="right" >
  78. {{msgList.province}}
  79. </view>
  80. </view>
  81. <view class="middle">
  82. <view class="left">
  83. 详细地址
  84. </view>
  85. <view class="right" >
  86. {{msgList.company_address}}
  87. </view>
  88. </view>
  89. <!-- <view class="middle">
  90. <view class="left flexShrink">
  91. 定位地址
  92. </view>
  93. <view class="right" >
  94. {{msgList.map_punctuation}}
  95. </view>
  96. </view> -->
  97. <view style="text-align: center; font-size: 30rpx;font-weight: 700;">
  98. 法人信息
  99. </view>
  100. <view class="middle">
  101. <view class="left">
  102. 法人姓名
  103. </view>
  104. <view class="right">
  105. {{msgList.legal_representative}}
  106. </view>
  107. </view>
  108. <view class="middle">
  109. <view class="left">
  110. 法人证件类型
  111. </view>
  112. <view class="right">
  113. <view v-if="msgList.id_type==0">
  114. 身份证
  115. </view>
  116. <view v-if="msgList.id_type==1">
  117. 护照
  118. </view>
  119. </view>
  120. </view>
  121. <view class="middle">
  122. <view class="left">
  123. 法人证件号码
  124. </view>
  125. <view class="right">
  126. {{msgList.id_number}}
  127. </view>
  128. </view>
  129. <view class="middle">
  130. <view class="left">
  131. 法人手机号
  132. </view>
  133. <view class="right">
  134. {{msgList.lr_mobile}}
  135. </view>
  136. </view>
  137. <view class="middle">
  138. <view class="left">
  139. 法人邮箱
  140. </view>
  141. <view class="right">
  142. {{msgList.lr_email}}
  143. </view>
  144. </view>
  145. <view style="font-size: 30rpx; font-weight: 700; text-align: center;">
  146. 附件
  147. </view>
  148. </view>
  149. <view class="bottom">
  150. <view class="name-two">
  151. 商家营业执照
  152. </view>
  153. <view class="image">
  154. <image class="left" :src="leftShopimg" mode="widthFix"></image>
  155. <image class="left" :src="rightShopimg" mode="widthFix"></image>
  156. </view>
  157. <view class="name">
  158. 身份证正反面照片
  159. </view>
  160. <view class="image">
  161. <image class="left" :src="identityJust" mode="widthFix"></image>
  162. <image class="right" :src="identityBack" mode="widthFix"></image>
  163. </view>
  164. </view>
  165. <view v-if="msgList.shop">
  166. <view class="content">
  167. <view style="text-align: center; font-weight: 700;font-size: 30rpx;">
  168. 店铺信息
  169. </view>
  170. <view class="middle">
  171. <view class="left">
  172. 店铺名称
  173. </view>
  174. <view class="right">
  175. {{msgList.shop.shop_name}}
  176. </view>
  177. </view>
  178. <view class="middle">
  179. <view class="left">
  180. 所属地区
  181. </view>
  182. <view class="right">
  183. {{msgList.shop.map_punctuation}}
  184. </view>
  185. </view>
  186. <view class="middle">
  187. <view class="left">
  188. 详细地址
  189. </view>
  190. <view class="right">
  191. {{msgList.shop.address}}
  192. </view>
  193. </view>
  194. <view class="middle">
  195. <view class="left">
  196. 店铺地图选址
  197. </view>
  198. <view class="right">
  199. {{msgList.shop.map_punctuation}}
  200. </view>
  201. </view>
  202. <view class="middle">
  203. <view class="left">
  204. 客服电话
  205. </view>
  206. <view class="right">
  207. {{msgList.shop.mobile}}
  208. </view>
  209. </view>
  210. <view class="middle">
  211. <view class="left">
  212. 营业时间
  213. </view>
  214. <view class="right">
  215. {{msgList.shop.business_hours}}
  216. </view>
  217. </view>
  218. <view class="middle">
  219. <view class="left">
  220. 营业时间段
  221. </view>
  222. <view class="right">
  223. {{msgList.shop.time_quantum}}
  224. </view>
  225. </view>
  226. <view class="middle">
  227. <view class="left">
  228. 商业主体名称
  229. </view>
  230. <view class="right">
  231. {{msgList.shop.main_name}}
  232. </view>
  233. </view>
  234. <view class="middle">
  235. <view class="left">
  236. 运营名称
  237. </view>
  238. <view class="right">
  239. {{msgList.shop.loser}}
  240. </view>
  241. </view>
  242. <view class="middle">
  243. <view class="left">
  244. 运营人手机号
  245. </view>
  246. <view class="right">
  247. {{msgList.shop.mobile}}
  248. </view>
  249. </view>
  250. <view class="middle">
  251. <view class="left">
  252. 店铺介绍
  253. </view>
  254. </view>
  255. <view style="color: #D9D9D9;font-size: 14rpx;">
  256. {{msgList.shop.remark}}
  257. </view>
  258. <view class="middle">
  259. <view class="left">
  260. 场地说明
  261. </view>
  262. </view>
  263. <view style="color: #D9D9D9;font-size: 14rpx;">
  264. {{msgList.shop.place_remark}}
  265. </view>
  266. </view>
  267. <view class="bottom">
  268. <view class="name-two">
  269. logo
  270. </view>
  271. <view v-if="msgList.shop">
  272. <view class="image">
  273. <image class="left" :src="msgList.shop.logo" mode="widthFix"></image>
  274. </view>
  275. </view>
  276. </view>
  277. <view class="bottom">
  278. <view class="name">
  279. 店铺图片
  280. </view>
  281. <view class="image">
  282. <image class="left" :src="shopJust" mode="widthFix"></image>
  283. <image class="right" :src="shopBack" mode="widthFix"></image>
  284. </view>
  285. </view>
  286. </view>
  287. <view class="u-plr30 mt104" style="margin-bottom: 20rpx;">
  288. <!-- <button class="u-btn-two u-bg-00321E u-FFF" @click="getWxAddress">一键获取微信地址</button> -->
  289. <button v-if="state==2" type="default" class="u-btn-two" style="margin-top: 20rpx;color: #FFFFFF; background-color: #01321D;" @click="goToBercome">重新申请</button>
  290. </view>
  291. </view>
  292. </template>
  293. <script>
  294. export default{
  295. data(){
  296. return{
  297. config: {
  298. back: true, //false是tolbar页面 是则不写
  299. font:"back",
  300. title: '商家审核',
  301. color: '#1A1A1A',
  302. //背景颜色;参数一:透明度(0-1);参数二:背景颜色(array则为线性渐变,string为单色背景)
  303. backgroundColor: [1, '#fff'],
  304. statusBarFontColor: '#1A1A1A',
  305. },
  306. msgList:[],
  307. myMsg:{},
  308. state:0,
  309. identity:'',
  310. identityJust:'',
  311. identityBack:'',
  312. shopList:'',
  313. shopJust:'',
  314. shopBack:'',
  315. leftShopimg: '',
  316. rightShopimg: ''
  317. }
  318. },
  319. methods:{
  320. //重新申请
  321. goToBercome(){
  322. uni.navigateTo({
  323. url:"../../user/merchant/registerAndAudit"
  324. })
  325. },
  326. //获取数据
  327. getMsg(){
  328. this.$http.get("/yxt/shopapply/shopApplyInfo").then(res=>{
  329. if(res&&res.code==200){
  330. this.msgList = res.data
  331. this.identity = res.data.identty_images
  332. this.identityJust = this.identity.split(",")[0]
  333. this.identityBack = this.identity.split(",")[1]
  334. this.state = res.data.audit_status
  335. this.shopList = res.data.store_images
  336. this.shopJust = this.shopList.split(",")[0]
  337. this.shopBack = this.shopList.split(",")[1]
  338. this.leftShopimg = res.data.business_license_images.split(",")[0]
  339. this.rightShopimg = res.data.business_license_images.split(",")[1]
  340. console.log(this.shopList)
  341. }
  342. })
  343. }
  344. },
  345. onLoad() {
  346. this.getMsg()
  347. this.myMsg = uni.getStorageSync("personal")
  348. }
  349. }
  350. </script>
  351. <style scoped lang="scss">
  352. .bottom{
  353. padding: 0 30rpx;
  354. margin-top: 28rpx;
  355. font-size: 28rpx;
  356. .name-two{
  357. margin-top: 15rpx;
  358. }
  359. .image{
  360. margin-top: 18rpx;
  361. display: flex;
  362. justify-content: space-between;
  363. .left{
  364. width: 300rpx;
  365. height: 200rpx;
  366. }
  367. .right{
  368. width: 300rpx;
  369. height: 200rpx;
  370. }
  371. }
  372. }
  373. .content{
  374. margin-top: 68rpx;
  375. padding: 0 30rpx;
  376. .middle{
  377. margin: 20rpx 0;
  378. display: flex;
  379. justify-content: space-between;
  380. .left{
  381. font-size: 28rpx;
  382. margin-right: 20rpx;
  383. }
  384. .right{
  385. color: #D9D9D9;
  386. }
  387. }
  388. }
  389. .top{
  390. background-color: #FFFFFF;
  391. .iconfont{
  392. font-size: 200rpx;
  393. text-align: center;
  394. margin-top: 36rpx;
  395. }
  396. .item{
  397. text-align: center;
  398. font-size: 40rpx;
  399. color: rgba(16, 16, 16, 100);
  400. }
  401. .remarks{
  402. text-align: center;
  403. font-size: 28rpx;
  404. margin-top: 12rpx;
  405. }
  406. }
  407. .flexShrink{
  408. flex-shrink: 0;
  409. }
  410. </style>