From ef561e204ee6fd7df25477b456b0d466b026550e Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期一, 30 一月 2023 15:28:32 +0800
Subject: [PATCH] 1.tagView标签新增可拖动功能

---
 src/views/jcsz/jsqd.vue |   32 +++++++++++++++++++++++++-------
 1 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/jcsz/jsqd.vue b/src/views/jcsz/jsqd.vue
index 2fac1c1..48844a5 100644
--- a/src/views/jcsz/jsqd.vue
+++ b/src/views/jcsz/jsqd.vue
@@ -19,10 +19,10 @@
           :model="form"
           label-width="100px"
           inline
-          style="display: flex;justify-content: space-between"
+          style="display: flex;"
         >
           <div class="elForm">
-            <el-form-item label-width="70px" label="瑙掕壊缂栫爜" style=" display: flex;">
+            <el-form-item label="瑙掕壊缂栫爜" style=" display: flex;">
               <el-input v-model="form.RoleCode" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="瑙掕壊鍚嶇О" style=" display: flex;">
@@ -49,7 +49,10 @@
               <el-input v-model="form.UserName" style="width: 200px" placeholder="璇疯緭鍏�" />
             </el-form-item>
           </div>
-          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
+          <div
+            class="bodySearchReset"
+            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
+          >
             <el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
             <el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
           </div>
@@ -224,6 +227,7 @@
 
     <!--    鏂板淇敼瀵硅瘽妗�-->
     <el-dialog
+      v-el-drag-dialog
       :title="operation==='add'?'鏂板':'缂栬緫'"
       :visible.sync="dialogVisible"
       width="800px"
@@ -273,6 +277,7 @@
     </el-dialog>
     <!--    璁剧疆鎸夐挳瀵硅瘽妗�-->
     <el-dialog
+      v-el-drag-dialog
       title="璁剧疆"
       :visible.sync="settingDialogVisible"
       width="800px"
@@ -364,6 +369,7 @@
     </el-dialog>
     <!--    鍏宠仈鐢ㄦ埛瀵硅瘽妗�-->
     <el-dialog
+      v-el-drag-dialog
       title="瑙掕壊鍏宠仈鐢ㄦ埛"
       :visible.sync="userDialogVisible"
       width="900px"
@@ -530,6 +536,7 @@
     </el-dialog>
     <!--    鍒嗛厤鏉冮檺瀵硅瘽妗�-->
     <el-dialog
+      v-el-drag-dialog
       title="瑙掕壊鍏宠仈鏉冮檺"
       :visible.sync="dialogVisibleRight"
       width="800px"
@@ -579,10 +586,10 @@
             :name="item.name"
             :disabled="rightFrom.usercode==='S001'"
             :checked="item.isSelected2"
+            :label="item.name"
             @change="myCheckboxInputClick(item)"
-          >{{ item.name }}
-          </el-checkbox>
-
+          />
+          <div class="myCheckboxInputLabel">{{ item.name }}</div>
         </div>
       </div>
       <el-divider />
@@ -654,12 +661,14 @@
 import { getCookie } from '@/utils/auth'
 import $ from 'jquery'
 import clearAllChildren, { validateCode } from '@/utils/global'
+import elDragDialog from '@/directive/el-drag-dialog'
 
 export default {
   name: 'JSQD',
   components: {
     Pagination, ImportPicker
   },
+  directives: { elDragDialog },
   data() {
     return {
       isIpad: false,
@@ -1711,17 +1720,26 @@
       //border: 1px solid $main_color;
       border: 1px solid #eee;
       display: flex;
-      min-width: 110px;
+      min-width: 100px;
       padding: 10px;
       margin: 10px 30px 0 0;
       border-radius: 5px;
       cursor: default;
+      position: relative;
 
       .myCheckboxInput {
         margin: 1px 5px 0 0;
         cursor: pointer;
       }
 
+      .myCheckboxInputLabel {
+        position: absolute;
+        left: 29px;
+        padding: 5px;
+        top: 6px;
+        color: transparent;
+      }
+
     }
 
     input[type=checkbox] {

--
Gitblit v1.9.3