<template>
<div id="organization" style="padding: 0 20px!important">
<div class="org_warp">
<div class="org_aside">
<el-row type="flex" justify="center" align-items="middle" class="heade_left">
<el-col :span="22">
<div>菜单</div>
</el-col>
</el-row>
<el-row type="flex" justify="center" class="filterText">
<el-col :span="22">
<div class="inputLabel4" style='float:left;margin-right:5px;width:50px!important'>所属系统</div>
<el-select class="selfunction" v-model="sysId" placeholder="全部" style="width: calc(100% - 80px)">
<el-option v-for="(item,index) in sysList" :label="item.name" :value="item.id" @click.native="changeSys(item)" :key="index"></el-option>
</el-select>
</el-col>
</el-row>
<el-row type="flex" style="padding-left:5px;">
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_ADDSYSTEM')" @click="addSystem"><img src="@/icons/icon_add.png" style="margin-bottom:-3px"> 新增系统</span>
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_CHANGESYSTEM')" @click="changeSystem"><img src="@/icons/icon_edit01.png" style="margin-bottom:-3px"> 编辑系统</span>
</el-row>
<el-row type="flex" justify="center" class="filterText">
<el-col :span="18">
<el-input class="font" placeholder="请输入关键字" v-model="filterText" icon="search"></el-input>
</el-col>
<el-col :span="4">
<div class="grid-content bg-purple" style='line-height:30px'>
<el-dropdown menu-align="start" trigger="click" size="40px" @command="handleCommandGet">
<span class="el-dropdown-link font">
<span v-text="commandget">全部</span><i class="el-icon-caret-bottom el-icon--right"></i>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="全部">全部</el-dropdown-item>
<el-dropdown-item command="生效">生效</el-dropdown-item>
<!-- <el-dropdown-item command="失效">失效</el-dropdown-item> -->
</el-dropdown-menu>
</el-dropdown>
</div>
</el-col>
</el-row>
<el-row type="flex" style="padding-left:5px;">
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_ADDTEAMMENU')" @click="addMenuTeam"><img src="@/icons/icon_add.png" style="margin-bottom:-3px"> 新增菜单组</span>
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_ADDMENU')" @click="addMenu"><img src="@/icons/icon_add.png" style="margin-bottom:-3px"> 新增菜单</span>
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_CREAT')" @click="CreatMenu"><img src="@/icons/icon_start01.png" style="margin-bottom:-3px"> 启用</span>
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_DELE')" @click="deleteMenu"><img src="@/icons/icon_stop01.png" style="margin-bottom:-3px"> 禁用</span>
</el-row>
<el-row type="flex" style="padding-left:5px; margin-top:5px;">
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_IMPORT')" @click="getIn"><img src="@/icons/icon_export.png" style="margin-bottom:-3px"> 导入</span>
<span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_EXPORT')" @click="getOut"><img src="@/icons/icon_daochu.png" style="margin-bottom:-3px"> 导出</span>
</el-row>
<el-row class="z_tree">
<div class="tree">
<el-tree class="filtetree" :show-checkbox="true" :defaultExpandAll='true' :data="menuData" node-key="id" :props="defaultProps"
:highlight-current="true" :check-strictly="true" :filter-node-method="filterNode" :render-content='renderContent'
@node-click="nodeClick" ref="tree2">
</el-tree>
</div>
</el-row>
</div>
<div class="org_right fl simple">
<!--点击菜单树时的右侧详情页面 -->
<div v-if="detail">
<el-row type="flex" class="row-bg main_head" justify="space-between">
<el-col :span="6">
<div style="text-align:left;font-size:14px">基本信息</div>
</el-col>
<el-col :span="6">
<div style="text-align:right">
<div class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_UPDATE')" @click='eidIndex'>
<img src="@/icons/icon_edit01.png" style="margin-bottom:-3px"> 编辑
</div>
</div>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20">
<div class="inputLabel">所属菜单组</div>
<el-input :maxlength="20" v-model="pData.pname" readonly></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单名称</div>
<el-input :maxlength="50" readonly v-model.trim="pData.name"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单编码</div>
<el-input :maxlength="80" readonly v-model.trim="pData.code"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单描述</div>
<el-input :maxlength="100" readonly v-model.trim="pData.recDesc"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>页面URL</div>
<el-input :maxlength="300" readonly v-model.trim="pData.url"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>所属系统</div>
<el-input :maxlength="20" readonly v-model.trim="pData.sysname"></el-input>
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="12" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单类型</div>
<el-select v-model="pData.menuType" disabled placeholder="请选择菜单类型">
<el-option v-for="(item,index) in menuList" :label="item.descn" :value="item.parValues" :key="index"></el-option>
</el-select>
</el-col>
<el-col class="form-item" :span="4" style='text-align:left;margin-top:3px; padding-left:0px;'>
<el-popover ref="popoverMsg" placement="right" trigger="hover" content="只有普通菜单会在导航菜单展示">
</el-popover>
<img class="robot-img" src="@/icons/icon_tishi2.png" v-popover:popoverMsg />
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<!-- 来源系统添加 -->
<el-row :gutter="80" class="formWrap" v-if="lesseeId == 'IRISK'">
<el-col class="form-item" :span="15" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>来源系统</div>
<el-select v-model="pData.sourceSystem" disabled placeholder="请选择来源系统">
<el-option v-for="(item,index) in sysSourceList" :label="item.descn" :value="item.parValue1" :key="index"></el-option>
</el-select>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>配置数据权限</div>
<el-checkbox-group v-model="pData.dataAccess" style='float:left;margin-top:18px'>
<el-checkbox label="机构" name="dataAccess" disabled></el-checkbox>
<el-checkbox label="业务线" name="dataAccess" disabled></el-checkbox>
<el-checkbox label="风险类型" name="dataAccess" disabled></el-checkbox>
</el-checkbox-group>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>展示终端</div>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="pData.display_flag" label="0" disabled>PC端</el-radio>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="pData.display_flag" label="1" disabled>APP端</el-radio>
</el-col>
</el-row>
<!-- 来源系统添加 -->
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>排序</div>
<el-input :maxlength="50" readonly v-model.trim="pData.orderBy"></el-input>
</el-col>
</el-row>
<!-- -->
<el-row :gutter="80" class="row-bg main_head_table">
<el-col :span="6">
<div style="text-align:left;font-size:13px;padding-left:23px;">菜单接口列表</div>
</el-col>
</el-row>
<el-row type="flex" class="row-bg" style="padding:0 40px 0 40px; ">
<template>
<el-table :data="pData.rescInterFaceList" max-height="100" border style="width:100%">
<el-table-column type="index" label="序号" align="center" width="80">
</el-table-column>
<el-table-column prop="url" label="接口URL" min-width='260'>
</el-table-column>
<el-table-column prop="description" label="接口描述" min-width='130'>
</el-table-column>
</el-table>
</template>
</el-row>
<!-- -->
<el-row type="flex" class="row-bg main_head">
<el-col :span="6">
<div style="text-align:left;font-size:14px">按钮</div>
</el-col>
</el-row>
<el-row type="flex" class="row-bg">
<template>
<el-table :data="pData.rescBtnList" height="200" border style="width:100%">
<el-table-column type="index" label="序号" align="center" width="80">
</el-table-column>
<el-table-column prop="code" label="按钮编码" min-width='190'>
</el-table-column>
<el-table-column prop="name" label="按钮名称" min-width='190'>
</el-table-column>
<el-table-column prop="btDesc" label="按钮描述" min-width='190'>
</el-table-column>
<el-table-column prop="url" label="页面URL" min-width='185'>
</el-table-column>
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row)" type="text" size="small"><span class="clickName">按钮接口权限</span></el-button>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
</div>
<!--点击菜单树时的右侧详情页面 OVER -->
<!--新增菜单组的右侧页面 -->
<div v-show="addmenuteam">
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单名称</div>
<el-input :maxlength="20" v-model.trim="menuteam.name"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单编码</div>
<el-input :maxlength="80" v-model.trim="menuteam.code"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单描述</div>
<el-input :maxlength="20" v-model.trim="menuteam.recDesc"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>页面URL</div>
<el-input :maxlength="300" v-model.trim="menuteam.url"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>所属系统</div>
<el-input :maxlength="50" v-model.trim="sysName" readonly></el-input>
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="12" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单类型</div>
<el-select v-model="menuteam.menuType" placeholder="请选择菜单类型">
<el-option v-for="(item,index) in menuList" :label="item.descn" :value="item.parValues" :key="index"></el-option>
</el-select>
</el-col>
<el-col class="form-item" :span="4" style='text-align:left;margin-top:3px; padding-left:0px;'>
<el-popover ref="popoverMsg2" placement="right" trigger="hover" content="只有普通菜单会在导航菜单展示">
</el-popover>
<img class="robot-img" src="@/icons/icon_tishi2.png" v-popover:popoverMsg2 />
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<!-- 来源系统添加 -->
<el-row :gutter="80" class="formWrap" v-if="lesseeId == 'IRISK'">
<el-col class="form-item" :span="15" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>来源系统</div>
<el-select v-model="menuteam.sourceSystem" placeholder="请选择来源系统">
<el-option v-for="(item,index) in sysSourceList" :label="item.descn" :value="item.parValue1" :key="index"></el-option>
</el-select>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>配置数据权限</div>
<el-checkbox-group v-model="menuteam.dataAccess" style='float:left;margin-top:18px'>
<el-checkbox label="机构" name="dataAccess" ></el-checkbox>
<el-checkbox label="业务线" name="dataAccess"></el-checkbox>
<el-checkbox label="风险类型" name="dataAccess"></el-checkbox>
</el-checkbox-group>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>展示终端</div>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="menuteam.display_flag" label="0">PC端</el-radio>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="menuteam.display_flag" label="1">APP端</el-radio>
</el-col>
</el-row>
<!-- 来源系统添加 -->
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>排序</div>
<el-input :maxlength="50" @keyup.native="proving2" v-model.trim="menuteam.orderBy"></el-input>
</el-col>
</el-row>
<el-row type="flex" justify="center" class="row-bg main_head">
<div class="dialog-footer" style='margin-top:20px'>
<el-button @click="closeaddmenuteam">取消</el-button>
<i-button type="primary" :handler="saveaddmenuteam">保存</i-button>
</div>
</el-row>
</div>
<!--新增菜单组的右侧页面 OVER -->
<!--新增和编辑菜单时的右侧页面 -->
<div v-show="addmenu">
<el-row type="flex" class="row-bg main_head" justify="space-between">
<el-col :span="6">
<div style="text-align:left;font-size:14px">基本信息</div>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20">
<div class="inputLabel">所属菜单组</div>
<el-input :maxlength="20" readonly v-model.trim="eddteammenu"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单名称</div>
<el-input :maxlength="50" v-model.trim="adData.name"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单编码</div>
<el-input :maxlength="80" v-model.trim="adData.code"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单描述</div>
<el-input :maxlength="100" v-model.trim="adData.recDesc"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>页面URL</div>
<el-input :maxlength="300" v-model.trim="adData.url"></el-input>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>所属系统</div>
<el-input :maxlength="20" readonly v-model.trim="pData.sysname"></el-input>
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="12" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>菜单类型</div>
<el-select v-model="adData.menuType" placeholder="请选择菜单类型">
<el-option v-for="(item,index) in menuList" :label="item.descn" :value="item.parValues" :key="index"></el-option>
</el-select>
</el-col>
<el-col class="form-item" :span="4" style='text-align:left;margin-top:3px; padding-left:0px;'>
<el-popover ref="popoverMsg3" placement="right" trigger="hover" content="只有普通菜单会在导航菜单展示">
</el-popover>
<img class="robot-img" src="@/icons/icon_tishi2.png" v-popover:popoverMsg3 />
</el-col>
</el-row>
<!-- 菜单类型添加 -->
<!-- 来源系统添加 -->
<el-row :gutter="80" class="formWrap" v-if="lesseeId == 'IRISK'">
<el-col class="form-item" :span="15" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>来源系统</div>
<el-select v-model="adData.sourceSystem" placeholder="请选择来源系统">
<el-option v-for="(item,index) in sysSourceList" :label="item.descn" :value="item.parValue1" :key="index"></el-option>
</el-select>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>配置数据权限</div>
<el-checkbox-group v-model="adData.dataAccess" style='float:left;margin-top:18px'>
<el-checkbox label="机构" name="dataAccess"></el-checkbox>
<el-checkbox label="业务线" name="dataAccess"></el-checkbox>
<el-checkbox label="风险类型" name="dataAccess"></el-checkbox>
</el-checkbox-group>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap" v-show="this.isFengKong">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>展示终端</div>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="adData.display_flag" label="0" >PC端</el-radio>
<el-radio class="radio" style='float:left;margin-top:18px' v-model="adData.display_flag" label="1" >APP端</el-radio>
</el-col>
</el-row>
<el-row :gutter="80" class="formWrap">
<el-col class="form-item" :span="20" style='text-align:left;margin-top:3px;'>
<div class="inputLabel" style='float:left;margin-right:5px'>排序</div>
<el-input :maxlength="50" @keyup.native="proving3" v-model.trim="adData.orderBy"></el-input>
</el-col>
</el-row>
<!--接口URL表格 -->
<el-row class="row-bg main_head_table">
<el-col :span="6">
<div style="text-align:left;font-size:13px;padding-left:23px;">菜单接口列表</div>
</el-col>
<el-col :span="17" style="text-align:right">
<!-- <span class="toolButtonItem" @click="copyList"><img src="@/icons/icon_copy.png" style="margin-bottom:-3px"> 复制</span> -->
<span class="toolButtonItem" @click="addIFList"><img src="@/icons/icon_add.png" style="margin-bottom:-3px"> 新增</span>
<span class="toolButtonItem" @click="deleteIFList"><img src="@/icons/icon_delete.png" style="margin-bottom:-3px"> 删除</span>
</el-col>
</el-row>
<el-row type="flex" class="row-bg" style="padding:0 40px 0 40px;">
<template>
<el-table @select="selectIFItem" @select-all="selectIFAll" id="interFaceTable" :data="adData.rescInterFaceList" max-height="100"
border style="width:100%; ">
<el-table-column type="selection" align="center" width="55">
</el-table-column>
<el-table-column type="index" label="序号" align="center" width="80">
</el-table-column>
<el-table-column label="接口URL" min-width='260'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.url"></el-input>
</span>
</template>
</el-table-column>
<el-table-column label="接口描述" min-width='130'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.description"></el-input>
</span>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row type="flex" justify="space-between" class="row-bg main_head">
<el-col :span="6">
<div style="text-align:left;font-size:14px">按钮</div>
</el-col>
<el-col :span="8" style="text-align:right">
<span class="toolButtonItem" @click="copyList"><img src="@/icons/icon_copy.png" style="margin-bottom:-3px"> 复制</span>
<span class="toolButtonItem" @click="addList"><img src="@/icons/icon_add.png" style="margin-bottom:-3px"> 新增</span>
<span class="toolButtonItem" @click="deleteList"><img src="@/icons/icon_delete.png" style="margin-bottom:-3px"> 删除</span>
</el-col>
</el-row>
<!--按钮的表格 -->
<el-row type="flex" class="row-bg" style="max-height:150px">
<template v-if='!rescBtnListFlag'>
<el-table id="functionTable" height="150" border style="width:100%;">
<el-table-column type="selection" align="center" width="55"> </el-table-column>
<el-table-column type="index" label="序号" align="center" width="80"> </el-table-column>
<el-table-column label="按钮编码" min-width='150'> </el-table-column>
<el-table-column label="按钮名称" min-width='150'> </el-table-column>
<el-table-column label="按钮描述" min-width='190'> </el-table-column>
<el-table-column label="页面URL" min-width='190'></el-table-column>
</el-table>
</template>
<template v-if='rescBtnListFlag'>
<el-table @select="selectItem" @select-all="selectAll" id="functionTable" :data="adData.rescBtnList" height="150" border
style="width:100%;">
<el-table-column type="selection" align="center" width="55">
</el-table-column>
<el-table-column type="index" label="序号" align="center" width="80">
</el-table-column>
<el-table-column label="按钮编码" min-width='150'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.code"></el-input>
</span>
</template>
</el-table-column>
<el-table-column label="按钮名称" min-width='150'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.name"></el-input>
</span>
</template>
</el-table-column>
<el-table-column label="按钮描述" min-width='190'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.btDesc"></el-input>
</span>
</template>
</el-table-column>
<el-table-column label="页面URL" min-width='190'>
<template slot-scope="scope">
<span>
<el-input v-model.trim="scope.row.url"></el-input>
</span>
</template>
</el-table-column>
</el-table>
</template>
</el-row>
<el-row type="flex" justify="center" class="row-bg main_head_btn">
<div class="dialog-footer" style='margin-top:20px'>
<el-button @click="closeaddMenu">取消</el-button>
<i-button type="primary" :handler="saveaddMenu">保存</i-button>
</div>
</el-row>
</div>
<!--新增和编辑菜单时的右侧页面OVER -->
</div>
</div>
<power v-model="btnListData"></power>
<el-dialog title="新增系统" :visible.sync="dialogVisible_one" custom-class="commonDialog" :close-on-click-modal="false">
<div v-if="dialogVisible_one">
<addSystem @closedialog='closed' @saveadddialog="saveadddialog"></addSystem>
</div>
</el-dialog>
<el-dialog title="编辑系统" :visible.sync="dialogVisible_two" custom-class="commonDialog" :close-on-click-modal="false">
<div v-if='dialogVisible_two'>
<editSystem :sysData="sysId" @closedialogT='closedchange' @saveclosedialog="saveclosedialog"></editSystem>
</div>
</el-dialog>
<el-dialog title="接口配置" :visible.sync="dialogTableVisible_interFace" custom-class="commonDialog2">
<div v-if="dialogTableVisible_interFace">
<InterFaceList @closedIF="closedIF" :btnId="btnId" :lesseeID="lesId"></InterFaceList>
</div>
</el-dialog>
<el-dialog title="导入excel文件管理" custom-class="dialogFile" :modal-append-to-body="false" :visible.sync="dialogGetIn" size="">
<div v-if='dialogGetIn'>
<GetInDialog :commonUrl='uploadUrl' :importUrl='importUrl' :downloadUrl='downloadUrl' @closeImportFile='closeImportFile'
@cancelImportFile='cancelImportFile'></GetInDialog>
</div>
</el-dialog>
</div>
</template>
<style src="../../css/common.css"></style>
<style>
#app {
text-align: left;
}
.org_warp {
display: flex;
width: 92%;
}
.org_aside {
height: 1012px!important;
margin-right: 20px;
-ms-flex: 0 1 320px;
flex: 0 1 320px;
min-width: 310px;
border: 1px solid #e5ddd1;
border-radius: 10px;
padding-top: 20px;
}
.org_right {
flex: 1;
min-width: 480px;
height: 1000px;
border: 1px solid #d9cebf;
padding: 20px;
border-radius: 10px;
}
#organization {
padding: 0 20px!important;
}
#organization .org_aside .aside {
height: 908px!important;
margin-right: 20px;
margin-bottom: 20px;
min-width: 310px;
border: 1px solid #e5ddd1;
border-radius: 10px;
padding: 0px;
}
#organization .main_right {
width: 63%;
height: 800px;
border: 1px solid rgb(217, 206, 191);
padding: 10px;
border-radius: 10px;
}
#organization .org_aside .z_tree .tree {
height: 795px!important;
margin-top: 10px;
padding: 0 13px;
overflow: inherit!important;
}
#organization .el-tree {
width: 400px!important;
/* height: 500px!important; */
border: none!important;
}
#organization .font {
border: none!important;
}
#organization .org_aside .z_tree {
text-align: left;
overflow: overlay;
overflow: auto;
max-height: 828px!important;
}
#organization .el-tree-node__label {
font-size: 13px;
}
.font {
font-size: 13px;
}
.main_head {
margin-bottom: 10px;
margin-top: 20px;
}
.formWrap {
padding: 0px;
}
#organization .el-dialog__footer {
text-align: center;
}
.el-dialog--small {
width: 62%;
left: 60%;
}
.span {
display: inline-block;
width: 93%;
}
.filterText {
margin: 10px 0;
}
#organization .font {
position: relative!important;
}
#organization .filterText .el-input__inner {
border: 1px solid rgb(217, 206, 191);
border-radius: 6px;
}
#organization .el-tree-node>.el-tree-node__children {
overflow: inherit!important
}
#organiztion .filtetree {
margin-top: -5px;
}
.heade_left {
background: #f4f4f4;
height: 35px;
padding-top: 10px;
font-size: 14px;
color: #666666;
}
.dialog1000 {
width: 1100px;
height: 750px;
}
.el-radio__inner {
width: 15px;
height: 15px;
}
.clickName {
color: #0B67DE;
cursor: pointer;
}
.clickName:hover {
color: #4795FA;
text-decoration: underline;
}
.forWidth .el-select {
width: calc(100% - 110px)
}
.el-form .el-input .el-input__inner {
border: none;
border-radius: 0px;
}
.el-tag {
margin-right: 10px;
margin-top: 5px;
}
#functionTable .el-input {
padding-bottom: 5px;
}
#functionTable .el-input .el-input__inner {
border-bottom: 1px solid rgb(217, 206, 191)!important;
}
#organization .selfunction {
width: 78%;
}
#organization .selfunction .el-input {
font-size: 13px;
}
#organization .el-checkbox__input.is-disabled .el-checkbox__inner {
cursor: pointer!important;
}
#organization .el-checkbox__input.is-disabled .el-checkbox__inner::after {
cursor: pointer!important;
}
#organization .is-checked {
background-color: #fff;
color: #fff;
}
#organization .el-checkbox__input.is-checked .el-checkbox__inner {
background-color: #ff7900!important;
border-color: rgb(228, 107, 1)!important;
cursor: pointer!important;
}
#organization .el-checkbox,
.el-checkbox__input {
cursor: pointer!important;
}
/*接口部分 */
.main_head_table {
margin-bottom: 10px;
margin-top: 10px;
color: #666666
}
.main_head_btn {
margin-bottom: 10px;
margin-top: 0px;
}
.el-table__header-wrapper .el-table__header {
width: 100%!important;
}
.el-table__body-wrapper .el-table__body {
width: 100%!important;
}
</style>
<!--[if IE]>
<style>
#organization .z_tree {
text-align: left;
max-height: 663px!important;
}
</style>
<![endif]-->
<script src="./index.js"></script>