Skip to content

S
saas-dml
提交 18991ed7 authored 作者: 王鹏飞's avatar 王鹏飞
浏览文件
操作

feat: 链接增加视频号

上级 f5fdb183
隐藏空白字符变更
内嵌 并排
正在显示 包含 436 行增加 和 185 行删除
src/components/ConnectionIcon.vue
浏览文件 @ 18991ed7
...@@ -3,7 +3,7 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -3,7 +3,7 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
multiColor: false, multiColor: false,
color: '#000000', color: '#000000',
w: '30', w: '30',
h: '30' h: '30',
}) })
/* /*
-type: icon -type: icon
...@@ -33,14 +33,52 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -33,14 +33,52 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
:height="h" :height="h"
viewBox="0 0 48 48"> viewBox="0 0 48 48">
<g> <g>
<path d="M13 22H29C33.4183 22 37 25.5817 37 30V44" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path> <path
<circle cx="13" cy="8.94365" r="5" transform="rotate(-90 13 8.94365)" fill="none" stroke="#fff" stroke-width="4"></circle> d="M13 22H29C33.4183 22 37 25.5817 37 30V44"
<path d="M13 14V43" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path> stroke="#fff"
<path d="M18 39L13 44L8 39" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path> stroke-width="4"
<path d="M42 39L37 44L32 39" stroke="#fff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" fill="none"></path> stroke-linecap="round"
stroke-linejoin="round"></path>
<circle
cx="13"
cy="8.94365"
r="5"
transform="rotate(-90 13 8.94365)"
fill="none"
stroke="#fff"
stroke-width="4"></circle>
<path
d="M13 14V43"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
fill="none"></path>
<path
d="M18 39L13 44L8 39"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
fill="none"></path>
<path
d="M42 39L37 44L32 39"
stroke="#fff"
stroke-width="4"
stroke-linecap="round"
stroke-linejoin="round"
fill="none"></path>
</g> </g>
</svg> </svg>
<svg v-if="name == '999'" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" class="icon" viewBox="0 0 512 512" :width="w" :height="h"> <svg
v-if="name == '999'"
xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
version="1.1"
class="icon"
viewBox="0 0 512 512"
:width="w"
:height="h">
<g> <g>
<g> <g>
<path <path
...@@ -69,7 +107,10 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -69,7 +107,10 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
:height="h" :height="h"
viewBox="0 0 624.000000 703.000000" viewBox="0 0 624.000000 703.000000"
preserveAspectRatio="xMidYMid meet"> preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,703.000000) scale(0.100000,-0.100000)" :fill="multiColor ? '#aa1941' : color" stroke="none"> <g
transform="translate(0.000000,703.000000) scale(0.100000,-0.100000)"
:fill="multiColor ? '#aa1941' : color"
stroke="none">
<path <path
d="M3055 7007 c-1229 -586 -3025 -1454 -3037 -1469 -17 -19 -18 -130 d="M3055 7007 c-1229 -586 -3025 -1454 -3037 -1469 -17 -19 -18 -130
-18 -2028 0 -1898 1 -2009 17 -2028 22 -25 3072 -1482 3103 -1482 31 0 3081 -18 -2028 0 -1898 1 -2009 17 -2028 22 -25 3072 -1482 3103 -1482 31 0 3081
...@@ -97,8 +138,18 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -97,8 +138,18 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</g> </g>
</svg> </svg>
<svg v-if="name == '100'" version="1.0" xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 86 86" :width="w" :height="h"> <svg
<g transform="translate(0.000000,86.000000) scale(0.100000,-0.100000)" :fill="multiColor ? '#19AA20' : color" stroke="none"> v-if="name == '100'"
version="1.0"
xmlns="http://www.w3.org/2000/svg"
class="icon"
viewBox="0 0 86 86"
:width="w"
:height="h">
<g
transform="translate(0.000000,86.000000) scale(0.100000,-0.100000)"
:fill="multiColor ? '#19AA20' : color"
stroke="none">
<path <path
d="M351 849 c-173 -34 -311 -177 -342 -357 -31 -172 73 -367 235 -443 128 -60 244 -60 372 0 162 76 266 271 235 443 -32 184 -169 323 -350 358 -61 11 -88 11 -150 -1z m256 -253 c31 -28 38 -41 38 -73 0 -50 -27 -91 -72 -110 -31 -12 -38 -12 -50 -1 -18 19 -9 39 28 60 39 23 38 65 -3 88 -25 13 -31 13 -55 0 -27 -15 -28 -18 -33 -131 -6 -131 -18 -161 -77 -186 -50 -20 -99 -9 -140 32 -27 27 -33 41 -33 75 0 34 6 48 34 76 37 37 82 46 93 17 4 -11 -5 -25 -30 -46 -41 -32 -46 -51 -20 -79 19 -22 62 -23 89 -4 16 12 20 31 24 133 3 65 9 124 14 131 17 27 72 52 114 52 34 0 49 -6 79 -34z" /> d="M351 849 c-173 -34 -311 -177 -342 -357 -31 -172 73 -367 235 -443 128 -60 244 -60 372 0 162 76 266 271 235 443 -32 184 -169 323 -350 358 -61 11 -88 11 -150 -1z m256 -253 c31 -28 38 -41 38 -73 0 -50 -27 -91 -72 -110 -31 -12 -38 -12 -50 -1 -18 19 -9 39 28 60 39 23 38 65 -3 88 -25 13 -31 13 -55 0 -27 -15 -28 -18 -33 -131 -6 -131 -18 -161 -77 -186 -50 -20 -99 -9 -140 32 -27 27 -33 41 -33 75 0 34 6 48 34 76 37 37 82 46 93 17 4 -11 -5 -25 -30 -46 -41 -32 -46 -51 -20 -79 19 -22 62 -23 89 -4 16 12 20 31 24 133 3 65 9 124 14 131 17 27 72 52 114 52 34 0 49 -6 79 -34z" />
</g> </g>
...@@ -483,7 +534,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -483,7 +534,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02199)"> <g clip-path="url(#master_svg0_394_02199)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -529,7 +587,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -529,7 +587,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02220)"> <g clip-path="url(#master_svg0_394_02220)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -538,7 +603,10 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -538,7 +603,10 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
fill-opacity="1" /> fill-opacity="1" />
</g> </g>
<g> <g>
<path d="M7,13.36L7,17L10.6586,17L21,6.65405L17.3475,3L7,13.36Z" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="1" /> <path
d="M7,13.36L7,17L10.6586,17L21,6.65405L17.3475,3L7,13.36Z"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="1" />
<path <path
d="M17.7013,3.353342L7.353765,13.7133L7,13.36L7.5,13.36L7.5,17L7,17L7,16.5L10.6586,16.5L10.6586,17L10.30497,16.6465L20.6464,6.3005700000000004L21,6.65405L20.6464,7.00753L16.99392,3.353476L17.3475,3L17.7013,3.353342ZM16.99378,2.646658Q16.99393,2.646514,16.99407,2.646369Q17.0289,2.611555,17.0699,2.584204Q17.110799999999998,2.556854,17.1563,2.538018Q17.2018,2.519183,17.2501,2.509586Q17.2984,2.4999890000000002,17.3477,2.5Q17.396900000000002,2.5000109999999998,17.4452,2.509629Q17.493499999999997,2.519247,17.539,2.538102Q17.5845,2.556958,17.6254,2.584326Q17.6664,2.611694,17.7012,2.646524L21.3536,6.3005700000000004Q21.3884,6.33539,21.4158,6.376329999999999Q21.4431,6.41727,21.462,6.462759999999999Q21.480800000000002,6.50824,21.4904,6.55653Q21.5,6.60482,21.5,6.65405Q21.5,6.7032799999999995,21.4904,6.75157Q21.480800000000002,6.79985,21.462,6.84534Q21.4431,6.890829999999999,21.4158,6.93177Q21.3884,6.97271,21.3536,7.00753L11.012229999999999,17.3535Q10.9419,17.4238,10.84999,17.4619Q10.75808,17.5,10.6586,17.5L7,17.5Q6.9507543,17.5,6.9024549,17.4904Q6.854155,17.480800000000002,6.808658,17.4619Q6.763161,17.4431,6.722215,17.4157Q6.681269,17.3884,6.646447,17.3536Q6.611625,17.3187,6.584265,17.2778Q6.556906,17.236800000000002,6.53806,17.1913Q6.519215,17.1458,6.509607,17.0975Q6.5,17.0492,6.5,17L6.5,13.36Q6.5,13.2606,6.538003,13.1687Q6.576006,13.0769,6.646235,13.0066L16.99378,2.646658Z" d="M17.7013,3.353342L7.353765,13.7133L7,13.36L7.5,13.36L7.5,17L7,17L7,16.5L10.6586,16.5L10.6586,17L10.30497,16.6465L20.6464,6.3005700000000004L21,6.65405L20.6464,7.00753L16.99392,3.353476L17.3475,3L17.7013,3.353342ZM16.99378,2.646658Q16.99393,2.646514,16.99407,2.646369Q17.0289,2.611555,17.0699,2.584204Q17.110799999999998,2.556854,17.1563,2.538018Q17.2018,2.519183,17.2501,2.509586Q17.2984,2.4999890000000002,17.3477,2.5Q17.396900000000002,2.5000109999999998,17.4452,2.509629Q17.493499999999997,2.519247,17.539,2.538102Q17.5845,2.556958,17.6254,2.584326Q17.6664,2.611694,17.7012,2.646524L21.3536,6.3005700000000004Q21.3884,6.33539,21.4158,6.376329999999999Q21.4431,6.41727,21.462,6.462759999999999Q21.480800000000002,6.50824,21.4904,6.55653Q21.5,6.60482,21.5,6.65405Q21.5,6.7032799999999995,21.4904,6.75157Q21.480800000000002,6.79985,21.462,6.84534Q21.4431,6.890829999999999,21.4158,6.93177Q21.3884,6.97271,21.3536,7.00753L11.012229999999999,17.3535Q10.9419,17.4238,10.84999,17.4619Q10.75808,17.5,10.6586,17.5L7,17.5Q6.9507543,17.5,6.9024549,17.4904Q6.854155,17.480800000000002,6.808658,17.4619Q6.763161,17.4431,6.722215,17.4157Q6.681269,17.3884,6.646447,17.3536Q6.611625,17.3187,6.584265,17.2778Q6.556906,17.236800000000002,6.53806,17.1913Q6.519215,17.1458,6.509607,17.0975Q6.5,17.0492,6.5,17L6.5,13.36Q6.5,13.2606,6.538003,13.1687Q6.576006,13.0769,6.646235,13.0066L16.99378,2.646658Z"
:fill="multiColor ? '#FFFFFF' : color" :fill="multiColor ? '#FFFFFF' : color"
...@@ -598,7 +666,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -598,7 +666,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02210)"> <g clip-path="url(#master_svg0_394_02210)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -621,7 +696,11 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -621,7 +696,11 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
fill-opacity="1" /> fill-opacity="1" />
</g> </g>
<g> <g>
<path d="M16,9.5L22,9.5L16,9.5Z" fill-rule="evenodd" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="1" /> <path
d="M16,9.5L22,9.5L16,9.5Z"
fill-rule="evenodd"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="1" />
</g> </g>
<g> <g>
<path <path
...@@ -642,7 +721,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -642,7 +721,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
viewBox="0 0 24 24"> viewBox="0 0 24 24">
<g> <g>
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<g> <g>
...@@ -706,10 +792,20 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -706,10 +792,20 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02239)"> <g clip-path="url(#master_svg0_394_02239)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path d="M12,2C8.134,2,5,5.134,5,9L5,19L19,19L19,9C19,5.134,15.866,2,12,2Z" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="1" /> <path
d="M12,2C8.134,2,5,5.134,5,9L5,19L19,19L19,9C19,5.134,15.866,2,12,2Z"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="1" />
</g> </g>
<g> <g>
<path <path
...@@ -743,7 +839,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -743,7 +839,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02264)"> <g clip-path="url(#master_svg0_394_02264)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -784,7 +887,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -784,7 +887,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02615)"> <g clip-path="url(#master_svg0_394_02615)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -819,7 +929,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -819,7 +929,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02625)"> <g clip-path="url(#master_svg0_394_02625)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -910,7 +1027,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -910,7 +1027,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
</defs> </defs>
<g clip-path="url(#master_svg0_394_02644)"> <g clip-path="url(#master_svg0_394_02644)">
<g> <g>
<rect x="0" y="0" width="24" height="24" rx="0" :fill="multiColor ? '#FFFFFF' : color" fill-opacity="0.009999999776482582" /> <rect
x="0"
y="0"
width="24"
height="24"
rx="0"
:fill="multiColor ? '#FFFFFF' : color"
fill-opacity="0.009999999776482582" />
</g> </g>
<g> <g>
<path <path
...@@ -970,7 +1094,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -970,7 +1094,14 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
fill-opacity="1" /> fill-opacity="1" />
</g> </g>
</svg> </svg>
<svg v-if="name == 'mall'" version="1.1" viewBox="0 0 200 200" style="enable-background: new 0 0 200 200" xml:space="preserve" :width="w" :height="h"> <svg
v-if="name == 'mall'"
version="1.1"
viewBox="0 0 200 200"
style="enable-background: new 0 0 200 200"
xml:space="preserve"
:width="w"
:height="h">
<path <path
:fill="multiColor ? '#af1c40' : color" :fill="multiColor ? '#af1c40' : color"
class="st0" class="st0"
...@@ -980,6 +1111,18 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w ...@@ -980,6 +1111,18 @@ withDefaults(defineProps<{ multiColor?: boolean; name: string; color?: string; w
c2,2,3.1,4.6,3.1,7.5c0,3.3-1.5,6.4-4.2,8.4C65,85.6,81.1,98.4,100,98.4c18.9,0,35-12.8,38.7-30.6c-2.7-2-4.2-5.1-4.2-8.4 c2,2,3.1,4.6,3.1,7.5c0,3.3-1.5,6.4-4.2,8.4C65,85.6,81.1,98.4,100,98.4c18.9,0,35-12.8,38.7-30.6c-2.7-2-4.2-5.1-4.2-8.4
c0-2.8,1.1-5.5,3.1-7.5c2-2,4.6-3.1,7.5-3.1s5.5,1.1,7.5,3.1c2,2,3.1,4.6,3.1,7.5C155.6,63.1,153.8,66.3,150.8,68.3L150.8,68.3z" /> c0-2.8,1.1-5.5,3.1-7.5c2-2,4.6-3.1,7.5-3.1s5.5,1.1,7.5,3.1c2,2,3.1,4.6,3.1,7.5C155.6,63.1,153.8,66.3,150.8,68.3L150.8,68.3z" />
</svg> </svg>
<svg
v-if="name == 'wechatVideo'"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
:width="w"
:height="h">
<path
d="M956.928 176.028444c-17.080889-29.141333-43.292444-45.155556-73.870222-45.155555h-0.853334c-103.139556 1.009778-207.672889 164.451556-367.587555 433.536-0.881778 1.479111-1.749333 2.944-2.616889 4.408889-0.881778-1.479111-1.749333-2.944-2.616889-4.408889C349.468444 295.338667 244.935111 131.896889 141.795556 130.887111h-0.853334c-30.577778 0-56.789333 16.014222-73.870222 45.155556-44.501333 75.918222-24.974222 234.097778-9.372444 321.635555 24.064 135.025778 67.456 268.515556 113.223111 348.387556 33.991111 59.306667 68.394667 88.135111 105.173333 88.135111 71.921778 0 144.967111-89.898667 235.904-238.108445 90.936889 148.209778 163.982222 238.108444 235.904 238.108445 36.792889 0 71.196444-28.828444 105.173333-88.135111 45.767111-79.872 89.144889-213.361778 113.223111-348.387556 15.601778-87.537778 35.128889-245.717333-9.372444-321.649778zM362.652444 798.762667c-51.214222 63.217778-77.596444 70.044444-86.556444 70.044444-4.352 0-22.599111-10.154667-48.455111-55.267555-86.115556-150.286222-158.222222-512.227556-104.163556-604.444445 7.580444-12.942222 13.980444-12.871111 17.692445-12.828444 16.839111 0.170667 56.504889 15.857778 132.878222 119.082666 57.230222 77.354667 119.196444 181.632 179.128889 282.481778 6.940444 11.676444 13.866667 23.338667 20.778667 34.929778-32.554667 54.314667-72.746667 118.385778-111.303112 166.001778z m433.706667 14.776889c-25.841778 45.112889-44.088889 55.267556-48.455111 55.267555-8.96 0-35.328-6.826667-86.556444-70.044444-38.570667-47.616-78.748444-111.687111-111.303112-166.016 6.897778-11.591111 13.838222-23.253333 20.778667-34.929778 59.932444-100.849778 121.898667-205.127111 179.128889-282.481778 76.373333-103.224889 116.039111-118.912 132.878222-119.082667 3.697778-0.042667 10.097778-0.113778 17.692445 12.828445 54.058667 92.231111-18.048 454.172444-104.163556 604.458667z"
:fill="multiColor ? '#FB9D3B' : color"
p-id="1466"></path>
</svg>
</div> </div>
</template> </template>
......
src/modules/connect/components/FormDialog.vue
浏览文件 @ 18991ed7
...@@ -5,6 +5,7 @@ import type { DetailsProp, PlatformItem, ConfigAttribute } from '../types' ...@@ -5,6 +5,7 @@ import type { DetailsProp, PlatformItem, ConfigAttribute } from '../types'
const StepOne = defineAsyncComponent(() => import('../components/StepOne.vue')) const StepOne = defineAsyncComponent(() => import('../components/StepOne.vue'))
const StepTwo = defineAsyncComponent(() => import('../components/StepTwo.vue')) const StepTwo = defineAsyncComponent(() => import('../components/StepTwo.vue'))
const WechatVideo = defineAsyncComponent(() => import('../components/WechatVideo.vue'))
const props = defineProps<{ data?: DetailsProp }>() const props = defineProps<{ data?: DetailsProp }>()
...@@ -18,7 +19,7 @@ const platformList: PlatformItem[] = [ ...@@ -18,7 +19,7 @@ const platformList: PlatformItem[] = [
type: '1', type: '1',
type_name: '公众号', type_name: '公众号',
config_attributes: [ config_attributes: [
{ label: '连接名称', prop: 'name', value: '' } { label: '连接名称', prop: 'name', value: '' },
// { label: '公众号类型', prop: 'type', value: '' }, // { label: '公众号类型', prop: 'type', value: '' },
// { label: '授权方昵称', prop: 'nikeName', value: '' } // { label: '授权方昵称', prop: 'nikeName', value: '' }
], ],
...@@ -30,7 +31,7 @@ const platformList: PlatformItem[] = [ ...@@ -30,7 +31,7 @@ const platformList: PlatformItem[] = [
return false return false
} }
return true return true
} },
}, },
{ {
type: '2', type: '2',
...@@ -39,8 +40,8 @@ const platformList: PlatformItem[] = [ ...@@ -39,8 +40,8 @@ const platformList: PlatformItem[] = [
{ label: '连接名称', prop: 'name', value: '钉钉' }, { label: '连接名称', prop: 'name', value: '钉钉' },
{ label: 'AgentId', prop: 'agentId', value: '8441459810' }, { label: 'AgentId', prop: 'agentId', value: '8441459810' },
{ label: 'AppKey', prop: 'appKey', value: 'dingigucs3beqlotpf24' }, { label: 'AppKey', prop: 'appKey', value: 'dingigucs3beqlotpf24' },
{ label: 'AppSecret', prop: 'appSecret', value: '6dNRvuOzvX_xq5N9tFdjepdf3FeooN25yUZK6ammDbPUVq9sfdXD-sKUg' } { label: 'AppSecret', prop: 'appSecret', value: '6dNRvuOzvX_xq5N9tFdjepdf3FeooN25yUZK6ammDbPUVq9sfdXD-sKUg' },
] ],
}, },
{ {
type: '3', type: '3',
...@@ -49,8 +50,8 @@ const platformList: PlatformItem[] = [ ...@@ -49,8 +50,8 @@ const platformList: PlatformItem[] = [
{ label: '连接名称', prop: 'name', value: '小鹅通' }, { label: '连接名称', prop: 'name', value: '小鹅通' },
{ label: 'app_id', prop: 'app_id', value: 'appc4bolgenF58' }, { label: 'app_id', prop: 'app_id', value: 'appc4bolgenF58' },
{ label: 'client_id', prop: 'client_id', value: '_5e7f809dd6317_qSMuUoAi?type=2SDK' }, { label: 'client_id', prop: 'client_id', value: '_5e7f809dd6317_qSMuUoAi?type=2SDK' },
{ label: 'secret_key', prop: 'secret_key', value: 'xiao_5ac1dd24803ae_GtfAOxiS1pdf3FeooN2huhu92WRE52S-SkOh' } { label: 'secret_key', prop: 'secret_key', value: 'xiao_5ac1dd24803ae_GtfAOxiS1pdf3FeooN2huhu92WRE52S-SkOh' },
] ],
}, },
{ {
type: '4', type: '4',
...@@ -58,8 +59,8 @@ const platformList: PlatformItem[] = [ ...@@ -58,8 +59,8 @@ const platformList: PlatformItem[] = [
config_attributes: [ config_attributes: [
{ label: '连接名称', prop: 'name', value: '问卷星' }, { label: '连接名称', prop: 'name', value: '问卷星' },
{ label: 'AppKey', prop: 'appKey', value: '82286f9c5114dc2bda214cd9567dodc' }, { label: 'AppKey', prop: 'appKey', value: '82286f9c5114dc2bda214cd9567dodc' },
{ label: 'AppSecret', prop: 'appSecret', value: 'pages/wjxqList/wjxqList?activityId= P251FBP' } { label: 'AppSecret', prop: 'appSecret', value: 'pages/wjxqList/wjxqList?activityId= P251FBP' },
] ],
}, },
{ type: '5', type_name: '今日头条', config_attributes: [{ label: '连接名称', prop: 'name', value: '今日头条' }] }, { type: '5', type_name: '今日头条', config_attributes: [{ label: '连接名称', prop: 'name', value: '今日头条' }] },
{ {
...@@ -73,11 +74,11 @@ const platformList: PlatformItem[] = [ ...@@ -73,11 +74,11 @@ const platformList: PlatformItem[] = [
label: '网站应用简介', label: '网站应用简介',
prop: 'dyInput3', prop: 'dyInput3',
value: value:
'不仅是下载抖音应用程序的官方渠道，也是一个展示抖音最新动态、功能更新和推广活动的平台。用户可以通过官网了解抖音的特色功能、查看热门视频、参与互动活动，以及获取帮助和教程等。官网还为创作者和企业提供了一个展示空间，让他们了解如何利用抖音平台进行内容创作、品牌推广和电子商务等。' '不仅是下载抖音应用程序的官方渠道，也是一个展示抖音最新动态、功能更新和推广活动的平台。用户可以通过官网了解抖音的特色功能、查看热门视频、参与互动活动，以及获取帮助和教程等。官网还为创作者和企业提供了一个展示空间，让他们了解如何利用抖音平台进行内容创作、品牌推广和电子商务等。',
}, },
{ label: '应用官网', prop: 'dyInput4', value: 'https://www.douyin.com' }, { label: '应用官网', prop: 'dyInput4', value: 'https://www.douyin.com' },
{ label: '联系人姓名', prop: 'dyInput5', value: '清控紫荆（北京）教育股份有限公司' } { label: '联系人姓名', prop: 'dyInput5', value: '清控紫荆（北京）教育股份有限公司' },
] ],
}, },
{ {
type: '7', type: '7',
...@@ -85,8 +86,8 @@ const platformList: PlatformItem[] = [ ...@@ -85,8 +86,8 @@ const platformList: PlatformItem[] = [
config_attributes: [ config_attributes: [
{ label: '连接名称', prop: 'name', value: '微博' }, { label: '连接名称', prop: 'name', value: '微博' },
{ label: 'AppKey', prop: 'appKey', value: '1206405345' }, { label: 'AppKey', prop: 'appKey', value: '1206405345' },
{ label: 'AppSecret', prop: 'appSecret', value: '6a6095e113cd28fde6e14c7b7145c5c5' } { label: 'AppSecret', prop: 'appSecret', value: '6a6095e113cd28fde6e14c7b7145c5c5' },
] ],
}, },
{ {
type: '8', type: '8',
...@@ -94,8 +95,8 @@ const platformList: PlatformItem[] = [ ...@@ -94,8 +95,8 @@ const platformList: PlatformItem[] = [
config_attributes: [ config_attributes: [
{ label: '连接名称', prop: 'name', value: '小红书' }, { label: '连接名称', prop: 'name', value: '小红书' },
{ label: 'AppKey', prop: 'appKey', value: '6c1dd8dd64d074d56124c751f6bc240b' }, { label: 'AppKey', prop: 'appKey', value: '6c1dd8dd64d074d56124c751f6bc240b' },
{ label: 'AppSecret', prop: 'appSecret', value: '' } { label: 'AppSecret', prop: 'appSecret', value: '' },
] ],
}, },
{ {
type: '9', type: '9',
...@@ -105,8 +106,8 @@ const platformList: PlatformItem[] = [ ...@@ -105,8 +106,8 @@ const platformList: PlatformItem[] = [
{ label: 'client_id', prop: 'client_id', value: 'swanzhong' }, { label: 'client_id', prop: 'client_id', value: 'swanzhong' },
{ label: 'client_secret', prop: 'client_secret', value: '563a8c6a89d2368194c1c7889c508b34' }, { label: 'client_secret', prop: 'client_secret', value: '563a8c6a89d2368194c1c7889c508b34' },
{ label: 'token URL', prop: 'token', value: 'openapi/user/get' }, { label: 'token URL', prop: 'token', value: 'openapi/user/get' },
{ label: 'API URL', prop: 'apiUrl', value: 'openapi/user/check' } { label: 'API URL', prop: 'apiUrl', value: 'openapi/user/check' },
] ],
}, },
{ {
type: '10', type: '10',
...@@ -116,8 +117,8 @@ const platformList: PlatformItem[] = [ ...@@ -116,8 +117,8 @@ const platformList: PlatformItem[] = [
{ label: 'client_id', prop: 'client_id', value: 'FbFgN2of-mlc' }, { label: 'client_id', prop: 'client_id', value: 'FbFgN2of-mlc' },
{ label: 'SdkAppId', prop: 'sdkAppId', value: 'CV3X1%2FJG7mdNZm03l9puvwPAktmfw1aj8XvBb6sm696MqoW57' }, { label: 'SdkAppId', prop: 'sdkAppId', value: 'CV3X1%2FJG7mdNZm03l9puvwPAktmfw1aj8XvBb6sm696MqoW57' },
{ label: 'token URL', prop: 'token', value: 'https://oauth-login.cloud.ali.com/oauth2/v3/token' }, { label: 'token URL', prop: 'token', value: 'https://oauth-login.cloud.ali.com/oauth2/v3/token' },
{ label: 'API URL', prop: 'apiUrl', value: 'oauth2v3wPAktm' } { label: 'API URL', prop: 'apiUrl', value: 'oauth2v3wPAktm' },
] ],
}, },
{ type_name: '内部消息', type: '11', config_attributes: [{ label: '连接名称', prop: 'name', value: '内部消息' }] }, { type_name: '内部消息', type: '11', config_attributes: [{ label: '连接名称', prop: 'name', value: '内部消息' }] },
{ {
...@@ -126,14 +127,14 @@ const platformList: PlatformItem[] = [ ...@@ -126,14 +127,14 @@ const platformList: PlatformItem[] = [
config_attributes: [ config_attributes: [
{ label: '连接名称', prop: 'name', value: '自定义' }, { label: '连接名称', prop: 'name', value: '自定义' },
{ label: 'APP类型', prop: 'appType', value: '自定义' }, { label: 'APP类型', prop: 'appType', value: '自定义' },
{ label: 'AppId', prop: 'appId', value: 'Custom App ID' } { label: 'AppId', prop: 'appId', value: 'Custom App ID' },
] ],
}, },
{ {
type: '13', type: '13',
type_name: '紫荆表单', type_name: '紫荆表单',
icon: '99', icon: '99',
config_attributes: [{ label: '连接名称', prop: 'name', value: '紫荆表单' }] config_attributes: [{ label: '连接名称', prop: 'name', value: '紫荆表单' }],
}, },
{ {
type: '14', type: '14',
...@@ -148,14 +149,32 @@ const platformList: PlatformItem[] = [ ...@@ -148,14 +149,32 @@ const platformList: PlatformItem[] = [
return false return false
} }
return true return true
} },
}, },
{ {
icon: 'mall', icon: 'mall',
type: '15', type: '15',
type_name: '紫荆商城', type_name: '紫荆商城',
config_attributes: [{ label: '连接名称', prop: 'name', value: '紫荆商城' }] config_attributes: [{ label: '连接名称', prop: 'name', value: '紫荆商城' }],
} },
{
icon: 'wechatVideo',
type: '16',
type_name: '视频号',
config_attributes: [{ label: '连接名称', prop: 'name', value: '视频号' }],
async onBeforePrev(stepActive) {
if (stepActive == 2) {
return wechatVideoRef.value?.handlePrev()
}
return true
},
async onBeforeNext(stepActive) {
if (stepActive == 2) {
return wechatVideoRef.value?.handleNext()
}
return true
},
},
] ]
// 请求参数 // 请求参数
...@@ -172,7 +191,7 @@ watchEffect(() => { ...@@ -172,7 +191,7 @@ watchEffect(() => {
Object.assign(params, { type, config_attributes: attributes }) Object.assign(params, { type, config_attributes: attributes })
}) })
const selectedItem = computed(() => platformList.find(item => item.type === params.type)) const selectedItem = computed(() => platformList.find((item) => item.type === params.type))
const defaultStepActive = props.data?.id ? 2 : 1 const defaultStepActive = props.data?.id ? 2 : 1
const stepActive = ref(defaultStepActive) const stepActive = ref(defaultStepActive)
...@@ -183,13 +202,17 @@ function handleChange(data: PlatformItem) { ...@@ -183,13 +202,17 @@ function handleChange(data: PlatformItem) {
} }
// 上一步 // 上一步
function handlePrev() { async function handlePrev() {
if (selectedItem.value?.onBeforePrev) {
const next = await selectedItem.value?.onBeforePrev(stepActive.value, selectedItem.value)
if (!next) return
}
stepActive.value-- stepActive.value--
} }
// 下一步 // 下一步
async function handleNext() { async function handleNext() {
const isEmpty = params.config_attributes.find(item => item.value === '') const isEmpty = params.config_attributes.find((item) => item.value === '')
if (isEmpty && stepActive.value === 2) { if (isEmpty && stepActive.value === 2) {
ElMessage('请填写完整') ElMessage('请填写完整')
return return
...@@ -223,6 +246,8 @@ async function handleSave() { ...@@ -223,6 +246,8 @@ async function handleSave() {
emit('update') emit('update')
emit('update:modelValue', false) emit('update:modelValue', false)
} }
const wechatVideoRef = ref<any>(null)
</script> </script>
<template> <template>
...@@ -239,7 +264,13 @@ async function handleSave() { ...@@ -239,7 +264,13 @@ async function handleSave() {
</el-tab-pane> </el-tab-pane>
<!-- 第二步 --> <!-- 第二步 -->
<el-tab-pane disabled lazy label="配置连接信息" :name="2"> <el-tab-pane disabled lazy label="配置连接信息" :name="2">
<StepTwo :platform="selectedItem" v-model="params.config_attributes" v-if="selectedItem"></StepTwo> <template v-if="selectedItem">
<WechatVideo
ref="wechatVideoRef"
v-model="params.config_attributes"
v-if="params.type === '16'"></WechatVideo>
<StepTwo :platform="selectedItem" v-model="params.config_attributes" v-else></StepTwo>
</template>
</el-tab-pane> </el-tab-pane>
<el-tab-pane disabled lazy label="测试连接" :name="3"> <el-tab-pane disabled lazy label="测试连接" :name="3">
<el-button type="primary" @click="handleTest">测试连接</el-button> <el-button type="primary" @click="handleTest">测试连接</el-button>
......
src/modules/connect/components/ListItem.vue
浏览文件 @ 18991ed7
...@@ -50,6 +50,7 @@ const edit = function () { ...@@ -50,6 +50,7 @@ const edit = function () {
const iconMap: Record<string, string> = { const iconMap: Record<string, string> = {
'13': '99', '13': '99',
'14': '100', '14': '100',
'16': 'wechatVideo'
} }
const generateUserData = function () { const generateUserData = function () {
......
src/modules/connect/components/WechatVideo.vue 0 → 100644
浏览文件 @ 18991ed7
<script setup>
defineProps(['data'])
const step = ref(1)
const stepLength = 4
function handlePrev() {
if (step.value === 1) return true
step.value--
}
function handleNext() {
if (step.value === stepLength) return true
step.value++
}
defineExpose({ step, handlePrev, handleNext })
</script>
<template>
<div class="wechat-video">
<div class="wechat-video-step" v-show="step === 1">
<h6 class="wechat-video-step__title">第1步：请点击下图示例的“视频号”</h6>
<img src="/wechat_video/1.png" />
</div>
<div class="wechat-video-step" v-show="step === 2">
<h6 class="wechat-video-step__title">第2步：请点击下图示例的</h6>
<img src="/wechat_video/2.png" />
</div>
<div class="wechat-video-step" v-show="step === 3">
<h6 class="wechat-video-step__title">第3步：请点击下图示例的“发表视频”</h6>
<img src="/wechat_video/3.png" />
</div>
<div class="wechat-video-step" v-show="step === 4">
<h6 class="wechat-video-step__title">第4步：上传头像，维护视频号名称，勾选相关规范和隐私说明，点击“创建”</h6>
<img src="/wechat_video/4.png" />
</div>
</div>
</template>
<style lang="scss">
.wechat-video {
.wechat-video-step {
margin-bottom: 20px;
img {
display: block;
width: 375px;
margin: 0 auto;
}
&__title {
margin-bottom: 20px;
}
}
}
</style>
src/modules/connect/types.ts
浏览文件 @ 18991ed7
...@@ -22,6 +22,7 @@ export interface PlatformItem { ...@@ -22,6 +22,7 @@ export interface PlatformItem {
type_name: string type_name: string
icon?: string icon?: string
config_attributes?: ConfigAttribute[] config_attributes?: ConfigAttribute[]
onBeforePrev?: (index: number, data: PlatformItem) => Promise<boolean> | boolean
onBeforeNext?: (index: number, data: PlatformItem) => Promise<boolean> | boolean onBeforeNext?: (index: number, data: PlatformItem) => Promise<boolean> | boolean
} }
...@@ -60,10 +61,10 @@ export interface OtherFields { ...@@ -60,10 +61,10 @@ export interface OtherFields {
rule: any rule: any
} }
export interface StudentFollow{ export interface StudentFollow {
follow_flag: string follow_flag: string
logs: any[] | undefined logs: any[] | undefined
connect_id: string connect_id: string
type: string type: string
data: any data: any
} }
\ No newline at end of file
src/modules/connect/views/View.vue
浏览文件 @ 18991ed7
...@@ -27,7 +27,7 @@ const attributes = computed<ConfigAttribute[]>(() => { ...@@ -27,7 +27,7 @@ const attributes = computed<ConfigAttribute[]>(() => {
}) })
function getAttributeValueByProp(prop: string) { function getAttributeValueByProp(prop: string) {
return attributes.value.find(item => item.prop === prop)?.value || '' return attributes.value.find((item) => item.prop === prop)?.value || ''
} }
const platformList = [ const platformList = [
...@@ -43,10 +43,10 @@ const platformList = [ ...@@ -43,10 +43,10 @@ const platformList = [
async onClick() { async onClick() {
await asyncOfficialAccountInfo({ await asyncOfficialAccountInfo({
connection_id: connectId.value, connection_id: connectId.value,
appid: getAttributeValueByProp('appid') appid: getAttributeValueByProp('appid'),
}) })
ElMessage.success('重新获取公众号信息成功') ElMessage.success('重新获取公众号信息成功')
} },
}, },
{ {
title: '重新获取公众号粉丝', title: '重新获取公众号粉丝',
...@@ -58,25 +58,25 @@ const platformList = [ ...@@ -58,25 +58,25 @@ const platformList = [
) )
await asyncOfficialAccountUsers({ await asyncOfficialAccountUsers({
connection_id: connectId.value, connection_id: connectId.value,
appid: getAttributeValueByProp('appid') appid: getAttributeValueByProp('appid'),
}) })
ElMessage.success(`已经开始同步公众号“${nikeName}”的粉丝，完成时间取决于您公众号的粉丝数量，请耐心等待。`) ElMessage.success(`已经开始同步公众号“${nikeName}”的粉丝，完成时间取决于您公众号的粉丝数量，请耐心等待。`)
} },
} },
// { title: '获取公众号统计数据', msg: '' }, // { title: '获取公众号统计数据', msg: '' },
// { title: '获取图文群发评论数据', msg: '' } // { title: '获取图文群发评论数据', msg: '' }
] ],
}, },
{ {
title: '2.向公众号同步', title: '2.向公众号同步',
children: [{ title: '批量为用户打标签', msg: '' }] children: [{ title: '批量为用户打标签', msg: '' }],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [ children: [
{ title: '客服会话设置', msg: '' }, { title: '客服会话设置', msg: '' },
{ title: '删除GDPR数据', msg: '' } { title: '删除GDPR数据', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
...@@ -93,8 +93,8 @@ const platformList = [ ...@@ -93,8 +93,8 @@ const platformList = [
{ title: '用户领取卡券', msg: '' }, { title: '用户领取卡券', msg: '' },
{ title: '用户转赠卡券', msg: '' }, { title: '用户转赠卡券', msg: '' },
{ title: '用户核销卡券', msg: '' }, { title: '用户核销卡券', msg: '' },
{ title: '用户删除卡券', msg: '' } { title: '用户删除卡券', msg: '' },
] ],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
...@@ -109,10 +109,10 @@ const platformList = [ ...@@ -109,10 +109,10 @@ const platformList = [
{ title: '发送图片', msg: '' }, { title: '发送图片', msg: '' },
{ title: '发送微信语音', msg: '' }, { title: '发送微信语音', msg: '' },
{ title: '发送微信视频', msg: '' }, { title: '发送微信视频', msg: '' },
{ title: '发送卡券', msg: '' } { title: '发送卡券', msg: '' },
] ],
} },
] ],
}, },
{ {
type: 2, type: 2,
...@@ -120,25 +120,25 @@ const platformList = [ ...@@ -120,25 +120,25 @@ const platformList = [
data: [ data: [
{ {
title: '1.从钉钉同步', title: '1.从钉钉同步',
children: [{ title: '获取用户信息', msg: '' }] children: [{ title: '获取用户信息', msg: '' }],
}, },
{ {
title: '2.向钉钉同步', title: '2.向钉钉同步',
children: [{ title: '导入用户信息', msg: '' }] children: [{ title: '导入用户信息', msg: '' }],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [{ title: '访问钉钉官方网站', msg: '' }] children: [{ title: '访问钉钉官方网站', msg: '' }],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [] children: [],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [{ title: '发送消息', msg: '' }] children: [{ title: '发送消息', msg: '' }],
} },
] ],
}, },
{ {
type: 3, type: 3,
...@@ -149,12 +149,12 @@ const platformList = [ ...@@ -149,12 +149,12 @@ const platformList = [
children: [ children: [
{ title: '消息推送', msg: '' }, { title: '消息推送', msg: '' },
{ title: '同步历史用户', msg: '' }, { title: '同步历史用户', msg: '' },
{ title: '同步直播学员签到事件', msg: '' } { title: '同步直播学员签到事件', msg: '' },
] ],
}, },
{ {
title: '2.向小鹅通同步', title: '2.向小鹅通同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
...@@ -162,18 +162,18 @@ const platformList = [ ...@@ -162,18 +162,18 @@ const platformList = [
{ title: '访问小鹅通官方网站', msg: '' }, { title: '访问小鹅通官方网站', msg: '' },
{ title: '配置用户属性字段映射', msg: '' }, { title: '配置用户属性字段映射', msg: '' },
{ title: '配置事件属性字段映射', msg: '' }, { title: '配置事件属性字段映射', msg: '' },
{ title: '配置信息采集表单字段映射', msg: '' } { title: '配置信息采集表单字段映射', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [{ title: '新用户注册', msg: '' }] children: [{ title: '新用户注册', msg: '' }],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [] children: [],
} },
] ],
}, },
{ {
type: 4, type: 4,
...@@ -181,28 +181,28 @@ const platformList = [ ...@@ -181,28 +181,28 @@ const platformList = [
data: [ data: [
{ {
title: '1.从问卷星同步', title: '1.从问卷星同步',
children: [{ title: '同步填写者信息', msg: '' }] children: [{ title: '同步填写者信息', msg: '' }],
}, },
{ {
title: '2.向问卷星同步', title: '2.向问卷星同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [ children: [
{ title: '访问问卷星官方网站', msg: '' }, { title: '访问问卷星官方网站', msg: '' },
{ title: '管理表单字段映射', msg: '' } { title: '管理表单字段映射', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [{ title: '提交表单', msg: '' }] children: [{ title: '提交表单', msg: '' }],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [] children: [],
} },
] ],
}, },
{ {
type: 5, type: 5,
...@@ -212,32 +212,32 @@ const platformList = [ ...@@ -212,32 +212,32 @@ const platformList = [
title: '1.从今日头条同步', title: '1.从今日头条同步',
children: [ children: [
{ title: '同步头条推广基础数据', msg: '' }, { title: '同步头条推广基础数据', msg: '' },
{ title: '同步头条推广展点消数据', msg: '' } { title: '同步头条推广展点消数据', msg: '' },
] ],
}, },
{ {
title: '2.向今日头条同步', title: '2.向今日头条同步',
children: [ children: [
{ title: '飞鱼线索表格导入', msg: '' }, { title: '飞鱼线索表格导入', msg: '' },
{ title: '设置返点系数', msg: '' } { title: '设置返点系数', msg: '' },
] ],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [ children: [
{ title: '访问今日头条投放管理平台', msg: '' }, { title: '访问今日头条投放管理平台', msg: '' },
{ title: '广告效果分析', msg: '' } { title: '广告效果分析', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [] children: [],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [] children: [],
} },
] ],
}, },
{ {
type: 6, type: 6,
...@@ -251,16 +251,16 @@ const platformList = [ ...@@ -251,16 +251,16 @@ const platformList = [
{ title: '获取用户点赞数', msg: '' }, { title: '获取用户点赞数', msg: '' },
{ title: '获取用户分享数', msg: '' }, { title: '获取用户分享数', msg: '' },
{ title: '获取用户主页访问数', msg: '' }, { title: '获取用户主页访问数', msg: '' },
{ title: '获取用户信息', msg: '' } { title: '获取用户信息', msg: '' },
] ],
}, },
{ {
title: '2.向抖音同步', title: '2.向抖音同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [] children: [],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
...@@ -268,18 +268,18 @@ const platformList = [ ...@@ -268,18 +268,18 @@ const platformList = [
{ title: '用户发送文本私信', msg: '' }, { title: '用户发送文本私信', msg: '' },
{ title: '用户发送表情私信', msg: '' }, { title: '用户发送表情私信', msg: '' },
{ title: '用户发送卡片私信', msg: '' }, { title: '用户发送卡片私信', msg: '' },
{ title: '在主页Tab提交预约', msg: '' } { title: '在主页Tab提交预约', msg: '' },
] ],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [ children: [
{ title: '向用户发送文本私信', msg: '' }, { title: '向用户发送文本私信', msg: '' },
{ title: '向用户发送图片私信', msg: '' }, { title: '向用户发送图片私信', msg: '' },
{ title: '向用户发送视频私信', msg: '' } { title: '向用户发送视频私信', msg: '' },
] ],
} },
] ],
}, },
{ {
type: 7, type: 7,
...@@ -290,32 +290,32 @@ const platformList = [ ...@@ -290,32 +290,32 @@ const platformList = [
children: [ children: [
{ title: '获取用户信息', msg: '' }, { title: '获取用户信息', msg: '' },
{ title: '获取用户私信数', msg: '' }, { title: '获取用户私信数', msg: '' },
{ title: '获取用户关注数', msg: '' } { title: '获取用户关注数', msg: '' },
] ],
}, },
{ {
title: '2.向微博同步', title: '2.向微博同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [] children: [],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [ children: [
{ title: '关注微博', msg: '' }, { title: '关注微博', msg: '' },
{ title: '发送私信', msg: '' } { title: '发送私信', msg: '' },
] ],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [ children: [
{ title: '发送私信', msg: '' }, { title: '发送私信', msg: '' },
{ title: '发送图片', msg: '' } { title: '发送图片', msg: '' },
] ],
} },
] ],
}, },
{ {
type: 8, type: 8,
...@@ -331,16 +331,16 @@ const platformList = [ ...@@ -331,16 +331,16 @@ const platformList = [
{ title: '获取笔记收藏数', msg: '' }, { title: '获取笔记收藏数', msg: '' },
{ title: '获取笔记评论数', msg: '' }, { title: '获取笔记评论数', msg: '' },
{ title: '获取笔记点赞数', msg: '' }, { title: '获取笔记点赞数', msg: '' },
{ title: '获取笔记转发数', msg: '' } { title: '获取笔记转发数', msg: '' },
] ],
}, },
{ {
title: '2.向小红书同步', title: '2.向小红书同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [] children: [],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
...@@ -350,14 +350,14 @@ const platformList = [ ...@@ -350,14 +350,14 @@ const platformList = [
{ title: '主页被收藏', msg: '' }, { title: '主页被收藏', msg: '' },
{ title: '笔记被点赞', msg: '' }, { title: '笔记被点赞', msg: '' },
{ title: '笔记被收藏', msg: '' }, { title: '笔记被收藏', msg: '' },
{ title: '笔记被转发', msg: '' } { title: '笔记被转发', msg: '' },
] ],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [] children: [],
} },
] ],
}, },
{ {
type: 9, type: 9,
...@@ -365,25 +365,25 @@ const platformList = [ ...@@ -365,25 +365,25 @@ const platformList = [
data: [ data: [
{ {
title: '1.从邮件同步', title: '1.从邮件同步',
children: [] children: [],
}, },
{ {
title: '2.向邮件同步', title: '2.向邮件同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [] children: [],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [] children: [],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [{ title: '发送邮件', msg: '' }] children: [{ title: '发送邮件', msg: '' }],
} },
] ],
}, },
{ {
type: 10, type: 10,
...@@ -391,28 +391,28 @@ const platformList = [ ...@@ -391,28 +391,28 @@ const platformList = [
data: [ data: [
{ {
title: '1.从短信同步', title: '1.从短信同步',
children: [] children: [],
}, },
{ {
title: '2.向短信同步', title: '2.向短信同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [ children: [
{ title: '管理签名', msg: '' }, { title: '管理签名', msg: '' },
{ title: '管理模板', msg: '' } { title: '管理模板', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [] children: [],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [{ title: '发送短信', msg: '' }] children: [{ title: '发送短信', msg: '' }],
} },
] ],
}, },
{ {
type: 11, type: 11,
...@@ -420,25 +420,25 @@ const platformList = [ ...@@ -420,25 +420,25 @@ const platformList = [
data: [ data: [
{ {
title: '1.从内部消息同步', title: '1.从内部消息同步',
children: [] children: [],
}, },
{ {
title: '2.向内部消息同步', title: '2.向内部消息同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [] children: [],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
children: [] children: [],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [{ title: '发送内部消息', msg: '' }] children: [{ title: '发送内部消息', msg: '' }],
} },
] ],
}, },
{ {
type: 12, type: 12,
...@@ -451,20 +451,20 @@ const platformList = [ ...@@ -451,20 +451,20 @@ const platformList = [
{ title: '安卓移动应用接入', msg: '' }, { title: '安卓移动应用接入', msg: '' },
{ title: 'JS SDK接入', msg: '' }, { title: 'JS SDK接入', msg: '' },
{ title: '同步链接用户', msg: '' }, { title: '同步链接用户', msg: '' },
{ title: '同步链接事件', msg: '' } { title: '同步链接事件', msg: '' },
] ],
}, },
{ {
title: '2.向自定义同步', title: '2.向自定义同步',
children: [] children: [],
}, },
{ {
title: '3.其他设置', title: '3.其他设置',
children: [ children: [
{ title: '自定义图元', msg: '' }, { title: '自定义图元', msg: '' },
{ title: '事件元数据', msg: '' }, { title: '事件元数据', msg: '' },
{ title: '删除用户', msg: '' } { title: '删除用户', msg: '' },
] ],
}, },
{ {
title: '4.客户旅程能力：触发条件', title: '4.客户旅程能力：触发条件',
...@@ -476,15 +476,15 @@ const platformList = [ ...@@ -476,15 +476,15 @@ const platformList = [
{ title: '展示APP页面', msg: '' }, { title: '展示APP页面', msg: '' },
{ title: '点击APP元素', msg: '' }, { title: '点击APP元素', msg: '' },
{ title: '退出APP页面', msg: '' }, { title: '退出APP页面', msg: '' },
{ title: '离开网页', msg: '' } { title: '离开网页', msg: '' },
] ],
}, },
{ {
title: '5.客户旅程能力：执行动作', title: '5.客户旅程能力：执行动作',
children: [] children: [],
} },
] ],
}, },
{ {
type: 13, type: 13,
...@@ -498,22 +498,22 @@ const platformList = [ ...@@ -498,22 +498,22 @@ const platformList = [
onClick() { onClick() {
surveyKingDialogVisible.value = true surveyKingDialogVisible.value = true
// window.open('https://surveyking.ezijing.com/') // window.open('https://surveyking.ezijing.com/')
} },
}, },
{ {
title: '管理表单自动映射', title: '管理表单自动映射',
onClick() { onClick() {
router.push({ path: 'view/surveyking', query: route.query }) router.push({ path: 'view/surveyking', query: route.query })
} },
} },
] ],
} },
] ],
}, },
{ {
type: 14, type: 14,
type_name: '小程序', type_name: '小程序',
data: [] data: [],
}, },
{ {
type: 15, type: 15,
...@@ -528,16 +528,39 @@ const platformList = [ ...@@ -528,16 +528,39 @@ const platformList = [
window.open( window.open(
`https://mall-h5-web.ezijing.com?id=${route.query.id}&experiment_id=${route.query.experiment_id}` `https://mall-h5-web.ezijing.com?id=${route.query.id}&experiment_id=${route.query.experiment_id}`
) )
} },
} },
] ],
} },
] ],
} },
{
type: 16,
type_name: '视频号',
data: [
{
title: '1.从视频号同步',
children: [],
},
{
title: '2.向视频号同步',
children: [],
},
{
title: '3.客户旅程能力：触发条件',
children: [],
},
{
title: '5.客户旅程能力：执行动作',
children: [{ title: '推送视频号视频', msg: '' }],
},
],
},
] ]
const platformDataList = computed(() => { const platformDataList = computed(() => {
return platformList.find(item => item.type == detail.value?.type)?.data || [] return platformList.find((item) => item.type == detail.value?.type)?.data || []
}) })
function handleClick(item: any) { function handleClick(item: any) {
...@@ -546,7 +569,8 @@ function handleClick(item: any) { ...@@ -546,7 +569,8 @@ function handleClick(item: any) {
const iconMap: Record<string, string> = { const iconMap: Record<string, string> = {
'13': '99', '13': '99',
'14': '100' '14': '100',
'16': 'wechatVideo',
} }
const surveyKingDialogVisible = ref<boolean>(false) const surveyKingDialogVisible = ref<boolean>(false)
</script> </script>
...@@ -559,8 +583,7 @@ const surveyKingDialogVisible = ref<boolean>(false) ...@@ -559,8 +583,7 @@ const surveyKingDialogVisible = ref<boolean>(false)
:multiColor="true" :multiColor="true"
:name="detail.type === '15' ? 'mall' : iconMap[detail.type] || detail.type" :name="detail.type === '15' ? 'mall' : iconMap[detail.type] || detail.type"
w="50" w="50"
h="50" h="50" />
/>
</div> </div>
<div class="view-info_content"> <div class="view-info_content">
<p>连接名称：{{ getAttributeValueByProp('name') || detail.type_name }}</p> <p>连接名称：{{ getAttributeValueByProp('name') || detail.type_name }}</p>
...@@ -589,8 +612,7 @@ const surveyKingDialogVisible = ref<boolean>(false) ...@@ -589,8 +612,7 @@ const surveyKingDialogVisible = ref<boolean>(false)
v-model="surveyKingDialogVisible" v-model="surveyKingDialogVisible"
:account="getAttributeValueByProp('account')" :account="getAttributeValueByProp('account')"
:password="getAttributeValueByProp('password')" :password="getAttributeValueByProp('password')"
v-if="detail?.type === '13'" v-if="detail?.type === '13'"></SurveyKingDialog>
></SurveyKingDialog>
</template> </template>
<style lang="scss"> <style lang="scss">
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论