mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-11 16:57:09 +08:00
style: 调整对话框默认可拖拽,表格默认可调整列宽
This commit is contained in:
@@ -70,7 +70,7 @@
|
|||||||
</a-row>
|
</a-row>
|
||||||
<div class="gi-table__body" :class="`gi-table__body-pagination-${attrs['page-position']}`">
|
<div class="gi-table__body" :class="`gi-table__body-pagination-${attrs['page-position']}`">
|
||||||
<div class="gi-table__container">
|
<div class="gi-table__container">
|
||||||
<a-table ref="tableRef" :stripe="stripe" :size="size" :bordered="{ cell: isBordered }"
|
<a-table ref="tableRef" :stripe="stripe" :size="size" column-resizable :bordered="{ cell: isBordered }"
|
||||||
v-bind="{ ...attrs, columns: _columns }" :scrollbar="false" :pagination="false">
|
v-bind="{ ...attrs, columns: _columns }" :scrollbar="false" :pagination="false">
|
||||||
<template v-for="key in Object.keys(slots)" :key="key" #[key]="scoped">
|
<template v-for="key in Object.keys(slots)" :key="key" #[key]="scoped">
|
||||||
<slot :key="key" :name="key" v-bind="scoped"></slot>
|
<slot :key="key" :name="key" v-bind="scoped"></slot>
|
||||||
|
@@ -5,6 +5,7 @@
|
|||||||
:mask-closable="false"
|
:mask-closable="false"
|
||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:width="width >= 500 ? 500 : '100%'"
|
:width="width >= 500 ? 500 : '100%'"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -56,7 +56,7 @@
|
|||||||
<div class="footer">注册于 {{ userInfo.registrationDate }}</div>
|
<div class="footer">注册于 {{ userInfo.registrationDate }}</div>
|
||||||
</a-card>
|
</a-card>
|
||||||
|
|
||||||
<a-modal v-model:visible="visible" title="上传头像" :width="width >= 400 ? 400 : '100%'" :footer="false" @close="reset">
|
<a-modal v-model:visible="visible" title="上传头像" :width="width >= 400 ? 400 : '100%'" :footer="false" draggable @close="reset">
|
||||||
<a-row>
|
<a-row>
|
||||||
<a-col :span="14" style="width: 200px; height: 200px">
|
<a-col :span="14" style="width: 200px; height: 200px">
|
||||||
<VueCropper
|
<VueCropper
|
||||||
|
@@ -5,6 +5,7 @@
|
|||||||
:mask-closable="false"
|
:mask-closable="false"
|
||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:width="width >= 500 ? 500 : '100%'"
|
:width="width >= 500 ? 500 : '100%'"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -6,6 +6,7 @@
|
|||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:modal-style="{ maxWidth: '520px' }"
|
:modal-style="{ maxWidth: '520px' }"
|
||||||
width="90%"
|
width="90%"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -6,6 +6,7 @@
|
|||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:modal-style="{ maxWidth: '520px' }"
|
:modal-style="{ maxWidth: '520px' }"
|
||||||
width="90%"
|
width="90%"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -6,6 +6,7 @@
|
|||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:modal-style="{ maxWidth: '520px' }"
|
:modal-style="{ maxWidth: '520px' }"
|
||||||
width="90%"
|
width="90%"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -8,6 +8,7 @@
|
|||||||
:pagination="false"
|
:pagination="false"
|
||||||
:row-selection="isBatchMode ? rowSelection : undefined"
|
:row-selection="isBatchMode ? rowSelection : undefined"
|
||||||
:selected-keys="selectedFileIds"
|
:selected-keys="selectedFileIds"
|
||||||
|
column-resizable
|
||||||
@select="select"
|
@select="select"
|
||||||
@row-click="handleRowClick"
|
@row-click="handleRowClick"
|
||||||
>
|
>
|
||||||
|
@@ -7,6 +7,7 @@
|
|||||||
:modal-style="{ maxWidth: '625px' }"
|
:modal-style="{ maxWidth: '625px' }"
|
||||||
:body-style="{ maxHeight: '70vh' }"
|
:body-style="{ maxHeight: '70vh' }"
|
||||||
width="90%"
|
width="90%"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -5,6 +5,7 @@
|
|||||||
:mask-closable="false"
|
:mask-closable="false"
|
||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:width="width >= 600 ? '80%' : '100%'"
|
:width="width >= 600 ? '80%' : '100%'"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<a-modal v-model:visible="visible" :width="width >= 600 ? '70%' : '100%'" :footer="false" @close="reset">
|
<a-modal v-model:visible="visible" :width="width >= 600 ? '70%' : '100%'" :footer="false" draggable @close="reset">
|
||||||
<a-typography :style="{ marginTop: '-40px', textAlign: 'center' }">
|
<a-typography :style="{ marginTop: '-40px', textAlign: 'center' }">
|
||||||
<a-typography-title>
|
<a-typography-title>
|
||||||
{{ dataDetail?.title }}
|
{{ dataDetail?.title }}
|
||||||
|
@@ -6,6 +6,7 @@
|
|||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
:modal-style="{ maxWidth: '520px' }"
|
:modal-style="{ maxWidth: '520px' }"
|
||||||
width="90%"
|
width="90%"
|
||||||
|
draggable
|
||||||
@before-ok="save"
|
@before-ok="save"
|
||||||
@close="reset"
|
@close="reset"
|
||||||
>
|
>
|
||||||
|
@@ -5,6 +5,7 @@
|
|||||||
:mask-closable="false"
|
:mask-closable="false"
|
||||||
:esc-to-close="false"
|
:esc-to-close="false"
|
||||||
width="100%"
|
width="100%"
|
||||||
|
draggable
|
||||||
:footer="false"
|
:footer="false"
|
||||||
>
|
>
|
||||||
<div class="preview-content">
|
<div class="preview-content">
|
||||||
|
Reference in New Issue
Block a user