addExamine.vue 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485
  1. <template>
  2. <view class="content">
  3. <!-- 基本用法 -->
  4. <view class="step">
  5. <uni-steps active-color="#3387FF" :options="[{title: '扫码授权',url:'./qrCode'}, {title: '小程序配置',url:'./deploy'},
  6. {title: '提交版本',url:'./addVersion'},
  7. {title: '提交审核',url:'./addExamine'},{title: '版本管理',url:'./Versioning'} ]" :active="3"></uni-steps>
  8. </view>
  9. <view style="height: 130rpx;"></view>
  10. <form @submit="save">
  11. <view class="bgf" style="padding: 0 30rpx;">
  12. <view class="box-pack-between border-b header-version flex-y-center">
  13. <view class="header-img">
  14. 营业执照照片
  15. <view class="ft22">
  16. (最大宽度 2160px,最大高度 3840px,不超过1M)
  17. </view>
  18. </view>
  19. <view class="home-img" @click="uploadFile" data-type='1'>
  20. <image :src="URL+license_pic" class="home-img-icon"></image>
  21. </view>
  22. </view>
  23. <view class="box-pack-between border-b header-version flex-y-center">
  24. <view class="header-img">
  25. 资质照片
  26. <view class="ft22">
  27. (最大宽度 2160px,最大高度 3840px,不超过1M)
  28. </view>
  29. </view>
  30. <view class="home-img" @click="uploadFile" data-type='2'>
  31. <image :src="URL+special_license_pic" class="home-img-icon" ></image>
  32. </view>
  33. </view>
  34. <view class="box-pack-between border-b header-version flex-y-center">
  35. <view class="header-img">
  36. 小程序logo图标
  37. <view class="ft22">
  38. (上传像素为180*180 px,logo图片最大 256KB,图片高度与宽度必须一致,如果头像过大,加载会慢点)
  39. </view>
  40. </view>
  41. <view class="home-img" @click="uploadFile" data-type='3'>
  42. <image :src="URL+app_logo" class="home-img-icon"></image>
  43. </view>
  44. </view>
  45. </view>
  46. <view class="bgf">
  47. <view class="box-pack-between list flex-y-center br">
  48. <text class="ft28">营业执照名称:</text>
  49. <input class="flex-grow-1 tr ft28" :value="info.name" maxlength="128" name='name'
  50. placeholder="请输入营业执照名称" />
  51. </view>
  52. </view>
  53. <view class="bgf">
  54. <view class="box-pack-between list flex-y-center br">
  55. <text class="ft28">营业执照有效期:</text>
  56. <input class="flex-grow-1 tr ft28" :value="info.date" maxlength="64" name='date'
  57. placeholder="营业执照有效期" />
  58. </view>
  59. </view>
  60. <view class="ft24 tip" >
  61. Tip:营业执照有效期,格式为 yyyy-MM-dd,9999-12-31表示长期有效。
  62. </view>
  63. <!-- <view class="bgf">
  64. <view class="box-pack-between list flex-y-center br">
  65. <text class="ft28">小程序应用名称:</text>
  66. <input class="flex-grow-1 tr ft28" :value="info.app_name" maxlength="64" name='app_name'
  67. placeholder="请输入小程序应用名称" />
  68. </view>
  69. </view> -->
  70. <view class="bgf">
  71. <view class="box-pack-between list flex-y-center br">
  72. <text class="ft28">小程序客服电话:</text>
  73. <input class="flex-grow-1 tr ft28" :value="info.phone" maxlength="32" name='phone'
  74. placeholder="请输入小程序客服电话" />
  75. </view>
  76. </view>
  77. <view class="bgf">
  78. <view class="box-pack-between list br" style="height: auto;padding: 20rpx 30rpx;">
  79. <text class="ft28" style="min-width: 230rpx;">小程序版本描述:</text>
  80. <textarea auto-height="true" class="flex-grow-1 tr ft28" :value="info.version_desc" maxlength="128" name='version_desc'
  81. placeholder="小程序版本描述,30-500个字符。" />
  82. </view>
  83. <view class="tip ft24" @click="copy">
  84. *参考:优化支付成功之后需要点击完成,才监听状态订单状态,修改为接口回调监听
  85. <text class="copy">点击复制</text>
  86. </view>
  87. </view>
  88. <view class="bgf mar-24" @click="open" data-type="1">
  89. <view class="box-pack-between list flex-y-center br">
  90. <text class="ft28">门店地址</text>
  91. <view class="flex-y-center ft26">
  92. {{address.Prov_title || ''}} {{address.City_title || ''}} {{address.Dist_title || ''}}
  93. <text class="iconfont icongengduo"></text>
  94. </view>
  95. </view>
  96. </view>
  97. <view class="bgf" @click="open" data-type="2">
  98. <view class="box-pack-between list flex-y-center br">
  99. <text class="ft28" style="min-width: 120rpx;">小程序类目:</text>
  100. <view class="flex-y-center ft26">
  101. {{Mcc.mccCd1_title || ''}} {{Mcc.mccCd2_title || ''}} {{Mcc.mccCd3_title || ''}}
  102. <text class="iconfont icongengduo"></text>
  103. </view>
  104. </view>
  105. </view>
  106. <view style="height: 140rpx;">
  107. </view>
  108. <view class="flex-center pof">
  109. <button formType="submit" class="flex-center login-btn">提交审核</button>
  110. </view>
  111. </form>
  112. <uni-popup ref="uniScroll" type="bottom">
  113. <uni-scroll :Prov_arr="Prov_arr" @select="select"></uni-scroll>
  114. </uni-popup>
  115. <uni-popup ref="uniScrollailOne" type="bottom">
  116. <uni-scrollail-one :Prov_arr="MccCd" @setlet="selectOne"></uni-scrollail-one>
  117. </uni-popup>
  118. </view>
  119. </template>
  120. <script>
  121. import uniScroll from '../components/uni-scroll/uni-scroll.vue'
  122. import uniScrollailOne from '../components/uni-scroll/uni-scrollail1.vue'
  123. export default {
  124. components: {
  125. uniScroll,
  126. uniScrollailOne,
  127. },
  128. data() {
  129. return {
  130. category_arr: [],
  131. category_index: -1,
  132. category_id: "",
  133. URL: getApp().globalData.URL,
  134. license_pic: "",
  135. special_license_pic: "",
  136. app_logo:"",
  137. Mcc: {
  138. mccCd1_title: "请选择",
  139. mccCd2_title: "",
  140. mccCd3_title: "",
  141. },
  142. address: {
  143. Prov_title: "请选择",
  144. City_title: "",
  145. Dist_title: "",
  146. },
  147. Prov_arr: [],
  148. MccCd: [],
  149. back_arr: [],
  150. back_index: -1,
  151. bank_name: "请选择",
  152. info: {},
  153. date:"",
  154. }
  155. },
  156. onLoad(e) {
  157. this.merchant_id = e.merchant_id;
  158. this.getCategory();
  159. this.Prov();
  160. this.preview();
  161. },
  162. methods: {
  163. copy(){
  164. let content='优化支付成功之后需要点击完成,才监听状态订单状态,修改为接口回调监听';
  165. uni.setClipboardData({
  166. data: content,
  167. success: function (r) {
  168. getApp().globalData.isApp = false
  169. console.log('赋能成功',r);
  170. }
  171. });
  172. },
  173. getBusiness() {
  174. this.request({
  175. url: "alipay/getBusiness",
  176. }).then(res => {
  177. console.log(res, "res")
  178. if (res.code === '200') {
  179. this.category_arr = res.data;
  180. }
  181. })
  182. },
  183. pickerDate(e){
  184. this.date=e.detail.value;
  185. },
  186. uploadFile(e) {
  187. var type = e.currentTarget.dataset.type,
  188. url = type==3?"setting/logo_upload":"setting/upload";
  189. uni.chooseImage({
  190. success: (res) => {
  191. res.tempFilePaths.forEach((v, i) => {
  192. console.log(v)
  193. this.Upload({
  194. url:url,
  195. data: {
  196. url: v,
  197. admin_id:uni.getStorageSync("admin_id"),
  198. }
  199. }).then(res => {
  200. console.log(res, "res")
  201. type == 1 ? (this.license_pic = res.src) :
  202. type == 2 ? (this.special_license_pic = res.src) :
  203. type == 3 ? (this.app_logo = res.src) : '';
  204. }).catch({
  205. });
  206. })
  207. }
  208. });
  209. },
  210. preview(e) {
  211. this.request({
  212. url: "setting/alipayxcx",
  213. data: {
  214. admin_id:uni.getStorageSync("admin_id")
  215. },
  216. }).then(res => {
  217. console.log(res, "res")
  218. if (res.code === '200') {
  219. this.info = res.data;
  220. this.app_logo = res.data.app_logo;
  221. this.license_pic = res.data.license_pic;
  222. this.special_license_pic = res.data.special_license_pic;
  223. this.address = {
  224. Prov_title: res.data.province_name,
  225. Prov_code: res.data.province_code,
  226. City_title: res.data.city_name,
  227. City_code: res.data.city_code,
  228. Dist_title: res.data.area_name,
  229. Dist_code: res.data.area_code,
  230. }
  231. this.Mcc = {
  232. mccCd1_title: res.data.code1_name,
  233. mccCd2_title: res.data.code2_name,
  234. mccCd3_title: res.data.code3_name,
  235. mccCd1: res.data.code1,
  236. mccCd2: res.data.code2,
  237. mccCd3: res.data.code3,
  238. }
  239. }
  240. })
  241. },
  242. picker_back(e) {
  243. this.bank_name = this.back_arr[e.target.value].bank_name;
  244. this.back_index = e.target.value;
  245. },
  246. picker_category(e) {
  247. this.category_id = this.category_arr[e.target.value].id;
  248. this.category_index = e.target.value;
  249. },
  250. // 获取一级分类
  251. getCategory(e) {
  252. this.request({
  253. url: "setting/xcx_type",
  254. data: {
  255. },
  256. }).then(res => {
  257. console.log(res, "res")
  258. if (res.code === '200') {
  259. this.MccCd = res.data;
  260. }
  261. });
  262. },
  263. open(e) {
  264. var type = e.currentTarget.dataset.type;
  265. if (type == 1) {
  266. this.$refs.uniScroll.open();
  267. } else {
  268. this.$refs.uniScrollailOne.open();
  269. }
  270. },
  271. // 获取省
  272. Prov(e) {
  273. this.request({
  274. url: "setting/getprovince",
  275. data: {
  276. },
  277. }).then(res => {
  278. console.log(res, "res")
  279. if (res.code === '200') {
  280. this.Prov_arr = res.data;
  281. }
  282. });
  283. },
  284. // 获取地址
  285. select(e) {
  286. console.log(e)
  287. this.address = e;
  288. },
  289. // 获取分类
  290. selectOne(e) {
  291. console.log(e)
  292. this.Mcc = e;
  293. },
  294. save(e) {
  295. let data = e.detail.value;
  296. data.admin_id=uni.getStorageSync("admin_id");
  297. data.license_pic= this.license_pic; //营业执照照片
  298. data.special_license_pic= this.special_license_pic; //资质照片
  299. data.app_logo=this.app_logo;
  300. data.code1 = this.Mcc.mccCd1;
  301. data.code2 = this.Mcc.mccCd2;
  302. data.code3 = this.Mcc.mccCd3;
  303. data.province_code = this.address.Prov_code;
  304. data.city_code = this.address.City_code;
  305. data.area_code = this.address.Dist_code;
  306. data.id = this.info.id;
  307. // if (!data.contact_email || !data.contact_name || !data.name || !data.oneCategory || !data.threeCategory ||
  308. // !data.twoCategory || !data.detail_address) {
  309. // uni.showToast({
  310. // title: "必填项不能为空",
  311. // icon: 'none'
  312. // })
  313. // return
  314. // }
  315. this.request({
  316. url: "setting/alipaysubmit",
  317. data,
  318. }).then(res => {
  319. console.log(res, "res")
  320. if (res.code === '200') {
  321. uni.showToast({
  322. title: "提交成功"
  323. })
  324. setTimeout(() => {
  325. uni.redirectTo({
  326. url: "./Versioning",
  327. })
  328. }, 2000)
  329. }
  330. });
  331. },
  332. },
  333. }
  334. </script>
  335. <style>
  336. .copy{
  337. margin-left: 10px;
  338. color: #000000;
  339. }
  340. page {
  341. background: #F1F1F1;
  342. }
  343. page .act {
  344. color: #007AFF;
  345. }
  346. .tip{
  347. padding: 20rpx;
  348. color: red;
  349. }
  350. .tr {
  351. text-align: right;
  352. }
  353. .header-version {
  354. padding: 20rpx 0;
  355. }
  356. .header-img {
  357. max-width: 300rpx;
  358. }
  359. .mar-24 {
  360. margin-top: 24rpx;
  361. }
  362. .list {
  363. height: 100rpx;
  364. padding: 0 30rpx;
  365. background: #fff;
  366. position: relative;
  367. }
  368. .addimg {
  369. width: 90rpx;
  370. height: 90rpx;
  371. }
  372. .icongengduo {
  373. font-size: 28rpx;
  374. }
  375. .btm-btn-block {
  376. width: 100%;
  377. padding: 0 30rpx;
  378. margin: 30px 0;
  379. }
  380. .btm-btn-block .btn {
  381. width: 325rpx;
  382. height: 98rpx;
  383. border-radius: 8rpx;
  384. text-align: center;
  385. line-height: 98rpx;
  386. font-size: 32rpx;
  387. font-weight: 500;
  388. margin: 0 auto;
  389. }
  390. .btm-btn-block .btn11 {
  391. box-shadow: 0px 0px 8px 0px rgba(207, 219, 234, 0.4);
  392. color: #3387FF;
  393. border: 1rpx solid #3387FF;
  394. }
  395. .btm-btn-block .btn22 {
  396. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  397. box-shadow: 0 0 8rpx 0 rgba(51, 135, 255, 0.2);
  398. color: #fff;
  399. }
  400. .login-btn {
  401. width: 630rpx;
  402. height: 98rpx;
  403. background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
  404. border-radius: 8rpx;
  405. box-shadow: 0px 0px 8rpx 0px rgba(51, 135, 255, 0.2);
  406. font-size: 32rpx;
  407. font-weight: 500;
  408. text-align: center;
  409. color: #fff;
  410. line-height: 98rpx;
  411. /* margin: 100rpx auto 0; */
  412. }
  413. .home-img {
  414. font-size: 26rpx;
  415. text-align: center;
  416. display: inline-block;
  417. /* width: 50%; */
  418. }
  419. .home-img-icon {
  420. border: 1rpx solid #ccc;
  421. width: 200rpx;
  422. height: 200rpx;
  423. }
  424. .pof{
  425. position: fixed;
  426. width: 100%;
  427. bottom: 10rpx;
  428. z-index: 11;
  429. }
  430. </style>