Edit.cshtml 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396
  1. @using MySystem.Models;
  2. @{ActivityInfo editData = ViewBag.data as ActivityInfo;}
  3. @{
  4. string RightInfo = ViewBag.RightInfo as string;
  5. string right = ViewBag.right as string;
  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. <script src="/admin/js/LAreaData2.js"></script>
  18. <style>
  19. .layui-form-label{
  20. width: 115px !important;
  21. }
  22. .layui-form-item .layui-input-inline{
  23. width: 250px !important;
  24. }
  25. .layui-form-item .layui-input-block{
  26. margin-left: 145px !important;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
  32. <input type="hidden" name="Id" value="@editData.Id" />
  33. <div class="layui-card">
  34. <div class="layui-card-body">
  35. <div class="layui-tab" lay-filter="mytabbar">
  36. <ul class="layui-tab-title">
  37. <li class="layui-this" lay-id="1">基本信息</li>
  38. </ul>
  39. <div class="layui-tab-content mt20">
  40. <div class="layui-tab-item layui-show">
  41. <div class="layui-form-item">
  42. <label class="layui-form-label">*活动名称</label>
  43. <div class="layui-input-inline">
  44. <input class="layui-input" type="text" id="ActName" name="ActName"
  45. value="@editData.ActName" maxlength="128" lay-verify="required|" autocomplete="off"
  46. placeholder="请输入活动名称">
  47. </div>
  48. </div>
  49. <div class="layui-form-item">
  50. <label class="layui-form-label">限制创客编号</label>
  51. <div class="layui-input-inline">
  52. <input class="layui-input" type="text" id="LimitTopBuddy" name="LimitTopBuddy"
  53. value="@editData.LimitTopBuddy" maxlength="255" lay-verify="" autocomplete="off"
  54. placeholder="请输入限制创客编号(整条线,多个用,隔开)">
  55. </div>
  56. </div>
  57. <div class="layui-form-item">
  58. <label class="layui-form-label">*活动类型</label>
  59. <div class="layui-input-inline">
  60. <select id="ActType" name="ActType" lay-search="" lay-filter="ActType" lay-verify="required|">
  61. <option value="">请选择</option>
  62. <option value="0">html页面</option>
  63. <option value="1">指定url</option>
  64. </select>
  65. <script>
  66. $("#ActType").val("@editData.ActType");
  67. </script>
  68. </div>
  69. </div>
  70. @{Dictionary<string, string> KqProductBrandDic = new MySystem.DictionaryClass().getKqProductBrandDic();}
  71. <div class="layui-form-item">
  72. <label class="layui-form-label">*产品类型</label>
  73. <div class="layui-input-block">
  74. <input type="hidden" id="BrandId" name="BrandId" value="@editData.BrandId" lay-verify="required|" />
  75. <div id="BrandIdTransfer" class="demo-transfer"></div>
  76. @{string KqProductBrandJson = "[";}
  77. @foreach (string key in KqProductBrandDic.Keys)
  78. {
  79. KqProductBrandJson += "{\"value\": \"" + key + "\", \"title\": \"" + KqProductBrandDic[key] + "\" },";
  80. }
  81. @{KqProductBrandJson = KqProductBrandJson.TrimEnd(','); KqProductBrandJson += "]";}
  82. </div>
  83. </div>
  84. <div class="layui-form-item">
  85. <label class="layui-form-label">*有效开始时间</label>
  86. <div class="layui-input-inline">
  87. <input class="layui-input" type="text" id="EffectStartDate" name="EffectStartDate"
  88. value="@(editData.EffectStartDate == null ? "" : editData.EffectStartDate.Value.ToString("yyyy-MM-dd HH:mm:ss"))" lay-verify="required|" autocomplete="off"
  89. placeholder="请输入有效开始时间">
  90. </div>
  91. </div>
  92. <div class="layui-form-item">
  93. <label class="layui-form-label">*有效结束时间</label>
  94. <div class="layui-input-inline">
  95. <input class="layui-input" type="text" id="EffectEndDate" name="EffectEndDate"
  96. value="@(editData.EffectEndDate == null ? "" : editData.EffectEndDate.Value.ToString("yyyy-MM-dd HH:mm:ss"))" lay-verify="required|" autocomplete="off"
  97. placeholder="请输入有效结束时间">
  98. </div>
  99. </div>
  100. <div class="layui-form-item">
  101. <label class="layui-form-label">*活动Banner图片</label>
  102. <div class="layui-input-block">
  103. <div class="layui-upload">
  104. <input type="hidden" id="ActBanner" name="ActBanner" value="@editData.ActBanner" lay-verify="required|">
  105. <button class="layui-btn" type="button" id="ActBannerBtn">选择图片</button>
  106. <div class="layui-inline layui-word-aux">@(new MySystem.PublicFunction().GetUploadHint("ActivityInfoActBanner"))</div>
  107. </div>
  108. <div style="margin-top:10px;" id="ActBannerImage">
  109. @if (!string.IsNullOrEmpty(editData.ActBanner))
  110. {
  111. <img src="@(MySystem.OssHelper.Instance.SourceHost)@editData.ActBanner"
  112. class="layui-upload-img" style="max-width:85px; max-height:85px;"
  113. onclick="showBigPic('@(MySystem.OssHelper.Instance.SourceHost)@editData.ActBanner')">
  114. }
  115. </div>
  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" id="Remark" name="Remark" maxlength="128"
  122. lay-verify="" placeholder="请输入备注">@editData.Remark</textarea>
  123. </div>
  124. </div>
  125. <div class="layui-form-item layui-form-text" id="ContentDiv">
  126. <label class="layui-form-label">*活动详情</label>
  127. <div class="layui-input-block">
  128. <textarea class="layui-textarea" id="ActContent" name="ActContent"
  129. placeholder="请输入活动详情"
  130. style="width:100%;height:500px;">@(MySystem.OssHelper.Instance.CheckOSSPic(editData.ActContent))</textarea>
  131. </div>
  132. </div>
  133. <div class="layui-form-item" id="UrlDiv" style="display: none;">
  134. <label class="layui-form-label">*链接地址</label>
  135. <div class="layui-input-inline">
  136. <input class="layui-input" type="text" id="ActReferUrl" name="ActReferUrl"
  137. value="@editData.ActReferUrl" maxlength="255" lay-verify="" autocomplete="off"
  138. placeholder="请输入链接地址">
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="layui-form-item layui-hide">
  145. <input type="button" lay-submit lay-filter="LAY-list-front-submit" id="LAY-list-front-submit" value="确认">
  146. </div>
  147. </div>
  148. </div>
  149. </div>
  150. <script src="/layuiadmin/layui/layui.js"></script>
  151. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js?r=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
  152. <script src="/other/mybjq/kindeditor-min.js"></script>
  153. <script src="/other/mybjq/lang/zh_CN.js"></script>
  154. <script>
  155. //活动详情
  156. @(Html.Raw(Library.Control.kindeditorVar("ActContent")))
  157. //编辑器
  158. KindEditor.ready(function (K) {
  159. //活动详情
  160. @(Html.Raw(Library.Control.kindeditor("ActContent", 1)))
  161. });
  162. var ids = "";
  163. function getChildren(obj) {
  164. $.each(obj, function (index, value) {
  165. var id = obj[index].id;
  166. ids += id + ",";
  167. var children = obj[index].children;
  168. if (children) {
  169. getChildren(children);
  170. }
  171. });
  172. }
  173. function AreasProvinceInit(tagId, areasVal, form) {
  174. for (var i = 0; i < provs_data.length; i++) {
  175. var sel = "";
  176. if (areasVal.indexOf(provs_data[i].text) > -1) {
  177. sel = " selected=selected";
  178. }
  179. $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' + provs_data[i].text + '</option>');
  180. }
  181. form.render();
  182. }
  183. function AreasProvinceSelected(tagId, areasVal, form, value) {
  184. $("#" + tagId + "City").html('<option value="">市</option>');
  185. var list = citys_data[value];
  186. for (var i = 0; i < list.length; i++) {
  187. var sel = "";
  188. if (areasVal.indexOf(list[i].text) > -1) {
  189. sel = " selected=selected";
  190. }
  191. $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  192. }
  193. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  194. form.render();
  195. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  196. }
  197. function AreasCitySelected(tagId, areasVal, form, value) {
  198. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  199. var list = dists_data[value];
  200. for (var i = 0; i < list.length; i++) {
  201. var sel = "";
  202. if (areasVal.indexOf(list[i].text) > -1) {
  203. sel = " selected=selected";
  204. }
  205. $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  206. }
  207. form.render();
  208. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  209. }
  210. function AreasAreaSelected(tagId, form) {
  211. form.render();
  212. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  213. }
  214. function movePrev(obj, tagId) {
  215. $(obj).parent().prev().insertAfter($(obj).parent());
  216. checkPics(tagId);
  217. }
  218. function moveNext(obj, tagId) {
  219. $(obj).parent().next().insertBefore($(obj).parent());
  220. checkPics(tagId);
  221. }
  222. function deletePic(obj, tagId) {
  223. $(obj).parent().remove();
  224. checkPics(tagId);
  225. }
  226. function checkPics(tagId) {
  227. var pics = "";
  228. var texts = "";
  229. $("#" + tagId + "Image div img").each(function (i) {
  230. pics += $(this).attr("src").replace(osshost, '') + "|";
  231. });
  232. $("#" + tagId + "Image div input").each(function (i) {
  233. texts += $(this).val() + "|";
  234. });
  235. if (pics == "") {
  236. $("#" + tagId).val("");
  237. } else {
  238. pics = pics.substring(0, pics.length - 1);
  239. texts = texts.substring(0, pics.length - 1);
  240. $("#" + tagId).val(pics + "#cut#" + texts);
  241. }
  242. }
  243. function checkBox(tagId) {
  244. var text = "";
  245. $("input[type=checkbox][name=" + tagId + "List]:checked").each(function (i) {
  246. text += $(this).val() + ",";
  247. });
  248. $("#" + tagId).val(text);
  249. }
  250. function showBigPic(picpath) {
  251. parent.layer.open({
  252. type: 1,
  253. title: false,
  254. closeBtn: 0,
  255. shadeClose: true,
  256. area: ['auto', 'auto'],
  257. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  258. });
  259. }
  260. var tree;
  261. var element;
  262. var upload;
  263. layui.config({
  264. base: '/layuiadmin/' //静态资源所在路径
  265. }).extend({
  266. index: 'lib/index' //主入口模块
  267. }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'], function () {
  268. var $ = layui.$
  269. , form = layui.form
  270. , layer = layui.layer
  271. , layedit = layui.layedit
  272. , laydate = layui.laydate
  273. , croppers = layui.croppers
  274. , transfer = layui.transfer
  275. , util = layui.util;
  276. tree = layui.tree;
  277. element = layui.element;
  278. upload = layui.upload;
  279. //Hash地址的定位
  280. var layid = location.hash.replace(/^#test=/, '');
  281. element.tabChange('test', layid);
  282. element.on('tab(test)', function (elem) {
  283. location.hash = 'test=' + $(this).attr('lay-id');
  284. });
  285. form.on('select(ActType)', function (data) {
  286. if(data.value == '0') {
  287. $('#UrlDiv').hide();
  288. $('#ContentDiv').show();
  289. } else if(data.value == '1') {
  290. $('#UrlDiv').show();
  291. $('#ContentDiv').hide();
  292. }
  293. form.render();
  294. });
  295. var ActType = '@editData.ActType';
  296. if(ActType == '0') {
  297. $('#UrlDiv').hide();
  298. $('#ContentDiv').show();
  299. } else if(ActType == '1') {
  300. $('#UrlDiv').show();
  301. $('#ContentDiv').hide();
  302. }
  303. //日期
  304. laydate.render({
  305. elem: '#EffectStartDate',
  306. type: 'datetime',
  307. trigger: 'click'
  308. });
  309. laydate.render({
  310. elem: '#EffectEndDate',
  311. type: 'datetime',
  312. trigger: 'click'
  313. });
  314. laydate.render({
  315. elem: '#EnrolStartDate',
  316. trigger: 'click'
  317. });
  318. laydate.render({
  319. elem: '#EnrolEndDate',
  320. trigger: 'click'
  321. });
  322. //上传文件
  323. WebUploadJs('ActBannerBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload/v2', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("ActivityInfoActBanner"))), function (filename) {
  324. $('#ActBannerImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
  325. $('#ActBanner').val(filename);
  326. });
  327. //穿梭框
  328. transfer.render({
  329. elem: '#BrandIdTransfer'
  330. , data: @Html.Raw(KqProductBrandJson)
  331. , title: ['待选项', '选中项']
  332. , value: ["@Html.Raw(Library.function.CheckNull(editData.BrandId).Replace(",", "\",\""))"]
  333. , showSearch: true
  334. , onchange: function (obj, index) {
  335. if (index == 0) {
  336. var source = $("#BrandId").val();
  337. $.each(obj, function (index, value) {
  338. var val = obj[index].value;
  339. if (source != "") {
  340. source += "," + val;
  341. } else {
  342. source += val;
  343. }
  344. });
  345. $("#BrandId").val(source);
  346. } else if (index == 1) {
  347. var source = "," + $("#BrandId").val() + ",";
  348. $.each(obj, function (index, value) {
  349. var val = obj[index].value;
  350. source = source.replace("," + val + ",", ",");
  351. });
  352. if (source != "") {
  353. if (source == ",") {
  354. source = "";
  355. } else {
  356. source = source.substring(1, source.length - 1);
  357. }
  358. }
  359. $("#BrandId").val(source);
  360. }
  361. }
  362. });
  363. //TreeView,比如权限管理
  364. //省市区
  365. })
  366. </script>
  367. </body>
  368. </html>