功能开发

<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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容