feat: 新增可拖拽modal框

src/views/neUser/sub/index.vue

@@ -138,7 +138,7 @@ let tableColumns: ColumnsType = [
     title: 'Subscribed Data',
     dataIndex: 'smData',
     align: 'center',
-    width: 10,
+    width: 5,
   },
   {
     title: 'EPS Flag',
@@ -1104,7 +1104,7 @@ onMounted(() => {
     </a-card>
 
     <!-- 新增框或修改框 -->
-    <a-modal
+    <DraggableModal
       width="800px"
       :body-style="{ height: '650px', 'overflow-y': 'scroll' }"
       :keyboard="false"
@@ -1118,7 +1118,7 @@ onMounted(() => {
       <a-form
         name="modalStateFrom"
         layout="horizontal"
-        :label-col="{ span: 7.5 }"
+        :label-col="{ span: 6 }"
         :labelWrap="true"
       >
         <a-row :gutter="16">
@@ -1532,10 +1532,10 @@ onMounted(() => {
           </a-tooltip>
         </a-form-item>
       </a-form>
-    </a-modal>
+    </DraggableModal>
 
     <!-- 批量增加框 -->
-    <a-modal
+    <DraggableModal
       width="800px"
       :body-style="{ height: '650px', 'overflow-y': 'scroll' }"
       :keyboard="false"
@@ -1549,7 +1549,7 @@ onMounted(() => {
       <a-form
         name="modalStateBatchFrom"
         layout="horizontal"
-        :label-col="{ span: 7.5 }"
+        :label-col="{ span: 6 }"
         :labelWrap="true"
       >
         <a-row :gutter="16">
@@ -1963,10 +1963,10 @@ onMounted(() => {
           </a-tooltip>
         </a-form-item>
       </a-form>
-    </a-modal>
+    </DraggableModal>
 
     <!-- 批量删除框 -->
-    <a-modal
+    <DraggableModal
       width="500px"
       :keyboard="false"
       :mask-closable="false"
@@ -1979,7 +1979,7 @@ onMounted(() => {
       <a-form
         name="modalStateBatchDelFrom"
         layout="horizontal"
-        :label-col="{ span: 7.5 }"
+        :label-col="{ span: 6 }"
         :labelWrap="true"
       >
         <a-row :gutter="16">
@@ -2021,7 +2021,7 @@ onMounted(() => {
           </a-col>
         </a-row>
       </a-form>
-    </a-modal>
+    </DraggableModal>
 
     <!-- 上传导入表格数据文件框 -->
     <UploadModal