2022.3.17批量功能修改

fhKeeper/formulahousekeeper/timesheet/src/views/team/index.vue

@@ -152,12 +152,15 @@
             <!--工具条-->
             <el-col :span="24" class="toolbar">
                 <!-- 123 -->
-                <span v-if="handleSelectionZzjgshow">
-                <el-button size="small" @click="handleSelectionZzjgbtn1">取消选择</el-button>
-                <el-cascader v-model="handleSelectionZzjgwillchange" size="small" placeholder="请选择部门" style="width: 13%;margin-left: 1%;margin-right: 1%;"
+                <el-button size="small" @click="handleSelectionZzjgbtn1">取消</el-button>
+                <!-- <el-cascader v-model="handleSelectionZzjgwillchange" size="small" placeholder="请选择部门" style="width: 13%;margin-left: 1%;margin-right: 1%;font-size:12px"
                     :options="option" :props="{ checkStrictly: false,expandTrigger: 'hover' }" :show-all-levels="false" clearable></el-cascader>
-                <el-button size="small" type="primary" @click="handleSelectionZzjgbtn2">批量修改</el-button>
-                </span>
+                <el-button size="small" type="primary" @click="handleSelectionZzjgbtn2">修改</el-button> -->
+                    
+                <el-button size="small" type="primary" @click="handleSelectionZzjgshow = true">批量修改部门</el-button>
+               
+                
+                
                 <el-pagination
                     @size-change="handleSizeChange"
                     @current-change="handleCurrentChange"
@@ -170,6 +173,20 @@
             </el-col>
         </el-col>
 
+        <!-- 批量修改弹出框 -->
+        <el-dialog title="批量修改" :visible.sync="handleSelectionZzjgshow" v-if="handleSelectionZzjgshow" width="30%">
+            <el-form model="" label-width="20%">
+                <el-form-item label="修改部门">
+                    <el-cascader v-model="handleSelectionZzjgwillchange" placeholder="请选择部门" style="width: 60%;"
+                    :options="option" :props="{ checkStrictly: false,expandTrigger: 'hover' }" :show-all-levels="false" clearable></el-cascader>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="handleSelectionZzjgshow = false">取消</el-button>
+                <el-button type="primary" @click="handleSelectionZzjgbtn2">确定</el-button>
+            </div>
+        </el-dialog>
+
         <!-- 新增部门 -->
         <el-dialog :title="depTitle" :visible.sync="departmentVisible" width="400px" >
             <el-form ref="depForm" :model="depForm" :rules="depRules" label-width="80px">
@@ -498,11 +515,11 @@
 
             // 批量修改部门
             handleSelectionZzjg(e){
-                if (e.length == 0) {
-                    this.handleSelectionZzjgshow = false
-                }else{
-                    this.handleSelectionZzjgshow = true
-                }
+                // if (e.length == 0) {
+                //     this.handleSelectionZzjgshow = false
+                // }else{
+                //     this.handleSelectionZzjgshow = true
+                // }
                 this.handleSelectionZzjgDate = e
             },
             handleSelectionZzjgbtn1(){
@@ -512,6 +529,7 @@
             },
             handleSelectionZzjgbtn2(){
                 if (this.handleSelectionZzjgwillchange == null) {
+                    this.$message('请选择部门');
                     return
                 }
                 
@@ -525,6 +543,7 @@
                     
                 }
                 this.handleSelectionZzjgwillchange = null
+                this.handleSelectionZzjgshow = false
             },