4 changed files with 332 additions and 13 deletions
-
291src/subpackage/party/components/popup-content/miniapp-change-name-certify.vue
-
BINsrc/subpackage/party/components/popup-content/miniapp-change-name-certify.zip
-
10src/subpackage/party/pages/index/index.vue
-
44src/subpackage/party/pages/miniapp/certify.vue
@ -0,0 +1,291 @@ |
|||
<template> |
|||
<!-- 弹窗 --> |
|||
<view class="m-popup b-popup " v-if="true" :class="[directionClass,{'b-popup-round':round},{'b-popup-animation':animation}]"> |
|||
<view class="b-popup-shade" @click=""></view> |
|||
<view class="b-popup-content"> |
|||
|
|||
<view class="b-content-view b-flex-y b-flex-c"> |
|||
<!-- 右上角关闭按钮 --> |
|||
<view class="b-flex-x b-flex-e b-mb-20 b-flex-as-e"> |
|||
<text class="b-icon icon-close b-t-gray b-t-44" @click="closeChange"></text> |
|||
</view> |
|||
<view class="b-t-B b-t-36 b-mb-40">小程序认证账号名称设置</view> |
|||
<input class="bc-input b-mb-50" v-model="inputValue" type="text" placeholder="请输入" |
|||
placeholder-class="input-hold-class"></input> |
|||
|
|||
<!-- 账号类型 --> |
|||
<!-- <view class="rb-radio b-flex-x b-mb-40"> |
|||
<radio-group @change="idTimeChange"> |
|||
<radio value="1" checked style="transform:scale(0.9)" color="#009876">组织号</radio> |
|||
<radio value="2" style="transform:scale(0.9);margin-left: 40rpx;" color="#009876">个人号</radio> |
|||
</radio-group> |
|||
</view> --> |
|||
<block v-if="hit_txt"> |
|||
<view class="rb-line"></view> |
|||
<view class="rb-text b-t-24 b-t-red b-p-40"> |
|||
<text>{{hit_txt}}</text> |
|||
<!-- <text>你申请的名称涉及特定地域范围或地理名称，需要经过平台审核后才可使用，你可以直接提交审核，或提供《商标注册证》等材料，以证明你可使用该地域范围或地理名称作为账号名称，否则可能审核不通过。</text> --> |
|||
</view> |
|||
</block> |
|||
|
|||
|
|||
<!-- 补充材料上传 --> |
|||
<!-- <view class="rb-upload-list b-flex-x b-flex-a b-mt-50"> |
|||
<view class="b-flex-y b-flex-c"> |
|||
<view class="b-mb-30">拍照上传</view> |
|||
<view class="rb-upload-item b-flex-y b-flex-c"> |
|||
<image class="rb-upload-bg" src="../../static/regist/upload_bg.png"></image> |
|||
<image class="rb-upload-cam" src="../../static/regist/camera.png"></image> |
|||
<text class="rb-input-img-text">点击上传</text> |
|||
</view> |
|||
</view> |
|||
<view class="b-flex-y b-flex-c"> |
|||
<view class="b-mb-30">关键词补充材料</view> |
|||
<view class="rb-upload-item b-flex-y b-flex-c"> |
|||
<image class="rb-upload-bg" src="../../static/regist/upload_bg.png"></image> |
|||
<image class="rb-upload-cam" src="../../static/regist/camera.png"></image> |
|||
<text class="rb-input-img-text">点击上传</text> |
|||
</view> |
|||
</view> |
|||
<view class="b-flex-as-e b-ml-40 b-t-24 b-t-green b-t-B b-t-U">重新上传</view> |
|||
</view> --> |
|||
|
|||
<view class="rb-btns b-flex-x b-mt-40 b-mb-50"> |
|||
<block v-if="!checkNameRes"> |
|||
<button class="b-btn b-btn-green b-mr-40" @click="checkName">下一步</button> |
|||
</block> |
|||
<block v-else> |
|||
<button class="b-btn b-btn-green b-mr-40" @click="closeChange">取消</button> |
|||
<button v-if="checkNameRes&&checkNameRes.code==0" class="b-btn b-btn-green " @click="sureChange">确定填入</button> |
|||
</block> |
|||
|
|||
</view> |
|||
|
|||
|
|||
</view> |
|||
</view> |
|||
</view> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/utils/util'; |
|||
import { servers } from '@/js/server'; |
|||
import party_api from '../../js/api.js'; |
|||
|
|||
import { mapState } from 'vuex'; |
|||
|
|||
export default { |
|||
props: { |
|||
nameInfo: { |
|||
type: Object, |
|||
default: ()=>({}) |
|||
}, |
|||
appid: { |
|||
type: String, |
|||
default: '' |
|||
}, |
|||
// hit_txt: { |
|||
// type: String, |
|||
// default: '' |
|||
// }, |
|||
|
|||
}, |
|||
computed: { |
|||
...mapState(['brandInfo']), |
|||
hit_txt(){ |
|||
// if(this.checkNameRes.data && this.checkNameRes.data.hit_condition){ |
|||
// return this.checkNameRes.data.hit_condition |
|||
// } |
|||
if(this.checkNameRes.message){ |
|||
return this.checkNameRes.message |
|||
} |
|||
if(this.checkNameRes.data && this.checkNameRes.data.hit_condition){ |
|||
return this.checkNameRes.data.wording |
|||
} |
|||
return '' |
|||
} |
|||
}, |
|||
onmounted(){ |
|||
console.log("onmounted123",this.nameInfo) |
|||
}, |
|||
data() { |
|||
return { |
|||
showPopup:true, |
|||
inputValue: '', |
|||
checkNameRes: "", |
|||
} |
|||
}, |
|||
methods: { |
|||
moveHandle(){}, |
|||
async checkName(){ |
|||
let check_res= await this.checkwxverifynickname() |
|||
console.log("check_res:",check_res) |
|||
// this.$emit('sure',this.inputValue); |
|||
}, |
|||
sureChange(){ |
|||
this.$emit('sure',{ |
|||
name: this.inputValue, |
|||
checkNameRes: this.checkNameRes, |
|||
}); |
|||
}, |
|||
closeChange(){ |
|||
this.$emit('close'); |
|||
}, |
|||
|
|||
checkwxverifynickname(){ |
|||
this.checkNameRes = {} |
|||
let _data = this.getGateWayJson('checkwxverifynickname') |
|||
_data.form.nick_name = this.inputValue |
|||
console.log("getaccountbasicinfo:",_data) |
|||
return servers.post({ |
|||
url: party_api.gatewayDo, |
|||
data: _data, |
|||
isDefaultGet: false, |
|||
}) |
|||
.then(res=>{ |
|||
console.log("checkwxverifynickname:", res.data) |
|||
this.checkNameRes = res.data |
|||
if(res.data.code!=0){ |
|||
util.showNone("名称不可用") |
|||
console.log("checkwxverifynickname-err", res.data) |
|||
}else{ |
|||
util.showNone('名称可用') |
|||
if(!res.data.data.hit_condition){ |
|||
res.data.message = '名称可用(注意:改名次数将在自然年 1 月 1 日和微信认证审核通过后重置为 2 次.请慎重修改.)' |
|||
} |
|||
} |
|||
this.checkNameRes = res.data |
|||
console.log("checkwxverifynickname123123:", this.checkNameRes) |
|||
|
|||
}) |
|||
.catch(err=>{ |
|||
console.log("checkwxverifynickname-err", err) |
|||
}) |
|||
|
|||
}, |
|||
getGateWayJson(jname){ |
|||
let appid = this.appid |
|||
let _data = party_api["gatewayDoJson"][jname] |
|||
if(!appid){ |
|||
console.error("当前page中: this.appid不存在") |
|||
return util.showNone("appid不存在") |
|||
} |
|||
if(!_data){ |
|||
console.error("先去api.js定义透传数据:",jname) |
|||
return util.showNone("接口不存在") |
|||
} |
|||
_data.appid = appid; |
|||
return _data |
|||
}, |
|||
selectBtn(type){ |
|||
this.selectType = type |
|||
}, |
|||
}, |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style lang="scss" > |
|||
@import '~style/public.scss'; |
|||
@import '../../ui/maincss.scss'; |
|||
|
|||
.m-popup{ |
|||
.b-popup-shade{ |
|||
background: rgba(0,0,0,0.5); |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 100; |
|||
} |
|||
.b-popup-content{ |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 50%; |
|||
transform: translate(-50%,-50%); |
|||
background: #fff; |
|||
border-radius: 5rpx; |
|||
z-index: 101; |
|||
.b-content-view{ |
|||
width: 620rpx; |
|||
padding: 20rpx; |
|||
.b-content-title{ |
|||
|
|||
} |
|||
.bc-input{ |
|||
width: 538rpx; |
|||
height: 88rpx; |
|||
background: #FFFFFF; |
|||
border: 2rpx solid #D8D8D8; |
|||
border-radius: 10rpx; |
|||
padding-left: 30rpx; |
|||
} |
|||
.input-hold-class{ |
|||
font-size: 28rpx; |
|||
} |
|||
.rb-line{ |
|||
border-bottom: 1rpx solid #E5E5E5; |
|||
width: 100%; |
|||
} |
|||
.rb-btns{ |
|||
>button{ |
|||
width: 240rpx; |
|||
height: 88rpx; |
|||
} |
|||
>button:first-child{ |
|||
background: #fff; |
|||
color: $b-color-green; |
|||
// border: 1rpx solid $b-color-green; |
|||
} |
|||
} |
|||
.rb-text{ |
|||
>text{ |
|||
line-height: 40rpx; |
|||
} |
|||
} |
|||
.rb-upload-list{ |
|||
width: 100%; |
|||
|
|||
.rb-upload-item{ |
|||
width: 168rpx; |
|||
height: 168rpx; |
|||
// position: relative; |
|||
|
|||
.rb-upload-bg{ |
|||
width: 168rpx; |
|||
height: 168rpx; |
|||
position: absolute; |
|||
} |
|||
|
|||
.rb-upload-cam{ |
|||
width: 48rpx; |
|||
height: 40rpx; |
|||
} |
|||
.rb-input-img-text{ |
|||
font-size: 24rpx; |
|||
margin-top: 24rpx; |
|||
color: #1A1A1A; |
|||
z-index: 2; |
|||
} |
|||
} |
|||
.idcard-width-170{ |
|||
width: 280rpx; |
|||
height: 170rpx; |
|||
.rb-upload-bg{ |
|||
width: 280rpx; |
|||
height: 170rpx; |
|||
position: absolute; |
|||
} |
|||
} |
|||
} |
|||
|
|||
} |
|||
} |
|||
.popup-demo{ |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
} |
|||
|
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue