123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <link rel="stylesheet"
- href="/common-assets/plugins/font-awesome/css/font-awesome.min.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/bootstrap/css/bootstrap.min.css"/>
- <link rel="stylesheet" href="/common-assets/css/outdated/style.css"/>
- <link rel="stylesheet"
- href="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.min.css"/>
- <link rel="stylesheet"
- href="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.css"/>
- <link rel="stylesheet" href="/common-assets/plugins/outdated/icheck/custom.css"/>
- <script src='/common-assets/js/jquery-2.1.1.js'></script>
- <script src="/common-assets/js/outdated/bootstrap.min.js"></script>
- <script src="/common-assets/js/outdated/jquery.form-3.51.0.min.js"></script>
- <script src="/common-assets/plugins/layer/3.0.3/layer.js"></script>
- <script src="/common-assets/plugins/outdated/pace/pace.min.js"></script>
- <script src="/common-assets/plugins/outdated/slimscroll/jquery.slimscroll.min.js"></script>
- <script src="/common-assets/plugins/outdated/bootstrap-toastr/2.0.1/toastr.min.js"></script>
- <script src="/common-assets/plugins/outdated/jquery-validation/jquery.validate-1.11.1.min.js"></script>
- <script src="/common-assets/plugins/outdated/jquery-validation/localization/messages_zh.js"></script>
- <script src="/common-assets/plugins/outdated/icheck/icheck.min.js"></script>
- <script src="/common-assets/plugins/outdated/metisMenu/2.7/metisMenu.js"></script>
- <script src="/common-assets/plugins/dotize/dotize.js"></script>
- <script src="/common-assets/js/promise-polyfill.min.js"></script>
- <!-- 开发阶段使用vue.js以获取编译信息 -->
- <script src="/common-assets/plugins/vue/2.5.17/vue.js"></script>
- <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
- <!-- 基础依赖-->
- <link rel="stylesheet"
- href="/common-assets/plugins/outdated/select2/select2.min.css">
- <script src="/common-assets/plugins/outdated/select2/select2.full.min.js"></script>
- <title>菜单创建</title>
- </head>
- <body class="pace-done white-bg">
- <div class="container-fluid mt15">
- <form id="resourceForm" :action="saveUrl" method="post" class="form-horizontal">
- <input type="hidden" id="id" name="id" v-model="entity.id"/>
- <table class="table table-bordered">
- <tbody>
- <tr>
- <td class="width-15 active"><label
- class="pull-right control-label">
- <span style="color: red; ">*</span>代码分类:</label></td>
- <td class="width-85" colspan=3>
- <select id="schemeSelection" class="required form-control">
- <option v-for="item in showList" :key="item.id" :value="item.id">
- {{item.label}}
- </option>
- </select></td>
- </tr>
- <tr>
- <!--<td class="col-sm-2 active"><label-->
- <!--class="pull-right control-label">系统名称:</label></td>-->
- <!--<td class="col-sm-4">-->
- <!--<select name="appId" v-model="entity.appId"-->
- <!--class="form-control required select_chosen" id="selectAppId">-->
- <!--</select>-->
- <!--</td>-->
- <input type="hidden" id="appId" name="appId" v-model="entity.appId"/>
- <td class="col-sm-2 active"><label
- class="pull-right control-label">父菜单名称:</label></td>
- <td class="col-sm-4">
- <div class="input-group">
- <input id="parentResName" name="parentResName" v-model="entity.parentResName"
- maxlength="32" class="form-control " disabled="disabled"/>
- <input type="hidden" id="parentId" name="parentId" v-model="entity.parentId">
- <span class="input-group-btn">
- <button type="button" id="resource"
- class="btn btn-primary treebt" data-name-key="parentResName"
- data-id-key="parentId"
- :data-url="resourceTreeUrl"
- data-title="父菜单名称">
- <i class="fa fa-search"></i>
- </button>
- </span>
- </div>
- </td>
- <td class="col-sm-2 active"><label
- class="pull-right control-label"><span style="color: red; ">*</span>资源类型:</label></td>
- <td class="col-sm-4">
- <select id="resType" name="resType" v-model="entity.resType"
- class="form-control required " @change="handleResTypeChange">
- <option v-for="param in resTypeDict" :key="param.id" :value="param.paramCode">
- {{param.paramName}}
- </option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="pull-right control-label"><span style="color: red; ">*</span>资源名称:</label></td>
- <td class="col-sm-4">
- <input id="resName" name="resName" v-model="entity.resName"
- maxlength="60" class="form-control required "/>
- </td>
- <td class="col-sm-2 active">
- <label class="control-label pull-right">
- <span v-show="entity.resType === '1'" style="color: red; ">*</span>菜单类型:</label>
- </td>
- <td class="col-sm-4">
- <select :disabled="entity.resType !== '1'" id="menuType" name="menuType" v-model="entity.menuType"
- :class="['form-control', entity.resType === '1' ? 'required' : ''] ">
- <option v-for="param in menuTypeDict" :key="param.id" :value="param.paramCode">
- {{param.paramName}}
- </option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="pull-right control-label"><span style="color: red; ">*</span>菜单排序:</label></td>
- <td class="col-sm-4">
- <input id="menuOrder" name="menuOrder" v-model="entity.menuOrder"
- class="form-control required digits"/>
- </td>
- <td class="col-sm-2 active"><label
- class="pull-right control-label">icon:</label></td>
- <td class="col-sm-4">
- <div class="row">
- <div class="pull-left col-sm-8 control-label">
- <span> <i id="menu-icon" :class="['fa', resource.menuIcon]"></i>
- </span> <span id="menu-label">{{resource.menuIcon}}</span>
- </div>
- <input type="hidden" name="menuIcon" v-model="entity.menuIcon" id="menu-value"/>
- <div class="pull-right col-sm-4">
- <div class="input-group-btn">
- <button type="button" class="btn btn-default" id="selectMenu">
- <i class="fa fa-search"></i>
- </button>
- <button type="button" class="btn btn-default" id="clearMenu">
- <i class="fa fa-eraser"></i>
- </button>
- </div>
- </div>
- </div>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="pull-right control-label"><span style="color: red; ">*</span>是否显示:</label></td>
- <td class="col-sm-4">
- <select id="visiable" name="visiable" v-model="entity.visiable"
- class="form-control required ">
- <option v-for="param in visiableDict" :key="param.id" :value="param.paramCode">
- {{param.paramName}}
- </option>
- </select>
- </td>
- <td class="col-sm-2 active"><label
- class="pull-right control-label"><span style="color: red; ">*</span>是否使用:</label></td>
- <td class="col-sm-4">
- <select id="useTag" name="useTag" v-model="entity.useTag"
- class="form-control required ">
- <option v-for="param in useTagDict" :key="param.id" :value="param.paramCode">
- {{param.paramName}}
- </option>
- </select>
- </td>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="pull-right control-label">权限:</label></td>
- <td class="col-sm-4">
- <input id="permission" name="permission" v-model="entity.permission"
- class="form-control "/>
- </td>
- <td class="col-sm-2 active"><label
- class="pull-right control-label">地址:</label></td>
- <td class="col-sm-4">
- <input id="target" name="target" v-model="entity.target"
- class="form-control "/>
- </td>
- </tr>
- <tr>
- <td class="col-sm-2 active"><label
- class="control-label pull-right"><span style="color: red; ">*</span>资源职能类别:</label></td>
- <td class="col-sm-4">
- <select id="resCode" name="resCode" v-model="entity.resCode"
- class="form-control required ">
- <option value=""> -- 选择职能类别 --</option>
- <option v-for="param in resCodeDict" :key="param.id" :value="param.paramCode">
- {{param.paramName}}
- </option>
- </select>
- </td>
- <td class="col-sm-2 active"></td>
- <td class="col-sm-4"></td>
- </tr>
- </tbody>
- </table>
- </form>
- </div>
- </body>
- <script src="/common-assets/js/project.config.js"></script>
- <script src="../static/config.js"></script>
- <script src="/common-assets/js/outdated/common.js"></script>
- <script src="../static/js/createMenuList.js"></script>
- </html>
|