From e1eabb1a7a21d207e56ced01b4edf2383d4caa29 Mon Sep 17 00:00:00 2001 From: zq <136432190602163.com> Date: Fri, 21 Mar 2025 10:07:13 +0800 Subject: [PATCH] =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=9C=8D=E5=8A=A1=E4=BB=B7?= =?UTF-8?q?=E6=A0=BC=E4=BE=A7=E8=BE=B9=E4=BF=AE=E6=94=B9=E3=80=81swtich?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/changeFlase.png | Bin 0 -> 1221 bytes src/assets/changeTrue.png | Bin 0 -> 1484 bytes src/components/GuipSwitch.vue | 18 +++- src/components/PageTitle.vue | 2 +- src/store/index.js | 2 +- src/style/theme/common.scss | 5 +- src/views/ConfigureServicePrices.vue | 128 ++++++++++++++++++++--- src/views/Register.vue | 196 +++++++++++++++++++++-------------- src/views/elementGroups.vue | 15 +-- 9 files changed, 258 insertions(+), 108 deletions(-) create mode 100644 src/assets/changeFlase.png create mode 100644 src/assets/changeTrue.png diff --git a/src/assets/changeFlase.png b/src/assets/changeFlase.png new file mode 100644 index 0000000000000000000000000000000000000000..ecc7dfc0ff9e7dcda1b0fb9b606099b691cc4b5a GIT binary patch literal 1221 zcmV;$1UmbPP)Px#1am@3R0s$N2z&@+hyVZtZ%IT!RCt{2oV{}5ND#++dW0<5$XsphUbK$LxWIOL zPv8eQMI@90@~eG-t$l!d0RoCD7m+TxY@c8=mjkMJfxXbRby$1|#B^U^u(cRr0TQ43 zMWAV+=3hNCFw;E(Qoy!t-7t)tlrl#|l9{EH5)l#8c-|~TL`o?VLMTL3N~yp!%~7pZ z3zB}8Na}+sm5KoX1^^hF5^7n9hycLv^?H5Rbprt4bw6`00d3osmSvqH;wcfyb)DHH zL_~<#tJmvYSVPE_1#}$80sw2(`*($Pg)myf2 z3UX}X0RRXgq-mOFu~_um?e@ZPaiJ*3DBcui#yBEI3UkcjO^G97)MOy?`TV z$wHy~Xon+E5YgEd{Mt7x+qRzr z?^!^{aq_#m47F=mmUTLPJryjAz9m4!p9QpSJC{XYe27R+7LcC=JUcr(U3^Q%99{&R zzR6e$0{}o&tJU0iJpQn4Z}t(-^B!<880gz}WM451BZpGT+_oLrSEQ6VjfiC06R@u9 zAElI^gb+6X0L=VNDfM|Y8vVNs`=lTusWEe^OIEtBf7CSXZveQMUK2vxXqxsL0Q@og zCDXP~5@wbtrA#&aq?BJE^yNZaNGU&U+CE99*%qk^D1`WZLEFuy?UQ6F`)kN(JcqekS0Gn5H>G z*L6o}&%}oa5mBvH3#PvVm&%FD0Dy^RnSd+O>-G8o69F5IhL4DE=E7w>K}0l3Qh(Xj zB%*%wEg4}Du?LfU>SqBx&&vdi0TIz8Asqlh0#4Fdy{&k)M}(sfU?#b!Uax!ESQrf= zs&MoH%t^3B#4HLU7>~ytn5iXswVZ!=6QR8q>vMx)Vv+xmr73$BIZIC&yEJCMC)uU@aO^aog& literal 0 HcmV?d00001 diff --git a/src/assets/changeTrue.png b/src/assets/changeTrue.png new file mode 100644 index 0000000000000000000000000000000000000000..85ab057f7d0395b4dbc3244729529b1016528d9d GIT binary patch literal 1484 zcmV;-1vC1IP)Px#1am@3R0s$N2z&@+hyVZuc1c7*RCt{2oKJ5PM;OMRcV^eSwquh98A}DLh+|xF zh4w@bNPGY`mk0?VaYyn8i1+~g1V~XYQKh(_01j|zM2^mleLCs1PeN)eRw&te6y**RQ1R$J2ud1e6%HES-@F>+_UKQ2rw*{gXk7}HR^ zP_yQGKRXssf##%kHFQUi=@_}*=ffib3tLt;uG>)Kpn1H)9k$6Gw#gi-gc++)#?f4O zC|JUKpXTw3lBxor1fWEq3U}F3Sn=4NnK}9!02a3_J*mBqyKL#3c>RPXplK+6`|VQ` z_$Hv;!GJv{0p_w2Kre^2DT#kWjh$;5z&8Pvp_yR@3j?N*Cxt(t)U|;|qJ1#@8fN^i zW(?|qmc-#p9$UrXoHqouB2%&+W_;;zhMJXP#SbMT%s^qFdAtIJpNF+6hF2mb*Q3az z=$ksrdbSotuvu}6X#j)`smqn9a>;tO#@sX#v+_92Gyv3xR^#i z(%~$U;maL70`<&YL@$|(pP;K3qlO)K*^*N6FpXg_W(XN}5JfbwtRh8^$YpO1jbS)( zGmUS+xKaaDOm@p#{dGCS4yf1b7_?+Rgv%RPS%9N}NLq1dtuL3U$5-$d((a-kX zy2DVex=}cBFH)B)P-^_gkC>Q7FU$}U^v-7hK#o6AP24OHrg{a2hd5gJO&UbPMl1m7c-3x&{JGg{PW3;^L!`FJob_#PA>6cW*S|XA>`jb z{{9~b>S!G-=k4}+CM9*b0>TRbbr9_%A#5<+k91Nv%XcFNTQ+o8}`CP~G1NbD?DTfLtR>;>v%U-iNO(k^fG zSMLwqjlK-W878IatJd!QwSfoup}Wz$_tzR%L-`mF!rQ&KHgseLZs%`*vcFu3csTEU z{^)-VI(Tz+%;6NKJLb^kl8QKvc)&O(m6obv`;+~}gNSU~>%19PJYbT;h6=Q>xtzP` z?i}Q{L5%-Sn4os=uQjNteZ7e0Vml;+>+DS;9&pwJ*9uhFva)khOLSdzmv-7|?v$$s zXSsK}vW^4`X*(q3yxrcZp)<~07sPDpViag`%hK%*(ngQ(*%Qt7P_DYOj`csOpq54``X>kg0000 +
{{ internalValue ? activeText : inactiveText }}
+ +
- +
+
+ + {{ item.name }} +
+
+ {{ item1.name }} + + +
+
- + @@ -31,7 +43,7 @@
微信收款 -
@@ -40,7 +52,7 @@
支付宝收款 -
@@ -78,7 +90,7 @@
淘宝收款 -
@@ -143,7 +155,12 @@
+
+
+ 保存 +
+
- \ No newline at end of file diff --git a/src/views/Register.vue b/src/views/Register.vue index 4b94757..351f764 100755 --- a/src/views/Register.vue +++ b/src/views/Register.vue @@ -19,14 +19,16 @@ 基础信息
-
+
收款方式
-
+
@@ -342,7 +344,7 @@ @@ -465,7 +467,8 @@ - +
@@ -489,15 +492,11 @@

{{ category.name }}

{{ category.desc }}

    -
  • +
  • {{ item.name }} - +

    {{ item.desc }}

    ¥{{ item.price }} / {{ item.word }}

    @@ -553,10 +552,10 @@ export default { data() { return { btnstyleObj1: { - width: '137px', - height: '38px', - }, - serviceTotal:0, + width: '137px', + height: '38px', + }, + 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) + } }) - store.commit('SET_ADDSERVICELIST', list); - return list1.length; + console.log(list, 'list----', this.addlist); + store.commit('SET_ADDSERVICELIST', list); + 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,26 +1102,26 @@ 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; } }); }, updateSelectedCount(item) { - this.serviceTotal = this.selectedCount; - this.$set(this.addlist,item) - // console.log('选中总数已更新：',item, this.selectedCount,this.addlist); + this.serviceTotal = this.selectedCount; + console.log(item, 'item----'); + // this.$set(this.addlist,item) + console.log('选中总数已更新：', this.addlist); }, }, - + }; diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue index 571a8bc..5d15116 100644 --- a/src/views/elementGroups.vue +++ b/src/views/elementGroups.vue @@ -206,6 +206,12 @@
+ +
+ + + +
表单Submit @@ -259,11 +265,7 @@ active-text="按月付费" inactive-text="按年付费"> --> -
- - - -
+
@@ -518,7 +520,8 @@ export default { return randomNumber }, onSwitchChange(value) { - console.log('Switch 状态变化:', value); + + console.log('Switch 状态变化:',this.switchValue, value); }, // 弹框相关方法---start openDialog() {