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

服务设置 展示设置

pull/87/head
pengda 3 days ago
parent
a284467666
commit
6c4acd8a31
7 changed files with 236 additions and 76 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. BIN
      src/assets/site/back_icon.png
  2. 1
      src/assets/site/site-h5.svg
  3. 1
      src/assets/site/site-mp.svg
  4. 1
      src/assets/site/site-web.svg
  5. 4
      src/components/site/serviceSetting/paymentSet.vue
  6. 12
      src/components/site/serviceSetting/priceSet.vue
  7. 149
      src/components/site/serviceSetting/showSet.vue

BIN
src/assets/site/back_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 347 B

1
src/assets/site/site-h5.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_242_042053"><rect x="0" y="0" width="40" height="40" rx="20"/></clipPath><clipPath id="master_svg1_242_042054"><rect x="6" y="6" width="28" height="28" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_242_042053)"><rect x="0" y="0" width="40" height="40" rx="20" fill="#E8F1FD" fill-opacity="1"/><g clip-path="url(#master_svg1_242_042054)"><g><path d="M28.8937,28.7992Q28.8937,29.4882,28.6181,30.0807Q28.3425,30.6732,27.8602,31.128Q27.378,31.5827,26.7303,31.8445Q26.082700000000003,32.106300000000005,25.3386,32.106300000000005L15.55512,32.106300000000005Q14.81102,32.106300000000005,14.16339,31.8445Q13.51575,31.5827,13.03346,31.128Q12.551181,30.6732,12.27559,30.0807Q11.999999465942,29.4882,12,28.7992L12,10.33465Q12,9.645669999999999,12.275591,9.03937Q12.551182,8.43307,13.03347,7.978346Q13.51575,7.523622,14.16339,7.261811Q14.81102,7.000000150204,15.55512,7L25.3386,7Q26.082700000000003,7,26.7303,7.261811Q27.378,7.523622,27.8602,7.978346Q28.3425,8.43307,28.6181,9.03937Q28.8937,9.645669999999999,28.8937,10.33465L28.8937,28.7992ZM26.6614,11.65748L14.20472,11.65748L14.20472,27.4488L26.6614,27.4488L26.6614,11.65748ZM20.43307,28.2205Q19.85433,28.2205,19.42717,28.6339Q19,29.0472,19,29.6535Q19,30.2323,19.42717,30.6594Q19.85433,31.0866,20.43307,31.0866Q21.039369999999998,31.0866,21.452759999999998,30.6594Q21.86614,30.2323,21.86614,29.6535Q21.86614,29.0472,21.452759999999998,28.6339Q21.039369999999998,28.2205,20.43307,28.2205ZM22.6378,9.31496Q22.6378,9.09449,22.5,8.97047Q22.3622,8.84646,22.1969,8.84646L18.69685,8.84646Q18.55906,8.84646,18.40748,8.97047Q18.25591,9.09449,18.25591,9.31496Q18.25591,9.53543,18.3937,9.65945Q18.5315,9.78347,18.69685,9.78347L22.1968,9.78347Q22.3622,9.78347,22.5,9.65945Q22.6378,9.53543,22.6378,9.31496Z" fill="#006AFF" fill-opacity="1"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

1
src/assets/site/site-mp.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

1
src/assets/site/site-web.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_242_041966"><rect x="0" y="0" width="40" height="40" rx="20"/></clipPath><clipPath id="master_svg1_242_041967"><rect x="6.2607421875" y="6.26171875" width="27.826087951660156" height="27.826087951660156" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_242_041966)"><rect x="0" y="0" width="40" height="40" rx="20" fill="#E8F1FD" fill-opacity="1"/><g clip-path="url(#master_svg1_242_041967)"><g><path d="M29.9783,9.3046875L10.36957,9.3046875C9.0625,9.3046875,8,10.3807775,8,11.7041475L8,23.9242875C8,25.2475875,9.0625,26.3236875,10.36957,26.3236875L18.4837,26.3236875L14.141300000000001,31.0437875L26.2065,31.0437875L21.8641,26.3236875L29.9783,26.3236875C31.2853,26.3236875,32.3478,25.2475875,32.3478,23.9242875L32.3478,11.7041475C32.3478,10.3807775,31.2853,9.3046875,29.9783,9.3046875ZM9.72283,11.7041475C9.72283,11.3427275,10.01359,11.0492575,10.36957,11.0492575L29.9783,11.0492575C30.3342,11.0492575,30.625,11.3427275,30.625,11.7041475L30.625,19.9948875L9.72283,19.9948875L9.72283,11.7041475Z" fill="#006AFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

4
src/components/site/serviceSetting/paymentSet.vue
View File

@ -36,6 +36,7 @@ export default {
data(){ data(){
return { return {
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
info:[],
payList:[], payList:[],
//添加按钮样式 //添加按钮样式
saveBtnStyleObj: { saveBtnStyleObj: {
@ -47,7 +48,8 @@ export default {
} }
}, },
mounted() { mounted() {
if(this.serviceInfo) this.payList = this.serviceInfo.paylist this.info = this.serviceInfo
this.payList = this.serviceInfo.paylist
}, },
methods:{ methods:{
confirmPayment(payList){ confirmPayment(payList){

12
src/components/site/serviceSetting/priceSet.vue
View File

@ -9,12 +9,19 @@
export default { export default {
name: 'priceSet', name: 'priceSet',
props:[], props: {
serviceInfo: {
type: Object,
required: true
}
},
components: { components: {
}, },
data(){ data(){
return { return {
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
info:{},
//添加按钮样式 //添加按钮样式
saveBtnStyleObj: { saveBtnStyleObj: {
width: '144px', width: '144px',
@ -24,6 +31,9 @@ export default {
}, },
} }
}, },
mounted() {
this.info = this.serviceInfo
},
methods:{ methods:{
} }

149
src/components/site/serviceSetting/showSet.vue
View File

@ -1,9 +1,10 @@
<template> <template>
<div class="main-content12"> <div class="main-content12">
<div class="pageheader"> <div class="pageheader">
<span class="pagetitle">基本设置</span> <span class="pagetitle">{{info.type_desc}}-展示设置</span>
</div> </div>
<template v-if="!saveSuccess">
<div class="flex-common"> <div class="flex-common">
<h3 class="mb16">基础信息</h3> <h3 class="mb16">基础信息</h3>
@ -86,6 +87,48 @@
</div> </div>
</el-form> </el-form>
</div> </div>
</template>
<template v-else>
<div class="flex-common">
<div class="back-area" @click="saveBack">
<img src="@/assets/site/back_icon.png" alt="">
返回
</div>
<div class="success-area">
<img src="@/assets/message_Success.png" alt="">
<div>设置保存成功</div>
</div>
<div class="pro-list">
<div class="pro-item">
<img src="@/assets/site/site-web.svg" alt="">
<div class="pro-name">PC端预览</div>
<div class="pro-link">
<a :href="info.domain" class="flex" target="_blank">
<img src="@/assets/site/form_linkActive.svg" alt="">
<span>{{info.domain}}</span>
</a>
</div>
<div class="pro-desc">点击上方网址访问</div>
</div>
<div class="pro-item">
<img src="@/assets/site/site-h5.svg" alt="">
<div class="pro-name">手机H5预览</div>
<div class="pro-link"><img src="@/assets/site/kefuTem.png" alt="" class="link-code"></div>
<div class="pro-desc">微信扫码预览</div>
</div>
<div class="pro-item">
<img src="@/assets/site/site-mp.svg" alt="">
<div class="pro-name">小程序预览</div>
<div class="pro-link"><img src="@/assets/site/kefuTem.png" alt="" class="link-code"></div>
<div class="pro-desc">微信扫码预览</div>
</div>
</div>
<div class="back-btn" @click="saveBack">
返回展示设置
</div>
</div>
</template>
<div class="save-button"> <div class="save-button">
<GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton> <GuipButton type="primary" :btnstyle="saveBtnStyleObj" @click="saveConfirm">保存</GuipButton>
@ -112,12 +155,12 @@ export default {
components: { components: {
GuipButton, GuipButton,
GuipInput, PromptText, GuipSwitch, GuipFormItem, HoverButton GuipInput, PromptText, GuipSwitch, GuipFormItem, HoverButton
}, },
data(){ data(){
return { return {
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU', token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwNTM3MjQsIm5iZiI6MTc1MDA1MzcyNCwiZXhwIjoxNzUyNjQ1NzI0LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.xyIqBLelB-k6jCifgRevBJTyg_Qrm6m1e4OcHhOpepU',
info:{}, info:{},
saveSuccess: false,
//添加按钮样式 //添加按钮样式
saveBtnStyleObj: { saveBtnStyleObj: {
width: '144px', width: '144px',
@ -131,6 +174,9 @@ export default {
this.info = this.serviceInfo this.info = this.serviceInfo
}, },
methods:{ methods:{
saveBack(){
this.saveSuccess = false
},
onSwitchChange(attr){ onSwitchChange(attr){
this.info[attr] = this.info[attr] === 1 ? 0 : 1 this.info[attr] = this.info[attr] === 1 ? 0 : 1
}, },
@ -141,6 +187,7 @@ export default {
obj.title = this.info.title obj.title = this.info.title
obj.subtitle = this.info.subtitle obj.subtitle = this.info.subtitle
obj.desc = this.info.desc obj.desc = this.info.desc
obj.sort_id = this.info.sort_id
obj.is_display_price = this.info.is_display_price obj.is_display_price = this.info.is_display_price
obj.is_index_display = this.info.is_index_display obj.is_index_display = this.info.is_index_display
obj.is_recommend = this.info.is_recommend obj.is_recommend = this.info.is_recommend
@ -154,6 +201,7 @@ export default {
if(response.status){ if(response.status){
that.$message.success('保存成功'); that.$message.success('保存成功');
that.$emit('saveEvent', that.info) that.$emit('saveEvent', that.info)
// that.saveSuccess = true
return true; return true;
} }
that.$message.success(response.info); that.$message.success(response.info);
@ -196,4 +244,101 @@ export default {
margin: 0; margin: 0;
} }
} }
.back-area{
display: flex;
font-size: 14px;
letter-spacing: 0.08em;
color: #626573;
line-height: 16px;
img{
width: 16px;
height: 16px;
margin-right: 6px;
}
}
.success-area{
font-size: 18px;
font-weight: bold;
line-height: 24px;
letter-spacing: 0.06em;
color: #1E2226;
margin-bottom: 52px;
img{
width: 50px;
height: 50px;
margin-bottom: 12px;
}
}
.pro-list{
display: flex;
align-items: center;
justify-content: space-between;
gap: 32px;
letter-spacing: 0.08em;
.pro-item{
width: 300px;
height: 293px;
border-radius: 20px;
border: 1px solid #DFE2E6;
padding: 42px 0;
box-sizing: border-box;
.pro-name{
font-size: 16px;
font-weight: bold;
color: #1E2226;
margin-top: 12px;
}
.pro-link{
margin-top: 32px;
.link-code{
width: 80px;
height: 80px;
}
a{
align-items: center;
justify-content: center;
font-size: 14px;
color: #006AFF;
text-decoration: none;
img{
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 12px;
}
span{
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.pro-desc{
font-size: 12px;
color: #8A9099;
margin-top: 12px;
}
}
}
.back-btn{
width: 144px;
height: 46px;
border-radius: 4px;
border: 1px solid #006AFF;
padding: 14px 2px;
gap: 6px;
font-size: 14px;
text-align: center;
letter-spacing: 0.08em;
color: #006AFF;
box-sizing: border-box;
margin: 52px auto 0;
}
</style> </style>
Write Preview
Loading…
Cancel
Save