修复若干bug
This commit is contained in:
parent
5c42041cbd
commit
adf6cea0b7
|
|
@ -165,7 +165,7 @@
|
|||
v-if="userInfo.credentials_state === 0">
|
||||
</image>
|
||||
<text style="margin-right: 16rpx;"
|
||||
:style="{ color: userInfo.credentials_state === 0 ? '#ec5d57' : userInfo.credentials_state === 1 ? '#e59e45' : '#c9c9c9' }">
|
||||
:style="{ color: userInfo.credentials_state === 0 ? '#ec5d57' : userInfo.credentials_state === 1 ? '#e59e45' : '#389930' }">
|
||||
{{ userInfo.credentials_state === 0 ? '待完善' : userInfo.credentials_state === 1 ? '审核中' :
|
||||
'已认证' }}
|
||||
</text>
|
||||
|
|
@ -640,12 +640,17 @@ export default {
|
|||
url: '/pages/ruzhu/ruzhu'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 0) {
|
||||
// 已认证 + 待完善
|
||||
// 已入驻 + 待完善
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 1) {
|
||||
// 已认证 + 申请中
|
||||
// 已入驻 + 申请中
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 2) {
|
||||
// 已入驻 + 已完善
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
|
||||
<view class="header-section">
|
||||
<view class="user-info" @tap="handleLoginRedirect">
|
||||
<image class="avatar" :src="currentAvatar"></image>
|
||||
<image mode="aspectFill" class="avatar" :src="currentAvatar"></image>
|
||||
<view class="info-text">
|
||||
<view class="name">{{ currentName }}</view>
|
||||
<view class="desc">欢迎登录美融融商家版</view>
|
||||
|
|
@ -117,7 +117,7 @@
|
|||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="stats-content">
|
||||
<view class="stats-content" @tap="goToOrderList">
|
||||
<view class="stat-item">
|
||||
<text class="num">{{ orderBasic.waitStart }}</text>
|
||||
<text class="label">待开始</text>
|
||||
|
|
|
|||
308
pages/my/my.vue
308
pages/my/my.vue
|
|
@ -133,6 +133,70 @@
|
|||
</template>
|
||||
</view>
|
||||
|
||||
<view class="setup-modal-mask" v-if="showSetupModal" catchtouchmove="true">
|
||||
<view class="setup-modal-content">
|
||||
<image class="modal-bg"
|
||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/ac2cb4aa-a7c5-4776-98f4-b77e9c0cfa85.png">
|
||||
</image>
|
||||
|
||||
<view class="modal-header">
|
||||
<text>温馨提示</text>
|
||||
</view>
|
||||
|
||||
<view class="modal-body">
|
||||
<text class="modal-subtitle">发布服务请完善以下资料：</text>
|
||||
|
||||
<view class="missing-list">
|
||||
<view class="missing-item" v-if="!hasBusinessTime">
|
||||
<view class="item-left">
|
||||
<image class="item-icon"
|
||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/21b26b44-5e36-4291-8900-705a3d5bfa90.png">
|
||||
</image>
|
||||
<view class="item-texts">
|
||||
<text class="item-title">营业时间未配置</text>
|
||||
<text class="item-desc">请完善店铺的营业时间</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right orange" @tap="goToBusinessTime">去配置</view>
|
||||
</view>
|
||||
|
||||
<view class="missing-item" v-if="!hasServiceSkill">
|
||||
<view class="item-left">
|
||||
<image class="item-icon"
|
||||
src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/21b26b44-5e36-4291-8900-705a3d5bfa90.png">
|
||||
</image>
|
||||
<view class="item-texts">
|
||||
<text class="item-title">服务技能未配置</text>
|
||||
<text class="item-desc">请完善服务技能</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right orange" @tap="goToServiceSkill">去配置</view>
|
||||
</view>
|
||||
|
||||
<view class="missing-item" v-if="!isCertified">
|
||||
<view class="item-left">
|
||||
<image class="item-icon"
|
||||
:src="isUnderReview ? 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/25c444be-a66e-45d6-b50d-922149ff059f.png' : 'https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/21b26b44-5e36-4291-8900-705a3d5bfa90.png'">
|
||||
</image>
|
||||
<view class="item-texts">
|
||||
<text class="item-title" :class="{ 'blue-text': isUnderReview }">{{ isUnderReview ?
|
||||
'资质认证中' : '资质未认证' }}</text>
|
||||
<text class="item-desc">请完成资质认证</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right" :class="isUnderReview ? 'grey' : 'light-green'" @tap="goToAuth">
|
||||
{{ isUnderReview ? '查看进度' : '去认证' }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="modal-footer">
|
||||
<view class="btn-know" @tap="closeSetupModal">知道了</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<tipsPopup2 :show="tipShow" @closePopup="closePopup" sureText="确认" @okBtn="okBtn">
|
||||
{{ tipsText }}
|
||||
</tipsPopup2>
|
||||
|
|
@ -325,6 +389,8 @@ export default {
|
|||
inviteList: [],
|
||||
// 账号停用弹窗控制
|
||||
stopUseModal: false,
|
||||
showSetupModal: false,
|
||||
authDetails: null,
|
||||
};
|
||||
},
|
||||
onPageScroll(e) {
|
||||
|
|
@ -343,6 +409,37 @@ export default {
|
|||
return this.userInfo?.is_ok === 2;
|
||||
},
|
||||
|
||||
// 是否认证通过 (根据规则，> 0 说明认证通过了)
|
||||
isCertified() {
|
||||
if (!this.isLogin || typeof this.userInfo.id_type === 'undefined') return false;
|
||||
return this.userInfo.id_type > 0;
|
||||
},
|
||||
// 是否已入驻
|
||||
isSettled() {
|
||||
if (!this.isLogin || typeof this.userInfo.id_type === 'undefined') return false;
|
||||
return this.userInfo.id_type !== 0;
|
||||
},
|
||||
// 是否在审核中
|
||||
isUnderReview() {
|
||||
if (!this.isLogin) return false;
|
||||
if (this.authDetails && Object.keys(this.authDetails).length > 0) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
},
|
||||
// 服务技能是否已配置
|
||||
hasServiceSkill() {
|
||||
const fromUser = this.userInfo && Array.isArray(this.userInfo.servers_kill) && this.userInfo.servers_kill.length > 0;
|
||||
const fromAuth = this.authDetails && Array.isArray(this.authDetails.servers_kill) && this.authDetails.servers_kill.length > 0;
|
||||
return this.isLogin && (fromUser || fromAuth);
|
||||
},
|
||||
// 营业时间是否已配置
|
||||
hasBusinessTime() {
|
||||
const timeFromUser = this.userInfo && this.userInfo.business_time;
|
||||
const timeFromAuth = this.authDetails && this.authDetails.business_time;
|
||||
return this.isLogin && !!(timeFromUser || timeFromAuth);
|
||||
},
|
||||
|
||||
currentCardList() {
|
||||
return this.cardList
|
||||
.filter((card) => this.checkShow(card))
|
||||
|
|
@ -671,9 +768,24 @@ export default {
|
|||
"https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/4b558456-2e38-4185-8713-d1f0e6645820.png";
|
||||
}
|
||||
}
|
||||
// 获取入驻详情用于判断认证状态
|
||||
if (this.isSettled) {
|
||||
this.fetchAuthDetails();
|
||||
}
|
||||
});
|
||||
this.getInviteList();
|
||||
},
|
||||
// 获取入驻详情
|
||||
fetchAuthDetails() {
|
||||
request.post("/sj/userSjAuth/details", {
|
||||
type: 1,
|
||||
id_type: '1'
|
||||
}).then(res => {
|
||||
if (res.code == 200 && res.data) {
|
||||
this.authDetails = res.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
async goLogin() {
|
||||
// 添加访问检查
|
||||
if (this.isAccountDisabled) {
|
||||
|
|
@ -761,11 +873,8 @@ export default {
|
|||
url: `${item.path}?type=${item.type}`,
|
||||
});
|
||||
} else {
|
||||
if (item.go_id_type == 1 && this.userInfo?.id_type == 0) {
|
||||
uni.showToast({
|
||||
title: `您暂未入驻，无法使用${item.title}！`,
|
||||
icon: "none",
|
||||
});
|
||||
if (item.go_id_type == 1 && (!this.isCertified || !this.hasBusinessTime || !this.hasServiceSkill)) {
|
||||
this.showSetupModal = true;
|
||||
return;
|
||||
}
|
||||
if (!this.isLogin && item.go_id_type) {
|
||||
|
|
@ -803,12 +912,17 @@ export default {
|
|||
url: '/pages/ruzhu/ruzhu'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 0) {
|
||||
// 已认证 + 待完善
|
||||
// 已入驻 + 待完善
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 1) {
|
||||
// 已认证 + 申请中
|
||||
// 已入驻 + 申请中
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
} else if (idType > 0 && credentialsState === 2) {
|
||||
// 已入驻 + 已完善
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/qualification_sj_change'
|
||||
});
|
||||
|
|
@ -819,6 +933,39 @@ export default {
|
|||
});
|
||||
}
|
||||
},
|
||||
closeSetupModal() {
|
||||
this.showSetupModal = false;
|
||||
},
|
||||
goToBusinessTime() {
|
||||
this.showSetupModal = false;
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/business-time'
|
||||
});
|
||||
},
|
||||
goToServiceSkill() {
|
||||
this.showSetupModal = false;
|
||||
uni.navigateTo({
|
||||
url: '/pages/shop/service-skills'
|
||||
});
|
||||
},
|
||||
goToAuth() {
|
||||
this.showSetupModal = false;
|
||||
if (this.isUnderReview) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/ruzhu/ruzhu?type=1'
|
||||
});
|
||||
} else {
|
||||
if (this.isSettled) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/ruzhu/ruzhu?step=3'
|
||||
});
|
||||
} else {
|
||||
uni.navigateTo({
|
||||
url: '/pages/ruzhu/ruzhu'
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
goToInviteList() {
|
||||
// 添加访问检查
|
||||
if (this.isAccountDisabled) {
|
||||
|
|
@ -1562,4 +1709,151 @@ button::after {
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ============ 提示弹窗样式 ============ */
|
||||
.setup-modal-mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
z-index: 9999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.setup-modal-content {
|
||||
width: 630rpx;
|
||||
height: 775rpx;
|
||||
background: #FFFFFF;
|
||||
border-radius: 32rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.modal-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 630rpx;
|
||||
height: 265rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 150rpx;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
padding-bottom: 20rpx;
|
||||
|
||||
text {
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
flex: 1;
|
||||
padding: 24rpx 40rpx;
|
||||
|
||||
.modal-subtitle {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-bottom: 40rpx;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.missing-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 46rpx;
|
||||
|
||||
.missing-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.item-left {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
|
||||
.item-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 16rpx;
|
||||
flex-shrink: 0;
|
||||
margin-top: 6rpx;
|
||||
}
|
||||
|
||||
.item-texts {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.item-title {
|
||||
font-size: 30rpx;
|
||||
color: #333333;
|
||||
font-weight: 500;
|
||||
margin-bottom: 8rpx;
|
||||
|
||||
&.blue-text {
|
||||
color: #2b85e4;
|
||||
}
|
||||
}
|
||||
|
||||
.item-desc {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-right {
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
margin-top: -45rpx;
|
||||
|
||||
&.orange {
|
||||
color: #FF7B00;
|
||||
}
|
||||
|
||||
&.grey {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
&.light-green {
|
||||
color: #5CAC81;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 0 50rpx 50rpx;
|
||||
|
||||
.btn-know {
|
||||
width: 100%;
|
||||
height: 88rpx;
|
||||
background: #FF4767;
|
||||
border-radius: 44rpx;
|
||||
color: #FFFFFF;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -95,13 +95,13 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import request from '../../utils/request';
|
||||
import StepTab from '@/components/step-tab/step-tab.vue';
|
||||
import QualificationInfo from './qualification_sj.vue';
|
||||
import StoreInfo from './sj-info.vue';
|
||||
import successruzhu from './successruzhu.vue';
|
||||
import request from '../../utils/request';
|
||||
import StepTab from '@/components/step-tab/step-tab.vue';
|
||||
import QualificationInfo from './qualification_sj.vue';
|
||||
import StoreInfo from './sj-info.vue';
|
||||
import successruzhu from './successruzhu.vue';
|
||||
|
||||
export default {
|
||||
export default {
|
||||
components: {
|
||||
StepTab,
|
||||
QualificationInfo,
|
||||
|
|
@ -110,7 +110,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
currentStep: 0, // 当前步骤索引
|
||||
currentStep: 3, // 当前步骤索引
|
||||
isAgree: false,
|
||||
identity: null,
|
||||
textData: {},
|
||||
|
|
@ -623,62 +623,62 @@
|
|||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* ...与原来一致的代码... */
|
||||
.ruzhu-page {
|
||||
.ruzhu-page {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
.content {
|
||||
padding: 20rpx 20rpx 50rpx 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.xieyi_content {
|
||||
.xieyi_content {
|
||||
padding: 20rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ruzhu-cont {
|
||||
.ruzhu-cont {
|
||||
padding: 24rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.ruzhu-text {
|
||||
.ruzhu-text {
|
||||
font-size: 28rpx;
|
||||
color: #3D3D3D;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.kong {
|
||||
.kong {
|
||||
width: 100vw;
|
||||
height: 180rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 底部按钮区域样式 */
|
||||
.bottom-fixed {
|
||||
/* 底部按钮区域样式 */
|
||||
.bottom-fixed {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: #ffffff;
|
||||
padding: 24rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* 步骤0按钮布局 */
|
||||
.step-0-buttons {
|
||||
/* 步骤0按钮布局 */
|
||||
.step-0-buttons {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* 步骤0中的下一步按钮*/
|
||||
.step-0-buttons .next-btn {
|
||||
/* 步骤0中的下一步按钮*/
|
||||
.step-0-buttons .next-btn {
|
||||
width: 702rpx;
|
||||
height: 98rpx !important;
|
||||
display: flex;
|
||||
|
|
@ -686,24 +686,24 @@
|
|||
align-items: center;
|
||||
background: #FF4767;
|
||||
border-radius: 49rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.step-0-buttons .next-text {
|
||||
.step-0-buttons .next-text {
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
/* 步骤1和步骤2按钮布局 */
|
||||
.step-1-buttons,
|
||||
.step-2-buttons {
|
||||
/* 步骤1和步骤2按钮布局 */
|
||||
.step-1-buttons,
|
||||
.step-2-buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
/* 步骤1中的按钮 */
|
||||
.step-1-buttons .next-btn {
|
||||
/* 步骤1中的按钮 */
|
||||
.step-1-buttons .next-btn {
|
||||
flex: 1;
|
||||
height: 98rpx;
|
||||
display: flex;
|
||||
|
|
@ -711,16 +711,16 @@
|
|||
align-items: center;
|
||||
background: #FF4767;
|
||||
border-radius: 49rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.step-1-buttons .next-text {
|
||||
.step-1-buttons .next-text {
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
/* 步骤2中的提交按钮 */
|
||||
.step-2-buttons .submit-btn {
|
||||
/* 步骤2中的提交按钮 */
|
||||
.step-2-buttons .submit-btn {
|
||||
flex: 1;
|
||||
height: 98rpx;
|
||||
display: flex;
|
||||
|
|
@ -728,16 +728,16 @@
|
|||
align-items: center;
|
||||
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||
border-radius: 49rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.step-2-buttons .submit-text {
|
||||
.step-2-buttons .submit-text {
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
/* 上一步按钮 - 统一所有步骤中的样式 */
|
||||
.prev-btn {
|
||||
/* 上一步按钮 - 统一所有步骤中的样式 */
|
||||
.prev-btn {
|
||||
width: 249rpx;
|
||||
height: 98rpx;
|
||||
display: flex;
|
||||
|
|
@ -745,69 +745,69 @@
|
|||
align-items: center;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 60rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.prev-text {
|
||||
.prev-text {
|
||||
color: #FF4767;
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.button-row {
|
||||
.button-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 702rpx;
|
||||
height: 147rpx;
|
||||
gap: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.agree {
|
||||
.agree {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.agree-btn {
|
||||
.agree-btn {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 13rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.agree-tip {
|
||||
.agree-tip {
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.next-text {
|
||||
.next-text {
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.prev-text {
|
||||
.prev-text {
|
||||
color: #333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.submit-text {
|
||||
.submit-text {
|
||||
color: #ffffff;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.showziliao {
|
||||
.showziliao {
|
||||
width: 690rpx;
|
||||
height: 98rpx;
|
||||
background: #FF4767;
|
||||
border-radius: 49rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.showziliaotext {
|
||||
.showziliaotext {
|
||||
height: 40rpx;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 500;
|
||||
|
|
@ -817,5 +817,5 @@
|
|||
font-style: normal;
|
||||
margin: 0 0 0 281rpx;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -138,7 +138,7 @@
|
|||
<view class="detail-textarea-wrap">
|
||||
<textarea class="detail-textarea" v-model="detailForm.effect" placeholder="请输入服务内容"
|
||||
placeholder-class="placeholder" maxlength="200"></textarea>
|
||||
<text class="detail-count">{{(detailForm.effect || '').length}}/200</text>
|
||||
<text class="detail-count">{{ (detailForm.effect || '').length }}/200</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -148,7 +148,7 @@
|
|||
<textarea class="detail-textarea" v-model="detailForm.crowd"
|
||||
placeholder="请输入不适用人群，例如：未成年人/孕妇不适用" placeholder-class="placeholder"
|
||||
maxlength="200"></textarea>
|
||||
<text class="detail-count">{{(detailForm.crowd || '').length}}/200</text>
|
||||
<text class="detail-count">{{ (detailForm.crowd || '').length }}/200</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -157,7 +157,7 @@
|
|||
<view class="detail-textarea-wrap">
|
||||
<textarea class="detail-textarea" v-model="detailForm.product" placeholder="请输入产品清单"
|
||||
placeholder-class="placeholder" maxlength="200"></textarea>
|
||||
<text class="detail-count">{{(detailForm.product || '').length}}/200</text>
|
||||
<text class="detail-count">{{ (detailForm.product || '').length }}/200</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -166,7 +166,7 @@
|
|||
<view class="detail-textarea-wrap">
|
||||
<textarea class="detail-textarea" v-model="detailForm.scope" placeholder="请输入使用时间/适用人数"
|
||||
placeholder-class="placeholder" maxlength="200"></textarea>
|
||||
<text class="detail-count">{{(detailForm.scope || '').length}}/200</text>
|
||||
<text class="detail-count">{{ (detailForm.scope || '').length }}/200</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
|
@ -175,7 +175,7 @@
|
|||
<view class="detail-textarea-wrap">
|
||||
<textarea class="detail-textarea" v-model="detailForm.tips" placeholder="请输入其他注意事项"
|
||||
placeholder-class="placeholder" maxlength="200"></textarea>
|
||||
<text class="detail-count">{{(detailForm.tips || '').length}}/200</text>
|
||||
<text class="detail-count">{{ (detailForm.tips || '').length }}/200</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -282,20 +282,20 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import request from "../../utils/request";
|
||||
import PopupPicker from "@/components/popup-picker/popup-picker.vue";
|
||||
import PopupPickerMy from "@/components/popup-picker/PopupPickerMy.vue";
|
||||
import CircleProgress from "@/components/circle-progress/circle-progress.vue";
|
||||
import sparkMD5 from "spark-md5"; // 引入MD5计算库
|
||||
import {
|
||||
import request from "../../utils/request";
|
||||
import PopupPicker from "@/components/popup-picker/popup-picker.vue";
|
||||
import PopupPickerMy from "@/components/popup-picker/PopupPickerMy.vue";
|
||||
import CircleProgress from "@/components/circle-progress/circle-progress.vue";
|
||||
import sparkMD5 from "spark-md5"; // 引入MD5计算库
|
||||
import {
|
||||
debounce
|
||||
} from "@/utils/debounce.js";
|
||||
import AliOssUploader from "../../components/ali-oss-uploader/ali-oss-uploader.vue";
|
||||
import permissionUtils from "../../utils/per";
|
||||
import locationService from "../../utils/locationService";
|
||||
import _public from "../../utils/public";
|
||||
} from "@/utils/debounce.js";
|
||||
import AliOssUploader from "../../components/ali-oss-uploader/ali-oss-uploader.vue";
|
||||
import permissionUtils from "../../utils/per";
|
||||
import locationService from "../../utils/locationService";
|
||||
import _public from "../../utils/public";
|
||||
|
||||
export default {
|
||||
export default {
|
||||
components: {
|
||||
PopupPicker,
|
||||
CircleProgress,
|
||||
|
|
@ -534,7 +534,7 @@
|
|||
uploadVideoSuc(file) {
|
||||
this.formData.video = file;
|
||||
},
|
||||
uploadVideoErr() {},
|
||||
uploadVideoErr() { },
|
||||
uploadVideoDel() {
|
||||
this.formData.video = null;
|
||||
},
|
||||
|
|
@ -587,7 +587,7 @@
|
|||
getUserInfo() {
|
||||
const type = this.artisanType == 1 ? 2 : this.artisanType == 2 ? 3 : 1;
|
||||
request
|
||||
.post("/user/getuser", {
|
||||
.post("/sj/user/getuser", {
|
||||
type: type,
|
||||
})
|
||||
.then((result) => {
|
||||
|
|
@ -641,7 +641,7 @@
|
|||
},
|
||||
|
||||
// 保存草稿
|
||||
saveDraft: debounce(function() {
|
||||
saveDraft: debounce(function () {
|
||||
if (this.isDraft) return;
|
||||
this.syncDetailForm();
|
||||
const {
|
||||
|
|
@ -723,7 +723,7 @@
|
|||
}, 500),
|
||||
|
||||
// 提交表单
|
||||
submitForm: debounce(function() {
|
||||
submitForm: debounce(function () {
|
||||
if (this.isAdd) return;
|
||||
this.syncDetailForm();
|
||||
// 表单验证
|
||||
|
|
@ -942,20 +942,20 @@
|
|||
this.category = selectedCategory.title;
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.add-service {
|
||||
.add-service {
|
||||
padding: 24rpx 24rpx 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.form-container {
|
||||
.form-container {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item {
|
||||
.form-item {
|
||||
background-color: #fff;
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
|
|
@ -965,9 +965,9 @@
|
|||
box-sizing: border-box;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.price-tip {
|
||||
.price-tip {
|
||||
width: 100%;
|
||||
margin-top: 40rpx;
|
||||
|
||||
|
|
@ -980,38 +980,38 @@
|
|||
color: #EE4853;
|
||||
line-height: 33rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.shopsale-box {
|
||||
.shopsale-box {
|
||||
flex-flow: column;
|
||||
justify-content: space-between;
|
||||
align-items: space-between;
|
||||
}
|
||||
}
|
||||
|
||||
.shopsale-change {
|
||||
.shopsale-change {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.shopsale-option {
|
||||
.shopsale-option {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.shopsale-option:last-child {
|
||||
.shopsale-option:last-child {
|
||||
margin-left: 220rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.option-text {
|
||||
.option-text {
|
||||
padding-left: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-item-up {
|
||||
.form-item-up {
|
||||
background-color: #fff;
|
||||
padding: 24rpx;
|
||||
display: flex;
|
||||
|
|
@ -1021,69 +1021,69 @@
|
|||
box-sizing: border-box;
|
||||
border-radius: 10rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-label {
|
||||
.form-label {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.form-input {
|
||||
.form-input {
|
||||
flex: 1;
|
||||
height: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.form-right {
|
||||
.form-right {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.form-value {
|
||||
.form-value {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
.placeholder {
|
||||
font-weight: 400;
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.textarea-item {
|
||||
.textarea-item {
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-textarea {
|
||||
.form-textarea {
|
||||
flex: 1;
|
||||
height: 198rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
line-height: 1.5;
|
||||
margin-left: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-item {
|
||||
.upload-item {
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-tip {
|
||||
.upload-tip {
|
||||
font-size: 24rpx;
|
||||
color: #999999;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-content {
|
||||
.upload-content {
|
||||
margin-top: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.progress-box {
|
||||
.progress-box {
|
||||
width: 204rpx;
|
||||
height: 204rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
|
|
@ -1096,58 +1096,58 @@
|
|||
flex-flow: column nowrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.progress-text {
|
||||
.progress-text {
|
||||
font-size: 42rpx;
|
||||
color: #ffffff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.progress-lable {
|
||||
.progress-lable {
|
||||
font-size: 28rpx;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.progress-box progress {
|
||||
.progress-box progress {
|
||||
/* width: 204rpx; */
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.video-preview,
|
||||
.image-preview,
|
||||
.upload-btn {
|
||||
.video-preview,
|
||||
.image-preview,
|
||||
.upload-btn {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
margin-right: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.preview-video,
|
||||
.preview-image {
|
||||
.preview-video,
|
||||
.preview-image {
|
||||
width: 200rpx;
|
||||
height: 200rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
.upload-btn {
|
||||
border: 2rpx dashed #dddddd;
|
||||
border-radius: 8rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.plus-icon {
|
||||
.plus-icon {
|
||||
font-size: 60rpx;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-btn {
|
||||
.delete-btn {
|
||||
position: absolute;
|
||||
top: -20rpx;
|
||||
right: -20rpx;
|
||||
|
|
@ -1160,9 +1160,9 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-buttons {
|
||||
.bottom-buttons {
|
||||
/* position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
|
|
@ -1174,10 +1174,10 @@
|
|||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-draft,
|
||||
.btn-submit {
|
||||
.btn-draft,
|
||||
.btn-submit {
|
||||
width: 334rpx;
|
||||
height: 76rpx;
|
||||
line-height: 76rpx;
|
||||
|
|
@ -1185,49 +1185,49 @@
|
|||
font-size: 28rpx;
|
||||
border-radius: 40rpx;
|
||||
margin: 0 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-draft {
|
||||
.btn-draft {
|
||||
background-color: #ffffff;
|
||||
color: #FF4767;
|
||||
border: 2rpx solid #FF4767;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
.btn-submit {
|
||||
background-color: #FF4767;
|
||||
color: #ffffff;
|
||||
width: 705rpx;
|
||||
height: 76rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-step {
|
||||
.form-step {
|
||||
background-color: #fff;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-step .form-item {
|
||||
.form-step .form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.step {
|
||||
.step {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 24rpx 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.step-inp {
|
||||
.step-inp {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
margin-left: 38rpx;
|
||||
padding: 0 24rpx;
|
||||
background-color: rgba(230, 230, 230, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
.step-textarea {
|
||||
.step-textarea {
|
||||
font-size: 24rpx;
|
||||
flex: 1;
|
||||
height: 70rpx;
|
||||
|
|
@ -1235,10 +1235,10 @@
|
|||
margin-left: 38rpx;
|
||||
padding: 24rpx;
|
||||
background-color: rgba(230, 230, 230, 0.5);
|
||||
}
|
||||
}
|
||||
|
||||
/* 选择器触发按钮样式 */
|
||||
.picker-trigger {
|
||||
/* 选择器触发按钮样式 */
|
||||
.picker-trigger {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
|
@ -1246,85 +1246,85 @@
|
|||
background-color: #ffffff;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.picker-label {
|
||||
.picker-label {
|
||||
font-size: 28rpx;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.picker-value {
|
||||
.picker-value {
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.picker-arrow {
|
||||
.picker-arrow {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-icon {
|
||||
.delete-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.form-detail {
|
||||
.form-detail {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
.required::before {
|
||||
.required::before {
|
||||
content: "*";
|
||||
color: #ff0000;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.step-inp,
|
||||
.form-input {
|
||||
.step-inp,
|
||||
.form-input {
|
||||
height: 60rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 服务简介相关
|
||||
.detail-card {
|
||||
// 服务简介相关
|
||||
.detail-card {
|
||||
background: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
padding: 0 24rpx 8rpx;
|
||||
margin-bottom: 24rpx;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-title {
|
||||
.detail-title {
|
||||
padding: 24rpx 0 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-title .form-label {
|
||||
.detail-title .form-label {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-row {
|
||||
.detail-row {
|
||||
padding: 0 0 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-row .form-label {
|
||||
.detail-row .form-label {
|
||||
display: block;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-textarea-wrap {
|
||||
.detail-textarea-wrap {
|
||||
position: relative;
|
||||
background: #f7f7f7;
|
||||
border-radius: 16rpx;
|
||||
padding: 24rpx 24rpx 52rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-textarea {
|
||||
.detail-textarea {
|
||||
width: 100%;
|
||||
height: 108rpx;
|
||||
min-height: 108rpx;
|
||||
|
|
@ -1336,55 +1336,55 @@
|
|||
line-height: 40rpx;
|
||||
color: #333333;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.detail-count {
|
||||
.detail-count {
|
||||
position: absolute;
|
||||
right: 24rpx;
|
||||
bottom: 16rpx;
|
||||
font-size: 22rpx;
|
||||
color: #999999;
|
||||
line-height: 32rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* 平台特定样式 */
|
||||
/* #ifdef H5 */
|
||||
/* 平台特定样式 */
|
||||
/* #ifdef H5 */
|
||||
|
||||
.form-input,
|
||||
.form-textarea {
|
||||
.form-input,
|
||||
.form-textarea {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
.upload-btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
/* #endif */
|
||||
|
||||
/* #ifdef APP-PLUS */
|
||||
.form-input {
|
||||
/* #ifdef APP-PLUS */
|
||||
.form-input {
|
||||
height: 90rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.permission.transform {
|
||||
.permission.transform {
|
||||
top: calc(var(--status-bar-height) + 88rpx + 30rpx);
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
/* #endif */
|
||||
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.form-input {
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.form-input {
|
||||
height: 80rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-buttons {
|
||||
.bottom-buttons {
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
}
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
.tip {
|
||||
/* #endif */
|
||||
.tip {
|
||||
padding: 20rpx 30rpx;
|
||||
background: #feefec;
|
||||
font-weight: 400;
|
||||
|
|
@ -1402,20 +1402,20 @@
|
|||
margin-right: 10rpx;
|
||||
transform: translateY(6rpx);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 淡入淡出动画 */
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
/* 淡入淡出动画 */
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
.fade-enter,
|
||||
.fade-leave-to {
|
||||
.fade-enter,
|
||||
.fade-leave-to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-mask2 {
|
||||
.popup-mask2 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
|
@ -1426,59 +1426,59 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-content2 {
|
||||
.popup-content2 {
|
||||
width: 600rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
padding: 40rpx 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-title {
|
||||
.popup-title {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-message {
|
||||
.popup-message {
|
||||
font-size: 30rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 30rpx;
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-buttons {
|
||||
.popup-buttons {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: space-between;
|
||||
padding: 20rpx 0 0 0;
|
||||
gap: 60rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-btn {
|
||||
.popup-btn {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
line-height: 80rpx;
|
||||
text-align: center;
|
||||
font-size: 26rpx;
|
||||
border-radius: 40rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-btn-know {
|
||||
.popup-btn-know {
|
||||
background-color: #FF4767;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-btn-notshow {
|
||||
.popup-btn-notshow {
|
||||
background-color: #ffffff;
|
||||
color: #FF4767;
|
||||
border: 1rpx #FF4767 solid;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -169,16 +169,14 @@
|
|||
<view class="radio-group">
|
||||
<view class="radio-item" @click="editable && setIdcardValidType('permanent')">
|
||||
<view class="radio" :class="{ checked: displayData.legal_idcard_expiry_type === 1 }">
|
||||
<image v-if="displayData.legal_idcard_expiry_type === 1"
|
||||
src="/static/images/agree_y.png"
|
||||
<image v-if="displayData.legal_idcard_expiry_type === 1" src="/static/images/agree_y.png"
|
||||
class="radio-icon-image" mode="aspectFit"></image>
|
||||
</view>
|
||||
<text class="radio-label">长久有效</text>
|
||||
</view>
|
||||
<view class="radio-item" @click="editable && setIdcardValidType('date')">
|
||||
<view class="radio" :class="{ checked: displayData.legal_idcard_expiry_type === 2 }">
|
||||
<image v-if="displayData.legal_idcard_expiry_type === 2"
|
||||
src="/static/images/agree_y.png"
|
||||
<image v-if="displayData.legal_idcard_expiry_type === 2" src="/static/images/agree_y.png"
|
||||
class="radio-icon-image" mode="aspectFit"></image>
|
||||
</view>
|
||||
<text class="radio-label">指定日期有效</text>
|
||||
|
|
@ -313,8 +311,7 @@
|
|||
<view class="radio-item" v-for="(item, index) in merchantTypeList" :key="index"
|
||||
@click="selectMerchantType(item)">
|
||||
<view class="radio" :class="{ checked: displayData.uscc_type === item.value }">
|
||||
<image v-if="displayData.uscc_type === item.value"
|
||||
src="/static/images/agree_y.png"
|
||||
<image v-if="displayData.uscc_type === item.value" src="/static/images/agree_y.png"
|
||||
class="radio-icon-image" mode="aspectFit"></image>
|
||||
</view>
|
||||
<text class="radio-label">{{ item.label }}</text>
|
||||
|
|
@ -2724,23 +2721,40 @@ export default {
|
|||
|
||||
.popup-footer {
|
||||
margin-top: 32rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 28rpx;
|
||||
}
|
||||
|
||||
.popup-btn {
|
||||
width: 280rpx;
|
||||
height: 88rpx;
|
||||
border-radius: 44rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.popup-btn.confirm {
|
||||
background: linear-gradient(180deg, #ff8e9d 0%, #FF4767 100%);
|
||||
}
|
||||
|
||||
.popup-btn .btn-text {
|
||||
.popup-btn.cancel {
|
||||
border: 2rpx solid #FF4767;
|
||||
}
|
||||
|
||||
.popup-btn.confirm .btn-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.popup-btn.cancel .btn-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #FF4767;
|
||||
}
|
||||
|
||||
.cancel-text,
|
||||
.confirm-text {
|
||||
font-size: 32rpx;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<custom-navbar title="添加员工" :leftImg="'/static/images/back.png'" :showUser="true"
|
||||
backgroundColor="transparent" titleColor="#000" borderBottom="none">
|
||||
<custom-navbar title="添加员工" :leftImg="'/static/images/back.png'" :showUser="true" backgroundColor="transparent"
|
||||
titleColor="#000" borderBottom="none">
|
||||
<template #right>
|
||||
<view class="navbar-right" @click="goRecord">
|
||||
<image class="navbar-right-img" src="/static/images/icons/record.png"></image>
|
||||
|
|
@ -9,10 +9,10 @@
|
|||
</view>
|
||||
</template>
|
||||
</custom-navbar>
|
||||
<searchBox placeholder="请输入员工手机号" class="searchBox" v-model="queryData.phone" bgClor="transparent" @confirm="search"
|
||||
@search="search">
|
||||
<searchBox placeholder="请输入员工手机号" class="searchBox" v-model="queryData.phone" bgClor="transparent"
|
||||
@confirm="search" @search="search">
|
||||
</searchBox>
|
||||
<scroll-view scroll-y :style="{ height:`calc(100vh - ${statusBarHeight + 200}rpx)`} ">
|
||||
<scroll-view scroll-y :style="{ height: `calc(100vh - ${statusBarHeight + 200}rpx)` }">
|
||||
<view class="page-container" v-if="sryDetail && sryDetail.id">
|
||||
<!-- 个人信息栏 -->
|
||||
<view class="user-info">
|
||||
|
|
@ -74,7 +74,8 @@
|
|||
</view>
|
||||
|
||||
<view class="" style="height: 200rpx;"></view>
|
||||
<view class="agreement-footer" @click="sjinvitesyr" v-if="sryDetail && sryDetail.id && sryDetail.bind_state!=1">
|
||||
<view class="agreement-footer" @click="sjinvitesyr"
|
||||
v-if="sryDetail && sryDetail.id && sryDetail.bind_state != 1">
|
||||
<view class="agreement-btn">邀请员工</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
|
@ -83,9 +84,9 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
export default {
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
export default {
|
||||
name: "addStaff",
|
||||
components: {
|
||||
searchBox,
|
||||
|
|
@ -95,8 +96,8 @@
|
|||
queryData: {
|
||||
phone: "",
|
||||
},
|
||||
statusBarHeight:0,
|
||||
isSubmit:false,
|
||||
statusBarHeight: 0,
|
||||
isSubmit: false,
|
||||
sryDetail: {},
|
||||
serversList: {},
|
||||
};
|
||||
|
|
@ -104,7 +105,7 @@
|
|||
async onLoad(options) {
|
||||
this.statusBarHeight = this.getRpxStatusBarHeight();
|
||||
let type = 3;
|
||||
let result = await request.post("/user/getuser", {
|
||||
let result = await request.post("/sj/user/getuser", {
|
||||
type,
|
||||
});
|
||||
this.userInfo = result.data;
|
||||
|
|
@ -146,7 +147,7 @@
|
|||
this.sryDetail.servers_kill_arr_text =
|
||||
this.sryDetail.servers_kill_arr.join("、");
|
||||
}
|
||||
}else{
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 2000,
|
||||
|
|
@ -174,7 +175,7 @@
|
|||
syr_id: this.sryDetail.id,
|
||||
service_data: this.mergeServiceList.map(item => item.id),
|
||||
}
|
||||
if(this.isSubmit){
|
||||
if (this.isSubmit) {
|
||||
return
|
||||
}
|
||||
this.isSubmit = true
|
||||
|
|
@ -190,13 +191,13 @@
|
|||
});
|
||||
}
|
||||
});
|
||||
}else{
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: "none",
|
||||
});
|
||||
}
|
||||
}).finally(()=>{
|
||||
}).finally(() => {
|
||||
this.isSubmit = false
|
||||
});
|
||||
},
|
||||
|
|
@ -211,11 +212,11 @@
|
|||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.container {
|
||||
.container {
|
||||
position: relative;
|
||||
background-image: url("/static/images/background/bj2.png");
|
||||
background-size: 100% auto;
|
||||
|
|
@ -256,9 +257,9 @@
|
|||
padding: 18rpx 24rpx 0 20rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page-container {
|
||||
.page-container {
|
||||
padding: 0rpx 20rpx 0 20rpx;
|
||||
|
||||
// 个人信息样式
|
||||
|
|
@ -422,15 +423,16 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agreement-footer {
|
||||
.agreement-footer {
|
||||
padding: 20rpx 20rpx 50rpx 20rpx;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ffffff;
|
||||
|
||||
.agreement-btn {
|
||||
width: 710rpx;
|
||||
height: 98rpx;
|
||||
|
|
@ -446,16 +448,16 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .right-area {
|
||||
::v-deep .right-area {
|
||||
width: 120rpx !important;
|
||||
height: auto !important;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-right {
|
||||
.navbar-right {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
|
|
@ -476,13 +478,13 @@
|
|||
font-style: normal;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.searchBox{
|
||||
.searchBox {
|
||||
padding: 18rpx 30rpx 30rpx 30rpx;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .navbar-content .title{
|
||||
margin-left: 20rpx!important;
|
||||
}
|
||||
::v-deep .navbar-content .title {
|
||||
margin-left: 20rpx !important;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,7 +1,8 @@
|
|||
<template>
|
||||
<view class="container">
|
||||
<custom-navbar title="给员工分配服务" :leftImg="'/static/images/whiteBack.png'" :showUser="true"
|
||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff" borderBottom="none"></custom-navbar>
|
||||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)" titleColor="#fff"
|
||||
borderBottom="none"></custom-navbar>
|
||||
<searchBox placeholder="服务名称" v-model="queryData.title" :showAdd="false" @confirm="search" @search="search">
|
||||
</searchBox>
|
||||
<view class="container-tip flex-row-center">
|
||||
|
|
@ -22,8 +23,8 @@
|
|||
</view>
|
||||
<view class="flex-row-center">
|
||||
<text class="item-left-text2" style="color: #FF4767">¥</text>
|
||||
<text class="item-left-text2"
|
||||
style="color: #FF4767; font-size: 28rpx">{{ item.server_price }}</text>
|
||||
<text class="item-left-text2" style="color: #FF4767; font-size: 28rpx">{{
|
||||
item.server_price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -43,10 +44,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
import CommonList from "@/components/common/CommonList.vue";
|
||||
export default {
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
import CommonList from "@/components/common/CommonList.vue";
|
||||
export default {
|
||||
components: {
|
||||
searchBox,
|
||||
CommonList,
|
||||
|
|
@ -62,7 +63,7 @@
|
|||
},
|
||||
async onLoad(options) {
|
||||
let type = 3;
|
||||
let result = await request.post("/user/getuser", {
|
||||
let result = await request.post("/sj/user/getuser", {
|
||||
type,
|
||||
});
|
||||
this.userInfo = result.data;
|
||||
|
|
@ -82,11 +83,11 @@
|
|||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.container {
|
||||
.container {
|
||||
.container-tip {
|
||||
width: 750rpx;
|
||||
padding: 27rpx 16rpx 22rpx 32rpx;
|
||||
|
|
@ -180,19 +181,19 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.common-list {
|
||||
.common-list {
|
||||
background: #f5f5f5 !important;
|
||||
border-radius: 30rpx !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .list-container {
|
||||
::v-deep .list-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .list-scroll {
|
||||
::v-deep .list-scroll {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -4,8 +4,8 @@
|
|||
backgroundColor="linear-gradient( 134deg, #F52540 0%, #FF4767 100%)"
|
||||
headleSrc="/static/images/recruit/guide.png" :showHeadle="false" titleColor="#fff" borderBottom="none"
|
||||
@onHeadleClick="openPop"></custom-navbar>
|
||||
<searchBox placeholder="手艺人名字/手机号" v-model="queryData.nameorphone" :showAdd="true" @confirm="search" @search="search"
|
||||
@add="goAddStaff">
|
||||
<searchBox placeholder="手艺人名字/手机号" v-model="queryData.nameorphone" :showAdd="true" @confirm="search"
|
||||
@search="search" @add="goAddStaff">
|
||||
</searchBox>
|
||||
|
||||
<!-- Tab 内容区域 -->
|
||||
|
|
@ -20,20 +20,22 @@
|
|||
:listScrollHeight="`calc(100vh - ${statusBarHeight + 350}rpx)`">
|
||||
<template #listData="{ list }">
|
||||
<view class="scoll-lists">
|
||||
<view class="list-item" v-for="(item, index) in list" :key="index" @click="goDetail(item)" v-if="item.syr">
|
||||
<view class="list-item" v-for="(item, index) in list" :key="index" @click="goDetail(item)"
|
||||
v-if="item.syr">
|
||||
<view class="item-left">
|
||||
<image :src="item.syr.head_photo" class="item-left-img" mode="aspectFill"></image>
|
||||
<view class="item-left-tab flex-row-center-center" :class="{noTab:item.state==2}">{{ typName(item.state) }}</view>
|
||||
<view class="item-left-tab flex-row-center-center" :class="{ noTab: item.state == 2 }">{{
|
||||
typName(item.state) }}</view>
|
||||
</view>
|
||||
<view class="item-right">
|
||||
<view class="item-right-text1 flex-row-center-between">
|
||||
<text>{{ item.syr.name }}</text>
|
||||
|
||||
<view class="switch-box" @click.stop="handleSwitchChange(item)"
|
||||
:class="{ disswitch: item.sj_state!=1 }" v-if="item.state==1">
|
||||
<text class="switch-text" v-if="item.sj_state==1">接单</text>
|
||||
:class="{ disswitch: item.sj_state != 1 }" v-if="item.state == 1">
|
||||
<text class="switch-text" v-if="item.sj_state == 1">接单</text>
|
||||
<view class="switch-yuan"></view>
|
||||
<text class="switch-text" v-if="item.sj_state!=1">不接单</text>
|
||||
<text class="switch-text" v-if="item.sj_state != 1">不接单</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="item-right-text2">绑定时间: {{ item.bind_time }}</view>
|
||||
|
|
@ -75,17 +77,17 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
import CommonList from "@/components/common/CommonList.vue";
|
||||
export default {
|
||||
import request from "@/utils/request";
|
||||
import searchBox from "./components/search-box.vue";
|
||||
import CommonList from "@/components/common/CommonList.vue";
|
||||
export default {
|
||||
components: {
|
||||
searchBox,
|
||||
CommonList,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
isSubmit:false,//调接口防止重复点击参数
|
||||
isSubmit: false,//调接口防止重复点击参数
|
||||
queryData: {
|
||||
nameorphone: "",
|
||||
sjid: null,
|
||||
|
|
@ -127,7 +129,7 @@
|
|||
},
|
||||
async onLoad(options) {
|
||||
let type = 3;
|
||||
let result = await request.post("/user/getuser", {
|
||||
let result = await request.post("/sj/user/getuser", {
|
||||
type,
|
||||
});
|
||||
this.userInfo = result.data;
|
||||
|
|
@ -138,15 +140,15 @@
|
|||
});
|
||||
},
|
||||
onShow() {
|
||||
if(this.queryData.sjid){
|
||||
if (this.queryData.sjid) {
|
||||
this.$nextTick(() => {
|
||||
this.search();
|
||||
});
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goDetail(item){
|
||||
uni.$uv.throttle(()=>{
|
||||
goDetail(item) {
|
||||
uni.$uv.throttle(() => {
|
||||
uni.navigateTo({
|
||||
url: `/pages/shop/staff/detail?syrid=${item.syr?.id}`,
|
||||
});
|
||||
|
|
@ -155,20 +157,20 @@
|
|||
},
|
||||
handleSwitchChange(item) {
|
||||
let obj = {
|
||||
sjid:this.userInfo.id,
|
||||
sjid: this.userInfo.id,
|
||||
syrid: item.syr_id
|
||||
}
|
||||
request.post("/sj/isaccept", obj).then((res) => {
|
||||
if(res.code==200){
|
||||
item.sj_state ===1?item.sj_state=2:item.sj_state=1;
|
||||
}else{
|
||||
if (res.code == 200) {
|
||||
item.sj_state === 1 ? item.sj_state = 2 : item.sj_state = 1;
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
}
|
||||
}).catch((error)=>{
|
||||
}).catch((error) => {
|
||||
uni.showToast({
|
||||
title: '网络异常，请稍后重试',
|
||||
icon: 'none',
|
||||
|
|
@ -232,15 +234,15 @@
|
|||
this.$refs.popup.close();
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
page {
|
||||
page {
|
||||
background: linear-gradient(to bottom, #ffffff, #f5f5f5) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
.container {
|
||||
.tab-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -279,9 +281,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pop-content {
|
||||
.pop-content {
|
||||
width: 620rpx;
|
||||
background-image: url("/static/images/background/selfOperatedTip.png");
|
||||
background-position: top;
|
||||
|
|
@ -349,9 +351,9 @@
|
|||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.scoll-lists {
|
||||
.scoll-lists {
|
||||
padding: 0 20rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
|
|
@ -387,7 +389,8 @@
|
|||
bottom: 0;
|
||||
left: 4rpx;
|
||||
}
|
||||
.noTab{
|
||||
|
||||
.noTab {
|
||||
background: #C1C1C1;
|
||||
}
|
||||
}
|
||||
|
|
@ -422,7 +425,8 @@
|
|||
line-height: 33rpx;
|
||||
text-align: left;
|
||||
font-style: normal;
|
||||
.item-right-text3-icon{
|
||||
|
||||
.item-right-text3-icon {
|
||||
width: 8rpx;
|
||||
height: 16rpx;
|
||||
margin-left: 6rpx;
|
||||
|
|
@ -430,32 +434,32 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .right-area {
|
||||
::v-deep .right-area {
|
||||
width: 31rpx !important;
|
||||
height: 31rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .icon-headle {
|
||||
::v-deep .icon-headle {
|
||||
width: 31rpx !important;
|
||||
height: 31rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
.common-list {
|
||||
.common-list {
|
||||
background: #f5f5f5 !important;
|
||||
border-radius: 30rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .list-container {
|
||||
::v-deep .list-container {
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .list-scroll {
|
||||
::v-deep .list-scroll {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.switch-box {
|
||||
.switch-box {
|
||||
/* width: 126rpx; */
|
||||
height: 52rpx;
|
||||
line-height: 52rpx;
|
||||
|
|
@ -484,9 +488,9 @@
|
|||
text-align: right;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.disswitch {
|
||||
.disswitch {
|
||||
padding: 0 12rpx 0 8rpx;
|
||||
background-color: #cecfd5;
|
||||
|
||||
|
|
@ -498,5 +502,5 @@
|
|||
.switch-text {
|
||||
color: #A0A0A0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue