zhaohurui
/
Jeff.RFID.UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
							<!DOCTYPE html>
<html>
<head>
  <title>资源管理管理</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <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.min.js"></script>
  <script src="/common-assets/plugins/axios/0.18.0/axios.min.js"></script>
  <!-- 引入组件库 -->
  <script src="/common-assets/plugins/element-ui/lib/index.js"></script>
  <link rel="stylesheet"
        href="/common-assets/plugins/jquery-ztree/3.5/css/metroStyle/metroStyle.css">
  <link rel="stylesheet" href="/common-assets/css/outdated/page.css">
  <link rel="stylesheet"
        href="/common-assets/plugins/outdated/bootstrap-table/1.11.1/css/bootstrap-table.min.css">

  <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table.min.js"></script>
  <script src="/common-assets/plugins/outdated/bootstrap-table/1.11.1/js/bootstrap-table-zh-CN.min.js"></script>
  <script src="/common-assets/plugins/jquery-ztree/3.5/js/jquery.ztree.all.min.js"></script>
</head>
<body class="pace-done gray-bg">
<div class="container-fluid">
  <div class="wrapper-cont" id="resourceListContent" v-cloak>
    <div class="row">
      <!----------------------------------------------以下为资源树-------------------------------------------->
      <div class="col-sm-3  col-lg-3">
        <div class="ibox float-e-margins">
          <div class="ibox-title ">
            <h5>资源树</h5>
            <div class="ibox-tools">
<!--              <select class="min_sel" id="select_appId"></select>-->
            </div>
          </div>
          <div class="ibox-content" id="resTreeIbox">
            <div class="row">
              <div class="col-sm-12  col-lg-12">
                <div class="input-group">
                  <input id="resSearchName" name="资源树" type="text"
                         class="form-control input-sm"/>
                  <div class="input-group-btn">
                    <button type="button" id="resSearchBtn"
                            class="btn btn-sm btn-primary">
                      <i class="fa fa-search"></i>
                    </button>
                  </div>
                </div>
              </div>
            </div>
            <div class="ml-10" id="div_resTree">
              <ul id="resTree" class="ztree"
                  style="width: 260px; overflow: auto;"></ul>
            </div>

          </div>
        </div>
      </div>

      <!--------------------------------------------以下为子节点的table---------------------------------------->
      <div class="col-sm-9 col-lg-9">
        <div class="ibox ml-15">
          <div class="search-content">
            <div class="row">
              <div class="col-md-12 col-sm-12">
                <form id="resourceSearchForm"
                      class="form-horizontal">
                  <div class="row">
                    <div class="col-md-4 col-sm-4">
                      <div class="form-group">
                        <label class="col-md-4 col-sm-4 control-label">资源名称</label>
                        <div class="col-md-8 col-sm-8">
                          <input name="resName" id="resName"
                                 maxlength="60" class="form-control input-sm"
                                 placeholder="资源名称"/>
                        </div>
                      </div>
                    </div>

                    <div class="col-md-4 col-sm-4">
                      <div class="form-group">
                        <label class="col-md-4 col-sm-4 control-label">资源类型</label>
                        <div class="col-md-8 col-sm-8">
                          <select name="resType" id="resType" class="form-control input-sm">
                            <option value=""> -- 选择资源类型 --</option>
                            <option v-for="param in resTypeDict" :key="param.id"
                                    :value="param.paramCode">
                              {{param.paramName}}
                            </option>
                          </select>
                        </div>
                      </div>
                    </div>

                    <div class="col-md-4 col-sm-4">
                      <div class="form-group">
                        <label class="col-md-4 col-sm-4 control-label">职能类型</label>
                        <div class="col-md-8 col-sm-8">
                          <select name="resCode" id="resCode" class="form-control input-sm">
                            <option value=""> -- 选择职能类型 --</option>
                            <option v-for="param in resCodeDict" :key="param.id"
                                    :value="param.paramCode">
                              {{param.paramName}}
                            </option>
                          </select>
                        </div>
                      </div>
                    </div>
                  </div>
                </form>
                <div class="pull-right">
                  <div id="toggleSeachFormBar" align="center"
                       style="height: 10px" class="fa"></div>
                  <button class="btn btn-primary btn-sm " id="resourceSearchBtn">
                    <i class="fa fa-search"></i> 查询
                  </button>
                  <button class="btn btn-primary btn-outline btn-sm "
                          id="resourceResetBtn">
                    <i class="fa fa-refresh"></i> 重置
                  </button>
                </div>
              </div>
            </div>
          </div>
          <div class="ibox-content">
            <div class="row">
              <div class="col-md-12 col-sm-12">
                <!-- 工具栏 -->
                <div id="resourceTableToolbar" class="btn-group-sm"
                     role="group" :data-url-prefix="backendContext + '/sys/resource'"
                     data-java-class-name="resource"
                     data-function-name-simple="资源管理">
                  <button
                    class="btn btn-sm btn-default btn-outline addResourceBtn"
                    data-event-trigger="addingResource" title="新增记录">
                    <i class="fa fa-plus"></i> 新增
                  </button>
                  <!-- <button
                      class="btn btn-sm btn-default btn-outline deleteResourceBtn"
                      data-event-trigger="deletingResource" title="删除记录">
                      <i class="fa fa-remove"></i> 删除
                  </button> -->
                </div>

                <!-- 表格， 设置sortName保证翻页数据正确，如需其他字段请自行修改-->
                <table id="resourceTable" data-id-field="id"
                       data-toggle="table" data-cache="false" data-striped="true"
                       data-side-pagination="server" data-pagination="true"
                       data-click-to-select="true" data-page-size="5"
                       data-single-select="true" data-page-list="[5,10,15,20]"
                       data-show-columns="true" data-toolbar="#resourceTableToolbar"
                       data-data-field="list" data-total-field="count"
                       data-buttons-class="default btn-outline btn-sm"
                       data-minimum-count-columns="2">
                  <thead>
                  <tr>
                    <th data-checkbox="true"></th>

                    <!-- <th data-field="id" data-align="center" data-vlign="middle"
                            data-sortable="true">主键</th> -->

                    <th data-field="resName" data-align="left"
                        data-vlign="middle" data-sortable="false"
                        data-events="operateEvents" data-formatter="viewFormatter">资源名称
                    </th>
                    <th data-field="parentId" class="hidden"></th>

                    <th data-field="resType" data-align="left"
                        data-vlign="middle" data-sortable="false"
                        data-formatter="dictsFormatter"
                    >资源类型
                    </th>

                    <th data-field="visiable" data-align="left"
                        data-vlign="middle" data-sortable="false"
                        data-formatter="dictsFormatter"
                    >是否显示
                    </th>

                    <th data-field="useTag" data-align="left"
                        data-vlign="middle" data-sortable="false"
                        data-formatter="dictsFormatter"
                    >是否使用
                    </th>

                    <th data-field="menuOrder" data-align="left"
                        data-vlign="middle" data-sortable="false">菜单排序
                    </th>

                    <!-- <th data-field="appName" data-align="left"
                        data-vlign="middle" data-sortable="false">系统名称</th> -->

                    <th data-field="resCode" data-align="left"
                        data-vlign="middle" data-sortable="false"
                        data-formatter="dictsFormatter"
                    >资源职能类型
                    </th>

                    <th data-field="permission" data-align="left"
                        data-vlign="middle" data-sortable="false">权限标识
                    </th>


                    <th data-field="target" data-align="left"
                        data-vlign="middle" data-sortable="false">地址
                    </th>

                    <th data-field="operate" data-align="left"
                        data-events="operateEvents" data-vlign="middle"
                        data-sortable="false" data-formatter="operateFormatter">操作
                    </th>
                  </tr>
                  </thead>
                </table>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script src="/common-assets/js/project.config.js"></script>
<script src="/common-assets/js/outdated/common.js"></script>
<!-- 本页面对应JS-->
<script src="../static/js/resourceList.js"></script>
</html>