@opendesign-plus-test/components 0.0.1-rc.68 → 0.0.1-rc.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-OElCookieNotice.cjs.js +1 -1
- package/dist/chunk-OElCookieNotice.es.js +4 -0
- package/dist/components/config-provider/OPlusConfigProvider.vue.d.ts +3 -2
- package/dist/components/config-provider/index.d.ts +3 -0
- package/dist/components/footer/OFooter.vue.d.ts +1 -1
- package/dist/components/footer/index.d.ts +3 -3
- package/dist/components/meeting/OMeetingPlayback.vue.d.ts +4 -4
- package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
- package/dist/components/meeting/index.d.ts +2 -2
- package/dist/components.cjs.js +37 -37
- package/dist/components.css +1 -1
- package/dist/components.es.js +6522 -6472
- package/package.json +1 -1
- package/src/assets/meeting/svg-icons/icon-copy.svg +4 -3
- package/src/assets/meeting/svg-icons/icon-empty.svg +65 -31
- package/src/components/config-provider/OPlusConfigProvider.vue +3 -3
- package/src/components/events/OEventsApply.vue +8 -2
- package/src/components/events/OEventsList.vue +1 -3
- package/src/components/meeting/OMeetingCalendar.vue +21 -4
- package/src/components/meeting/OMeetingMyCalendar.vue +102 -86
- package/src/components/meeting/OMeetingSigCalendar.vue +89 -30
- package/src/components/meeting/components/OMeetingCalendarList.vue +33 -13
- package/src/components/meeting/components/OMeetingDetail.vue +22 -4
- package/src/components/meeting/components/OMeetingSigAside.vue +6 -5
- package/src/i18n/en.ts +2 -0
- package/src/i18n/zh.ts +2 -0
- package/src/assets/meeting/svg-icons/icon-empty_dark.svg +0 -49
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="
|
|
2
|
-
<path opacity="0.8" fill="#000"
|
|
3
|
-
|
|
1
|
+
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
+
<path opacity="0.8" fill="#000"
|
|
3
|
+
d="M8.313 5.002h1.414c0.068-0.256 0.302-0.445 0.58-0.445h7.464c0.331 0 0.6 0.269 0.6 0.6v10.132c0 0.331-0.269 0.6-0.6 0.6h-1.455c-0.387 0-0.7 0.313-0.7 0.7s0.313 0.7 0.7 0.7h1.455c1.104 0 2-0.895 2-2v-10.132c0-1.105-0.895-2-2-2h-7.464c-1.052 0-1.915 0.813-1.994 1.845zM10.303 6.102c0.192 0 0.375 0.079 0.508 0.218l3.695 3.891c0.086 0.091 0.146 0.202 0.174 0.321 0.027 0.074 0.042 0.155 0.042 0.238 0 0.062-0.008 0.122-0.023 0.178v7.833c0 1.105-0.895 2-2 2h-7.479c-1.105 0-2-0.895-2-2v-10.68c0-1.105 0.895-2 2-2h5.084zM9.527 9.512l-0.042-2.010h-4.266c-0.331 0-0.6 0.269-0.6 0.6v10.68c0 0.331 0.269 0.6 0.6 0.6h7.479c0.331 0 0.6-0.269 0.6-0.6l-0.001-7.311h-1.77c-1.089 0-1.977-0.87-2-1.959zM10.905 8.453l0.021 1.030c0.007 0.326 0.273 0.588 0.6 0.588h0.915l-1.536-1.617zM11.506 13.554c0 0.276-0.224 0.5-0.5 0.5h-4.98c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h4.98c0.276 0 0.5 0.224 0.5 0.5zM10.315 15.554c0 0.276-0.224 0.5-0.5 0.5h-3.793c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h3.793c0.276 0 0.5 0.224 0.5 0.5zM9 17.554c0 0.276-0.224 0.5-0.5 0.5h-2.493c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h2.493c0.276 0 0.5 0.224 0.5 0.5z"></path>
|
|
4
|
+
</svg>
|
|
@@ -1,31 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
<svg width="320.000000" height="280.000000" viewBox="0 0 320 280" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
2
|
+
<defs>
|
|
3
|
+
<clipPath id="clip832_47109">
|
|
4
|
+
<rect id="空内容" width="320.000000" height="280.000000" fill="white" fill-opacity="0"/>
|
|
5
|
+
</clipPath>
|
|
6
|
+
<linearGradient x1="160.000000" y1="203.999634" x2="160.000000" y2="250.525574" id="paint_linear_832_47113_0" gradientUnits="userSpaceOnUse">
|
|
7
|
+
<stop stop-color="#d3d4d8" stop-opacity="0.200000"/>
|
|
8
|
+
<stop offset="1.000000" stop-color="#d3d4d8" stop-opacity="0.000000"/>
|
|
9
|
+
</linearGradient>
|
|
10
|
+
</defs>
|
|
11
|
+
<g clip-path="url(#clip832_47109)">
|
|
12
|
+
<mask id="mask832_47110" mask-type="alpha" maskUnits="userSpaceOnUse" x="0.000000" y="0.000000" width="320.000000" height="280.000000">
|
|
13
|
+
<rect id="蒙版" width="320.000000" height="280.000000" fill="#D8D8D8" fill-opacity="1.000000"/>
|
|
14
|
+
<rect id="蒙版" x="0.500000" y="0.500000" width="319.000000" height="279.000000" stroke="#979797" stroke-opacity="0" stroke-width="1.000000"/>
|
|
15
|
+
</mask>
|
|
16
|
+
<g mask="url(#mask832_47110)">
|
|
17
|
+
<path id="形状结合" d="M82.5635 204C16.7947 217.145 -29 246.52 -29 280.648L349 280.648C349 246.52 303.205 217.145 237.437 204C235.692 207.917 231.765 210.648 227.2 210.648L92.8 210.648C88.2349 210.648 84.3079 207.917 82.5635 204Z" clip-rule="evenodd" fill="url(#paint_linear_832_47113_0)" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
18
|
+
</g>
|
|
19
|
+
<g mask="url(#mask832_47110)">
|
|
20
|
+
<g opacity="0.800000">
|
|
21
|
+
<g opacity="0.400000">
|
|
22
|
+
<path id="形状结合备份 2"
|
|
23
|
+
d="M238.41 123.892L81.6099 123.892L81.6099 199.492C81.6099 205.678 86.6243 210.692 92.8098 210.692L227.21 210.692C233.396 210.692 238.41 205.678 238.41 199.492L238.41 123.892ZM185.2 147.692L134.8 147.692C131.707 147.692 129.2 150.2 129.2 153.292C129.2 156.385 131.707 158.892 134.8 158.892L185.2 158.892C188.293 158.892 190.8 156.385 190.8 153.292C190.8 150.2 188.293 147.692 185.2 147.692Z"
|
|
24
|
+
clip-rule="evenodd" fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g opacity="0.500000">
|
|
27
|
+
<path id="形状结合备份 3"
|
|
28
|
+
d="M101.21 79.0912L218.81 79.0912L238.41 123.891L218.8 123.891L218.8 79.0925L101.209 79.0925L101.21 79.0912ZM101.2 79.1135L81.6099 123.891L101.2 123.891L101.2 101.492L101.2 79.1135Z"
|
|
29
|
+
clip-rule="evenodd" fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
30
|
+
</g>
|
|
31
|
+
<g opacity="0.600000">
|
|
32
|
+
<rect id="矩形备份 2" x="101.209961" y="79.092285" width="117.599998" height="44.799999"
|
|
33
|
+
fill="#d3d4d8" fill-opacity="1.000000"/>
|
|
34
|
+
</g>
|
|
35
|
+
<g opacity="0.500000">
|
|
36
|
+
<path id="路径 8备份"
|
|
37
|
+
d="M141.41 53.84L150.21 49.68L118.01 30.09L121.36 61.06L130.58 57.2L137.3 65.09L137.3 55.39L123.04 36.7L141.41 53.84Z"
|
|
38
|
+
fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
39
|
+
</g>
|
|
40
|
+
<g opacity="0.500000">
|
|
41
|
+
<path id="路径 9备份" d="M137.1 69.36L137.08 69.34C137.05 69.05 137.25 68.79 137.55 68.76C137.84 68.73 138.1 68.93 138.13 69.23L138.12 69.25L137.62 69.31L164.2 97.36C162.45 98.04 160.51 98.43 158.38 98.43C141.01 98.43 137.7 70.16 137.61 69.31L137.1 69.36ZM167.76 95.4C166.68 96.19 165.49 96.85 164.2 97.36L195.59 130.5C195.49 130.6 195.43 130.74 195.43 130.89C195.43 131.19 195.67 131.42 195.97 131.42L195.99 131.4L195.98 130.89C207.36 130.74 224.93 106.21 188.78 102.28C179.4 101.26 172.54 98.67 167.76 95.4ZM167.76 95.4C154.13 86.07 157.47 71.22 167.51 71.42C178.24 71.63 177.32 88.38 167.76 95.4Z" fill="#D8D8D8" fill-opacity="0" fill-rule="evenodd"/>
|
|
42
|
+
<path id="路径 9备份"
|
|
43
|
+
d="M137.61 69.29C137.61 69.29 140.74 98.43 158.38 98.43C176.02 98.43 181.08 71.68 167.51 71.42C153.94 71.15 152.62 98.34 188.78 102.28C224.95 106.21 207.34 130.76 195.96 130.89"
|
|
44
|
+
stroke="#d3d4d8" stroke-opacity="0.800000" stroke-width="1.062340" stroke-linejoin="round"
|
|
45
|
+
stroke-linecap="round" stroke-dasharray="4.24936 4.24936"/>
|
|
46
|
+
</g>
|
|
47
|
+
<g opacity="0.300000">
|
|
48
|
+
<path id="路径-14备份"
|
|
49
|
+
d="M263.56 176.16C262.39 178.17 261.51 179.39 260.94 179.81C259.29 181.01 257.77 181.34 256.73 181.4C254.34 181.52 259.23 180.69 260.87 178.65C261.97 177.29 263.25 175.25 264.7 172.53L263.38 172.6L262.01 174.52C261.52 173.96 260.91 173.7 260.19 173.74C259.1 173.8 256.31 174.42 255.39 177.56C254.78 179.65 253.4 181.53 251.24 183.21C254.56 184.69 257.7 184.52 260.66 182.72C263.62 180.91 264.58 178.72 263.56 176.16Z"
|
|
50
|
+
fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
51
|
+
</g>
|
|
52
|
+
<g opacity="0.300000">
|
|
53
|
+
<path id="路径-14备份"
|
|
54
|
+
d="M70.75 101.63C68.76 105.14 67.27 107.27 66.29 108.01C63.5 110.11 60.91 110.69 59.14 110.78C55.08 110.99 63.39 109.54 66.18 105.98C68.04 103.6 70.21 100.03 72.68 95.28L70.42 95.4L68.1 98.75C67.27 97.77 66.23 97.32 65 97.38C63.15 97.48 58.41 98.57 56.86 104.05C55.82 107.71 53.48 111 49.82 113.93C55.46 116.53 60.8 116.25 65.82 113.1C70.85 109.94 72.49 106.12 70.75 101.63Z"
|
|
55
|
+
fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
56
|
+
</g>
|
|
57
|
+
<g opacity="0.300000">
|
|
58
|
+
<path id="路径"
|
|
59
|
+
d="M281.54 142.79C281.93 142.77 282.25 143.07 282.27 143.45C282.74 153.32 277.51 160.9 266.71 166.14C266.36 166.31 265.94 166.16 265.78 165.81C265.61 165.47 265.75 165.05 266.1 164.88C276.43 159.87 281.31 152.78 280.87 143.52C280.85 143.13 281.15 142.81 281.54 142.79Z"
|
|
60
|
+
fill="#d3d4d8" fill-opacity="1.000000" fill-rule="evenodd"/>
|
|
61
|
+
</g>
|
|
62
|
+
</g>
|
|
63
|
+
</g>
|
|
64
|
+
</g>
|
|
65
|
+
</svg>
|
|
@@ -8,12 +8,12 @@ import enUS from '@opensig/opendesign/es/locale/lang/en-us';
|
|
|
8
8
|
import { configProviderInjectKey } from '@/shared/provide';
|
|
9
9
|
|
|
10
10
|
export interface OPlusConfigProviderPropsT {
|
|
11
|
-
locale
|
|
12
|
-
theme
|
|
11
|
+
locale?: 'zh' | 'en';
|
|
12
|
+
theme?: 'light' | 'dark';
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
const props = withDefaults(defineProps<OPlusConfigProviderPropsT>(), {
|
|
16
|
-
|
|
16
|
+
locale: 'zh',
|
|
17
17
|
theme: 'light',
|
|
18
18
|
});
|
|
19
19
|
|
|
@@ -221,7 +221,7 @@ defineProps<EventsApplyPropsT>();
|
|
|
221
221
|
background-color: var(--o-color-primary1);
|
|
222
222
|
color: #fff;
|
|
223
223
|
text-align: center;
|
|
224
|
-
font-weight:
|
|
224
|
+
font-weight: 600;
|
|
225
225
|
@include respond('pad_v') {
|
|
226
226
|
display: none;
|
|
227
227
|
}
|
|
@@ -438,11 +438,17 @@ defineProps<EventsApplyPropsT>();
|
|
|
438
438
|
padding-right: 192px;
|
|
439
439
|
}
|
|
440
440
|
@include respond('<=pad_v') {
|
|
441
|
-
padding-right:
|
|
441
|
+
padding-right: 0;
|
|
442
442
|
}
|
|
443
443
|
|
|
444
444
|
.step-desc {
|
|
445
445
|
padding-bottom: var(--o-gap-5);
|
|
446
|
+
@include respond('laptop') {
|
|
447
|
+
padding-bottom: var(--o-gap-4);
|
|
448
|
+
}
|
|
449
|
+
@include respond('<=pad') {
|
|
450
|
+
padding-bottom: var(--o-gap-3);
|
|
451
|
+
}
|
|
446
452
|
}
|
|
447
453
|
|
|
448
454
|
.img-wrapper {
|
|
@@ -229,6 +229,7 @@ const list = computed(() => {
|
|
|
229
229
|
align-items: center;
|
|
230
230
|
flex-wrap: wrap;
|
|
231
231
|
justify-content: space-between;
|
|
232
|
+
gap: var(--o-gap-4);
|
|
232
233
|
|
|
233
234
|
.filter-left {
|
|
234
235
|
display: flex;
|
|
@@ -271,9 +272,6 @@ const list = computed(() => {
|
|
|
271
272
|
.o-input {
|
|
272
273
|
.o-icon-search {
|
|
273
274
|
font-size: 24px;
|
|
274
|
-
@include respond('<=pad_v') {
|
|
275
|
-
font-size: 16px;
|
|
276
|
-
}
|
|
277
275
|
}
|
|
278
276
|
}
|
|
279
277
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
2
|
import { computed, nextTick, onMounted, ref, watch } from 'vue';
|
|
3
3
|
import {
|
|
4
|
-
isClient,
|
|
4
|
+
isClient, OFigure,
|
|
5
5
|
OIcon,
|
|
6
6
|
OIconChevronLeft,
|
|
7
7
|
OIconChevronRight,
|
|
8
|
-
OOption,
|
|
8
|
+
OOption, OResult,
|
|
9
9
|
OScroller,
|
|
10
10
|
OSelect,
|
|
11
11
|
OTab,
|
|
@@ -17,6 +17,7 @@ import OMeetingCalendarList from './components/OMeetingCalendarList.vue';
|
|
|
17
17
|
import IconEvent from '~icons/meeting/icon-event.svg';
|
|
18
18
|
import IconSummit from '~icons/meeting/icon-summit.svg';
|
|
19
19
|
import IconMeeting from '~icons/meeting/icon-meet.svg';
|
|
20
|
+
import emptyImg from '@/assets/meeting/svg-icons/icon-empty.svg';
|
|
20
21
|
import { Locales } from '@/i18n';
|
|
21
22
|
import { useMeetingConfig } from './composables/useMeetingConfig';
|
|
22
23
|
import {
|
|
@@ -364,7 +365,7 @@ defineExpose({
|
|
|
364
365
|
<div class="detail-list">
|
|
365
366
|
<div class="current-day">
|
|
366
367
|
{{ t('meeting.latestMeeting') }}
|
|
367
|
-
<span>{{ formatDate(dayjs(
|
|
368
|
+
<span>{{ formatDate(dayjs(latestDay)) }}</span>
|
|
368
369
|
</div>
|
|
369
370
|
<div class="right-title">
|
|
370
371
|
<div class="title-list">
|
|
@@ -399,7 +400,14 @@ defineExpose({
|
|
|
399
400
|
:disableFormat="disableFormat"
|
|
400
401
|
>
|
|
401
402
|
<template #empty>
|
|
402
|
-
<slot name="empty"
|
|
403
|
+
<slot name="empty">
|
|
404
|
+
<OResult class="empty-result">
|
|
405
|
+
<template #image>
|
|
406
|
+
<OFigure class="img" :src="emptyImg" />
|
|
407
|
+
</template>
|
|
408
|
+
<template #description>{{ t('meeting.meetingEmptyText') }}</template>
|
|
409
|
+
</OResult>
|
|
410
|
+
</slot>
|
|
403
411
|
</template>
|
|
404
412
|
</OMeetingCalendarList>
|
|
405
413
|
</OScroller>
|
|
@@ -905,5 +913,14 @@ defineExpose({
|
|
|
905
913
|
}
|
|
906
914
|
}
|
|
907
915
|
}
|
|
916
|
+
|
|
917
|
+
.empty-result {
|
|
918
|
+
--result-image-width: 200px;
|
|
919
|
+
--result-image-height: 175px;
|
|
920
|
+
|
|
921
|
+
.o-result-description {
|
|
922
|
+
@include tip1;
|
|
923
|
+
}
|
|
924
|
+
}
|
|
908
925
|
}
|
|
909
926
|
</style>
|
|
@@ -244,7 +244,7 @@ const getDetailRefs = (insRef: any, id: number) => {
|
|
|
244
244
|
detailRefs.value[id] = insRef;
|
|
245
245
|
}
|
|
246
246
|
};
|
|
247
|
-
const copyInfo = async (idx: number) => {
|
|
247
|
+
const copyInfo = async (idx: number | string) => {
|
|
248
248
|
const instance = detailRefs.value[idx];
|
|
249
249
|
await instance.copyInfo();
|
|
250
250
|
message.success({
|
|
@@ -632,81 +632,83 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
632
632
|
}"
|
|
633
633
|
>
|
|
634
634
|
<template #title>
|
|
635
|
-
<div class="item-header
|
|
636
|
-
<div
|
|
637
|
-
|
|
638
|
-
|
|
635
|
+
<div class="item-header">
|
|
636
|
+
<div class="item-header-left">
|
|
637
|
+
<div
|
|
638
|
+
class="meeting-icon"
|
|
639
|
+
:style="{
|
|
639
640
|
backgroundColor: `${row.is_delete ? 'var(--o-color-info4)' : getConfig(CalendarDataType.MEETING, 'color')}`
|
|
640
641
|
}"
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
</div>
|
|
646
|
-
<div class="header-info">
|
|
647
|
-
<div class="meeting-title">
|
|
648
|
-
<div v-if="row.is_delete">{{ t('meeting.meetingCancelled') }}</div>
|
|
649
|
-
<div class="title-wrapper">
|
|
650
|
-
<div class="title-text">{{ row.topic }}</div>
|
|
651
|
-
</div>
|
|
652
|
-
<div class="tag-wrapper" v-if="row.is_cycle">
|
|
653
|
-
<OTag color="primary" variant="outline">{{ t('meeting.cycle') }}</OTag>
|
|
654
|
-
</div>
|
|
642
|
+
>
|
|
643
|
+
<OIcon>
|
|
644
|
+
<component :is="getConfig(CalendarDataType.MEETING, 'icon')" />
|
|
645
|
+
</OIcon>
|
|
655
646
|
</div>
|
|
656
|
-
<div class="
|
|
657
|
-
<
|
|
658
|
-
|
|
659
|
-
|
|
647
|
+
<div class="header-info">
|
|
648
|
+
<div class="meeting-title">
|
|
649
|
+
<div v-if="row.is_delete">{{ t('meeting.meetingCancelled') }}</div>
|
|
650
|
+
<div class="title-wrapper">
|
|
651
|
+
<div class="title-text">{{ row.topic }}</div>
|
|
652
|
+
</div>
|
|
653
|
+
<div class="tag-wrapper" v-if="row.is_cycle">
|
|
654
|
+
<OTag color="primary" variant="outline">{{ t('meeting.cycle') }}</OTag>
|
|
655
|
+
</div>
|
|
656
|
+
</div>
|
|
657
|
+
<div class="meeting-info">
|
|
658
|
+
<span>{{ row.dateRange }}</span>
|
|
659
|
+
<ODivider direction="v" />
|
|
660
|
+
<span>
|
|
660
661
|
{{ groupType === MeetingGroupType.GROUP ? t('meeting.groups') : t('meeting.sigs')
|
|
661
|
-
|
|
662
|
+
}}: {{ row.group_name }}
|
|
662
663
|
</span>
|
|
664
|
+
</div>
|
|
663
665
|
</div>
|
|
664
666
|
</div>
|
|
665
|
-
|
|
666
|
-
<div class="item-header-right" v-if="!row.is_delete">
|
|
667
|
-
<OLink
|
|
668
|
-
:hover-underline="false"
|
|
669
|
-
v-if="!row.isExpired"
|
|
670
|
-
target="_blank"
|
|
671
|
-
:href="row.join_url"
|
|
672
|
-
rel="noopener noreferrer"
|
|
673
|
-
>
|
|
674
|
-
{{ t('meeting.joinMeeting') }}
|
|
675
|
-
<template #suffix>
|
|
676
|
-
<OIcon>
|
|
677
|
-
<OIconChevronRight></OIconChevronRight>
|
|
678
|
-
</OIcon>
|
|
679
|
-
</template>
|
|
680
|
-
</OLink>
|
|
681
|
-
<template v-else>
|
|
667
|
+
<div class="item-header-right" v-if="!row.is_delete">
|
|
682
668
|
<OLink
|
|
683
669
|
:hover-underline="false"
|
|
670
|
+
v-if="!row.isExpired"
|
|
684
671
|
target="_blank"
|
|
685
|
-
|
|
686
|
-
|
|
672
|
+
:href="row.join_url"
|
|
673
|
+
rel="noopener noreferrer"
|
|
687
674
|
>
|
|
688
|
-
{{ t('meeting.
|
|
675
|
+
{{ t('meeting.joinMeeting') }}
|
|
689
676
|
<template #suffix>
|
|
690
677
|
<OIcon>
|
|
691
678
|
<OIconChevronRight></OIconChevronRight>
|
|
692
679
|
</OIcon>
|
|
693
680
|
</template>
|
|
694
681
|
</OLink>
|
|
695
|
-
<
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
682
|
+
<template v-else>
|
|
683
|
+
<OLink
|
|
684
|
+
:hover-underline="false"
|
|
685
|
+
target="_blank"
|
|
686
|
+
v-if="row.etherpad"
|
|
687
|
+
:href="row.etherpad"
|
|
688
|
+
>
|
|
689
|
+
{{ t('meeting.meetingSummary') }}
|
|
690
|
+
<template #suffix>
|
|
691
|
+
<OIcon>
|
|
692
|
+
<OIconChevronRight></OIconChevronRight>
|
|
693
|
+
</OIcon>
|
|
694
|
+
</template>
|
|
695
|
+
</OLink>
|
|
696
|
+
<OLink
|
|
697
|
+
:hover-underline="false"
|
|
698
|
+
target="_blank"
|
|
699
|
+
:href="`/${locale}/video/${row.group_name}/${row.mid}/${row.date}`"
|
|
700
|
+
v-if="row.hasObsData">
|
|
701
|
+
{{ t('meeting.viewRecord') }}
|
|
702
|
+
<template #suffix>
|
|
703
|
+
<OIcon>
|
|
704
|
+
<OIconChevronRight></OIconChevronRight>
|
|
705
|
+
</OIcon>
|
|
706
|
+
</template>
|
|
707
|
+
</OLink>
|
|
708
|
+
</template>
|
|
709
|
+
</div>
|
|
708
710
|
</div>
|
|
709
|
-
<OIcon @click.stop="() => copyInfo(
|
|
711
|
+
<OIcon @click.stop="() => copyInfo(row.sub_id || row.id)" class="copy-icon">
|
|
710
712
|
<IconCopy />
|
|
711
713
|
</OIcon>
|
|
712
714
|
</template>
|
|
@@ -714,7 +716,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
714
716
|
<OMeetingDetail
|
|
715
717
|
:show="expanded.includes(row.sub_id || row.id)"
|
|
716
718
|
:data="row"
|
|
717
|
-
:ref="(insRef) => getDetailRefs(insRef, row.id)"
|
|
719
|
+
:ref="(insRef) => getDetailRefs(insRef, row.sub_id || row.id)"
|
|
718
720
|
from="my"
|
|
719
721
|
/>
|
|
720
722
|
<div class="meeting-btn" v-if="!row.isExpired && !row.is_delete">
|
|
@@ -1245,7 +1247,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1245
1247
|
color: var(--o-color-primary1);
|
|
1246
1248
|
}
|
|
1247
1249
|
@include respond('>pad_v') {
|
|
1248
|
-
--copy-display:
|
|
1250
|
+
--copy-display: block;
|
|
1249
1251
|
}
|
|
1250
1252
|
}
|
|
1251
1253
|
|
|
@@ -1272,7 +1274,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1272
1274
|
background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent) !important;
|
|
1273
1275
|
|
|
1274
1276
|
@include respond('<=pad_v') {
|
|
1275
|
-
--copy-display:
|
|
1277
|
+
--copy-display: block;
|
|
1276
1278
|
}
|
|
1277
1279
|
|
|
1278
1280
|
.o-collapse-item-header {
|
|
@@ -1288,31 +1290,33 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1288
1290
|
display: flex;
|
|
1289
1291
|
align-items: center;
|
|
1290
1292
|
gap: var(--o-gap-4);
|
|
1291
|
-
|
|
1293
|
+
|
|
1294
|
+
@include respond('laptop') {
|
|
1295
|
+
gap: var(--o-gap-3);
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1298
|
+
@include respond('<=pad') {
|
|
1299
|
+
gap: var(--o-gap-2);
|
|
1300
|
+
}
|
|
1292
1301
|
|
|
1293
1302
|
.o-collapse-item-icon {
|
|
1294
|
-
position: relative;
|
|
1295
|
-
top: 4px;
|
|
1296
1303
|
flex-shrink: 0;
|
|
1297
|
-
@include respond('phone') {
|
|
1298
|
-
position: absolute;
|
|
1299
|
-
right: 0;
|
|
1300
|
-
width: 20px;
|
|
1301
|
-
height: 20px;
|
|
1302
|
-
font-size: 20px;
|
|
1303
|
-
top: 50%;
|
|
1304
|
-
transform: translateY(-50%);
|
|
1305
|
-
}
|
|
1306
1304
|
}
|
|
1307
1305
|
|
|
1308
1306
|
.o-collapse-item-title {
|
|
1309
1307
|
flex: 1;
|
|
1310
1308
|
width: 0;
|
|
1309
|
+
min-width: 0;
|
|
1311
1310
|
display: flex;
|
|
1312
|
-
|
|
1313
|
-
align-items: flex-start;
|
|
1311
|
+
align-items: center;
|
|
1314
1312
|
justify-content: space-between;
|
|
1315
1313
|
margin-bottom: 0;
|
|
1314
|
+
gap: var(--o-gap-4);
|
|
1315
|
+
|
|
1316
|
+
.item-header {
|
|
1317
|
+
flex: 1;
|
|
1318
|
+
min-width: 0;
|
|
1319
|
+
}
|
|
1316
1320
|
.item-header-left {
|
|
1317
1321
|
display: flex;
|
|
1318
1322
|
align-items: flex-start;
|
|
@@ -1336,6 +1340,7 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1336
1340
|
justify-content: center;
|
|
1337
1341
|
flex-shrink: 0;
|
|
1338
1342
|
--icon-size2: var(--icon-size);
|
|
1343
|
+
padding: 1px;
|
|
1339
1344
|
|
|
1340
1345
|
.o-icon {
|
|
1341
1346
|
font-size: calc(var(--icon-size2) - 2px);
|
|
@@ -1347,7 +1352,8 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1347
1352
|
}
|
|
1348
1353
|
|
|
1349
1354
|
.header-info {
|
|
1350
|
-
width:
|
|
1355
|
+
min-width: 0;
|
|
1356
|
+
flex: 1;
|
|
1351
1357
|
|
|
1352
1358
|
.meeting-title {
|
|
1353
1359
|
font-weight: 500;
|
|
@@ -1384,11 +1390,23 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1384
1390
|
align-items: center;
|
|
1385
1391
|
font-weight: 400;
|
|
1386
1392
|
@include tip1;
|
|
1393
|
+
@include respond('phone') {
|
|
1394
|
+
flex-direction: column;
|
|
1395
|
+
align-items: flex-start;
|
|
1396
|
+
}
|
|
1387
1397
|
|
|
1398
|
+
.o-divider {
|
|
1399
|
+
@include respond('phone') {
|
|
1400
|
+
display: none;
|
|
1401
|
+
}
|
|
1402
|
+
}
|
|
1388
1403
|
span:last-child {
|
|
1389
1404
|
width: 0;
|
|
1390
1405
|
flex: 1;
|
|
1391
1406
|
@include text-truncate(1);
|
|
1407
|
+
@include respond('phone') {
|
|
1408
|
+
width: fit-content;
|
|
1409
|
+
}
|
|
1392
1410
|
}
|
|
1393
1411
|
}
|
|
1394
1412
|
}
|
|
@@ -1413,18 +1431,16 @@ const cancelActions = computed<DialogActionT[]>(() => {
|
|
|
1413
1431
|
}
|
|
1414
1432
|
|
|
1415
1433
|
.copy-icon {
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
transform: translateY(-50%);
|
|
1419
|
-
right: calc(var(--collapse-item-icon-size) + var(--o-gap-4));
|
|
1420
|
-
font-size: 18px;
|
|
1421
|
-
height: 18px;
|
|
1422
|
-
width: 18px;
|
|
1434
|
+
flex-shrink: 0;
|
|
1435
|
+
font-size: 24px;
|
|
1423
1436
|
display: var(--copy-display);
|
|
1424
1437
|
color: var(--o-color-info1);
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1438
|
+
height: 1em;
|
|
1439
|
+
@include respond('<=laptop') {
|
|
1440
|
+
font-size: 20px;
|
|
1441
|
+
}
|
|
1442
|
+
@include respond('<=pad_v') {
|
|
1443
|
+
font-size: 24px;
|
|
1428
1444
|
}
|
|
1429
1445
|
|
|
1430
1446
|
&:hover {
|