chuangsai.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <#include "/header.html">
  6. </head>
  7. <body>
  8. <div id="rrapp" v-cloak>
  9. <div v-show="showList">
  10. <div class="grid-btn">
  11. <div>
  12. <div class="form-group col-sm-12 div-Gay">
  13. <input type="text" class="form-control" v-model="queryParam.title" @keyup.enter="query"
  14. placeholder="标题名称">
  15. <select id="qsex" class="form-control" v-model="queryParam.status" @keyup.enter="query">
  16. <option value="" disabled hidden>--状态--</option>
  17. <option name="type" value="">全部</option>
  18. <option name="type" value="1">显示</option>
  19. <option name="type" value="0">隐藏</option>
  20. </select>
  21. <input type="text" class="form-control layui-input" id="publishStartTime"
  22. v-model="queryParam.publishStartTime" readonly placeholder="起始时间" />
  23. <input type="text" class="form-control layui-input" id="publishEndTime"
  24. v-model="queryParam.publishEndTime" readonly placeholder="终止时间" />
  25. <a class="btn btn-query" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
  26. <a class="btn btn-success" @click="reset"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
  27. </div>
  28. </div>
  29. <br>
  30. <div class="wg-div-btn">
  31. <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
  32. <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
  33. <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
  34. </div>
  35. </div>
  36. <table id="jqGrid"></table>
  37. <div id="jqGridPager"></div>
  38. </div>
  39. <div v-show="!showList" class="panel panel-default">
  40. <div class="panel-heading">
  41. <input type="button" class="btn btn-warning" @click="reload" value="←" />&nbsp;
  42. {{title}}
  43. </div>
  44. <form class="form-horizontal layui-form" style="width: 100%">
  45. <div class="form-group">
  46. <div class="col-sm-2 control-label"><span style="color: #ff0000">*</span>标题</div>
  47. <div class="col-sm-4">
  48. <input type="text" class="form-control" v-model="formData.title" placeholder="标题"
  49. lay-verify="required" />
  50. </div>
  51. </div>
  52. <div class="form-group">
  53. <div class="col-sm-2 control-label"><span style="color: #ff0000">*</span>封面</div>
  54. <div class="col-sm-4">
  55. <div class="layui-upload">
  56. <button type="button" class="layui-btn" id="test1">上传封面</button>
  57. <div class="layui-upload-list">
  58. <table class="upload-table-img">
  59. <tr>
  60. <td><img hidden class="layui-upload-img" id="demo1"></td>
  61. </tr>
  62. </table>
  63. <p id="demoText1"></p>
  64. </div>
  65. </div>
  66. <input type="hidden" class="form-control" id="imgUrl1" placeholder="封面" />
  67. </div>
  68. </div>
  69. <div class="form-group">
  70. <div class="col-sm-2 control-label">简介</div>
  71. <div class="col-sm-4">
  72. <textarea class="form-control" rows="4" v-model="formData.introduction"
  73. placeholder="简介"></textarea>
  74. </div>
  75. </div>
  76. <div class="form-group">
  77. <div class="col-sm-2 control-label"><span style="color: #ff0000">*</span>发布人</div>
  78. <div class="col-sm-4">
  79. <input type="text" class="form-control" v-model="formData.publishName" placeholder="发布人"
  80. lay-verify="required" />
  81. </div>
  82. </div>
  83. <div class="form-group">
  84. <div class="col-sm-2 control-label"><span style="color: #ff0000">*</span>创建时间</div>
  85. <div class="col-sm-4">
  86. <input type="text" class="form-control layui-input" id="publishTime"
  87. v-model="formData.publishTime" readonly placeholder="创建时间" lay-verify="required"/>
  88. </div>
  89. </div>
  90. <div class="form-group">
  91. <div class="col-sm-2 control-label"><span style="color: red">*</span>文章内容</div>
  92. <div class="col-sm-4">
  93. <div class="ueditor-text-container">
  94. <script id="actContent" type="text/plain"></script>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="form-group">
  99. <div class="col-sm-2 control-label"><span style="color: #ff0000">*</span>状态</div>
  100. <div class="col-sm-4">
  101. <select id="qsex" class="form-control" v-model="formData.status" lay-verify="required">
  102. <option value="" disabled hidden>--状态--</option>
  103. <option name="type" value="1">显示</option>
  104. <option name="type" value="0">隐藏</option>
  105. </select>
  106. </div>
  107. </div>
  108. <div class="form-group">
  109. <div class="col-sm-2 control-label"></div>
  110. <input type="button" lay-submit lay-filter="go" class="btn btn-primary" id="btnSaveOrUpdate"
  111. data-loading-text="保存中..." value="确定"/>
  112. &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回" />
  113. </div>
  114. </form>
  115. </div>
  116. </div>
  117. <script src="${request.contextPath}/statics/js/modules/qyh/chuangsai.js?_${.now?long}"></script>
  118. </body>
  119. </html>