dianliang/dl_uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

通告主认证

Browse Source
This commit is contained in:
Vinjor 2025-04-09 15:00:38 +08:00
parent 93f7410a12
commit 63acb1a9f5
18 changed files with 874 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/navigation/navigationBar.vue
View File

@ -58,7 +58,7 @@
align-items: center;
font-size: 30rpx;
justify-content: center;
z-index: 999;
z-index: 9;
.navigationBarBack {
width: 200rpx;

3
components/tabbar/tabBar.vue
View File

@ -113,8 +113,7 @@
height: 130rpx;
.dl-image {
width: 70rpx;
height: 55rpx;
height: 45rpx;
}
.dl-vip {

3
config.js
View File

@ -24,6 +24,9 @@ module.exports = {
}, {
title: "新人手册",
code: "new_people_text"
}, {
title: "认证指南",
code: "user_auth_text"
}
]
}

12
pages.json
View File

@ -149,6 +149,18 @@
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "auth/auth-choose",
"style": {
"navigationBarTitleText": ""
}
},
{
"path": "auth/auth-form",
"style": {
"navigationBarTitleText": ""
}
}
]
}],

161
pages/mine/auth/auth-choose.vue Normal file
View File

@ -0,0 +1,161 @@
<template>
<view class="auth-choose-box">
<navigation-bar-vue title="通告主认证" style="width: 100%;" background-color="#ffffff"
title-color="#000000"></navigation-bar-vue>
<view class="choose-detail">
<view class="item-title">依照相关法律法规，请先验证身份</view>
<view class="item-detail" style="background-color: #FFF1F3;" @click="goForm('01')">
<view class="detail-left-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>品牌方</text>
</view>
<view class="left-bottom">如果你要推广自己公司的产品，请选择“品牌方”</view>
</view>
<image class="detail-right-img" src="@/static/mine/auth/pinpaifang.png" mode="aspectFit"></image>
</view>
<view class="item-detail" style="background-color: #F2FAFE;" @click="goForm('02')">
<view class="detail-left-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>代运营公司</text>
</view>
<view class="left-bottom">如果你所在的公司需要推广其他公司的产品，请选择“代运营公司”</view>
</view>
<image class="detail-right-img" src="@/static/mine/auth/gognsi.png" mode="aspectFit"></image>
</view>
<view class="item-detail" style="background-color: #F8F4FF;" @click="goForm('03')">
<view class="detail-left-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>个人PR</text>
</view>
<view class="left-bottom">如果你是以个人名义推广其他公司的产品，请选择“个人PR”</view>
</view>
<image class="detail-right-img" src="@/static/mine/auth/geren.png" mode="aspectFit"></image>
</view>
<view class="item-detail" style="background-color: #FEF8F3;" @click="goForm('04')">
<view class="detail-left-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>电商</text>
</view>
<view class="left-bottom">如果你是淘宝/天猫/京东等电商商家，想推广自己店铺的产品，请选择“电商”</view>
</view>
<image class="detail-right-img" src="@/static/mine/auth/dianshang.png" mode="aspectFit"></image>
</view>
</view>
</view>
</template>
<script>
import navigationBarVue from '@/components/navigation/navigationBar.vue';
export default {
components: {
navigationBarVue
},
data() {
return {
}
},
methods: {
goForm(value) {
this.$tab.navigateTo('/pages/mine/auth/auth-form?key=' + value)
}
}
}
</script>
<style lang="scss">
.auth-choose-box {
padding-top: calc(90rpx + var(--status-bar-height));
border-top: 1rpx solid #F4F4F4;
background-color: white;
width: 100%;
color: #363636;
font-size: 30rpx;
height: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
position: relative;
.choose-detail {
border-top: 1rpx solid #F4F4F4;
height: calc(100vh - var(--status-bar-height) - var(--window-bottom) - 95rpx);
overflow-y: scroll;
width: 100%;
padding: 20rpx 30rpx;
background-color: white;
border-radius: 20rpx;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: start;
position: relative;
.item-title {
padding-bottom: 20rpx;
font-weight: bold;
background-image: url('/static/mine/auth/xiantiao.png');
background-repeat: no-repeat;
background-position: bottom right;
background-size: 43% 60%;
}
.item-detail {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
margin-top: 20rpx;
padding: 30rpx;
border-radius: 20rpx;
.detail-left-box {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
padding-right: 20rpx;
.left-top {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 20rpx;
image {
width: 30rpx;
height: 30rpx;
}
text {
margin-left: 10rpx;
font-weight: bold;
font-size: 34rpx;
}
}
.left-bottom {
font-size: 26rpx;
width: 100%;
display: flex;
align-items: center;
justify-content: start;
}
}
.detail-right-img {
width: 180rpx;
height: 180rpx;
margin-right: 30rpx;
}
}
}
}
</style>

605
pages/mine/auth/auth-form.vue Normal file
View File

@ -0,0 +1,605 @@
<template>
<view class="container-box">
<navigation-bar-vue title="通告主认证" style="width: 100%;" background-color="#ffffff"
title-color="#000000"></navigation-bar-vue>
<view class="content">
<view class="title-max-box">
<view class="title-box">
<view class="item-title">
<view style="padding-bottom: 20rpx;">我是</view>
<view class="bg-img">“{{identityTypeText}}”</view>
</view>
<view class="title-right" @click="viewAuthText()">认证指南<uni-icons type="right" color="#623109"
size="12"></uni-icons></view>
</view>
<view class="form-warn">
<image src="@/static/detail/warn.png" mode="aspectFit"></image>
<text>平台不会公开用户隐私信息，仅用于验证身份。</text>
</view>
</view>
<!-- 表单区域 -->
<view class="content-detail-box">
<!-- 资质认证 -->
<view class="form-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>资质认证</text>
</view>
<view class="form-content">
<view class="item-field-row" v-if="'03'!=identityType">
<view class="img-upload" v-if="'01'==identityType">
<uni-file-picker iconPath="/static/mine/auth/shangbiao.png" :value="SBList"
imgTitle="商标注册证" :sizeType="sizeType" @select="afterRead($event,'SBList')"
@delete="deleteFile($event,'SBList')" limit="1"></uni-file-picker>
</view>
<view class="img-upload">
<uni-file-picker iconPath="/static/mine/auth/yingyezhizhao.png" required="true"
:value="YYZZList" imgTitle="营业执照" :sizeType="sizeType"
@select="afterRead($event,'YYZZList')" @delete="deleteFile($event,'YYZZList')"
limit="1"></uni-file-picker>
</view>
</view>
<view class="item-field" v-if="'02'==identityType || '03'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>与品牌方沟通记录
</view>
<view class="item-value">
<uni-file-picker :value="GTList" :sizeType="sizeType"
@select="afterRead($event,'GTList')" @delete="deleteFile($event,'GTList')"
limit="9"></uni-file-picker>
</view>
</view>
<view class="item-field" v-if="'03'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>品牌投放授权/合同
</view>
<view class="warn-little-text">* 需加盖申请主体红色公章（不支持PS章、电子章、部门章及专用章）</view>
<view class="item-value">
<uni-file-picker :value="SQList" :sizeType="sizeType"
@select="afterRead($event,'SQList')" @delete="deleteFile($event,'SQList')"
limit="9"></uni-file-picker>
</view>
</view>
<view class="item-field-row" v-if="'01'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>品牌名
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field-row" v-if="'01'==identityType || '02'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>公司全称
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field-row" v-if="'03'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>授权公司全称
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field" v-if="'04'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>店铺后台截图
</view>
<view class="item-value">
<uni-file-picker :value="DPHTList" :sizeType="sizeType"
@select="afterRead($event,'DPHTList')" @delete="deleteFile($event,'DPHTList')"
limit="9"></uni-file-picker>
</view>
</view>
<view class="item-field" v-if="'04'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>店铺物流截图
</view>
<view class="item-value">
<uni-file-picker :value="DPWLList" :sizeType="sizeType"
@select="afterRead($event,'DPWLList')" @delete="deleteFile($event,'DPWLList')"
limit="9"></uni-file-picker>
</view>
</view>
<view class="item-field-row" v-if="'04'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>店铺名称
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field-row" v-if="'04'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>店铺链接
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field-row">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>行业、领域
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field" v-if="'03'!=identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>公司所在城市
</view>
<view class="item-value">
<uni-data-picker placeholder="请选择" popup-title="请选择" :localdata="dataTree"
v-model="dataObj.cityId" @change="onchange" @nodeclick="onnodeclick"
@popupopened="onpopupopened" @popupclosed="onpopupclosed">
</uni-data-picker>
</view>
</view>
<view class="item-field" v-if="'03'==identityType">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>个人所在城市
</view>
<view class="item-value">
<uni-data-picker placeholder="请选择" popup-title="请选择" :localdata="dataTree"
v-model="dataObj.cityId" @change="onchange" @nodeclick="onnodeclick"
@popupopened="onpopupopened" @popupclosed="onpopupclosed">
</uni-data-picker>
</view>
</view>
</view>
</view>
<!-- 身份认证 -->
<view class="form-box">
<view class="left-top">
<image src="@/static/mine/auth/dian.png" mode="aspectFit"></image>
<text>身份认证</text>
</view>
<view class="form-content">
<view class="item-field">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>企业微信/钉钉个人资料页/在职证明
</view>
<view class="warn-little-text">* 需要包含姓名、公司名和职位。在职证明需加盖申请主体红色公章（不支持PS章、电子章、部门章及专用章）</view>
<view class="item-value">
<uni-file-picker :value="SFList" :sizeType="sizeType"
@select="afterRead($event,'SFList')" @delete="deleteFile($event,'SFList')"
limit="9"></uni-file-picker>
</view>
</view>
<view class="item-field-row">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>姓名
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field-row">
<view class="item-lable is-required">
<image src="@/static/mine/required.png" mode="aspectFit"></image>身份证号
</view>
<view class="item-value">
<input class="uni-input" v-model="dataObj.name" type="number" placeholder="请输入" />
</view>
</view>
<view class="item-field">
<view class="item-lable is-required">
附言（选填）
</view>
<view class="item-value">
<textarea style="margin-top: 10rpx;" v-model="dataObj.detail" placeholder="请输入详细地址" />
</view>
</view>
</view>
</view>
<view class="submit-field" style="align-items: center;">
<view class="submit-box" @click="submitForm()">提交认证</view>
</view>
</view>
</view>
</view>
</template>
<script>
import navigationBarVue from '@/components/navigation/navigationBar.vue';
import {
getTextByIdentityType
} from '@/utils/common.js'
import {
treeCity
} from '@/api/business/base.js'
import config from '@/config';
export default {
components: {
navigationBarVue
},
data() {
return {
globalConfig: getApp().globalData.config,
//当前选择的认证身份
identityType: "",
identityTypeText: "",
//城市树结构
dataTree: [],
sizeType: ['compressed'],
//商标
SBList: [],
//营业执照
YYZZList: [],
//身份认证材料
SFList: [],
//沟通记录
GTList: [],
//授权合同
SQList: [],
//店铺后台截图
DPHTList: [],
//店铺物流截图
DPWLList: [],
dataObj: {
name: ""
},
}
},
onLoad(option) {
this.initAddress();
this.identityType = option.key
this.identityTypeText = getTextByIdentityType(option.key)
},
methods: {
viewAuthText() {
this.$tab.navigateTo(
`/pages/common/richview/index?title=${this.globalConfig.appInfo.agreements[4].title}&code=${this.globalConfig.appInfo.agreements[4].code}`
)
},
/**初始化树结构*/
initAddress() {
treeCity().then(res => {
this.dataTree = res.data
}).catch((e) => {
uni.showToast({
icon: 'error',
duration: 2000,
title: e
});
})
},
afterRead(file, key) {
for (let i = 0; i < file.tempFilePaths.length; i++) {
upload({
url: '',
filePath: file.tempFilePaths[i]
}).then((res) => {
console.log(res, '215')
this[key].push({
url: config.baseUrl + res.data
})
console.log(this[key], "this[key]")
})
}
},
deleteFile(index, key) {
console.log('删除文件', this[key][index]);
this[key].splice(index, 1);
},
onnodeclick(e) {
console.log(e, 135);
},
onpopupopened(e) {
console.log('popupopened');
},
onpopupclosed(e) {
console.log('popupclosed');
},
onchange(e) {
console.log('onchange:', e);
},
submit() {
console.log(this.dataObj)
},
}
}
</script>
<style lang="scss">
.container-box {
padding-top: calc(90rpx + var(--status-bar-height));
border-top: 1rpx solid #F4F4F4;
background-color: white;
width: 100%;
color: #363636;
font-size: 30rpx;
height: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
position: relative;
.content {
border-top: 1rpx solid #F4F4F4;
height: calc(100vh - var(--status-bar-height) - var(--window-bottom) - 95rpx);
overflow-y: scroll;
width: 100%;
background-color: white;
border-radius: 20rpx;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: start;
position: relative;
.title-max-box {
width: 100%;
padding: 20rpx 30rpx;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: start;
.title-box {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
.item-title {
flex: 1;
display: flex;
align-items: center;
justify-content: start;
font-weight: bold;
.bg-img {
padding-bottom: 20rpx;
background-image: url('/static/mine/auth/xiantiao.png');
background-repeat: no-repeat;
background-position: bottom right;
background-size: 100% 50%;
}
}
.title-right {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 24rpx;
width: 160rpx;
padding-bottom: 20rpx;
}
}
.form-warn {
margin-top: 30rpx;
width: 100%;
font-size: 24rpx;
display: flex;
align-items: center;
justify-content: start;
background-color: #FDECD9;
color: #FF6627;
border-radius: 20rpx;
padding: 15rpx;
image {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
text {
flex: 1;
display: flex;
align-items: center;
justify-content: start;
}
}
}
.content-detail-box {
width: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: start;
background-color: #F2F2F2;
padding: 20rpx;
.form-box {
margin-bottom: 20rpx;
background-color: white;
border-radius: 20rpx;
padding: 20rpx 20rpx;
width: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: start;
.left-top {
width: 100%;
display: flex;
align-items: center;
justify-content: start;
margin-bottom: 20rpx;
image {
width: 30rpx;
height: 30rpx;
}
text {
margin-left: 10rpx;
font-weight: bold;
font-size: 32rpx;
}
}
.form-content {
width: 100%;
.item-field-row {
width: 100%;
display: flex;
align-items: self-start;
justify-content: start;
padding-bottom: 15rpx;
.img-upload {
width: 50%;
margin: 10rpx 10rpx;
display: flex;
align-items: center;
justify-content: center;
}
.is-required {
image {
width: 20rpx;
height: 20rpx;
margin-right: 10rpx;
}
}
.item-lable {
width: 210rpx;
padding: 15rpx 0;
display: flex;
align-items: center;
justify-content: start;
}
.item-value {
flex: 1;
padding-left: 20rpx;
display: flex;
align-items: center;
justify-content: flex-end;
input {
width: 100%;
padding-left: 20rpx;
line-height: 1;
height: 70rpx;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
.choose-add {
color: #686868;
padding: 10rpx 0 10rpx 20rpx;
display: flex;
align-items: center;
justify-content: flex-start;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
textarea {
width: 100%;
height: 150rpx;
color: #686868;
padding: 10rpx 0 10rpx 20rpx;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
}
}
.item-field {
width: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
margin-bottom: 20rpx;
.warn-little-text {
color: #FE9860;
font-size: 18rpx;
margin-bottom: 20rpx;
}
.is-required {
image {
width: 20rpx;
height: 20rpx;
margin-right: 10rpx;
}
}
.item-lable {
padding: 15rpx 0;
display: flex;
align-items: center;
justify-content: center;
}
.item-value {
width: 100%;
input {
width: 100%;
padding-left: 20rpx;
line-height: 1;
height: 70rpx;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
.choose-add {
color: #686868;
padding: 10rpx 0 10rpx 20rpx;
display: flex;
align-items: center;
justify-content: flex-start;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
textarea {
width: 100%;
height: 150rpx;
color: #686868;
padding: 10rpx 0 10rpx 20rpx;
border: 1rpx solid #dcdfe6;
border-radius: 8rpx;
}
}
}
}
}
.submit-field {
width: 100%;
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
margin-bottom: 20rpx;
.submit-box {
padding: 15rpx 0;
background-color: #FC1F3E;
color: white;
width: 80%;
border-radius: 10rpx;
margin-top: 20rpx;
text-align: center;
}
}
}
}
}
</style>

5
pages/mine/mine-index.vue
View File

@ -92,7 +92,7 @@
<view class="box-room">
<view class="detail-title">个人信息</view>
<view class="menu-box top-column">
<view class="menu-item" v-if="'01'==localUserType">
<view class="menu-item" v-if="'01'==localUserType" @click="goAuth()">
<!-- <image src="@/static/mine/zuji.png" mode="aspectFit"></image> -->
<image src="@/static/mine/caise/renzheng.png" mode="aspectFit"></image>
<view class="text-dom">通告主认证</view>
@ -277,6 +277,9 @@
goMyAddr() {
this.$tab.navigateTo('/pages/mine/addr/addr-list')
},
goAuth() {
this.$tab.navigateTo('/pages/mine/auth/auth-choose')
},
goMemberCard() {
this.$tab.navigateTo('/pages/mine/member/member-card')
},

BIN
static/mine/auth/dian.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
static/mine/auth/dianshang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

BIN
static/mine/auth/geren.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/mine/auth/gognsi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

BIN
static/mine/auth/pinpaifang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/mine/auth/shangbiao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
static/mine/auth/xiantiao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
static/mine/auth/yingyezhizhao.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

70
uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue
View File

@ -4,14 +4,19 @@
<text class="file-title">{{ title }}</text>
<text class="file-count">{{ filesList.length }}/{{ limitLength }}</text>
</view>
<upload-image :small="small" v-if="fileMediatype === 'image' && showType === 'grid'" :readonly="readonly"
:image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview"
:delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
<upload-image :iconPath="iconPath" :small="small" v-if="fileMediatype === 'image' && showType === 'grid'"
:readonly="readonly" :image-styles="imageStyles" :files-list="filesList" :limit="limitLength"
:disablePreview="disablePreview" :delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose"
@delFile="delFile">
<slot>
<view class="is-add">
<view class="is-add" v-if="''==iconPath">
<view :class="['icon-add',small?'new-icon-add':'']"></view>
<view :class="['icon-add rotate',small?'new-icon-add':'']"></view>
</view>
<view class="is-add custom-add" v-else>
<image :src="iconPath" mode="aspectFit"></image>
<view :class="['img-title',required?'is-required':'']">{{imgTitle}}</view>
</view>
</slot>
</upload-image>
<upload-file v-if="fileMediatype !== 'image' || showType !== 'grid'" :readonly="readonly"
@ -111,6 +116,10 @@
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
},
disablePreview: {
type: Boolean,
default: false
@ -154,6 +163,14 @@
type: String,
default: ''
},
iconPath: {
type: String,
default: ''
},
imgTitle: {
type: String,
default: ''
},
listStyles: {
type: Object,
default () {
@ -526,10 +543,11 @@
* @param {Object} index
*/
delFile(index) {
this.$emit('delete', {
tempFile: this.files[index],
tempFilePath: this.files[index].url
})
// this.$emit('delete', {
// tempFile: this.files[index],
// tempFilePath: this.files[index].url
// })
this.$emit('delete', index)
this.files.splice(index, 1)
this.$nextTick(() => {
this.setEmit()
@ -620,7 +638,7 @@
}
</script>
<style>
<style lang="scss">
.uni-file-picker {
/* #ifndef APP-NVUE */
box-sizing: border-box;
@ -657,6 +675,40 @@
justify-content: center;
}
.custom-add {
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
background-color: #FAFAFA;
border-radius: 15rpx;
position: relative;
image {
margin-top: 30rpx;
width: 70%;
height: 150rpx;
}
.img-title {
font-size: 24rpx;
width: 100%;
background-color: #E9E9E9;
padding: 10rpx 0;
color: #363636;
text-align: center;
position: absolute;
bottom: 0;
}
.is-required:before {
padding-right: 8rpx;
content: "*";
color: red;
}
}
.icon-add {
width: 50px;
height: 5px;

10
uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue
View File

@ -66,6 +66,10 @@
}
}
},
iconPath: {
type: String,
default: ''
},
delIcon: {
type: Boolean,
default: true
@ -109,6 +113,9 @@
if (true == this.small) {
obj.width = '25%'
obj['padding-top'] = '25%'
} else if ('' != this.iconPath) {
obj.width = '100%'
obj['padding-top'] = '80%'
} else {
obj.width = '33.3%'
}
@ -125,6 +132,9 @@
return classles
},
borderStyle() {
if ("" != this.iconPath) {
return "border-width:0 !important"
}
let {
border
} = this.styles

16
utils/common.js
View File

@ -178,3 +178,19 @@ export function calculateTimeDifference(time) {
return parseInt(remainingHours) + "小时前"
}
}
/**
* 翻译认证身份类型
* @param {Object} key
*/
export function getTextByIdentityType(key) {
if ("01" == key) {
return "品牌方"
} else if ("02" == key) {
return "代运营公司"
} else if ("03" == key) {
return "个人PR"
} else if ("04" == key) {
return "电商"
}
}