Add.cshtml 9.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220
  1. @{
  2. string SysUserName = ViewBag.SysUserName as string;
  3. string right = ViewBag.right as string;
  4. string CurColId = ViewBag.CurColId as string;
  5. }
  6. <!DOCTYPE html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <title>分类设置(增加)</title>
  11. <meta name="renderer" content="webkit">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  14. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  15. <script src="/admin/js/jquery-1.10.1.min.js"></script>
  16. </head>
  17. <body>
  18. <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
  19. <div class="layui-card">
  20. <div class="layui-card-body">
  21. <div class="layui-tab" lay-filter="mytabbar">
  22. <div class="layui-tab-content mt20">
  23. <div class="layui-tab-item layui-show">
  24. <div class="layui-form-item">
  25. <div class="layui-inline">
  26. <label class="layui-form-label">上级栏目</label>
  27. <div class="layui-input-inline">
  28. <select id="PColId" name="PColId" lay-search="" lay-verify="required">
  29. <option value="@CurColId">作为顶级栏目</option>
  30. @{List<MySystem.Models.Col> ColId = new MySystem.Models.WebCMSEntities().Col.Where(m=>m.ColId.StartsWith(CurColId)).OrderBy(m => m.ColId).ToList();}
  31. @foreach (MySystem.Models.Col subColId in ColId)
  32. {
  33. string kg = "";
  34. for (int i = 1; i < subColId.ColId.Length / 3; i++)
  35. {
  36. kg += "  ";
  37. }
  38. <option value="@subColId.ColId">@(kg+subColId.ColName)</option>
  39. }
  40. </select>
  41. <script>$("#PColId").val("@ViewBag.PColId");</script>
  42. </div>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">栏目名</label>
  47. <div class="layui-input-block">
  48. <input class="layui-input" type="text" id="ColName" name="ColName" maxlength="50" lay-verify="required;" autocomplete="off" placeholder="请输入名称">
  49. </div>
  50. </div>
  51. @if (CurColId.StartsWith("001") || CurColId.StartsWith("002") || CurColId.StartsWith("003"))
  52. {
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">英文名</label>
  55. <div class="layui-input-block">
  56. <input class="layui-input" type="text" id="ColEnName" name="ColEnName" maxlength="50" lay-verify="" autocomplete="off" placeholder="请输入英文名">
  57. </div>
  58. </div>
  59. <div class="layui-form-item layui-form-text">
  60. <label class="layui-form-label">简介</label>
  61. <div class="layui-input-block">
  62. <textarea class="layui-textarea" id="ColDetail" name="ColDetail" lay-verify="" placeholder="请输入简介"></textarea>
  63. </div>
  64. </div>
  65. <div class="layui-form-item layui-form-text">
  66. <label class="layui-form-label">详细内容</label>
  67. <div class="layui-input-block">
  68. <textarea class="layui-textarea" id="Contents" name="Contents" placeholder="请输入详细内容" style="width:100%;height:500px;"></textarea>
  69. </div>
  70. </div>
  71. <div class="layui-form-item">
  72. <label class="layui-form-label">图标</label>
  73. <div class="layui-input-block">
  74. <div class="layui-upload">
  75. <input type="hidden" id="ColPicPath" name="ColPicPath" value="">
  76. <button class="layui-btn" type="button" id="ColPicPathBtn">选择图片</button>
  77. <div class="layui-inline layui-word-aux">大小限制为100K</div>
  78. </div>
  79. <div class="mt10" id="ColPicPathImage">
  80. </div>
  81. </div>
  82. </div>
  83. <div class="layui-form-item">
  84. <label class="layui-form-label">推荐</label>
  85. <div class="layui-input-block">
  86. <input type="checkbox" id="Recommend" name="Recommend" value="True" lay-skin="switch" lay-filter="switchTest" title="开关">
  87. </div>
  88. </div>
  89. <div class="layui-form-item">
  90. <label class="layui-form-label">第三方链接</label>
  91. <div class="layui-input-block">
  92. <input class="layui-input" type="text" id="Url" name="Url" maxlength="max" lay-verify="" autocomplete="off" placeholder="请输入第三方链接">
  93. </div>
  94. </div>
  95. }
  96. </div>
  97. </div>
  98. </div>
  99. <div class="layui-form-item layui-hide">
  100. <input type="button" lay-submit lay-filter="LAY-list-front-submit" id="LAY-list-front-submit" value="确认">
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. <script src="/layuiadmin/layui/layui.js"></script>
  106. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js"></script>
  107. <script src="/other/mybjq/kindeditor-min.js"></script>
  108. <script src="/other/mybjq/lang/zh_CN.js"></script>
  109. <script>
  110. //详细内容
  111. @(Html.Raw(Library.Control.kindeditorVar("Contents")))
  112. //编辑器
  113. KindEditor.ready(function (K) {
  114. //详细内容
  115. @(Html.Raw(Library.Control.kindeditor("Contents", 1)))
  116. });
  117. var ids = "";
  118. function getChildren(obj) {
  119. $.each(obj, function (index, value) {
  120. var id = obj[index].id;
  121. ids += id + ",";
  122. var children = obj[index].children;
  123. if (children) {
  124. getChildren(children);
  125. }
  126. });
  127. }
  128. function movePrev(obj, tagId) {
  129. $(obj).parent().prev().insertAfter($(obj).parent());
  130. checkPics(tagId);
  131. }
  132. function moveNext(obj, tagId) {
  133. $(obj).parent().next().insertBefore($(obj).parent());
  134. checkPics(tagId);
  135. }
  136. function deletePic(obj, tagId) {
  137. $(obj).parent().remove();
  138. checkPics(tagId);
  139. }
  140. function checkPics(tagId) {
  141. var pics = "";
  142. var texts = "";
  143. $("#" + tagId + "Image div img").each(function (i) {
  144. pics += $(this).attr("src") + "|";
  145. });
  146. $("#" + tagId + "Image div input").each(function (i) {
  147. texts += $(this).val() + "|";
  148. });
  149. if (pics == "") {
  150. $("#" + tagId).val("");
  151. } else {
  152. pics = pics.substring(0, pics.length - 1);
  153. texts = texts.substring(0, pics.length - 1);
  154. $("#" + tagId).val(pics + "#cut#" + texts);
  155. }
  156. }
  157. function showBigPic(picpath) {
  158. parent.layer.open({
  159. type: 1,
  160. title: false,
  161. closeBtn: 0,
  162. shadeClose: true,
  163. area: ['auto', 'auto'],
  164. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  165. });
  166. }
  167. var upload;
  168. layui.config({
  169. base: '/layuiadmin/' //静态资源所在路径
  170. }).extend({
  171. index: 'lib/index' //主入口模块
  172. }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'], function () {
  173. var $ = layui.$
  174. , form = layui.form
  175. , element = layui.element
  176. , layer = layui.layer
  177. , layedit = layui.layedit
  178. , laydate = layui.laydate
  179. , croppers = layui.croppers
  180. , transfer = layui.transfer
  181. , util = layui.util
  182. , tree = layui.tree;
  183. upload = layui.upload;
  184. //Hash地址的定位
  185. var layid = location.hash.replace(/^#test=/, '');
  186. element.tabChange('test', layid);
  187. element.on('tab(test)', function (elem) {
  188. location.hash = 'test=' + $(this).attr('lay-id');
  189. });
  190. //日期
  191. //上传文件
  192. WebUploadJs('ColPicPathBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("ColColPicPath"))), function (filename) {
  193. $('#ColPicPathImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
  194. $('#ColPicPath').val(filename);
  195. });
  196. //穿梭框
  197. //TreeView,比如权限管理
  198. })
  199. </script>
  200. </body>
  201. </html>