From c660a7fd67e6b786695a47bbf2f6e29afed02512 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Thu, 24 Jun 2021 17:42:13 +0800
Subject: [PATCH] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Framework.vue |  99 +++++---
 src/components/page/Introduce.vue |  22 +-
 src/components/page/Product.vue   |   2 +-
 src/components/page/StaffSide.vue | 362 ------------------------------
 src/components/page/Stafftree.vue | 253 ---------------------
 5 files changed, 91 insertions(+), 647 deletions(-)
 delete mode 100644 src/components/page/StaffSide.vue
 delete mode 100644 src/components/page/Stafftree.vue

diff --git a/src/components/page/Framework.vue b/src/components/page/Framework.vue
index 5ac00cd..5df3012 100644
--- a/src/components/page/Framework.vue
+++ b/src/components/page/Framework.vue
@@ -5,7 +5,7 @@
                 <div class="plus">
                     <i class="el-icon-circle-plus-outline" @click.stop="addType(0)"></i>
                 </div>
-                <el-tree ref="type" :data="typeList" node-key="id" :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" highlight-current @current-change="typeClick">
+                <el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" highlight-current @current-change="typeClick">
                     <span class="custom-tree-node" slot-scope="{ node, data }">
                         <span>{{ node.label }}</span>
                         <span class="actions">
@@ -56,13 +56,15 @@
         <el-dialog title="导入" :visible.sync="importVisible" width="80%" center @close="closeImport" class="dialog" :close-on-click-modal="false">
             <el-container style="padding: 20px 0 20px 20px;background-color: #f0f0f0;">
                 <el-aside width="300px">
-                    <el-tree style="margin: 10px;" ref="typeTree" :data="importTypeList" node-key="id" :default-expanded-keys="defaultTypeActive" show-checkbox :current-node-key="categoryId" :props="defaultProps" highlight-current @node-click="importTypeClick"></el-tree>
+                    <el-tree style="margin: 10px;" ref="typeTree" :data="importTypeList" node-key="id" accordion :default-expanded-keys="defaultTypeActive" show-checkbox :props="defaultProps" highlight-current @node-click="importTypeClick"></el-tree>
                 </el-aside>
                 <el-main style="padding-top: 0;padding-bottom: 0;">
-                    <el-table :data="fieldData" stripe header-align="center">
-                        <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
-                        <el-table-column v-for="(item,index) in fieldHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
-                    </el-table>
+                    <el-card shadow="hover">
+                        <el-table :data="fieldData" stripe header-align="center">
+                            <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+                            <el-table-column v-for="(item,index) in fieldHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
+                        </el-table>
+                    </el-card>
                 </el-main>
             </el-container>
 
@@ -79,6 +81,13 @@
                 <el-button type="primary" @click="confirmType">确 定</el-button>
             </span>
         </el-dialog>
+
+        <el-dialog title="预览" :visible.sync="previewVisible" width="60%" center :close-on-click-modal="false">
+            <el-table :data="previewData" class="table" stripe header-align="center" row-key="id">
+                <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
+                <el-table-column v-for="(item,index) in previewHead" :prop="item.field" :key="index" :label="item.comment" align="center"></el-table-column>
+            </el-table>
+        </el-dialog>
     </div>
 </template>
 <script>
@@ -109,7 +118,11 @@ export default {
             fieldData: [],
             fieldHead: [],
             tableName: '',
-            categoryIndex: 0
+            curId: '',
+            categoryIndex: 0,
+            previewVisible: false,
+            previewHead: [],
+            previewData: []
         };
     },
     watch: {
@@ -210,26 +223,30 @@ export default {
             this.levelId = 0
             this.categoryName = ''
         },
-        closeImport(){
-            
-        },
-        confirmImport(){
-            if(!this.$refs.typeTree.getCheckedKeys().length) return this.$message.warning('请选择数据')
-            let permissionIds = [...this.$refs.typeTree.getHalfCheckedKeys(),...this.$refs.typeTree.getCheckedKeys()]
-            // this.$post(`${this.api.saveTable}?name=${}&show_name=${}&category_id=${}`).then(res => {
-            //     this.$message.success('导入成功')
-            //     this.getType()
-            //     this.importVisible = false
-            // }).catch(res => {})
-        },
         preview(row){
-            
+            this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
+                let comment = res.comment
+                let previewHead = []
+                comment.map(n => {
+                    n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
+                })
+                this.previewHead = previewHead
+
+                let data = res.data
+                data.map(n => {
+                    for(let i in n){
+                        if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
+                    }
+                })
+                this.previewData = data
+                this.previewVisible = true
+            }).catch(res => {})
         },
         delTable(row){
             this.$confirm('确定要删除吗？', '提示', {
                 type: 'warning'
             }).then(() => {
-                this.$post(this.api.daleteBatchStaff,[row.userId]).then(res => {
+                this.$post(`${this.api.deleteTable}?tableIds=${row.id}`).then(res => {
                     this.$message.success('删除成功')
                     this.getData()
                 }).catch(res => {})
@@ -238,6 +255,10 @@ export default {
         handleSelectionChange(val) {
             this.multipleSelection = val
         },
+        handleCurrentChange(val) {
+            this.page = val
+            this.getData()
+        },
         delAllSelection() {
             if(this.multipleSelection.length != ''){
                 let newArr = this.multipleSelection
@@ -267,6 +288,7 @@ export default {
             if(!i && !this.tableName){
                 this.defaultTypeActive = res.list[0].id
                 this.tableName = res.list[0].name
+                this.curId = res.list[0].id
             }
         },
         batchImport(){
@@ -292,7 +314,7 @@ export default {
             this.importVisible = true
         },
         getFields(){
-            this.$get(`${this.api.previewData}?tableName=${this.tableName}`).then(res => {
+            this.$get(`${this.api.previewData}?tableName=${this.tableName}&tableId=${this.curId}`).then(res => {
                 let comment = res.comment
                 let fieldHead = []
                 comment.map(n => {
@@ -307,19 +329,44 @@ export default {
                     }
                 })
                 this.fieldData = data
-                console.log(33,this.fieldHead,this.fieldData)
             }).catch(res => {})
             this.importVisible = true
         },
         importTypeClick(data){
             if(data.name){
                 this.tableName = data.name
+                this.curId = data.id
                 this.getFields()
             }
         },
-        handleCurrentChange(val) {
-            this.page = val
-            this.getData()
+        closeImport(){
+            
+        },
+        confirmImport(){
+            let list = this.$refs.typeTree.getCheckedNodes()
+            let names = []
+            let showNames = []
+            list.map(n => {
+                if(n.name){
+                    names.push(n.name)
+                    showNames.push(n.showName)
+                }
+            })
+            if(!names.length) return this.$message.warning('请选择数据')
+            let data = []
+            let categoryId = Number(this.categoryId)
+            names.map((n,i) => {
+                data.push({
+                    categoryId,
+                    name: n,
+                    showName: showNames[i],
+                })
+            })
+            this.$post(this.api.saveTable,data).then(res => {
+                this.$message.success('导入成功')
+                this.getType()
+                this.importVisible = false
+            }).catch(res => {})
         },
     }
 };
diff --git a/src/components/page/Introduce.vue b/src/components/page/Introduce.vue
index 8898d0d..6562e4f 100644
--- a/src/components/page/Introduce.vue
+++ b/src/components/page/Introduce.vue
@@ -2,21 +2,25 @@
     <div>
         <el-container>
             <el-aside width="350px">
-                <el-tree style="margin: 10px;" ref="type" :data="typeList" node-key="id" :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" highlight-current @node-click="typeClick"></el-tree>
+                <el-tree ref="type" :data="typeList" node-key="id" accordion :default-expanded-keys="defaultActive" :current-node-key="categoryId" :props="defaultProps" highlight-current @node-click="typeClick"></el-tree>
             </el-aside>
 
             <el-main style="padding-top: 0">
                 <el-col :span="24">
                     <el-card shadow="hover" class="mgb20 teacher_tab">
-                        <div class="intro" v-if="!editing">
+                        <div class="flex-between" style="margin-bottom: 10px;">
+                            <p>数据简介</p>
+                            <el-button v-if="edited && !editing" type="primary" size="small" @click="editing = !editing">编辑</el-button>
+                        </div>
+                        <div class="intro" v-if="!edited">
                             <p class="text">{{introduceText}}</p>
                             <div class="btn">
                                 <el-button type="primary" size="small" @click="edit">{{introduceText ? '编辑简介' : '添加简介'}}</el-button>
                             </div>
                         </div>
                         <div v-else>
-                            <el-input placeholder="请输入简介" v-model="introduce" type="textarea" rows="5"></el-input>
-                            <div class="btns">
+                            <el-input placeholder="请输入简介" v-model="introduce" type="textarea" rows="5" :disabled="!editing"></el-input>
+                            <div class="btns" v-if="editing">
                                 <el-button @click="editing = false">取 消</el-button>
                                 <el-button type="primary" @click="confirmEdit">确 定</el-button>
                             </div>
@@ -37,6 +41,7 @@ export default {
                 label: 'label'
             },
             defaultActive: [],
+            edited: false,
             editing: false,
             introduce: '',
             introduceText: '',
@@ -84,10 +89,13 @@ export default {
             }).catch(res => {})
         },
         typeClick(data,node){
+            this.edited = false
+            this.editing = false
             this.categoryId = data.id
             this.introduceText = data.introduce
         },
         edit(){
+            this.edited = true
             this.editing = true
             this.introduce = this.introduceText
         },
@@ -107,9 +115,13 @@ export default {
 <style lang="scss" scoped>
     /deep/.el-container{
         background-color: #f0f0f0;
+        .el-aside{
+            padding: 15px;
+            background-color: #fff;
+        }
         .intro{
             padding: 20px;
-            margin: 20px;
+            margin: 20px 0;
             border: 1px solid #dcdcdc;
             border-radius: 4px;
             .text{
diff --git a/src/components/page/Product.vue b/src/components/page/Product.vue
index 0debee3..ebfb3cf 100644
--- a/src/components/page/Product.vue
+++ b/src/components/page/Product.vue
@@ -99,7 +99,7 @@
                 </el-form-item>
                 <el-form-item prop="userName" label="已选数据">
                     <el-button type="primary" size="small">配置数据权限</el-button>
-                    <el-tree ref="type" :data="typeList" node-key="id" show-checkbox :props="defaultProps" highlight-current></el-tree>
+                    <el-tree ref="type" :data="typeList" node-key="id" accordion show-checkbox :props="defaultProps" highlight-current></el-tree>
                 </el-form-item>
             </el-form>
             <span slot="footer" class="dialog-footer" v-if="!isDetail">
diff --git a/src/components/page/StaffSide.vue b/src/components/page/StaffSide.vue
deleted file mode 100644
index a8d0da5..0000000
--- a/src/components/page/StaffSide.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-<template>
-    <div>
-        <div>
-            <lctree :data="majorList"
-            @addMajor="addMajor" @editMajor="editMajor" @delMajor="delMajor"
-            @addDepartment="addDepartment" @editDepartment="editDepartment" @delDepartment="delDepartment"
-            @fircheckitem="fircheckitem" @twocheckitem="twocheckitem"
-            ></lctree>
-        </div>
-
-        <!-- 添加专业 -->
-        <el-dialog :title="Form.MajorId ? '编辑专业' : '新增专业'" :visible.sync="isaddMajor" width="24%" center @close="closeAdd" :close-on-click-modal="false">
-            <el-form ref="Form" :model="Form" :rules="rules">
-                <el-form-item prop="majorName">
-                    <el-input placeholder="请输入专业名称" v-model="Form.majorName" @change="majorChange"></el-input>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="isaddMajor = false">取 消</el-button>
-                <el-button type="primary" @click="sure('Form')">确 定</el-button>
-            </span>
-        </el-dialog>
-
-        <!-- 添加部门 -->
-        <el-dialog :title="Form.departmentId ? '编辑部门' : '新增部门'" :visible.sync="isAddDepartment" width="24%" center @close="closeAdd" :close-on-click-modal="false">
-            <el-form ref="Form" :model="Form" :rules="rules">
-                <el-form-item prop="departmentName">
-                    <el-input placeholder="请输入部门名称" v-model="Form.departmentName"></el-input>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="isAddDepartment = false">取 消</el-button>
-                <el-button type="primary" @click="sureDepartment('Form')">确 定</el-button>
-            </span>
-        </el-dialog>
-    </div>
-</template>
-<script>
-import lctree from './Stafftree';
-export default {
-    props:["Data"],
-    data() {
-        return {
-            majorList: [],
-            firactive: 0,
-            twoactive: 0,
-            isaddMajor: false,
-            isAddDepartment: false,
-            schoolId: 2105,
-            Form: {
-                MajorId: '',
-                majorName: '',
-                departmentId: '',
-                departmentName: ''
-            },
-            rules: {
-                majorName: [
-                    { required: true, message: '请输入专业名称', trigger: 'blur' }
-                ],
-                departmentName: [
-                    { required: true, message: '请输入部门名称', trigger: 'blur' }
-                ]
-            },
-            staffstateProfessId: '',
-            staffstateId: '',
-            majorNoAdd: true
-        };
-    },
-    components: {
-        lctree
-    },
-    mounted(){
-        this.getStaff()
-    },
-    methods: {
-        getStaff(){
-            let data = {
-                schoolId: this.schoolId
-            }
-            this.$get(this.api.queryStaffPro,data).then(res => {
-                if(res.message){
-                    res.message.map(e => {
-                        (e.ifVisible = false), (e.ischeck = false), (e.label = e.staffProfessionalArchitectureName);
-                        let data = {
-                            staffProfessionalArchitectureId: e.staffProfessionalArchitectureId
-                        }
-                        this.$get(this.api.queryStaffGrade,data).then(res => {
-                            res.message.map(e => {
-                                (e.ischeck = false), (e.label = e.staffGradeName);
-                            })
-                            e.children = res.message
-                        }).catch(res => {});
-                    })
-                }
-                setTimeout(() => {
-                        this.majorList = res.message
-                }, 500);
-            }).catch(res => {});
-        },
-        // 选择专业
-        fircheckitem(item){
-            this.$emit("fircheck",item,this.majorList)
-        },
-         // 选择部门
-        twocheckitem(item){
-            this.$emit("twocheck",item,this.majorList)
-        },
-        closeAdd(){
-            this.$refs.Form.resetFields()
-        },
-        // 新增编辑专业
-        addMajor(){
-            this.Form.MajorId = ''
-            this.Form.majorName = ''
-            this.isaddMajor = true
-        },
-        editMajor(item){
-            this.Form.MajorId = item.staffProfessionalArchitectureId,
-            this.Form.majorName = item.staffProfessionalArchitectureName
-            this.isaddMajor = true
-        },
-        async majorChange(){
-            let res = await this.$get(this.api.queryStaffPAN, { name: this.Form.majorName,schoolId: this.schoolId });
-            if(res.message.length != 0){
-                this.$message.warning('该一级部门已存在');
-                this.majorNoAdd = false
-            }else{
-                this.majorNoAdd = true
-            }
-        },
-        sure(Form){
-            this.$refs[Form].validate((valid) => {
-                if (valid) {
-                    if(!this.majorNoAdd) return this.$message.warning('该一级部门已存在');
-                    let data = {
-                        staffProfessionalArchitectureName: this.Form.majorName,
-                        staffProfessionalArchitectureId: this.Form.MajorId,
-                        schoolId: this.schoolId,
-                    }
-                    if(this.Form.MajorId){
-                        this.$post(this.api.updateStaffPro,data).then(res => {
-                            this.$message.success('编辑成功');
-                            this.isaddMajor = false
-                            this.majorList.map(e =>{
-                                if(e.staffProfessionalArchitectureId == this.Form.MajorId){
-                                    e.staffProfessionalArchitectureName = this.Form.majorName
-                                    e.label = this.Form.majorName
-                                }
-                            })
-                            this.$emit('getData')
-                        }).catch(res => {});
-                    }else{
-                        this.$post(this.api.addStaffPro,data).then(res => {
-                           this.$message.success('添加成功');
-                           this.isaddMajor = false
-                           let newData = {
-                               staffProfessionalArchitectureId: res.message,
-                               staffProfessionalArchitectureName: this.Form.majorName,
-                               label: this.Form.majorName,
-                               ifVisible: false,
-                               ischeck: false,
-                               children: []
-                           }
-                           this.majorList.push(newData)
-                        }).catch(res => {});
-                    }
-                }else{
-                    return false;
-                }
-            })
-        },
-        // 新增编辑部门
-        addDepartment(item){
-            this.Form.departmentId = ''
-            this.Form.departmentName = ''
-            this.isAddDepartment = true
-            this.Form.MajorId = item.staffProfessionalArchitectureId
-        },
-        editDepartment(item){
-            this.Form.departmentId = item.staffGradeId,
-            this.Form.departmentName = item.staffGradeName
-            this.isAddDepartment = true
-            for (let j = 0; j < this.majorList.length; j++) {
-                for (let k = 0; k < this.majorList[j].children.length; k++) {
-                    if(this.majorList[j].children[k].staffGradeName == item.staffGradeName){
-                        this.Form.MajorId = this.majorList[j].staffProfessionalArchitectureId
-                    }
-                }
-            }
-        },
-        sureDepartment(Form){
-            this.$refs[Form].validate((valid) => {
-                if (valid) {
-                    let data = {
-                        staffGradeName: this.Form.departmentName,
-                        staffProfessionalArchitectureId: this.Form.MajorId,
-                        staffGradeId: this.Form.departmentId
-                    }
-                    if(this.Form.departmentId){
-                        this.$post(this.api.updateStaffGrade,data).then(res => {
-                            this.$message.success('编辑成功');
-                            this.isAddDepartment = false
-                            this.majorList.map(e =>{
-                                e.children.map(r =>{
-                                    if(r.staffGradeId == this.Form.departmentId){
-                                        r.staffGradeName = this.Form.departmentName
-                                        r.label = this.Form.departmentName
-                                    }
-                                })
-                            })
-                        }).catch(res => {});
-                    }else{
-                        this.$post(this.api.addStaffGrade,data).then(res => {
-                            this.$message.success('添加成功');
-                            this.isAddDepartment = false
-                            let newData = {
-                               staffGradeId: res.message,
-                               staffGradeName: this.Form.departmentName,
-                               label: this.Form.departmentName,
-                               ifVisible: false,
-                               ischeck: false
-                            }
-                            this.majorList.map(e =>{
-                                if(e.staffProfessionalArchitectureId == this.Form.MajorId){
-                                    e.ifVisible = true
-                                    e.children.push(newData)
-                                }
-                            })
-                        }).catch(res => {});
-                    }
-                }else{
-                    return false;
-                }
-            })
-        },
-        delMajor(item,index){
-            this.$confirm('确定要删除该专业吗？该操作将会删除该组织下的用户账号。', '提示', {
-                type: 'warning'
-            })
-            .then(() => {
-                let data = {
-                    staffProfessionalArchitectureId: item.staffProfessionalArchitectureId
-                }
-                this.$post(this.api.deleteStaffPro,data).then(res => {
-                    this.$message.success('删除成功');
-                    this.majorList.splice(index, 1)
-                    this.$emit('getData')
-                    this.$get(`${this.api.dalStaffByProfessionalId}?staffProfessionalArchitectureId=${item.staffProfessionalArchitectureId}`).then(res => {}).catch(res => {})
-                }).catch(res => {});
-            })
-            .catch(() => {});
-        },
-        delDepartment(item,indx){
-            this.$confirm('确定要删除该部门吗？该操作将会删除该组织下的用户账号。', '提示', {
-                type: 'warning'
-            })
-            .then(() => {
-                let data = {
-                    staffGradeId: item.staffGradeId
-                }
-                this.$post(this.api.deleteStaffGrade,data).then(res => {
-                    this.$message.success('删除成功');
-                    this.majorList.map(e =>{
-                        e.children.map(r =>{
-                            if(r.staffGradeId == item.staffGradeId){
-                                e.children.splice(indx,1)
-                                if(e.children.length == 0){
-                                    e.ifVisible = false
-                                }
-                            }
-                        })
-                    })
-                    this.$emit("delDep",item,this.majorList)
-                    this.$emit('getData')
-                    this.$get(`${this.api.dalStaffByStaffGradeId}?staffGradeId=${item.staffGradeId}`).then(res => {}).catch(res => {})
-                }).catch(res => {});
-            })
-            .catch(() => {});
-        }
-    }
-};
-</script>
-<style scoped>
-.side_view{
-    height: 800px;
-    padding: 40px 20px;
-    background-color: #fff;
-    box-shadow:-2px 0px 57px 0px rgba(192,189,216,0.39);
-}
-.side_icon{
-    text-align: right;
-}
-.side_icon i{
-    cursor:pointer;
-    font-size: 20px;
-    color: #9278FF;
-}
-.side_tree{
-    width: 100%;
-    font-size: 14px;
-    color: #333;
-}
-.side_tree i{
-    color: #9278FF;
-    margin-left: 10px;
-}
-.fir_back{
-    width: 100%;
-    padding: 15px 0;
-    background:rgba(255,255,255,1);
-    /* box-shadow:1px 14px 29px 0px rgba(138,97,250,0.19); */
-    border-radius:10px;
-    text-align: left;
-}
-.fir_back:first-child{
-    margin-top: 20px;
-}
-.fir_back:hover{
-    box-shadow:1px 14px 29px 0px rgba(138,97,250,0.19);
-    cursor:pointer;
-}
-.fir_back span{
-    margin-left: 10px;
-}
-.two_active{
-    color: #9278FF;
-}
-/* .two_active:hover{
-    color: #9278FF;
-    cursor:pointer;
-} */
-.two_back:hover{
-    cursor:pointer;
-    color: #9278FF;
-}
-.mar_top{
-    margin-top: 20px;
-}
-.back_active{
-    box-shadow:1px 14px 29px 0px rgba(138,97,250,0.19);
-}
-.bor_lef{
-     padding: 20px 0 0 0;
-     margin-left: 40px;
-}
-.three_lef{
-     margin-left: 60px;
-     padding: 20px 0;
-}
-.three_text{
-    font-size: 14px;
-    margin-top: 10px;
-}
-.teacher_tab{
-    margin-left: 20px;
-}
-.icon_select:before{
-    transform: rotate(180deg);
-}
-.list-enter-active, .list-leave-active { transition: all 1s; } 
-.list-enter, .list-leave-to { opacity: 0; transform: translateY(-30px); }
-</style>
diff --git a/src/components/page/Stafftree.vue b/src/components/page/Stafftree.vue
deleted file mode 100644
index caad8e0..0000000
--- a/src/components/page/Stafftree.vue
+++ /dev/null
@@ -1,253 +0,0 @@
-<template>
-    <div class="side_view">
-        <p class="side_icon mab20">
-            <i class="icon-jiahao mar20" @click="addMajor"></i>
-            <!-- <i class="icon-delete"></i> -->
-        </p>
-        <div class="side_tree" v-for="(item,index) in data" :key="index">
-            <div class="item" @click.stop="open(item,1)">
-                    <!-- <i :class="{ 'arrowTransform': !item.ifVisible, 'arrowTransformReturn': item.ifVisible}" class="icon-shixiangyoujiantou-"></i> -->
-                <img
-                    v-if="item.children&&item.children.length!=0"
-                    :class="{ 'arrowTransform': !item.ifVisible, 'arrowTransformReturn': item.ifVisible}"
-                    src="../../assets/img/icon-xiangyou.png"
-                    alt
-                />
-                <i v-else class="empty"></i>
-                <i :class="item.ischeck ? 'icon-yigouxuan' : 'icon-weigouxuan'" @click.stop="fircheckitem(item)"></i>
-                <span>{{item.label}}</span>
-                <svg t="1604370117041" class="icon edit ft" @click.stop="editMajor(item)" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9029" width="16" height="16"><path d="M511.979 30.125c-266.13 0-481.871 215.741-481.871 481.871s215.741 481.871 481.871 481.871S993.85 778.126 993.85 511.996 778.109 30.125 511.979 30.125zM459.644 693.015c-15.876 18.135-22.818 22.486-44.972 30.657-34.111 12.787-96.687 36.27-137.374 51.515-7.706 3.056-36.735 1.495-24.578-27.036 13.784-39.757 34.045-98.414 45.636-131.894 8.436-23.615 11.758-29.76 28.73-45.603l175.271-175.271 124.055 124.088C626.413 519.471 508.469 642.264 459.644 693.015zM653.084 492.867 528.996 368.779l26.605-26.605 124.088 124.121L653.084 492.867zM759.469 386.482l-53.176 53.209L582.205 315.569l53.209-53.176c19.596-19.596 51.316-19.596 70.912 0l53.209 53.176C779.065 335.166 779.065 366.919 759.469 386.482z" p-id="9030" fill="#9076ff"></path></svg>
-                <i class="el-icon-circle-plus ft fz" @click.stop="addDepartment(item)"></i>
-                <i class="icon-delete ft" @click.stop="delMajor(item,index)"></i>
-            </div>
-
-            <div v-show="item.ifVisible" v-if="item.children&&item.children.length!=0">
-                <div v-for="(item1,index1) in item.children" :key="index1">
-                    <div class="item2" @click.stop="open(item1,2)">
-                        <i :class="item1.ischeck ? 'icon-yigouxuan' : 'icon-weigouxuan'" @click.stop="twocheckitem(item1)"></i>
-                        <span>{{item1.label}}</span>
-                        <svg t="1604370117041" class="icon edit ft" @click.stop="editDepartment(item1)" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9029" width="16" height="16"><path d="M511.979 30.125c-266.13 0-481.871 215.741-481.871 481.871s215.741 481.871 481.871 481.871S993.85 778.126 993.85 511.996 778.109 30.125 511.979 30.125zM459.644 693.015c-15.876 18.135-22.818 22.486-44.972 30.657-34.111 12.787-96.687 36.27-137.374 51.515-7.706 3.056-36.735 1.495-24.578-27.036 13.784-39.757 34.045-98.414 45.636-131.894 8.436-23.615 11.758-29.76 28.73-45.603l175.271-175.271 124.055 124.088C626.413 519.471 508.469 642.264 459.644 693.015zM653.084 492.867 528.996 368.779l26.605-26.605 124.088 124.121L653.084 492.867zM759.469 386.482l-53.176 53.209L582.205 315.569l53.209-53.176c19.596-19.596 51.316-19.596 70.912 0l53.209 53.176C779.065 335.166 779.065 366.919 759.469 386.482z" p-id="9030" fill="#9076ff"></path></svg>
-                        <i class="icon-delete ft" @click.stop="delDepartment(item1,index1)"></i>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script>
-Array.prototype.removeByValue = function (val) {
-    for (var i = 0; i < this.length; i++) {
-        if (JSON.stringify(this[i]).indexOf(JSON.stringify(val)) != -1) {
-            this.splice(i, 1);
-            break;
-        }
-    }
-};
-export default {
-    data() {
-        return {
-            chooseList: []
-        };
-    },
-    watch: {
-        chooseList(n, o) {
-            this.$emit('chooseNode', n);
-        }
-    },
-
-    props: {
-        data: {
-            type: Array
-        }
-    },
-    methods: {
-        //点击节点时伸展或收缩列表
-        open(item,type) {
-            item.ifVisible = !item.ifVisible;
-            type == 1 ? this.$emit('fircheckitem',item) : this.$emit('twocheckitem',item)
-        },
-
-        //选中叶子节点时将选中的叶子节点添加进数组，如果叶子节点存在则删除，removeByvalue函数定义在main.js中
-        choose(item) {
-            item.ifVisible = !item.ifVisible;
-            if (item.ifVisible) {
-                this.chooseList.push(item);
-            } else {
-                this.chooseList.removeByValue(item);
-            }
-        },
-        fircheckitem(item){
-            this.$emit('fircheckitem',item);
-        },
-        twocheckitem(item){
-            this.$emit('twocheckitem',item);
-        },
-        // 专业
-        addMajor(){
-             this.$emit('addMajor');
-        },
-        editMajor(item){
-            this.$emit('editMajor',item);
-        },
-        delMajor(item,index){
-            this.$emit('delMajor',item,index);
-        },
-        // 年级
-        addDepartment(item){
-            this.$emit('addDepartment',item);
-        },
-        editDepartment(item){
-            this.$emit('editDepartment',item);
-        },
-        delDepart(item,index){
-            this.$emit('delDepart',item,index);
-        },
-        // 班级
-        addClass(item){
-            this.$emit('addClass',item);
-        },
-        editDepartment(item){
-            this.$emit('editDepartment',item);
-        },
-        delDepartment(item,index){
-            this.$emit('delDepartment',item,index);
-        },
-        //判断数组中是否包含某个对象
-        isHasObj(arr, val) {
-            var flag = 0; //1为有 0为没有
-            for (var i = 0; i < arr.length; i++) {
-                if (JSON.stringify(arr[i]).indexOf(JSON.stringify(val)) != -1) {
-                    flag = 1;
-                }
-            }
-            if (flag == 1) {
-                return true;
-            } else {
-                return false;
-            }
-        }
-    }
-};
-</script>
-
-<style lang="scss" scoped>
-$insideColor: rgba(245, 242, 255, 0.8); //内部节点的边框颜色
-$outColor: rgba(255, 255, 255, 0.8); //外部节点的边框颜色
-
-//混合代码,提取item共同样式
-@mixin public {
-    cursor: pointer;  
-    font-size: 18px;
-    color: #333333;
-    display: flex;
-    align-items: center;
-        img {
-            height: 20px;
-            width: 20px;
-            margin-left: 10px;
-        }
-}
-
-.main {
-    width: 100%;
-}
-
-.item {
-    @include public;
-    width: 100%;
-    padding: 15px 0;
-    background:rgba(255,255,255,1);
-    box-shadow:1px 14px 29px 0px rgba(138,97,250,0.19);
-    border-radius:10px;
-    text-align: left;
-    margin-top: 20px;
-}
-.item:first{
-    margin-top: 0;
-}
-.item .empty{
-    width: 20px;
-}
-.edit{
-    width: 18px !important;
-    height: 18px !important;
-    margin-left: 10px;
-}
-.item2 {
-    @include public;
-    margin-top: 20px;
-    margin-left:60px
-}
-.item2:hover{
-    color: #9278FF;
-}
-
-//清除ul,li的默认样式
-ul,
-li {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-}
-
-// 使三角形旋转动画
-.arrowTransform {
-    transition: 0.4s;
-    transform-origin: center;
-    transform: rotateZ(0deg);
-}
-.arrowTransformReturn {
-    transition: 0.4s;
-    transform-origin: center;
-    transform: rotateZ(90deg);
-}
-
-//复选框样式
-.checkBox {
-    width: 14px;
-    height: 14px;
-    border-radius: 7px;
-    margin-left: 10px;
-    margin-right: 10px;
-    border: 2px solid rgba(146, 120, 255, 1);
-}
-
-//当点击复选框时候切换背景图片
-.isActive {
-    background: url('../../assets/img/icon-yigouxuan.png');
-    background-size: 14px 14px; /*按比例缩放*/
-}
-
-.side_view{
-    // height: 800px;
-    padding: 40px 20px;
-    background-color: #fff;
-    box-shadow:-2px 0px 57px 0px rgba(192,189,216,0.39);
-    i {
-        color: #9278FF;
-    }
-}
-.side_icon{
-    text-align: right;
-}
-.side_icon i{
-    cursor:pointer;
-    font-size: 20px;
-}
-.side_tree{
-    width: 100%;
-    font-size: 14px;
-    color: #333;
-    i{
-        margin-left: 10px;
-    }
-    span{
-        margin-left: 5px;
-        font-size: 14px;
-    }
-}
-.fz{
-    font-size: 20px;
-}
-</style>
\ No newline at end of file