zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

修改布局、修改侧边栏高亮逻辑

pull/97/head
zq 3 months ago
parent
f19732d8f5
commit
3da5de8ff2
4 changed files with 488 additions and 396 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      src/components/SliderMenu.vue
  2. 48
      src/components/SliderScond.vue
  3. 4
      src/store/index.js
  4. 309
      src/views/agent/siteServiceAdd.vue

3
src/components/SliderMenu.vue
View File

@ -282,4 +282,5 @@ export default {
// .el-menu--collapse .el-submenu.is-opened > .el-menu { // .el-menu--collapse .el-submenu.is-opened > .el-menu {
// opacity: 0; // opacity: 0;
// height: 0; // height: 0;
// }</style> // }
</style>

48
src/components/SliderScond.vue
View File

@ -77,11 +77,23 @@ export default {
GuipToolTip GuipToolTip
}, },
watch: { watch: {
menuList(newVal) { menuList:{
let subtitle = this.renderKeyNew.subtitle; handler(newVal, oldVal) {
this.activeFloor = newVal[this.curIndex]?.list?.[0][subtitle]; // 初次加载或强制刷新时，oldVal为空
this.componentsName = newVal[this.curIndex]?.list?.[0]?.componentsName || ''; if (!oldVal || oldVal.length === 0) {
store.commit('SET_CURRENTMENUITEM', newVal[this.curIndex]?.list?.[0]); this.setDefaultActive(newVal);
return;
}
console.log(newVal,'newVal===');
// 检查当前高亮的菜单项是否仍然存在于新的menuList中
const currentItemExists = this.checkCurrentItem(newVal);
console.log(currentItemExists,'currentItemExists--');
// 不存在默认高亮第一项
if (!currentItemExists) {
this.setDefaultActive(newVal);
}
},
immediate: true
} }
}, },
mounted() { mounted() {
@ -105,6 +117,32 @@ export default {
} }
}, },
methods: { methods: {
checkCurrentItem(newMenuList) {
const subtitle = this.renderKeyNew.subtitle;
// 如果当前没有高亮的菜单项，返回
if (!this.activeFloor) return false;
// 遍历新的menuList，先检查高亮的菜单项是否存在
for (const item of newMenuList) {
if (item.list) {
const found = item.list.some(subItem =>
subItem[subtitle] === this.activeFloor ||
subItem.componentsName === this.activeFloor
);
if (found) return true;
}
}
return false;
},
setDefaultActive(menuList) {
// 设置默认高亮项
if (menuList && menuList.length > 0 && menuList[0].list && menuList[0].list.length > 0) {
const subtitle = this.renderKeyNew.subtitle;
this.activeFloor = menuList[0].list[0][subtitle] || menuList[0].list[0]?.componentsName || '';
this.componentsName = menuList[0].list[0]?.componentsName || '';
store.commit('SET_CURRENTMENUITEM', menuList[0].list[0]);
this.curIndex = 0;
}
},
handleChange(val) { handleChange(val) {
console.log("面板状态变化:", val); console.log("面板状态变化:", val);
}, },

4
src/store/index.js
View File

@ -567,7 +567,7 @@ export default new Vuex.Store({
}, },
mutations: { mutations: {
SET_CURRENTMENUITEM(state,data){ SET_CURRENTMENUITEM(state,data){
state.currentMenuItem = JSON.parse(JSON.stringify(data)); state.currentMenuItem = data && JSON.parse(JSON.stringify(data));
}, },
SET_COMPONENTS_NAME(state,name){ SET_COMPONENTS_NAME(state,name){
state.componentsName = name; state.componentsName = name;
@ -576,7 +576,7 @@ export default new Vuex.Store({
state.slidermenu = state[type] state.slidermenu = state[type]
}, },
SET_SECOND_MENU(state,data){ SET_SECOND_MENU(state,data){
state.secondMenu = JSON.parse(JSON.stringify(data)) state.secondMenu = data && JSON.parse(JSON.stringify(data))
}, },
SET_CUSTOMIZE(state,show) { SET_CUSTOMIZE(state,show) {
state.customize = show state.customize = show

309
src/views/agent/siteServiceAdd.vue
View File

@ -1,8 +1,9 @@
<template> <template>
<div class="pb80 ml12 mr12"> <div class="serviceAdd-wrap">
<div class="ml12 mr12 overFlow-wrap">
<PromptText text="如何添加服务？" :type="1" class="add-info"> <PromptText text="如何添加服务？" :type="1" class="add-info">
<template #next_desc> <template #next_desc>
<div class="alert-more flex gap12" :class="alertShow? '' : 'alert-more-hide'" @click="handleAlert"> <div class="alert-more flex gap12" :class="alertShow ? '' : 'alert-more-hide'" @click="handleAlert">
<div v-if="alertShow">收起</div> <div v-if="alertShow">收起</div>
<div v-else>展开</div> <div v-else>展开</div>
<img src="@/assets/site/show_and_hide.png" alt=""> <img src="@/assets/site/show_and_hide.png" alt="">
@ -10,7 +11,8 @@
</template> </template>
<template #desc> <template #desc>
<div class="alert-more-info mt12" v-show="alertShow"> <div class="alert-more-info mt12" v-show="alertShow">
<div class="flex mb10 gap10">1.点击左侧导航进入设置页，开启所需服务（<img src="@/assets/site/open_success_menu.svg" alt="">图标表示已开启）。</div> <div class="flex mb10 gap10">1.点击左侧导航进入设置页，开启所需服务（<img src="@/assets/site/open_success_menu.svg"
alt="">图标表示已开启）。</div>
<div class="flex mb10 gap10">2.可开启多个服务。</div> <div class="flex mb10 gap10">2.可开启多个服务。</div>
<div class="flex gap10">3.全部开启后，点击底部 [添加完成] 。</div> <div class="flex gap10">3.全部开启后，点击底部 [添加完成] 。</div>
</div> </div>
@ -20,7 +22,7 @@
<div class="service-title flex-between" v-if="serviceAddInfo"> <div class="service-title flex-between" v-if="serviceAddInfo">
<div class="service-name flex gap12"> <div class="service-name flex gap12">
<img src="@/assets/site/step_success.png" alt=""> <img src="@/assets/site/step_success.png" alt="">
<span>{{serviceAddInfo.ver_name}}_{{serviceAddInfo.type_name}}</span> <span>{{ serviceAddInfo.ver_name }}_{{ serviceAddInfo.type_name }}</span>
</div> </div>
<div class="service-status" v-if="serviceInfo.status"> <div class="service-status" v-if="serviceInfo.status">
<span class="service-status-close" @click="handleDelServiceClick">关闭服务</span> <span class="service-status-close" @click="handleDelServiceClick">关闭服务</span>
@ -33,13 +35,16 @@
<el-form class="el-row demo-ruleForm" ref="formRef"> <el-form class="el-row demo-ruleForm" ref="formRef">
<div class="price-top"> <div class="price-top">
<span class="title">网页支付与售价</span> <span class="title">网页支付与售价</span>
<span class="desc" v-if="serviceAddInfo.supply_price">供货价：{{serviceAddInfo.supply_price}}{{serviceAddInfo.supply_price_warning}}</span> <span class="desc"
v-if="serviceAddInfo.supply_price">供货价：{{ serviceAddInfo.supply_price }}{{ serviceAddInfo.supply_price_warning }}</span>
</div> </div>
<PromptText v-if="serviceAddInfo.prompt.title" :text='serviceAddInfo.prompt.title' :type="1" class="mb12"> <PromptText v-if="serviceAddInfo.prompt.title" :text='serviceAddInfo.prompt.title' :type="1"
class="mb12">
<template #desc v-if="serviceAddInfo.prompt.content"> <template #desc v-if="serviceAddInfo.prompt.content">
<div class="alert-more-info mt12"> <div class="alert-more-info mt12">
<div class="flex mb10" v-for="item in serviceAddInfo.prompt.content" :key="item">{{item}}</div> <div class="flex mb10" v-for="item in serviceAddInfo.prompt.content" :key="item">
{{ item }}</div>
</div> </div>
</template> </template>
</PromptText> </PromptText>
@ -51,19 +56,24 @@
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div class="short-width"> <div class="short-width">
<GuipSelect width="100%" v-model="serviceInfo.unit" placeholder="选择计费方式" :options="serviceAddInfo.set_units"/> <GuipSelect width="100%" v-model="serviceInfo.unit" placeholder="选择计费方式"
:options="serviceAddInfo.set_units" />
</div> </div>
<div class="short-width" v-if="serviceInfo.unit>0"> <div class="short-width" v-if="serviceInfo.unit > 0">
<GuipInput v-if="serviceInfo.unit === '1'" v-model="serviceInfo.price" width="100%" ref="GuipInput" unit="元/篇"></GuipInput> <GuipInput v-if="serviceInfo.unit === '1'" v-model="serviceInfo.price" width="100%"
<GuipInput v-if="serviceInfo.unit === '2'" v-model="serviceInfo.price" width="100%" ref="GuipInput" unit="元/页"></GuipInput> ref="GuipInput" unit="元/篇"></GuipInput>
<GuipInput v-if="serviceInfo.unit === '2'" v-model="serviceInfo.price" width="100%"
ref="GuipInput" unit="元/页"></GuipInput>
</div> </div>
</div> </div>
<div class="flex-between mt12" v-if="serviceInfo.unit === '0'"> <div class="flex-between mt12" v-if="serviceInfo.unit === '0'">
<div class="short-width"> <div class="short-width">
<GuipInput width="100%" v-model="serviceInfo.price" ref="GuipInput" unit="元"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.price" ref="GuipInput" unit="元">
</GuipInput>
</div> </div>
<div class="short-width"> <div class="short-width">
<GuipInput width="100%" v-model="serviceInfo.unit_num" ref="GuipInput" unit="字符"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.unit_num" ref="GuipInput" unit="字符">
</GuipInput>
</div> </div>
</div> </div>
</div> </div>
@ -76,13 +86,15 @@
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div class="third-width"> <div class="third-width">
<GuipInput width="100%" v-model="serviceInfo.base_unit_num" ref="GuipInput" unit="字符内"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.base_unit_num" ref="GuipInput"
unit="字符内"></GuipInput>
</div> </div>
<div class="w85"> <div class="w85">
用户需支付 用户需支付
</div> </div>
<div class="third-width"> <div class="third-width">
<GuipInput width="100%" v-model="serviceInfo.base_unit_price" ref="GuipInput" unit="元"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.base_unit_price" ref="GuipInput"
unit="元"></GuipInput>
</div> </div>
</div> </div>
</div> </div>
@ -99,7 +111,7 @@
<div class="flex-common mb12 price-set" v-if="serviceAddInfo.shop_price_set"> <div class="flex-common mb12 price-set" v-if="serviceAddInfo.shop_price_set">
<el-form class="el-row demo-ruleForm" ref="formRef"> <el-form class="el-row demo-ruleForm" ref="formRef">
<div class="price-top"> <div class="price-top">
<span class="title">{{serviceAddInfo.shop_name}}支付管理</span> <span class="title">{{ serviceAddInfo.shop_name }}支付管理</span>
<span class="desc"></span> <span class="desc"></span>
</div> </div>
@ -110,19 +122,24 @@
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div class="short-width"> <div class="short-width">
<GuipSelect width="100%" v-model="serviceInfo.unit" placeholder="选择计费方式" :options="serviceAddInfo.set_units"/> <GuipSelect width="100%" v-model="serviceInfo.unit" placeholder="选择计费方式"
:options="serviceAddInfo.set_units" />
</div> </div>
<div class="short-width" v-if="serviceInfo.unit>0"> <div class="short-width" v-if="serviceInfo.unit > 0">
<GuipInput v-if="serviceInfo.unit === '1'" v-model="serviceAddInfo.unit_piece" width="100%" ref="GuipInput" unit="件/篇"></GuipInput> <GuipInput v-if="serviceInfo.unit === '1'" v-model="serviceAddInfo.unit_piece"
<GuipInput v-if="serviceInfo.unit === '2'" v-model="serviceAddInfo.unit_piece" width="100%" ref="GuipInput" unit="件/页"></GuipInput> width="100%" ref="GuipInput" unit="件/篇"></GuipInput>
<GuipInput v-if="serviceInfo.unit === '2'" v-model="serviceAddInfo.unit_piece"
width="100%" ref="GuipInput" unit="件/页"></GuipInput>
</div> </div>
</div> </div>
<div class="flex-between mt12" v-if="serviceInfo.unit === '0'"> <div class="flex-between mt12" v-if="serviceInfo.unit === '0'">
<div class="short-width"> <div class="short-width">
<GuipInput width="100%" v-model="serviceInfo.unit_piece" ref="GuipInput" unit="件"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.unit_piece" ref="GuipInput" unit="件">
</GuipInput>
</div> </div>
<div class="short-width"> <div class="short-width">
<GuipInput width="100%" v-model="serviceInfo.unit_num" ref="GuipInput" unit="字符"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.unit_num" ref="GuipInput" unit="字符">
</GuipInput>
</div> </div>
</div> </div>
</div> </div>
@ -135,13 +152,15 @@
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div class="third-width"> <div class="third-width">
<GuipInput width="100%" v-model="serviceInfo.base_unit_num" ref="GuipInput" unit="字符内"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.base_unit_num" ref="GuipInput"
unit="字符内"></GuipInput>
</div> </div>
<div class="w85"> <div class="w85">
用户需支付 用户需支付
</div> </div>
<div class="third-width"> <div class="third-width">
<GuipInput width="100%" v-model="serviceInfo.base_unit_piece" ref="GuipInput" unit="件"></GuipInput> <GuipInput width="100%" v-model="serviceInfo.base_unit_piece" ref="GuipInput"
unit="件"></GuipInput>
</div> </div>
</div> </div>
</div> </div>
@ -159,7 +178,7 @@
<el-form class="el-row demo-ruleForm" ref="formRef"> <el-form class="el-row demo-ruleForm" ref="formRef">
<div class="price-top"> <div class="price-top">
<span class="title">关联电商商品</span> <span class="title">关联电商商品</span>
<span class="desc">必须关联，且确保服务与{{serviceAddInfo.shop_name}}电商商品一致</span> <span class="desc">必须关联，且确保服务与{{ serviceAddInfo.shop_name }}电商商品一致</span>
</div> </div>
<div class="flex-wrap" @click="bindGoods"> <div class="flex-wrap" @click="bindGoods">
<div class="flex-left bind-button gap12"> <div class="flex-left bind-button gap12">
@ -169,17 +188,22 @@
</div> </div>
<div class="bind-list" v-if="bindList"> <div class="bind-list" v-if="bindList">
<div class="bind-item" v-for="(row, key) in bindList" :key="key"> <div class="bind-item" v-for="(row, key) in bindList" :key="key">
<img :src="row.pic_url?row.pic_url:require('@/assets/site/invalid.png')" alt=""> <img :src="row.pic_url ? row.pic_url : require('@/assets/site/invalid.png')" alt="">
<div class="bind-goods-info"> <div class="bind-goods-info">
<div class="bind-goods-title"><el-link :href="row.link" target="_blank">{{row.title}}</el-link></div> <div class="bind-goods-title"><el-link :href="row.link"
target="_blank">{{ row.title }}</el-link>
</div>
<div class="flex-between gap12"> <div class="flex-between gap12">
<div class="flex gap12"> <div class="flex gap12">
<span v-if="row.price">￥{{row.price}}</span> <span v-if="row.price">￥{{ row.price }}</span>
<span v-if="row.sec_title">{{row.sec_title}}</span> <span v-if="row.sec_title">{{ row.sec_title }}</span>
</div> </div>
<div class="flex gap12"> <div class="flex gap12">
<span class="bind-btn bind-delete" @click="handleDelBindClick(row, key)">删除</span> <span class="bind-btn bind-delete"
<span class="bind-btn" :class="row.is_default === '1' ? 'bind-default-active' : 'bind-default' " @click="handleDefaultConfirm(row.id)">默认商品</span> @click="handleDelBindClick(row, key)">删除</span>
<span class="bind-btn"
:class="row.is_default === '1' ? 'bind-default-active' : 'bind-default'"
@click="handleDefaultConfirm(row.id)">默认商品</span>
</div> </div>
</div> </div>
</div> </div>
@ -187,23 +211,28 @@
</div> </div>
</el-form> </el-form>
<bindGoods :showBind="showBind" :uid="uid" :type="type" :pati="pati" :pageCode="pageCode" @handleBind="handleBind"></bindGoods> <bindGoods :showBind="showBind" :uid="uid" :type="type" :pati="pati" :pageCode="pageCode"
@handleBind="handleBind">
</bindGoods>
<GuipDialog :dialogVisible="dialogDelBindConfim" title="提示" :show-close-button="false" @confirm="handleDelBindConfirm" <GuipDialog :dialogVisible="dialogDelBindConfim" title="提示" :show-close-button="false"
@cancel="handleDelBindCancel"> @confirm="handleDelBindConfirm" @cancel="handleDelBindCancel">
您确定要删除吗？删除后所有绑定都会删除 您确定要删除吗？删除后所有绑定都会删除
</GuipDialog> </GuipDialog>
</div> </div>
<GuipDialog :dialogVisible="dialogDelServiceConfim" title="提示" :show-close-button="false" @confirm="handleDelServiceConfirm" <GuipDialog :dialogVisible="dialogDelServiceConfim" title="提示" :show-close-button="false"
@cancel="handleDelServiceCancel"> @confirm="handleDelServiceConfirm" @cancel="handleDelServiceCancel">
确定要移除服务吗? 确定要移除服务吗?
</GuipDialog> </GuipDialog>
</div>
<div class="register-btns"> <div class="register-btns">
<GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">添加完成</GuipButton> <GuipButton type="primary" :btnstyle="{ width: '144px', height: '46px' }" @click="jumpStep">添加完成
</GuipButton>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import store from '@/store'; import store from '@/store';
@ -233,11 +262,11 @@ export default {
uid: 0, uid: 0,
type: 0, type: 0,
prodid: 0, prodid: 0,
serviceAddInfo:{}, serviceAddInfo: {},
serviceInfo: {}, serviceInfo: {},
bindList: [], bindList: [],
alertShow: true, alertShow: true,
menuList:{}, menuList: {},
siteAddUrl: '/agent/siteAdd', siteAddUrl: '/agent/siteAdd',
showBind: false, showBind: false,
pati: '', pati: '',
@ -271,11 +300,11 @@ export default {
this.getAddServiceList(); this.getAddServiceList();
}, },
methods: { methods: {
handleAlert(){ handleAlert() {
this.alertShow = !this.alertShow this.alertShow = !this.alertShow
}, },
//获得左侧菜单导航 //获得左侧菜单导航
getAddServiceList(){ getAddServiceList() {
const that = this const that = this
that.$http('POST', '/agentnew/ajax_get_service_add_list', { that.$http('POST', '/agentnew/ajax_get_service_add_list', {
uid: that.uid, uid: that.uid,
@ -304,11 +333,11 @@ export default {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
that.$nextTick(() => { that.$nextTick(() => {
that.serviceAddInfo = response.data that.serviceAddInfo = response.data
//拼多多渠道查询商品所需参数初始化 //拼多多渠道查询商品所需参数初始化
if(that.serviceAddInfo.shop_name === '拼多多') this.initPddParam(that.uid) if (that.serviceAddInfo.shop_name === '拼多多') this.initPddParam(that.uid)
//设置默认计费方式 //设置默认计费方式
that.serviceInfo.unit = that.serviceAddInfo.unit that.serviceInfo.unit = that.serviceAddInfo.unit
//查询是否添加了此服务 //查询是否添加了此服务
@ -324,7 +353,7 @@ export default {
}) })
}, },
//查询是否添加了此服务 //查询是否添加了此服务
getServiceInfo(){ getServiceInfo() {
const that = this const that = this
that.serviceInfo = {} that.serviceInfo = {}
that.$http('POST', '/agentnew/ajax_get_service_info', { that.$http('POST', '/agentnew/ajax_get_service_info', {
@ -336,7 +365,7 @@ export default {
} }
}).then(response => { }).then(response => {
that.serviceInfo.status = false that.serviceInfo.status = false
if(response.status && response.data){ if (response.status && response.data) {
that.$nextTick(() => { that.$nextTick(() => {
that.serviceInfo = response.data.service_info that.serviceInfo = response.data.service_info
that.serviceInfo.status = true that.serviceInfo.status = true
@ -348,7 +377,7 @@ export default {
}) })
}, },
//查询绑定的宝贝 //查询绑定的宝贝
getServiceBindGoods(){ getServiceBindGoods() {
const that = this const that = this
that.$http('POST', '/agentnew/ajax_get_service_bind_goods', { that.$http('POST', '/agentnew/ajax_get_service_bind_goods', {
uid: that.uid, uid: that.uid,
@ -358,7 +387,7 @@ export default {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status && response.data){ if (response.status && response.data) {
that.$nextTick(() => { that.$nextTick(() => {
that.bindList = response.data that.bindList = response.data
}) })
@ -370,21 +399,21 @@ export default {
handleDelServiceClick() { handleDelServiceClick() {
this.dialogDelServiceConfim = true this.dialogDelServiceConfim = true
}, },
handleDelServiceCancel(){ handleDelServiceCancel() {
this.dialogDelServiceConfim = false this.dialogDelServiceConfim = false
}, },
handleDelServiceConfirm(){ handleDelServiceConfirm() {
const that = this const that = this
this.dialogDelServiceConfim = false this.dialogDelServiceConfim = false
this.$http('POST', '/agentnew/ajax_del_service', { this.$http('POST', '/agentnew/ajax_del_service', {
uid: that.uid, uid: that.uid,
type: that.type, type: that.type,
},{ }, {
headers:{ headers: {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
that.$message.success('删除成功'); that.$message.success('删除成功');
this.$nextTick(() => { this.$nextTick(() => {
that.serviceInfo = {} that.serviceInfo = {}
@ -397,13 +426,13 @@ export default {
console.error(error, 'error') console.error(error, 'error')
}) })
}, },
resetPrice(){ resetPrice() {
this.serviceInfo.price = '' this.serviceInfo.price = ''
this.serviceInfo.unit_num = '' this.serviceInfo.unit_num = ''
this.serviceInfo.b_unit_price = '' this.serviceInfo.b_unit_price = ''
this.serviceInfo.b_unit_num = '' this.serviceInfo.b_unit_num = ''
}, },
savePrice(){ savePrice() {
const that = this const that = this
this.$http('POST', "/agentnew/ajax_set_service_price", { this.$http('POST', "/agentnew/ajax_set_service_price", {
uid: that.uid, uid: that.uid,
@ -412,13 +441,13 @@ export default {
unit_price: that.serviceInfo.price, unit_price: that.serviceInfo.price,
b_unit_num: that.serviceInfo.base_unit_num, b_unit_num: that.serviceInfo.base_unit_num,
b_unit_price: that.serviceInfo.base_unit_price, b_unit_price: that.serviceInfo.base_unit_price,
},{ }, {
headers:{ headers: {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
if(that.serviceInfo.status === false){ if (that.serviceInfo.status === false) {
that.serviceInfo.status = true that.serviceInfo.status = true
that.setMenuList(that.type, true) that.setMenuList(that.type, true)
} }
@ -430,13 +459,13 @@ export default {
console.error(error, 'error') console.error(error, 'error')
}) })
}, },
resetShopPrice(){ resetShopPrice() {
this.serviceInfo.unit_piece = '' this.serviceInfo.unit_piece = ''
this.serviceInfo.unit_num = '' this.serviceInfo.unit_num = ''
this.serviceInfo.b_unit_piece = '' this.serviceInfo.b_unit_piece = ''
this.serviceInfo.b_unit_num = '' this.serviceInfo.b_unit_num = ''
}, },
saveShopPrice(){ saveShopPrice() {
const that = this const that = this
this.$http('POST', "/agentnew/ajax_set_service_price", { this.$http('POST', "/agentnew/ajax_set_service_price", {
uid: that.uid, uid: that.uid,
@ -445,13 +474,13 @@ export default {
unit_piece: that.serviceInfo.unit_piece, unit_piece: that.serviceInfo.unit_piece,
b_unit_num: that.serviceInfo.base_unit_num, b_unit_num: that.serviceInfo.base_unit_num,
b_unit_piece: that.serviceInfo.base_unit_piece, b_unit_piece: that.serviceInfo.base_unit_piece,
},{ }, {
headers:{ headers: {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
if(that.serviceInfo.status === false){ if (that.serviceInfo.status === false) {
that.serviceInfo.status = true that.serviceInfo.status = true
that.setMenuList(that.type, true) that.setMenuList(that.type, true)
} }
@ -463,32 +492,32 @@ export default {
console.error(error, 'error') console.error(error, 'error')
}) })
}, },
setMenuList(type, status){ setMenuList(type, status) {
Object.values(this.menuList).forEach((item) => { Object.values(this.menuList).forEach((item) => {
let ver_select = false let ver_select = false
item.list.forEach((item1) => { item.list.forEach((item1) => {
if(item1.type === type) item1.is_select = status if (item1.type === type) item1.is_select = status
if(item1.is_select === true) ver_select = true if (item1.is_select === true) ver_select = true
}) })
if(ver_select) item.is_select = true if (ver_select) item.is_select = true
}) })
store.commit('SET_SECOND_MENU', this.menuList); store.commit('SET_SECOND_MENU', this.menuList);
}, },
//------绑定相关 start------ //------绑定相关 start------
bindGoods(){ bindGoods() {
this.showBind = true this.showBind = true
}, },
handleBind(bindRes){ handleBind(bindRes) {
this.showBind = false this.showBind = false
if(bindRes) this.getServiceBindGoods() if (bindRes) this.getServiceBindGoods()
}, },
loadPddSDK(){ loadPddSDK() {
const script = document.createElement('script'); const script = document.createElement('script');
script.src = 'https://pfile.pddpic.com/galerie-go/open_sdk/pc.202102201613.js'; script.src = 'https://pfile.pddpic.com/galerie-go/open_sdk/pc.202102201613.js';
document.head.appendChild(script); document.head.appendChild(script);
}, },
async getPddPageCode(uid){ async getPddPageCode(uid) {
const that = this const that = this
return await that.$http('POST', '/agentnew/ajax_get_pdd_page_code', { return await that.$http('POST', '/agentnew/ajax_get_pdd_page_code', {
uid: uid, uid: uid,
@ -506,7 +535,7 @@ export default {
if (typeof window.PDD_OPEN_init === 'function') { if (typeof window.PDD_OPEN_init === 'function') {
this.pageCode = await this.getPddPageCode(uid) this.pageCode = await this.getPddPageCode(uid)
await window.PDD_OPEN_init({code: this.pageCode}) await window.PDD_OPEN_init({ code: this.pageCode })
this.pati = await window.PDD_OPEN_getPati() this.pati = await window.PDD_OPEN_getPati()
} else { } else {
console.error('PDD_OPEN_init 不存在，SDK 未正确加载'); console.error('PDD_OPEN_init 不存在，SDK 未正确加载');
@ -517,10 +546,10 @@ export default {
this.delRow.index = index this.delRow.index = index
this.delRow.row = row this.delRow.row = row
}, },
handleDelBindCancel(){ handleDelBindCancel() {
this.dialogDelBindConfim = false this.dialogDelBindConfim = false
}, },
handleDelBindConfirm(){ handleDelBindConfirm() {
const that = this const that = this
this.dialogDelBindConfim = false this.dialogDelBindConfim = false
this.$http('POST', '/agentnew/ajax_del_bind_service_goods', { this.$http('POST', '/agentnew/ajax_del_bind_service_goods', {
@ -529,12 +558,12 @@ export default {
numiid: that.delRow.row.num_iid, numiid: that.delRow.row.num_iid,
skuid: that.delRow.row.sku_id, skuid: that.delRow.row.sku_id,
paytype: that.delRow.row.pay_type, paytype: that.delRow.row.pay_type,
},{ }, {
headers:{ headers: {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
that.$message.success('删除成功'); that.$message.success('删除成功');
this.$nextTick(() => { this.$nextTick(() => {
that.bindList.splice(that.delRow.index, 1); that.bindList.splice(that.delRow.index, 1);
@ -546,18 +575,18 @@ export default {
console.error(error, 'error') console.error(error, 'error')
}) })
}, },
handleDefaultConfirm(id){ handleDefaultConfirm(id) {
const that = this const that = this
this.$http('POST', '/agentnew/ajax_default_bind_setting', { this.$http('POST', '/agentnew/ajax_default_bind_setting', {
uid: that.uid, uid: that.uid,
type: that.type, type: that.type,
id: id, id: id,
},{ }, {
headers:{ headers: {
'Auth': this.token 'Auth': this.token
} }
}).then(response => { }).then(response => {
if(response.status){ if (response.status) {
that.$message.success('设置成功'); that.$message.success('设置成功');
that.bindList.forEach((item) => { that.bindList.forEach((item) => {
item.is_default = '0' item.is_default = '0'
@ -571,53 +600,69 @@ export default {
}) })
}, },
//------绑定相关 end------ //------绑定相关 end------
jumpStep(){ jumpStep() {
this.$router.push(this.siteAddUrl + '?uid=' + this.uid) this.$router.push(this.siteAddUrl + '?uid=' + this.uid)
}, },
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.pb80{ .serviceAdd-wrap{
height: 100%;
display: flex;
flex-direction: column;
.overFlow-wrap{
flex: 1;
overflow-y: auto;
}
}
.pb80 {
padding-bottom: 80px; padding-bottom: 80px;
} }
.ml12{
.ml12 {
margin-left: 12px; margin-left: 12px;
} }
.mr12{ .mr12 {
margin-right: 12px; margin-right: 12px;
} }
.mb10{ .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.w85{ .w85 {
width: 85px; width: 85px;
} }
.add-info{ .add-info {
.alert-more{ .alert-more {
color: #006AFF; color: #006AFF;
letter-spacing: 0.08em; letter-spacing: 0.08em;
cursor:pointer; cursor: pointer;
user-select: none; /* 标准语法 */ user-select: none;
-webkit-user-select: none; /* Safari */ /* 标准语法 */
-moz-user-select: none; /* Firefox */ -webkit-user-select: none;
-ms-user-select: none; /* IE/Edge */ /* Safari */
} -moz-user-select: none;
.alert-more-hide{ /* Firefox */
img{ -ms-user-select: none;
/* IE/Edge */
}
.alert-more-hide {
img {
transform: rotate(180deg); transform: rotate(180deg);
} }
} }
.alert-more-info{
.alert-more-info {
color: #1E2226; color: #1E2226;
letter-spacing: 0.08em; letter-spacing: 0.08em;
} }
::v-deep .prompt-desc{ ::v-deep .prompt-desc {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #1E2226; color: #1E2226;
@ -625,18 +670,18 @@ export default {
} }
.service-title{ .service-title {
margin: 20px 0; margin: 20px 0;
letter-spacing: 0.08em; letter-spacing: 0.08em;
.service-name{ .service-name {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #1E2226; color: #1E2226;
} }
.service-status { .service-status {
.service-status-desc{ .service-status-desc {
border-radius: 4px; border-radius: 4px;
border: 1px solid rgba(0, 194, 97, 0.6); border: 1px solid rgba(0, 194, 97, 0.6);
color: #0DAF49; color: #0DAF49;
@ -647,7 +692,8 @@ export default {
background-size: 16px 16px; background-size: 16px 16px;
margin-right: 12px; margin-right: 12px;
} }
.service-status-close{
.service-status-close {
cursor: pointer; cursor: pointer;
color: #8A9099; color: #8A9099;
background-image: url(@/assets/site/form_close.svg); background-image: url(@/assets/site/form_close.svg);
@ -659,37 +705,41 @@ export default {
} }
} }
.price-set{ .price-set {
letter-spacing: 0.08em; letter-spacing: 0.08em;
.price-top{
.price-top {
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: 16px; margin-bottom: 16px;
.title{
.title {
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
color: #1E2226; color: #1E2226;
} }
.desc{
.desc {
font-size: 14px; font-size: 14px;
color: #626573; color: #626573;
margin-left: 12px; margin-left: 12px;
} }
} }
.el-form-item{
.el-form-item {
margin-bottom: 0; margin-bottom: 0;
} }
.third-width{ .third-width {
width: calc((100% - 109px) / 2); width: calc((100% - 109px) / 2);
} }
} }
.service-opt{ .service-opt {
justify-content: right; justify-content: right;
} }
.bind-button{ .bind-button {
padding: 15px 20px; padding: 15px 20px;
border-radius: 4px; border-radius: 4px;
border: 1px dashed #BABDC2; border: 1px dashed #BABDC2;
@ -697,7 +747,7 @@ export default {
align-items: center; align-items: center;
} }
.bind-list{ .bind-list {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -706,7 +756,7 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 32px; margin-top: 32px;
.bind-item{ .bind-item {
display: flex; display: flex;
gap: 22px; gap: 22px;
justify-content: space-between; justify-content: space-between;
@ -717,35 +767,37 @@ export default {
padding: 16px; padding: 16px;
color: #626573; color: #626573;
img{ img {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 4px; border-radius: 4px;
} }
.bind-goods-info{ .bind-goods-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
width: calc(100% - 80px); width: calc(100% - 80px);
.bind-goods-title{ .bind-goods-title {
text-align: left; text-align: left;
a{
a {
color: #1E2226; color: #1E2226;
} }
a:hover{
a:hover {
color: #006AFF; color: #006AFF;
} }
} }
span{ span {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.bind-btn{ .bind-btn {
cursor: pointer; cursor: pointer;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 50%; background-position: 0 50%;
@ -753,17 +805,17 @@ export default {
padding: 2px 0 2px 22px; padding: 2px 0 2px 22px;
} }
.bind-delete{ .bind-delete {
color: #626573; color: #626573;
background-image: url(@/assets/site/delete.svg); background-image: url(@/assets/site/delete.svg);
} }
.bind-default{ .bind-default {
color: #626573; color: #626573;
background-image: url(@/assets/site/star-icon.svg); background-image: url(@/assets/site/star-icon.svg);
} }
.bind-default-active{ .bind-default-active {
color: #006AFF; color: #006AFF;
background-image: url(@/assets/site/star-active-icon.svg); background-image: url(@/assets/site/star-active-icon.svg);
} }
@ -773,9 +825,9 @@ export default {
} }
.register-btns { .register-btns {
position: fixed; // position: absolute;
left: 0; // left: 0;
bottom: 0; // bottom: 0;
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -785,6 +837,7 @@ export default {
/* 蓝色阴影_常规 */ /* 蓝色阴影_常规 */
box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12); box-shadow: 0px 4px 16px 0px rgba(17, 55, 143, 0.12);
z-index: 999; z-index: 999;
button:nth-child(1) { button:nth-child(1) {
margin-right: 56px; margin-right: 56px;
} }

Write Preview
Loading…
Cancel
Save