feat: 新增可拖拽modal框

This commit is contained in:
TsMask
2023-11-24 17:06:18 +08:00
parent 018196eb88
commit f3fc415338
6 changed files with 153 additions and 45 deletions

View File

@@ -869,7 +869,7 @@ onMounted(() => {
</a-card>
<!-- 新增框或修改框 -->
<a-modal
<DraggableModal
width="800px"
:keyboard="false"
:mask-closable="false"
@@ -1013,10 +1013,10 @@ onMounted(() => {
</a-col>
</a-row>
</a-form>
</a-modal>
</DraggableModal>
<!-- 批量新增框 -->
<a-modal
<DraggableModal
width="800px"
:keyboard="false"
:mask-closable="false"
@@ -1178,10 +1178,10 @@ onMounted(() => {
</a-col>
</a-row>
</a-form>
</a-modal>
</DraggableModal>
<!-- 批量删除框 -->
<a-modal
<DraggableModal
width="500px"
:keyboard="false"
:mask-closable="false"
@@ -1191,7 +1191,12 @@ onMounted(() => {
@ok="fnBatchDelModalOk"
@cancel="fnBatchDelModalCancel"
>
<a-form name="modalStateBatchDelFrom" layout="horizontal">
<a-form
name="modalStateBatchDelFrom"
layout="horizontal"
:label-col="{ span: 6 }"
:labelWrap="true"
>
<a-row :gutter="16">
<a-col :lg="24" :md="24" :xs="24">
<a-form-item
@@ -1231,7 +1236,7 @@ onMounted(() => {
</a-col>
</a-row>
</a-form>
</a-modal>
</DraggableModal>
<!-- 上传导入表格数据文件框 -->
<UploadModal