Edit.cshtml 13 KB

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