功能开发

<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">&nbsp;新增系统</span>

                    <span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_CHANGESYSTEM')" @click="changeSystem"><img src="@/icons/icon_edit01.png" style="margin-bottom:-3px">&nbsp;编辑系统</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">&nbsp;新增菜单组</span>

                    <span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_ADDMENU')" @click="addMenu"><img src="@/icons/icon_add.png" style="margin-bottom:-3px">&nbsp;新增菜单</span>

                    <span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_CREAT')" @click="CreatMenu"><img src="@/icons/icon_start01.png" style="margin-bottom:-3px">&nbsp;启用</span>

                    <span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_DELE')" @click="deleteMenu"><img src="@/icons/icon_stop01.png" style="margin-bottom:-3px">&nbsp;禁用</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">&nbsp;导入</span>

                    <span class="toolButtonItem" v-if="$hasPower(btnListData)('FUNCTION_MANAGER_EXPORT')" @click="getOut"><img src="@/icons/icon_daochu.png" style="margin-bottom:-3px">&nbsp;导出</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">&nbsp;编辑

                                </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">&nbsp;复制</span> -->

                            <span class="toolButtonItem" @click="addIFList"><img src="@/icons/icon_add.png" style="margin-bottom:-3px">&nbsp;新增</span>

                            <span class="toolButtonItem" @click="deleteIFList"><img src="@/icons/icon_delete.png" style="margin-bottom:-3px">&nbsp;删除</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">&nbsp;复制</span>

                            <span class="toolButtonItem" @click="addList"><img src="@/icons/icon_add.png" style="margin-bottom:-3px">&nbsp;新增</span>

                            <span class="toolButtonItem" @click="deleteList"><img src="@/icons/icon_delete.png" style="margin-bottom:-3px">&nbsp;删除</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>

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,013评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,205评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,370评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,168评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,153评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,954评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,271评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,916评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,382评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,877评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,989评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,624评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,209评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,199评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,418评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,401评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,700评论 2 345

推荐阅读更多精彩内容