Showing
4 changed files
with
12 additions
and
8 deletions
@@ -5,6 +5,7 @@ | @@ -5,6 +5,7 @@ | ||
5 | 5 | ||
6 | interface AuthIconProps extends ExtractPropTypes<typeof Icon> { | 6 | interface AuthIconProps extends ExtractPropTypes<typeof Icon> { |
7 | auth?: string; | 7 | auth?: string; |
8 | + disabled?: boolean; | ||
8 | } | 9 | } |
9 | 10 | ||
10 | const props = defineProps<AuthIconProps>(); | 11 | const props = defineProps<AuthIconProps>(); |
@@ -14,8 +15,8 @@ | @@ -14,8 +15,8 @@ | ||
14 | const { hasPermission } = usePermission(); | 15 | const { hasPermission } = usePermission(); |
15 | 16 | ||
16 | const getHasPermission = computed(() => { | 17 | const getHasPermission = computed(() => { |
17 | - const { auth } = props; | ||
18 | - return auth ? hasPermission(auth) : true; | 18 | + const { auth, disabled } = props; |
19 | + return disabled ? false : auth ? hasPermission(auth) : true; | ||
19 | }); | 20 | }); |
20 | 21 | ||
21 | const getBindProps = computed(() => { | 22 | const getBindProps = computed(() => { |
@@ -242,7 +242,7 @@ | @@ -242,7 +242,7 @@ | ||
242 | <span | 242 | <span |
243 | class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1" | 243 | class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1" |
244 | > | 244 | > |
245 | - {{ ViewTypeNameEnum[item.viewType] }} | 245 | + {{ ViewTypeNameEnum[item.viewType] || ViewTypeNameEnum.PRIVATE_VIEW }} |
246 | </span> | 246 | </span> |
247 | </div> | 247 | </div> |
248 | </template> | 248 | </template> |
@@ -266,6 +266,7 @@ | @@ -266,6 +266,7 @@ | ||
266 | <Tooltip title="分享"> | 266 | <Tooltip title="分享"> |
267 | <AuthIcon | 267 | <AuthIcon |
268 | :auth="ConfigurationPermission.SHARE" | 268 | :auth="ConfigurationPermission.SHARE" |
269 | + :disabled="!item.publicId" | ||
269 | class="!text-lg" | 270 | class="!text-lg" |
270 | icon="ant-design:share-alt-outlined" | 271 | icon="ant-design:share-alt-outlined" |
271 | @click="handleCreateShareUrl(item)" | 272 | @click="handleCreateShareUrl(item)" |
@@ -348,6 +349,10 @@ | @@ -348,6 +349,10 @@ | ||
348 | .img-container { | 349 | .img-container { |
349 | border-top-left-radius: 80px; | 350 | border-top-left-radius: 80px; |
350 | background-color: #fff; | 351 | background-color: #fff; |
352 | + | ||
353 | + img { | ||
354 | + border-top-left-radius: 80px; | ||
355 | + } | ||
351 | } | 356 | } |
352 | } | 357 | } |
353 | 358 |
@@ -236,7 +236,7 @@ | @@ -236,7 +236,7 @@ | ||
236 | <span | 236 | <span |
237 | class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1" | 237 | class="absolute top-0 left-0 text-light-50 transform -rotate-45 translate-y-1" |
238 | > | 238 | > |
239 | - {{ ViewTypeNameEnum[item.viewType] }} | 239 | + {{ ViewTypeNameEnum[item.viewType] || ViewTypeNameEnum.PRIVATE_VIEW }} |
240 | </span> | 240 | </span> |
241 | <div class="masker-content"> | 241 | <div class="masker-content"> |
242 | <div class="masker-text"> | 242 | <div class="masker-text"> |
@@ -267,9 +267,7 @@ | @@ -267,9 +267,7 @@ | ||
267 | </Tooltip> | 267 | </Tooltip> |
268 | <Tooltip title="设计"> | 268 | <Tooltip title="设计"> |
269 | <AuthIcon | 269 | <AuthIcon |
270 | - :class="`!text-lg ${ | ||
271 | - item.state === 1 ? '!cursor-not-allowed !text-gray-200' : '' | ||
272 | - }`" | 270 | + :disabled="item.state === 1" |
273 | icon="ant-design:edit-outlined" | 271 | icon="ant-design:edit-outlined" |
274 | @click="handleDesign(item)" | 272 | @click="handleDesign(item)" |
275 | /> | 273 | /> |
@@ -277,6 +275,7 @@ | @@ -277,6 +275,7 @@ | ||
277 | <Tooltip title="分享"> | 275 | <Tooltip title="分享"> |
278 | <AuthIcon | 276 | <AuthIcon |
279 | :auth="ConfigurationPermission.SHARE" | 277 | :auth="ConfigurationPermission.SHARE" |
278 | + :disabled="!item.publicId" | ||
280 | class="!text-lg" | 279 | class="!text-lg" |
281 | icon="ant-design:share-alt-outlined" | 280 | icon="ant-design:share-alt-outlined" |
282 | @click="handleCreateShareUrl(item)" | 281 | @click="handleCreateShareUrl(item)" |
@@ -16,7 +16,6 @@ | @@ -16,7 +16,6 @@ | ||
16 | 16 | ||
17 | const getDataSchema = computed(() => { | 17 | const getDataSchema = computed(() => { |
18 | const { frontId, isEdit } = props; | 18 | const { frontId, isEdit } = props; |
19 | - console.log({ frontId }); | ||
20 | if (!frontId) return []; | 19 | if (!frontId) return []; |
21 | return dataSourceSchema(isEdit, frontId); | 20 | return dataSourceSchema(isEdit, frontId); |
22 | }); | 21 | }); |