|
|
|
@ -19,14 +19,16 @@ |
|
|
|
<span>基础信息</span> |
|
|
|
</div> |
|
|
|
<div :class="['step-line', activeStep > 1 ? 'step_active-line' : '']"></div> |
|
|
|
<div :class="['step-item', activeStep == 2 ? 'checked' : activeStep > 2 ? 'success' : '']" @click="goCurActiveStep(2)"> |
|
|
|
<div :class="['step-item', activeStep == 2 ? 'checked' : activeStep > 2 ? 'success' : '']" |
|
|
|
@click="goCurActiveStep(2)"> |
|
|
|
<img v-if="activeStep == 1" src="@/assets/register/step2_null.svg" alt="" class="custom-icon"> |
|
|
|
<img v-if="activeStep == 2" src="@/assets/register/step2_ing.svg" alt="" class="custom-icon"> |
|
|
|
<img v-if="activeStep > 2" src="@/assets/register/step_success.svg" alt="" class="custom-icon"> |
|
|
|
<span>收款方式</span> |
|
|
|
</div> |
|
|
|
<div :class="['step-line', activeStep > 2 ? 'step_active-line' : '']"></div> |
|
|
|
<div :class="['step-item', activeStep == 3 ? 'checked' : activeStep > 2 ? 'success' : '']" @click="goCurActiveStep(3)"> |
|
|
|
<div :class="['step-item', activeStep == 3 ? 'checked' : activeStep > 2 ? 'success' : '']" |
|
|
|
@click="goCurActiveStep(3)"> |
|
|
|
<img v-if="activeStep != 3" src="@/assets/register/step3_null.svg" alt="" class="custom-icon"> |
|
|
|
<img v-if="activeStep == 3" src="@/assets/register/step3_ing.svg" alt="" class="custom-icon"> |
|
|
|
<!-- <img v-if="activeStep >2" src="@/assets/register/step_success.svg" alt=""> --> |
|
|
|
@ -465,7 +467,8 @@ |
|
|
|
<DomainModal /> |
|
|
|
</GuipDialog> |
|
|
|
|
|
|
|
<el-dialog :visible.sync="dialogVisibleAdd" ref="addDialog" width="1011px" class="addDialog-wrap" :show-close="false" > |
|
|
|
<el-dialog :visible.sync="dialogVisibleAdd" ref="addDialog" width="1011px" class="addDialog-wrap" |
|
|
|
:show-close="false"> |
|
|
|
<div class="addService_wrap"> |
|
|
|
<div class="addServicetop"> |
|
|
|
<div class="flex"> |
|
|
|
@ -489,15 +492,11 @@ |
|
|
|
<h3 class="flex"><img :src="addImgList[category.name]" alt="">{{ category.name }}</h3> |
|
|
|
<p class="service-desc">{{ category.desc }}</p> |
|
|
|
<ul> |
|
|
|
<li v-for="item in category.list" :key="item.name" :class="item.checked ? 'service-active' :''"> |
|
|
|
<li v-for="item in category.list" :key="item.name" :class="item.checked ? 'service-active' : ''"> |
|
|
|
<div class="service-name-item flex-between"> |
|
|
|
<span>{{ item.name }}</span> |
|
|
|
<input |
|
|
|
type="checkbox" |
|
|
|
:id="`item-${item.id}`" |
|
|
|
v-model="item.checked" |
|
|
|
@change="updateSelectedCount(item)" |
|
|
|
/> |
|
|
|
<input type="checkbox" :id="`item-${item.id}`" v-model="item.checked" |
|
|
|
@change="updateSelectedCount(item)" /> |
|
|
|
</div> |
|
|
|
<p class="service-desc-item">{{ item.desc }}</p> |
|
|
|
<p class="service-price-item"><i>¥</i><span>{{ item.price }}</span> / {{ item.word }}</p> |
|
|
|
@ -556,7 +555,7 @@ export default { |
|
|
|
width: '137px', |
|
|
|
height: '38px', |
|
|
|
}, |
|
|
|
serviceTotal:0, |
|
|
|
serviceTotal: 0, |
|
|
|
activeCategory: 0, |
|
|
|
addlist: [ |
|
|
|
{ |
|
|
|
@ -568,34 +567,36 @@ export default { |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
word: '1000字符', |
|
|
|
checked:false |
|
|
|
checked: false, |
|
|
|
checkFlag: true |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '本科论文', |
|
|
|
desc: '适用于在校大学生毕业论文。', |
|
|
|
price: '2.4', |
|
|
|
word: '1000字符', |
|
|
|
checked:false |
|
|
|
checked: false, |
|
|
|
checkFlag: false |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '说博士论文', |
|
|
|
desc: '适用于应届高校硕博士研究生论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '高职高专', |
|
|
|
desc: '适用于高等职业学院和高等专科学校论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '一般新文献1name', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
] |
|
|
|
@ -608,63 +609,64 @@ export default { |
|
|
|
name: '一般新文献222', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
checkFlag: true, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '本科论文222', |
|
|
|
desc: '适用于在校大学生毕业论文。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '说博士论文222', |
|
|
|
desc: '适用于应届高校硕博士研究生论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '高职高专222', |
|
|
|
desc: '适用于高等职业学院和高等专科学校论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '一般新文献2222', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '高职高专2224', |
|
|
|
desc: '适用于高等职业学院和高等专科学校论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '一般新文献2222221', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '高职高专22242', |
|
|
|
desc: '适用于高等职业学院和高等专科学校论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '一般新文献22222211', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
] |
|
|
|
@ -677,35 +679,35 @@ export default { |
|
|
|
name: '一般新文献333', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '本科论文33', |
|
|
|
desc: '适用于在校大学生毕业论文。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '说博士论文333', |
|
|
|
desc: '适用于应届高校硕博士研究生论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '高职高专333', |
|
|
|
desc: '适用于高等职业学院和高等专科学校论文检测。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
{ |
|
|
|
name: '一般新文献3332', |
|
|
|
desc: '适用于所有未正式发表的文献类型。', |
|
|
|
price: '2.4', |
|
|
|
checked:false, |
|
|
|
checked: false, |
|
|
|
word: '1000字符' |
|
|
|
}, |
|
|
|
] |
|
|
|
@ -759,7 +761,7 @@ export default { |
|
|
|
dialogVisible: false,//是否展示弹框 |
|
|
|
showCancelButton: true, // 控制是否显示取消按钮 |
|
|
|
showCloseButton: true, // 控制是否显示关闭按钮 |
|
|
|
activeStep: 2,//当前步骤条 |
|
|
|
activeStep: 3,//当前步骤条 |
|
|
|
has_store: '1',//是否是初次授权 还是已有店铺 大于0 已有店铺 |
|
|
|
distribution_channel: '0',//销售渠道 是否为电商 0 非电商 >0 电商 |
|
|
|
payment_method_list: [//收款方式 |
|
|
|
@ -855,28 +857,38 @@ export default { |
|
|
|
computed: { |
|
|
|
// 计算选中的总数 |
|
|
|
selectedCount() { |
|
|
|
const newaddlist = JSON.parse(JSON.stringify(this.addlist)) |
|
|
|
let list = [] |
|
|
|
let list1=[] |
|
|
|
this.addlist.forEach(item=>{ |
|
|
|
list1=[] |
|
|
|
let listTotal = [] |
|
|
|
newaddlist.forEach(item => { |
|
|
|
let item2 = JSON.parse(JSON.stringify(item)); |
|
|
|
item2.list = []; |
|
|
|
item.list.forEach((item1) => { |
|
|
|
if(item.checked){ |
|
|
|
list.push(item) |
|
|
|
list1.push(item1) |
|
|
|
list.list = list1 |
|
|
|
if (item1.checked) { |
|
|
|
// list1.push(item1) |
|
|
|
listTotal.push(item1) |
|
|
|
if (item2.list.length == 0) { |
|
|
|
item2.list = [item1] |
|
|
|
} else { |
|
|
|
item2.list.push(item1) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
if (item2.list.length > 0) { |
|
|
|
list.push(item2) |
|
|
|
} |
|
|
|
}) |
|
|
|
console.log(list, 'list----', this.addlist); |
|
|
|
store.commit('SET_ADDSERVICELIST', list); |
|
|
|
return list1.length; |
|
|
|
return listTotal.length; |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
nextGoSettingPrice(){ |
|
|
|
nextGoSettingPrice() { |
|
|
|
this.$router.push('/settingServicePrice') |
|
|
|
}, |
|
|
|
goCurActiveStep(step){ |
|
|
|
if(step < this.activeStep){ |
|
|
|
goCurActiveStep(step) { |
|
|
|
if (step < this.activeStep) { |
|
|
|
this.activeStep = step |
|
|
|
} |
|
|
|
}, |
|
|
|
@ -1090,13 +1102,12 @@ export default { |
|
|
|
// 处理滚动事件 |
|
|
|
handleScroll() { |
|
|
|
const scrollPosition = this.$refs.content.scrollTop; |
|
|
|
console.log(this.activeCategory,scrollPosition,'this.activeCategory'); |
|
|
|
// console.log(this.activeCategory,scrollPosition,'this.activeCategory'); |
|
|
|
this.addlist.forEach((category, index) => { |
|
|
|
const element = this.$refs[`category-${index}`][0]; |
|
|
|
const elementTop = Math.round(element.offsetTop - 70); |
|
|
|
const elementBottom = elementTop + element.offsetHeight; |
|
|
|
|
|
|
|
console.log('进来了',scrollPosition,elementTop,elementBottom,index,scrollPosition >= elementTop && scrollPosition < elementBottom); |
|
|
|
// console.log('进来了',scrollPosition,elementTop,elementBottom,index,scrollPosition >= elementTop && scrollPosition < elementBottom); |
|
|
|
if (scrollPosition >= elementTop && scrollPosition < elementBottom) { |
|
|
|
this.activeCategory = index; |
|
|
|
} |
|
|
|
@ -1104,8 +1115,9 @@ export default { |
|
|
|
}, |
|
|
|
updateSelectedCount(item) { |
|
|
|
this.serviceTotal = this.selectedCount; |
|
|
|
this.$set(this.addlist,item) |
|
|
|
// console.log('选中总数已更新：',item, this.selectedCount,this.addlist); |
|
|
|
console.log(item, 'item----'); |
|
|
|
// this.$set(this.addlist,item) |
|
|
|
console.log('选中总数已更新：', this.addlist); |
|
|
|
}, |
|
|
|
|
|
|
|
}, |
|
|
|
@ -1443,25 +1455,30 @@ export default { |
|
|
|
padding-left: 36px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .addDialog-wrap .el-dialog { |
|
|
|
background: #F6F7FA; |
|
|
|
height: 546px; |
|
|
|
border-radius: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .addDialog-wrap .el-dialog .el-dialog__body { |
|
|
|
padding: 0 24px 0; |
|
|
|
} |
|
|
|
|
|
|
|
::v-deep .addDialog-wrap .el-dialog__header { |
|
|
|
background: #F6F7FA; |
|
|
|
border-radius: 8px; |
|
|
|
|
|
|
|
} |
|
|
|
.addDialog-wrap{ |
|
|
|
.bottom{ |
|
|
|
|
|
|
|
.addDialog-wrap { |
|
|
|
.bottom { |
|
|
|
margin-top: 24px; |
|
|
|
justify-content: flex-end; |
|
|
|
align-items: center; |
|
|
|
span{ |
|
|
|
|
|
|
|
span { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: normal; |
|
|
|
line-height: normal; |
|
|
|
@ -1474,9 +1491,11 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.addService_wrap { |
|
|
|
text-align: left; |
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
// display: ; |
|
|
|
.addServicetop { |
|
|
|
display: flex; |
|
|
|
@ -1486,7 +1505,8 @@ export default { |
|
|
|
top: 12px; |
|
|
|
left: 24px; |
|
|
|
width: 963.43px; |
|
|
|
b{ |
|
|
|
|
|
|
|
b { |
|
|
|
font-size: 20px; |
|
|
|
font-weight: bold; |
|
|
|
line-height: 26px; |
|
|
|
@ -1494,9 +1514,11 @@ export default { |
|
|
|
font-variation-settings: "opsz" auto; |
|
|
|
color: #1E2226; |
|
|
|
} |
|
|
|
|
|
|
|
ul { |
|
|
|
display: flex; |
|
|
|
padding-left: 20px; |
|
|
|
|
|
|
|
li { |
|
|
|
cursor: pointer; |
|
|
|
list-style-type: none; |
|
|
|
@ -1514,7 +1536,8 @@ export default { |
|
|
|
letter-spacing: 0.08em; |
|
|
|
color: #8A9099; |
|
|
|
border: 1px solid transparent; |
|
|
|
img{ |
|
|
|
|
|
|
|
img { |
|
|
|
width: 18px; |
|
|
|
height: 18px; |
|
|
|
margin-right: 4px; |
|
|
|
@ -1528,21 +1551,24 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.addServicebot{ |
|
|
|
|
|
|
|
.addServicebot { |
|
|
|
overflow-y: auto; |
|
|
|
max-height: 380px; |
|
|
|
margin-top: 24px; |
|
|
|
ul{ |
|
|
|
|
|
|
|
ul { |
|
|
|
// display: flex; |
|
|
|
// flex-wrap: wrap; |
|
|
|
// justify-content: space-between; |
|
|
|
display: grid; |
|
|
|
grid-gap:14px; |
|
|
|
grid-gap: 14px; |
|
|
|
grid-template-columns: repeat(auto-fit, 220px); |
|
|
|
// grid-auto-rows: 50px; |
|
|
|
padding-left: 0; |
|
|
|
margin: 20px 0 0 ; |
|
|
|
li{ |
|
|
|
margin: 20px 0 0; |
|
|
|
|
|
|
|
li { |
|
|
|
list-style-type: none; |
|
|
|
width: 220px; |
|
|
|
height: 126px; |
|
|
|
@ -1555,15 +1581,18 @@ export default { |
|
|
|
cursor: pointer; |
|
|
|
transition: all .3s; |
|
|
|
} |
|
|
|
li:hover{ |
|
|
|
|
|
|
|
li:hover { |
|
|
|
background: #F6F7FA; |
|
|
|
transition: all .3s; |
|
|
|
} |
|
|
|
} |
|
|
|
.service-active{ |
|
|
|
|
|
|
|
.service-active { |
|
|
|
border: 1px solid #006AFF; |
|
|
|
} |
|
|
|
.service-desc{ |
|
|
|
|
|
|
|
.service-desc { |
|
|
|
font-size: 14px; |
|
|
|
font-weight: normal; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
@ -1571,12 +1600,14 @@ export default { |
|
|
|
color: #8A8C99; |
|
|
|
margin: 6px 0 8px; |
|
|
|
} |
|
|
|
.service-name-item{ |
|
|
|
|
|
|
|
.service-name-item { |
|
|
|
font-size: 14px; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
color: #1E2226; |
|
|
|
} |
|
|
|
.service-desc-item{ |
|
|
|
|
|
|
|
.service-desc-item { |
|
|
|
font-size: 12px; |
|
|
|
font-weight: normal; |
|
|
|
line-height: 17px; |
|
|
|
@ -1585,39 +1616,46 @@ export default { |
|
|
|
color: #8A9099; |
|
|
|
margin: 14px 0 12px; |
|
|
|
display: -webkit-box; |
|
|
|
-webkit-line-clamp: 2; /* 注意：这不是一个标准的CSS属性，仅在WebKit浏览器中有效 */ |
|
|
|
-webkit-line-clamp: 2; |
|
|
|
/* 注意：这不是一个标准的CSS属性，仅在WebKit浏览器中有效 */ |
|
|
|
-webkit-box-orient: vertical; |
|
|
|
overflow: hidden; |
|
|
|
text-overflow: ellipsis; |
|
|
|
height: 34px; |
|
|
|
} |
|
|
|
.service-price-item{ |
|
|
|
|
|
|
|
.service-price-item { |
|
|
|
font-size: 12px; |
|
|
|
line-height: 16px; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
font-variation-settings: "opsz" auto; |
|
|
|
color: #8A9099; |
|
|
|
i{ |
|
|
|
|
|
|
|
i { |
|
|
|
font-style: normal; |
|
|
|
color: #1E2226; |
|
|
|
|
|
|
|
} |
|
|
|
span{ |
|
|
|
|
|
|
|
span { |
|
|
|
color: #1E2226; |
|
|
|
font-size: 20px; |
|
|
|
font-weight: normal; |
|
|
|
line-height: 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.category-section{ |
|
|
|
|
|
|
|
.category-section { |
|
|
|
padding: 20px; |
|
|
|
h3{ |
|
|
|
|
|
|
|
h3 { |
|
|
|
margin: 0; |
|
|
|
font-size: 16px; |
|
|
|
font-weight: normal; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
color: #1E2226; |
|
|
|
img{ |
|
|
|
|
|
|
|
img { |
|
|
|
width: 30px; |
|
|
|
height: 30px; |
|
|
|
margin-right: 8px; |
|
|
|
|
zq
2 months ago
