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 | }); |