vue-apps/com.actionsoft.apps.coe.pal/src/views/repository/RepositoryMain.vue

<template>
    <el-container id="repositoryMain" style="overflow: hidden;">
        <el-header v-if="!havingWritePerm || havingCreatePerm" :height="headerHeight2">
        </el-header>
        <el-header v-if="havingWritePerm || havingCreatePerm" :height="headerHeight1">
            <div style="margin: 12px 0px 10px;text-align: center;">
                <el-popover
                        v-if="havingWritePerm || havingCreatePerm"
                        placement="bottom"
                        width="280"
                        trigger="click"
                        :visible-arrow=false
                        v-model="createDesignerVisible"
                        @show="showCreateEvent">
                    <div v-loading="createMethodLoading" element-loading-text="拼命加载中">
                        <div>
                            <ul>
                                <li style="margin-bottom: 7px;" v-for="row in Math.ceil(fileMethodList.length/4)">
                                    <template v-for="item in fileMethodList.slice((row-1)*4, row*4)">
                                        <div class="new-repository-item"
                                             :style="{opacity: item.opacity, filter: item.filter, cursor: item.cursor}"
                                             @click="item.clickFlag && createDesigner(item.app,item.category,item.method)">
                                            <div style="position: relative;top: 9px;">
                                                <div class="icon-div-repository" :title="item.methodName"
                                                     :style="{'background-color': item.icon.color}">
                                                    <i class="awsui-iconfont icon-dynamic-repository"
                                                       v-html="item.icon.code"></i>
                                                </div>
                                                <div class="item-name text-general-color icon-text">
                                                    <label :style="{cursor: item.cursor}">{{item.methodName}}</label>
                                                </div>
                                            </div>
                                        </div>
                                        <!--                    </el-tooltip>-->
                                    </template>
                                </li>
                            </ul>
                        </div>
                        <!--分隔线-->
                        <div style="border-bottom: 1px solid #F2F2F2;"></div>
                        <div style="margin-top: 7px;">
                            <ul>
                                <li>
                                    <template v-for="item in folderMethodList">
                                        <div class="new-repository-item"
                                             :style="{opacity: item.opacity, filter: item.filter, cursor: item.cursor}"
                                             @click="item.clickFlag && createFolder(item.method, item.methodName)">
                                            <div style="position: relative;top: 4px;">
                                                <div class="icon-div-repository">
                                                    <i class="awsui-iconfont icon-fixed-repository" :style="{'color': item.icon.color}" v-html="item.icon.code"></i>
                                                </div>
                                                <div class="item-name text-general-color fixed-icon-text">
                                                    <label :style="{cursor: item.cursor}">{{item.methodName}}</label>
                                                </div>
                                            </div>
                                        </div>
                                    </template>
                                    <div class="new-repository-item" style="cursor: pointer;" @click="importDesigners">
                                        <div style="position: relative;top: 4px;">
                                            <div class="icon-div-repository">
                                                <i class="iconfont text-linker-color icon-fixed-repository">&#xe671;</i>
                                            </div>
                                            <div class="item-name text-general-color fixed-icon-text">
                                                <label style="cursor: pointer;">导入模型</label>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <awsui-button slot="reference" style="width: 100%;height: 36px;margin: 0;font-size: 14px;"
                                  :class="{'button-general-color': !dis}" type="primary"  :disabled="dis" >新建
                    </awsui-button>
                </el-popover>
            </div>
            <!-- 【伊利需求】左侧新增查询条件 -->
            <div class="condition-box" style="margin-bottom: 10px;display: flex;justify-content: space-evenly;">
                <!-- 创建人 -->
                <el-popover
                        placement="bottom"
                        width="310"
                        trigger="click"
                        >
                    <template slot="default">
                        <div class="create-user-box">
                            <el-input size="mini" placeholder="请输入用户名" v-model="searchUserName" class="input-with-select">
                                <el-button slot="append" icon="el-icon-search" @click="searchUserNameText"></el-button>
                            </el-input>
                            <div style="margin: 6px 0;">
                                <el-checkbox v-model="currentUserCheck" @change="handleCheckCurrentUserChange">
                                    <div style="font-weight: 600;">
                                        <span>{{ currentUser.userName }}</span><span style="margin-left: 15px;">(当前用户)</span>
                                    </div>
                                </el-checkbox>
                            </div>
                            <el-divider></el-divider>
                            <div style="margin: 4px 0;">
                                <el-checkbox :indeterminate="userIndeterminate" v-model="userCheckAll" @change="handleCheckAllUserChange"><span style="font-weight: 600">全部</span></el-checkbox>
                            </div>
                            <div style="overflow: auto;height: 88px;">
                                <el-checkbox-group v-model="checkCreateUserIds" @change="handleCheckedUserChange">
                                    <el-checkbox v-for="item in createUserList" :label="item.userId" :key="item.userId">
                                        <div style="display: inline-flex;justify-content: space-between;width: 280px;font-weight: 600;">
                                            <span>{{item.userName}}</span>
                                            <el-tooltip class="item" effect="dark" :content="item.deptName" placement="bottom">
                                                <span style="margin-left: 55px;">{{ item.deptNameView }}</span>
                                            </el-tooltip>
                                        </div>
                                    </el-checkbox>
                                </el-checkbox-group>
                            </div>
                        </div>
                    </template>
                    <div slot="reference" style="cursor: pointer">
                        <span style="font-size: 12px;color: rgb(147,147,153);margin-right: 8px;">创建人</span><span style="color: rgb(147,147,153);"><i class="el-icon-arrow-down"></i></span>
                    </div>
                </el-popover>
                <el-divider direction="vertical"></el-divider>
                <!-- 组织机构 -->
                <el-popover
                        placement="bottom"
                        width="300"
                        trigger="click"
                        >
                    <template slot="default">
                        <div class="org-box">
                            <el-input size="mini" placeholder="请输入组织" v-model="searchOrgName" class="input-with-select">
                                <el-button slot="append" icon="el-icon-search" @click="searchOrgNameFun"></el-button>
                            </el-input>
                            <div style="margin: 6px 0;">
                                <el-checkbox v-model="currentUserDeptCheck" @change="handleCheckCurrentUserDeptChange">
                                    <div style="font-weight: 600;">
                                        <span>{{ currentUser.userName }}</span>
                                        <el-tooltip class="item" effect="dark" :content="currentUser.deptName" placement="bottom">
                                            <span style="margin-left: 110px;">({{ currentUser.deptNameView }})</span>
                                        </el-tooltip>
                                    </div>
                                </el-checkbox>
                            </div>
                            <el-divider></el-divider>
                            <div style="overflow: auto;height: 305px;">
                                <el-tree
                                        ref="orgTree"
                                        :props="treeProps"
                                        :show-checkbox="multiple"
                                        :expand-on-click-node=false
                                        :check-strictly=true
                                        :highlight-current=true
                                        @node-collapse="closeNodeOrg"
                                        :filter-node-method="filterNode"
                                        @check-change="orgCheckChange"
                                        node-key="id"
                                        lazy
                                        :load="loadNodeOrg">
                                    <span slot-scope="{node, data}">
                                      <i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}" v-html="node.data.icon.icon"></i>
                                      <span>{{node.label}}</span>
                                    </span>
                                </el-tree>
                            </div>
                        </div>
                    </template>
                    <div slot="reference" style="cursor: pointer">
                        <span style="font-size: 12px;color: rgb(147,147,153);margin-right: 8px;">组织机构</span><span style="color: rgb(147,147,153);"><i class="el-icon-arrow-down"></i></span>
                    </div>
                </el-popover>
                <el-divider direction="vertical"></el-divider>
                <!-- 文件类型 -->
                <el-popover
                        placement="bottom-end"
                        width="200"
                        trigger="click"
                        >
                    <template slot="default">
                        <div class="methodId-box">
                            <el-input size="mini" placeholder="请输入文件类型" v-model="methodIdText" class="input-with-select">
                                <el-button slot="append" icon="el-icon-search" @click="searchMethodIdText"></el-button>
                            </el-input>
                            <div style="margin: 6px 0;">
                                <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全部类型</el-checkbox>
                            </div>
                            <el-divider></el-divider>
                            <el-checkbox-group v-model="checkMethodIds" @change="handleCheckedMethodIdChange">
                                <el-checkbox v-for="item in methodIds" :label="item.methodId" :key="item.methodId">{{item.name}}</el-checkbox>
                            </el-checkbox-group>
                        </div>
                    </template>
                    <div slot="reference" style="cursor: pointer">
                        <span style="font-size: 12px;color: rgb(147,147,153);margin-right: 8px;">文件类型</span><span style="color: rgb(147,147,153);"><i class="el-icon-arrow-down"></i></span>
                    </div>
                </el-popover>
                <el-divider direction="vertical"></el-divider>
                <!-- 筛选条件置空 -->
                <el-tooltip class="item" effect="dark" content="筛选条件清空" placement="bottom">
                    <span style="cursor: pointer;color: rgb(147, 147, 153);font-size: 15px;" @click="clearConditionData"><i class="el-icon-refresh-right"></i></span>
                </el-tooltip>
            </div>
            <div v-if="havingWritePerm || havingCreatePerm" style="width: 100%;border-bottom: 1px solid #F2F2F2;"></div>
        </el-header>
        <el-main class="main-tree" :style="{'overflow': 'auto', 'height': treeHeight}">
            <el-tree
                    ref="tree"
                    :props="treeProps"
                    :expand-on-click-node=false
                    :highlight-current=true
                    @node-click="openNode"
                    @node-expand="expandNode"
                    @node-collapse="closeNode"
                    node-key="id"
                    lazy
                    :load="loadNode">
        <span slot-scope="{node, data}">
          <i class="awsui-iconfont tree-content-icon tree-content-icon-padding" :style="{'color': node.data.icon.color}"
             v-html="node.data.icon.icon"></i>
             <span :style="{'font-weight': data.id.length < 36 ? '600' : ''}">{{node.label}}</span>
        </span>
            </el-tree>
        </el-main>
        <el-dialog
                :title="folderDialog.folderTitle"
                :visible.sync="folderDialog.dialogVisible"
                :modal-append-queryTreeByIdAndPathto-body=false
                :close-on-click-modal=false
                :close-on-press-escape=true
                :before-close="handleCloseFolder"
                width="600px">
            <div style="border: 1px solid #F2F2F2;padding: 0px 10px 10px 10px;">
                <awsui-form :model="folderDialog.folderForm" :rules="folderDialog.rules" ref="folderForm"
                            label-position="top">
                    <awsui-form-item label="名称" prop="name">
                        <awsui-input v-model="folderDialog.folderForm.name"></awsui-input>
                    </awsui-form-item>
                    <awsui-form-item v-if="folderDialog.folderMethod =='default'" label="描述" prop="desc">
                        <awsui-input type="textarea" v-model="folderDialog.folderForm.desc"></awsui-input>
                    </awsui-form-item>
                </awsui-form>
            </div>
            <span slot="footer" class="dialog-footer">
            <awsui-button class="button-general-color" type="primary" @click="createFolderSave('folderForm')">确定</awsui-button>
            <awsui-button @click="clearFolderDlg">取消</awsui-button>
          </span>
        </el-dialog>


        <el-dialog
                :title="ModelsetUpDialog.systemTitle"
                :visible.sync="ModelsetUpDialog.dialogVisible"
                :modal-append-queryTreeByIdAndPathto-body=false
                :close-on-click-modal=false
                :close-on-press-escape=true
                :before-close="handleCloseSystem"
                width="600px">
            <div style="border: 1px solid #F2F2F2;padding: 0px 10px 10px 10px;" >
                <awsui-form :model="ModelsetUpDialog.systemForm" :rules="ModelsetUpDialog.rules" ref="systemForm"
                            label-position="top">
                    <awsui-form-item label="当前选定路径">
                        <awsui-input v-model="ModelsetUpDialog.systemForm.repositoryPathData" disabled></awsui-input>
                    </awsui-form-item>
                    <awsui-form-item label="名称" prop="name">
                        <awsui-input v-model="ModelsetUpDialog.systemForm.name"></awsui-input>
                    </awsui-form-item>
                    <template v-if="ModelsetUpDialog.systemForm.method=='control.policy'">
                        <awsui-form-item label="制度类型" >
                            <awsui-select v-model="ModelsetUpDialog.systemForm.systemType" :options="ModelsetUpDialog.systemForm.SystemTypeOptions" placeholder="请选择制度类型"></awsui-select>
                        </awsui-form-item>
                    </template>

                </awsui-form>
            </div>
            <span slot="footer" class="dialog-footer">
            <awsui-button  class="button-general-color" type="primary" @click="createSystemSave('systemForm')" :loading="isLoading">确定</awsui-button>
            <awsui-button @click="clearSystemDlg">取消</awsui-button>
          </span>
        </el-dialog>


        <awsui-dialog
                title="密级标定"
                :visible.sync="securityVisible"
                :border="false"
                append-to-body
                width="500px">
            <div style="max-height:500px;overflow-y: auto">
                <awsui-form :ref="file.uuid" label-width="200px" :rules="securityRules" v-for="file in securityFileList" :key="file.uuid" :model="file">
                    <awsui-form-item :label="file.name"  prop="securityLevel">
                        <awsui-select v-model="file.securityLevel" :options="securityOptions" style="width:70%"></awsui-select>
                    </awsui-form-item>
                </awsui-form>
            </div>
            <div slot="footer" class="dialog-footer">
                <awsui-button type="primary" @click="uploadServer">确定</awsui-button>
                <awsui-button @click="securityVisible = false">取 消</awsui-button>
            </div>
        </awsui-dialog>
        <RepositoryImport ref="repositoryImport"></RepositoryImport>
    </el-container>
</template>

<script>
    import RepositoryImport from "./RepositoryImport";
    import {openDesigner} from "../../api/commonFun";
    import awsuiAxios from "../../awsuiAxios";
    import bus from '../../eventBus'

    export default {
        name: "RepositoryTree",
        components: {RepositoryImport},
        props: {
          conditionData: {
            type: Object,
            default: null
          }
        },
        data() {
            let securityValidate = (rule, value, callback) => {
                if (value === undefined ) {
                    callback(new Error('请选择文件密级'));
                } else {
                    callback();
                }
            };
            return {
                isLoading:false,
                multiple: true,
                // 创建人
                currentUserCheck: false,
                currentUser: '',
                searchUserName: '',
                createUserOptions: [],
                createUserList: [],
                checkCreateUserIds: [],
                userCheckAll: false,
                userIndeterminate: false,
                // 文件类型
                conditionBoxVisible1: false,
                conditionBoxVisible2: true,
                conditionBoxVisible3: false,
                methodIdText: '',
                methodIdOptions: [],
                methodIds: [],
                checkMethodIds: [],
                checkAll: false,
                isIndeterminate: false,
                // 组织机构
                addressType: 'department',
                searchOrgName: '',
                checkOrgIds: [],
                currentUserDeptCheck: false,

                dis: false,
                headerHeight1: '88px',
                headerHeight2: '10px',
                treeHeight: (parseInt(this.$store.getters.getTopMainHeightFn)) - (this.havingWritePerm || this.havingCreatePerm ? parseInt(this.headerHeight1) : parseInt(this.headerHeight2)) + 'px',
                fileMethodList: [],
                folderMethodList: [],
                createDesignerVisible: false,
                folderDialog: {
                    dialogVisible: false,
                    folderMethod: 'default',// 文件夹类型，default默认文件夹，custom自定义文件夹（扩展的文件夹类型的建模方法）
                    folderTitle: '新建文件夹',// 新建文件夹时自定义标题
                    folderForm: {
                        name: '',
                        desc: ''
                    },
                    rules: {
                        name: [
                            {required: true, message: '必填', trigger: 'blur'},
                            {min: 1, max: 120, message: '长度在 1 到 120 个字符', trigger: 'blur'}
                        ],
                        securityLevel: [
                            { required: true, trigger: "change", validator: securityValidate ,type: "number"}
                        ],
                        desc: [
                            {min: 0, max: 2550, message: '长度在 255 个字符以内', trigger: 'blur'}
                        ]
                    }
                },

                //制度弹框
                ModelsetUpDialog: {
                    loading: false,
                    dialogVisible: false,
                    systemMethod: 'default',// 文件夹类型，default默认文件夹，custom自定义文件夹（扩展的文件夹类型的建模方法）
                    systemTitle: '模型新建',// 新建文件夹时自定义标题
                    systemForm: {
                        name: '',
                        uuid:"",
                        parentId:"",
                        repositoryPathData:"",
                        method:"",
                        systemType: '1',
                        category:"",
                        SystemTypeOptions: [
                            {
                                "label" : '制度',
                                "value" : "1"
                            },
                            {
                                "label" : '操作指导',
                                "value" : "2"
                            }
                        ],
                    },
                    rules: {
                        name: [
                            {required: true, message: '必填', trigger: 'blur'},
                            {min: 1, max: 120, message: '长度在 1 到 120 个字符', trigger: 'blur'}
                        ]
                    }
                },
                treeProps: {
                    label: 'name',
                    isLeaf: 'leaf'
                },
                createMethodLoading: false,
                systemMethodLoading:true,
                havingWritePerm: false,
                havingRemovePerm: false,
                havingVersionManagePerm: false,
                validUserPermDataCount: 0,
                isOlderVersion:true,
                havingCreatePerm:false,
                havingBatchPerm:false,
                isHighSecurity: false,
                securityList: {},
                securityVisible: false,
                securityFileList: [],
                securityOptions: [],
                securityRules: {
                    securityLevel: [{ required: true, trigger: "change", validator: securityValidate ,type: "number"}],
                },
                securityType: "",
            }
        },
        inject: ['openRepositoryList','transferTreeNode'],
        provide: function(){
            return{
                getIsHighSecurity: this.getIsHighSecurity,
                setSecurityVisible: this.setSecurityVisible,
                securityFileList: this.securityFileList,
                setSecurityType: this.setSecurityType,
                SystemTypeList:this.SystemTypeList
            }
        },
        created() {
            this.initData();
            this.resolveConditionData();
        },
        mounted() {
            bus.$on("getisDisabled",data =>{
                this.dis=data;
            });
        },
        methods: {
            clearConditionData(){
              this.checkCreateUserIds = [];
              this.currentUserCheck = false;
              this.$store.commit('setCreateUsers',this.checkCreateUserIds);
              this.checkMethodIds = [];
              this.isIndeterminate = false;
              this.userIndeterminate = false;
              this.checkAll = false;
              this.$store.commit('setMethodIds',this.checkMethodIds);
              this.checkOrgIds = [];
              this.currentUserDeptCheck = false;
              this.$refs.orgTree.setCheckedKeys(this.checkOrgIds);
              this.$store.commit('setOrgIds',this.checkOrgIds);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            filterNode(value, data) {
              if (!value) return true;
              return data.name.indexOf(value) !== -1;
            },
            searchOrgNameFun(){
              this.$refs.orgTree.filter(this.searchOrgName);
            },
            // 当前人的部门是否选中
            handleCheckCurrentUserDeptChange(val){
              let temp = [];
              temp = [...this.checkOrgIds];
              if (val) {
                temp.push(this.currentUser.deptId);
              }else {
                let index = temp.indexOf(this.currentUser.deptId);
                if (index !== -1) {
                  temp.splice(index,1);
                }
              }
              this.$refs.orgTree.setCheckedKeys(temp)
              this.$store.commit('setOrgIds',temp);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            orgCheckChange(data,checked,isChildCheck){
              let node = this.$refs.orgTree.getNode(data.id)
              if (checked) {
                if (node.expanded) {
                  node.expanded = false
                  node.loaded = false
                }
                // 去重保存勾选节点信息
                if (this.checkOrgIds.indexOf(data.id) === -1) {
                  this.checkOrgIds.push(data.id)
                }
                // 如果与当前人的部门一致 当前人部门选中
                if (this.currentUser.deptId === data.id) {
                  this.currentUserDeptCheck = true;
                }
              }else {
                node.expanded = false
                node.isLeaf = false
                node.loaded = false
                if (this.checkOrgIds.indexOf(data.id) !== -1) {    // 删除取消勾选节点
                  this.checkOrgIds.splice(this.checkOrgIds.indexOf(data.id),1)
                }
                // 如果与当前人的部门一致 当前人部门取消选中
                if (this.currentUser.deptId === data.id) {
                  this.currentUserDeptCheck = false;
                }
              }
              this.$refs.orgTree.setCheckedKeys(this.checkOrgIds)
              this.$store.commit('setOrgIds',this.checkOrgIds);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            loadNodeOrg(node, resolve) {// `动态`加载
              const that = this;
              that.loading = true;
              const data = {
                url:'jd',
                data:{
                  cmd: 'com.actionsoft.apps.coe.pal_bpm_org_address_component_subjson',
                  addressType: 'department',
                  pid: '',
                  highSecurityFilter: '',
                  parentType: ''
                }
              };
              if (node.level === 0) {
                // 获取根目录
                data.data.pid = '';
                data.data.parentType = '';
              } else {
                // 获取其他目录
                data.data.pid = node.data.id;
                data.data.parentType = node.data.type;
              }

              if (node.level > 0 && that.checkOrgIds.indexOf(node.data.id) !== -1 && node.checked) {
                resolve([])
                return;
              }
              // 查询数据
              awsuiAxios.post(data).then(function (ro) {
                // 设置是否可选中
                if (that.multiple) {// 多选
                  const isDept = that.addressType.indexOf('department') > -1;
                  const isUser = that.addressType.indexOf('user') > -1;
                  const isRole = that.addressType.indexOf('role') > -1;
                  const isPosition = that.addressType.indexOf('position') > -1;
                  for (let i = 0; i < ro.data.length; i++) {
                    const curr = ro.data[i];
                    if (curr.type == 'company' || curr.type == 'roleRoot' || curr.type == 'roleGroup' || curr.type == 'positionRoot' || curr.type == 'positionGroup') {
                      curr.disabled = true;
                    } else {
                      if (isDept && curr.type == 'department') curr.disabled = false;
                      if (!isDept && curr.type == 'department') curr.disabled = true;
                      if (isUser && curr.type == 'user') curr.disabled = false;
                      if (!isUser && curr.type == 'user') curr.disabled = true;
                      if (isRole && curr.type == 'role') curr.disabled = false;
                      if (!isRole && curr.type == 'role') curr.disabled = true;
                      if (isPosition && curr.type == 'position') curr.disabled = false;
                      if (!isPosition && curr.type == 'position') curr.disabled = true;
                    }
                  }
                };
                resolve(ro.data);
                that.loading = false;
                if (node.level == 0 && ro.data.length > 0) {
                  const tree = that.$refs.orgTree;
                  tree.getNode(ro.data[0].id).expand();
                  setTimeout(function(){
                    const childNode = tree.getNode(ro.data[0].id).childNodes[0];
                    if (childNode != null) {
                      childNode.expand();
                    }
                  }, 500);
                }
              }).catch(error=>{
                console.log(error);
              })
            },
            closeNodeOrg(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
              node.childNodes = [];
              node.loaded = false;
            },
            // 当前人状态改变
            handleCheckCurrentUserChange(val){
              let temp = [];
              temp = [...this.checkCreateUserIds];
              if (val) {
                temp.push(this.currentUser.userId);
              }else {
                let index = temp.indexOf(this.currentUser.userId);
                if (index !== -1) {
                  temp.splice(index,1);
                }
              }
              this.$store.commit('setCreateUsers',temp);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            // 创建人全选
            handleCheckAllUserChange(val){
              let temp = []
              if (val) {
                this.createUserList.forEach(user => temp.push(user.userId));
                this.checkCreateUserIds = temp;
              }else{
                this.checkCreateUserIds = temp;
              }
              // 更新创建人信息 判断是否勾选的当前人
              if (this.currentUserCheck){
                temp.push(this.currentUser.userId)
              }
              this.$store.commit('setCreateUsers',temp);
              this.userIndeterminate = false;
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            handleCheckedUserChange(value){
              let checkedCount = value.length;
              this.userCheckAll = checkedCount === this.createUserList.length;
              this.userIndeterminate = checkedCount > 0 && checkedCount < this.createUserList.length;
              // 保存创建人信息
              let tempArr = [];
              if (this.currentUserCheck) {
                tempArr.push(this.currentUser.userId);
                value.forEach(userId => {
                  tempArr.push(userId);
                })
              }else {
                tempArr = [...value];
              }
              this.$store.commit('setCreateUsers',tempArr);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            searchUserNameText() {
              this.createUserList = [];
              if (!this.searchUserName) {
                this.createUserList = this.createUserOptions;
                return;
              }
              this.createUserOptions.forEach(item => {
                if (item.userName.indexOf(this.searchUserName) !== -1){
                  this.createUserList.push(item);
                }
              });
            },
            // 文件类型全选
            handleCheckAllChange(val){
              let temp = []
              if (val) {
                this.methodIds.forEach(item => temp.push(item.methodId));
                this.checkMethodIds = temp;
              }else {
                this.checkMethodIds = temp;
              }
              this.$store.commit('setMethodIds',temp);
              this.isIndeterminate = false;
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            handleCheckedMethodIdChange(value){
              let checkedCount = value.length;
              this.checkAll = checkedCount === this.methodIds.length;
              this.isIndeterminate = checkedCount > 0 && checkedCount < this.methodIds.length;

              this.$store.commit('setMethodIds',[...value]);
              // 刷新左侧文件树以及右侧最近编辑与收藏
              this.$store.getters.getPageFunction['repositoryMainList_initData']();
              // 刷新左侧树
              this.refreshNode('control');
              this.refreshNode('process');
            },
            // 文件类型筛选
            searchMethodIdText(){
              this.methodIds = [];
              if (!this.methodIdText) {
                this.methodIds = this.methodIdOptions;
                return;
              }
              this.methodIdOptions.forEach(item => {
                if (item.name.indexOf(this.methodIdText) !== -1){
                  this.methodIds.push(item);
                }
              });
            },
            // 初始化筛选条件数据
            resolveConditionData(){
              const that = this;
              that.methodIdOptions = that.conditionData.methodIds
              that.methodIds = that.methodIdOptions
              that.currentUser = that.conditionData.currentUser
              that.currentUser.deptNameView = that.currentUser.deptName
              if (that.currentUser.deptName.length > 8) {
                that.currentUser.deptNameView = `${that.currentUser.deptName.substring(0,4)}***${that.currentUser.deptName.substring(that.currentUser.deptName.length-4)}`
              }
              that.conditionData.createUsers.forEach(item => {
                item.deptNameView = item.deptName
                if (item.deptName.length > 8) {
                  item.deptNameView = `${item.deptName.substring(0,4)}***${item.deptName.substring(item.deptName.length-4)}`
                }
              })
              that.createUserOptions = that.conditionData.createUsers;
              that.createUserList = that.createUserOptions;

              // 根据历史筛选条件初始化多选框
              if (that.conditionData.historyCondition) {

                let checkMethodIdCount = that.conditionData.historyCondition.methodIds.length
                let checkCreateUsersCount = that.conditionData.historyCondition.createUsers.length
                let index = that.conditionData.historyCondition.createUsers.indexOf(that.currentUser.userId);
                if (index !== -1) {
                  checkCreateUsersCount = checkCreateUsersCount - 1;
                  that.currentUserCheck = true
                }else {
                  that.currentUserCheck = false
                }
                that.checkAll = checkMethodIdCount === that.methodIds.length;
                that.userCheckAll = checkCreateUsersCount === that.createUserList.length;
                that.isIndeterminate = checkMethodIdCount > 0 && checkMethodIdCount < that.methodIds.length;
                that.userIndeterminate = checkCreateUsersCount > 0 && checkCreateUsersCount < that.createUserList.length;

                that.checkCreateUserIds = [];
                that.conditionData.historyCondition.createUsers.forEach(userId => {
                  if (userId !== that.currentUser.userId) {
                    that.checkCreateUserIds.push(userId);
                  }
                })
                that.checkMethodIds = [...that.conditionData.historyCondition.methodIds];
                that.checkOrgIds = [...that.conditionData.historyCondition.orgIds];
                let orgIdIndex = that.conditionData.historyCondition.orgIds.indexOf(that.currentUser.deptId);
                if (orgIdIndex !== -1) {
                  that.currentUserDeptCheck = true;
                }else {
                  that.currentUserDeptCheck = false;
                }
                that.$nextTick(() => {
                  if (that.$refs.orgTree) {
                    that.$refs.orgTree.setCheckedKeys(that.checkOrgIds);
                  }
                })
              }
            },

            initData() {
                const that = this;
                that.loadingText = '加载中';
                that.loading = true;
                if (that.$store.getters.getTeamIdFn && that.$store.getters.getTeamIdFn != '') {
                    const data = {
                        url: 'jd',
                        data: {
                            wsId: that.$store.getters.getWsIdFn,
                            teamId: that.$store.getters.getTeamIdFn,
                            cmd: 'com.actionsoft.apps.coe.pal_user_perm_query'
                        }
                    };
                    // 查询数据
                    awsuiAxios.post(data).then(function (ro) {
                        that.validUserPermDataCount = ro.data.validUserPermDataCount;
                        if (that.validUserPermDataCount > 0) {
                            that.havingWritePerm = ro.data.havingWritePerm;
                            that.havingCreatePerm = ro.data.havingCreatePerm
                        } else {
                            that.havingWritePerm = false;
                            that.havingCreatePerm = false;
                        }
                        that.havingRemovePerm = ro.data.havingRemovePerm;
                        that.havingVersionManagePerm = ro.data.havingVersionManagePerm;
                        that.havingBatchPerm = ro.data.havingBatchPerm;
                        that.isOlderVersion = ro.data.isOlderVersion;
                        that.initTreeHeight();
                    }).catch(error => {
                        console.log(error);
                    })
                } else {
                    that.havingWritePerm = true;
                    that.havingRemovePerm = true;
                    that.havingVersionManagePerm = true;
                }
                this.initTreeHeight();
            },

            queryTreeByIdAndPath(id, versionId, path) {// 定位展开某节点
                const that = this;
                const tree = that.$refs.tree;
                // 分隔字符串
                const pathArr = path.split(',');
                let index = 1;
                for (let i = 0; i < pathArr.length; i++) {// 依次展开
                    if (i > 0) {
                        if (tree.getNode(pathArr[i - 1]) != null) {
                            setTimeout(that._expandNode(tree, pathArr[i - 1]), index * 300);
                            index++;
                        }
                    }
                }
                setTimeout(function () {
                    if (tree.getNode(versionId) != null) {
                        tree.setCurrentKey(versionId);
                    }
                    that.openRepositoryList(id);
                }, index * 300);
            },
            _expandNode(tree, id) {
                return function () {
                    tree.getNode(id).expand();
                }
            },
            openNode(obj, node, tree) {// 打开一只模型文件
                if(obj.folder==false){
                    // window.open(node.data.url, '_blank'); //在新窗口显示目标网页
                    openDesigner(this.$store.getters.getTeamIdFn, node.data.id, this.$store.state.sessionId);
                }else{
                    this.closeCreatePopover();
                    this.openRepositoryList(node.data.currId);
                    this.transferTreeNode(obj)
                }

            },

            loadNode(node, resolve) {
                const that = this;
                const data = {
                    url: 'jd',
                    data: {}
                };
                data.data.wsId = that.$store.getters.getWsIdFn;
                data.data.teamId = that.$store.getters.getTeamIdFn;
                data.data.createUsers = JSON.stringify(that.$store.getters.getCreateUsers);
                data.data.orgIds = JSON.stringify(that.$store.getters.getOrgIds);
                data.data.methodIds = JSON.stringify(that.$store.getters.getMethodIds);
                data.data.cmd = 'com.actionsoft.apps.coe.pal_processlevel_tree_data';
                if (node.level === 0) {
                    // 获取根目录
                    data.data.pid = '';
                } else {
                    // 获取其他目录
                    data.data.pid = node.data.id;
                }
                // 查询数据
                awsuiAxios.post(data).then(function (ro) {

                    resolve(ro.data);
                    if (node.level == 0 && ro.data.length > 0) {
                        const tree = that.$refs.tree;
                        tree.getNode(ro.data[0].id).expand();
                        setTimeout(function () {
                            const childNode = tree.getNode(ro.data[0].id).childNodes[0];
                            if (childNode != null) {
                                childNode.expand();
                            }
                        }, 500);
                    }
                }).catch(error => {
                    console.log(error);
                    that.tableLoading = false;
                })
            },
            expandNode(obj, node, tree) {// 展开节点

            },
            closeNode(obj, node, tree) {// 关闭时清空，下次展开重新请求动态加载
                node.childNodes = [];
                node.loaded = false;
            },
            refreshNode(id) {// 刷新当前选中节点的子节点，即关闭当前节点后重新打开，会执行loadNode进行自动加载
                if (id == undefined) {// 未指定节点，默认刷新当前选中
                    const nodeData = this.$refs.tree.getCurrentNode();
                    if (nodeData != null) {
                        if (this.$refs.tree.store.nodesMap[nodeData.id] != undefined) {
                            this.$refs.tree.store.nodesMap[nodeData.id].expanded = false;
                        }
                        const node = this.$refs.tree.getNode(nodeData.id);
                        this.closeNode(null, node, null);
                        node.expand();
                    }
                } else {// 指定刷新某节点
                    if (this.$refs.tree.store.nodesMap[id] != undefined) {
                        this.$refs.tree.store.nodesMap[id].expanded = false;
                    }
                    const node = this.$refs.tree.getNode(id);
                    if (node != null) {
                        this.closeNode(null, node, null);
                        node.expand();
                        //刷新后，默认点击当前node
                        this.openNode(node.data,node,null);
                    }
                }
            },
            refreshParentNode(id) {// 刷新当前id节点的父节点，即重新加载id节点
                let nodeData = null;
                if (id == undefined) {
                    nodeData = this.$refs.tree.getCurrentNode();
                } else {
                    nodeData = this.$refs.tree.getNode(id);
                }
                if (nodeData != null) {
                    nodeData = this.$refs.tree.getNode(nodeData.data.pid);
                    this.refreshNode(nodeData.data.id);
                }
            },
            showCreateEvent() {
                const that = this;
                const node = that.$refs.tree.getCurrentNode();
                if (node == null) {
                    that.closeCreatePopover();
                    that.$message({
                        message: '请选择新建文件位置',
                        type: 'warning'
                    });
                    return;
                }
                that.createMethodLoading = true;
                const category = that.$refs.tree.getCurrentNode().plCategory;
                const methodId = that.$refs.tree.getCurrentNode().plMethodId;
                // 获取所有类型
                const data = {
                    url: 'jd',
                    data: {
                        cmd: 'com.actionsoft.apps.coe.pal_processlevel_create_method_list',
                        category: category,
                        methodId: methodId
                    }
                };
                // 查询数据
                awsuiAxios.post(data).then(function (ro) {

                    if (ro.result == 'ok') {
                        const fileMethodList = ro.data.fileMethodList;// 文件类建模
                        for (let i = 0; i < fileMethodList.length; i++) {
                            let item = fileMethodList[i];
                            if (item.havingCreatePerm) {
                                item.opacity = 1.0;
                                item.filter = 'alpha(opacity=100)';
                                item.clickFlag = true;
                                item.cursor = 'pointer';
                            } else {
                                item.opacity = 0.4;
                                item.filter = 'alpha(opacity=40)';
                                item.clickFlag = false;
                                item.cursor = 'default';
                            }
                        }
                        that.fileMethodList = fileMethodList;

                        const folderMethodList = ro.data.folderMethodList;// 文件夹类型
                        for (let i = 0; i < folderMethodList.length; i++) {
                            let item = folderMethodList[i];
                            if (item.havingCreatePerm) {
                                item.opacity = 1.0;
                                item.filter = 'alpha(opacity=100)';
                                item.clickFlag = true;
                                item.cursor = 'pointer';
                            } else {
                                item.opacity = 0.4;
                                item.filter = 'alpha(opacity=40)';
                                item.clickFlag = false;
                                item.cursor = 'default';
                            }
                        }
                        that.folderMethodList = folderMethodList;
                        // 三员管理配置
                        if(ro.data.isHighSecurity != undefined){
                            that.isHighSecurity = ro.data.isHighSecurity;
                            that.securityList = ro.data.securityList;
                            //设置密级options
                            that.securityOptions = [];
                            Object.keys(that.securityList).map(key =>{
                                let option= {
                                    value: key,
                                    label: that.securityList[key]
                                }
                                that.securityOptions.push(option);
                            })
                        }
                    }
                    that.createMethodLoading = false;
                }).catch(error => {
                    console.log(error);
                })
            },
            createFolder(method, methodName) {// 创建文件夹

                this.folderDialog.folderMethod = method;
                this.folderDialog.folderTitle = '新建' + methodName;
                this.folderDialog.dialogVisible = true;
                this.closeCreatePopover();
            },

            clearFolderDlg(closeDlg) {
                this.$refs['folderForm'].resetFields();
                if (closeDlg) {
                    this.folderDialog.dialogVisible = false;
                }
            },

            clearSystemDlg(closeDlg) {
                this.isLoading = false;
                this.$refs['systemForm'].resetFields();
                if (closeDlg) {
                    this.ModelsetUpDialog.dialogVisible = false;
                }
            },


            handleCloseFolder(done) {
                this.clearFolderDlg(false);
                done();
            },

            handleCloseSystem(done) {
                this.clearSystemDlg(false);
                done();
            },

            //ModelsetUpDialog
            createModelsetUp(method) {// 创建文件夹
                this.ModelsetUpDialog.systemMethod = method;
                this.ModelsetUpDialog.systemForm.method = method;
                this.ModelsetUpDialog.systemTitle = '新建模型';
                this.ModelsetUpDialog.dialogVisible = true;
                this.closeCreatePopover();
            },

            createFolderSave(formName) {// 保存新建的文件夹
                const that = this;
                that.$refs[formName].validate((valid) => {
                    if (valid) {
                        const name = that.folderDialog.folderForm.name;
                        const desc = that.folderDialog.folderForm.desc;
                        if (desc.length > 255) {
                            that.$message({message: '[描述]不允许超过255个字符', type: 'warning'});
                            return;
                        }
                        const nodeData = that.$refs.tree.getCurrentNode();
                        const parentId = nodeData.id;
                        const wsId = that.$store.getters.getWsIdFn;
                        const teamId = that.$store.getters.getTeamIdFn;
                        const method = that.folderDialog.folderMethod;// 默认文件夹或自定义method的文件夹
                        const data = {
                            url: 'jd',
                            data: {
                                cmd: 'com.actionsoft.apps.coe.pal_processlevel_folder_create_save',
                                wsId: wsId,
                                teamId: teamId,
                                method: method,
                                parentId: parentId,
                                name: name,
                                desc: desc,
                                id: ''// 为空代表创建，不为空则更新
                            }
                        };
                        // 查询数据
                        awsuiAxios.post(data).then(function (ro) {
                            if (ro.result == 'ok') {
                                // 刷新节点，重新打开
                                that.refreshNode();
                                that.clearFolderDlg(true);
                                that.openRepositoryList(parentId);
                            }
                        }).catch(error => {
                            console.log(error);
                        })
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                });
            },

            //新建模型
            createSystemSave(formName) {// 保存新建的文件夹
                const that = this;
                that.$refs[formName].validate((valid) => {
                    if (valid) {
                        const checkdata = {
                            url:'jd',
                            data:{
                                cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_checkname',
                                title: that.ModelsetUpDialog.systemForm.name,
                                method:that.ModelsetUpDialog.systemForm.method,
                            }
                        };
                        // 查询数据
                        awsuiAxios.post(checkdata).then(function (ro) {
                            if (ro.data.result == 'ok') {
                                that.isLoading = true;
                                const nodeData = that.$refs.tree.getCurrentNode();
                                const parentId = nodeData.id;
                                const wsId = that.$store.getters.getWsIdFn;
                                const teamId = that.$store.getters.getTeamIdFn;
                                const data = {
                                    url: 'jd',
                                    data: {
                                        cmd: 'com.actionsoft.apps.coe.pal_processlevel_repository_create_save_Designer',
                                        wsId: wsId,
                                        teamId: teamId,
                                        category: that.ModelsetUpDialog.systemForm.category,
                                        method: that.ModelsetUpDialog.systemForm.method,
                                        parentId: parentId,
                                        container: '_blank',// 模板，暂时不做模板
                                        name:that.ModelsetUpDialog.systemForm.name
                                    }
                                };
                                // 查询数据
                                awsuiAxios.post(data).then(function (ro) {
                                    if (ro.result == 'ok') {
                                        that.ModelsetUpDialog.systemForm.uuid=ro.data.id;
                                        that.ModelsetUpDialog.systemForm.parentId=parentId;
                                        if(that.ModelsetUpDialog.systemForm.method == "control.policy"){
                                            const data = {
                                                url:'jd',
                                                data:{
                                                    cmd: 'com.actionsoft.apps.coe.pal_pl_repository_designer_CreateSystemModelBySelectType',
                                                    title: that.ModelsetUpDialog.systemForm.name,
                                                    type: that.ModelsetUpDialog.systemForm.systemType,
                                                    method:that.ModelsetUpDialog.systemForm.method,
                                                    uuid:that.ModelsetUpDialog.systemForm.uuid,
                                                    parentId:that.ModelsetUpDialog.systemForm.parentId
                                                }
                                            };
                                            // 查询数据
                                            awsuiAxios.post(data).then(function (ro) {
                                                if (ro.result == 'ok') {
                                                    that.isLoading = false;
                                                    that.refreshNode('control');
                                                    that.refreshNode('process');
                                                    that.ModelsetUpDialog.dialogVisible = false;
                                                    that.openRepositoryList(that.ModelsetUpDialog.systemForm.parentId);
                                                    // 返回id
                                                    openDesigner(that.$store.getters.getTeamIdFn, that.ModelsetUpDialog.systemForm.uuid, that.$store.state.sessionId);
                                                    //清空数据
                                                    that.$refs['systemForm'].resetFields();

                                                } else {
                                                    that.$message.error(ro.msg);
                                                }
                                            }).catch(error=>{
                                                console.log(error);
                                            })
                                        }else{
                                            that.isLoading = false;
                                            that.refreshNode('control');
                                            that.refreshNode('process');
                                            that.ModelsetUpDialog.dialogVisible = false;
                                            that.openRepositoryList(that.ModelsetUpDialog.systemForm.parentId);
                                            // 返回id
                                            openDesigner(that.$store.getters.getTeamIdFn, that.ModelsetUpDialog.systemForm.uuid, that.$store.state.sessionId);
                                            //清空数据
                                            that.$refs['systemForm'].resetFields();

                                        }


                                    }
                                }).catch(error => {
                                    console.log(error);
                                })
                            } else {
                                that.$message({message: that.ModelsetUpDialog.systemForm.name+'名称重复,请重新输入！！！', type: 'warning'});
                                return;
                            }
                        }).catch(error=>{
                            console.log(error);
                        })


                    }else {
                        console.log('error submit!!');
                        return false;
                    }
                });


            },


            createDesigner(app, category, method) {// 新建文件
                const that = this;
                that.closeCreatePopover();
                if(this.isHighSecurity){
                    //密级标定dialog
                    let file = {
                        uuid: 1,
                        name : "未命名文件",
                        category: category,
                        method: method,
                    };
                    this.securityFileList.push(file);
                    this.securityType = "create";
                    this.securityVisible = true;
                }else {
                    const nodeData = that.$refs.tree.getCurrentNode();
                    const parentId = nodeData.id;
                    const data = {
                        url: 'jd',
                        data: {
                            cmd: 'com.actionsoft.apps.coe.getArchitecturePath',
                            parentId: parentId,

                        }
                    };
                    // 查询数据
                    awsuiAxios.post(data).then(function (ro) {

                        // 返回id
                        that.ModelsetUpDialog.systemForm.category=category;
                        that.ModelsetUpDialog.systemForm.repositoryPathData = ro.data.repositoryPathData;
                        that.ModelsetUpDialog.systemForm.parentId = parentId;
                        that.createModelsetUp(method);

                    }).catch(error => {
                        console.log(error);
                    })

                }
            },
            uploadServer(){
                this.validateFlag = true;
                //规则校验
                for(let i=0;i<this.securityFileList.length;i++){
                    let file = this.securityFileList[i];
                    this.$refs[file.uuid][0].validate(valid =>{
                        if(!valid){
                            this.validateFlag = false;
                            return false;
                        }
                    });
                }
                if(this.validateFlag){
                    if("import" === this.securityType){
                        //导入模型密级标定
                        const data = {
                            url: 'jd',
                            data: {
                                cmd: 'com.actionsoft.apps.coe.pal_pl_file_security_level_batch_update',
                                fileList: JSON.stringify(this.securityFileList),
                            }
                        };
                        // 查询数据
                        awsuiAxios.post(data).then(function (ro) {
                            if (ro.result == 'ok') {
                                // 刷新节点，重新打开
                                that.refreshNode();
                                that.openRepositoryList(parentId);
                                that.$message({
                                    message: '导入成功',
                                    type: 'success'
                                });
                            }
                        }).catch(error => {
                            console.log(error);
                        });
                    }else{
                        //开启设计器
                        const that = this;
                        const nodeData = that.$refs.tree.getCurrentNode();
                        const parentId = nodeData.id;
                        const wsId = that.$store.getters.getWsIdFn;
                        const teamId = that.$store.getters.getTeamIdFn;
                        for(let i=0;i<this.securityFileList.length;i++){
                            let file = this.securityFileList[i];
                            // 新建文件密级标定
                            const data = {
                                url: 'jd',
                                data: {
                                    cmd: 'com.actionsoft.apps.coe.pal_processlevel_repository_create_save',
                                    wsId: wsId,
                                    teamId: teamId,
                                    category: file.category,
                                    method: file.method,
                                    parentId: parentId,
                                    container: '_blank',// 模板，暂时不做模板
                                    securityLevel: file.securityLevel,
                                }
                            };
                            // 查询数据
                            awsuiAxios.post(data).then(function (ro) {
                                if (ro.result == 'ok') {
                                    // 刷新节点，重新打开
                                    that.refreshNode();
                                    that.openRepositoryList(parentId);
                                    // 返回id
                                    const id = ro.data.id;
                                    openDesigner(that.$store.getters.getTeamIdFn, id, that.$store.state.sessionId);
                                }
                            }).catch(error => {
                                console.log(error);
                            })
                        }
                    }
                    this.securityVisible = false;
                }
            },
            importDesigners() {
                this.closeCreatePopover();
                // 导出窗口
                this.$refs.repositoryImport.openImportRepositoryDlg(this, this.$refs.tree.getCurrentNode().plCategory, this.$refs.tree.getCurrentNode().id);
            },
            closeCreatePopover() {
                this.createDesignerVisible = false;
            },
            reload() {

            },
            initTreeHeight() {
                this.treeHeight = (parseInt(this.$store.getters.getTopMainHeightFn)) - (this.havingWritePerm || this.havingCreatePerm ? parseInt(this.headerHeight1) : parseInt(this.headerHeight2)) + 'px';
            },
            getIsHighSecurity(){
                return this.isHighSecurity;
            },
            setSecurityVisible(visible){
                this.securityVisible= visible;
            },
            setSecurityType(val){
                this.securityType = val;
            }
        },
        computed: {
            listenTopMainHeight() {
                return this.$store.getters.getTopMainHeightFn;
            }
        },
        watch: {
            listenTopMainHeight: function (newd, old) {
                this.initTreeHeight();
            },
            //密级选择dialogVisible 变为false，清空securityFileList
            securityVisible(newval, oldval){
                if(!newval){
                    this.securityFileList.splice(0,this.securityFileList.length);
                }
            },
        }
    }
</script>

<style scoped>
    #repositoryMain >>> .el-main {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        overflow: auto;
        margin: 0 10px 10px;
    }
    #repositoryMain >>> .el-header {
        padding: 0 10px;
    }
    #repositoryMain >>> .el-tree .el-tree-node > .el-tree-node__children {
        overflow: visible;
    }

    #repositoryMain >>> .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
        background-color: #F5F7FA;
        color: #F79500;
    }

    #repositoryMain >>> .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .awsui-iconfont {
        color: #F79500 !important;
    }

    #repositoryMain >>> .el-dialog__body {
        padding: 10px 20px;
        color: #606266;
        font-size: 14px;
        word-break: break-all;
    }

    #repositoryMain >>> .el-form-item__label {
        line-height: 0;
    }

    #repositoryMain >>> .el-tree {
        min-width: 100%;
        display: inline-block !important;
    }

    .icon-div-repository {
        border-radius: 10%;
        display: inline-block;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        vertical-align: middle;
    }

    .icon-dynamic-repository {
        color: white;
        font-size: 18px;
    }

    .new-repository-item:hover .item-name {
        color: #4E7FF9;
    }

    .new-repository-item:hover {
        background-color: #F5F7FA;
    }

    .new-repository-item {
        width: 60px;
        height: 70px;
        line-height: 30px;
        text-align: center;
        display: inline-block;
        padding: 5px;
        vertical-align: middle;
    }

    .icon-fixed-repository {
        font-size: 23px;
        height: 20px;
        width: 20px;
    }

    .icon-text {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fixed-icon-text {
        font-size: 12px;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .main-tree::-webkit-scrollbar {
        display: none;
    }
    .condition-box >>> .el-divider--vertical {
        height: 18px;
    }
    .methodId-box >>> .el-divider--horizontal {
        margin: 8px 0;
    }
    .org-box >>> .el-divider--horizontal {
        margin: 8px 0;
    }
    .create-user-box >>> .el-divider--horizontal {
        margin: 8px 0;
    }
    /deep/ .el-checkbox-group {
        display: flex;
        flex-direction: column;
    }
</style>