Edit.cshtml 12 KB

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