Add.cshtml 11 KB

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