Edit.cshtml 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344
  1. @using MySystem.Models;
  2. @{UserCardForWeChat editData = ViewBag.data as UserCardForWeChat;}
  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. </head>
  19. <body>
  20. <div class="layui-form" lay-filter="layuiadmin-form-useradmin" id="layuiadmin-form-useradmin">
  21. <input type="hidden" name="Id" value="@editData.Id" />
  22. <div class="layui-card">
  23. <div class="layui-card-body">
  24. <div class="layui-tab" lay-filter="mytabbar">
  25. <ul class="layui-tab-title">
  26. <li class="layui-this" lay-id="1">基本信息</li>
  27. </ul>
  28. <div class="layui-tab-content mt20">
  29. <div class="layui-tab-item layui-show">
  30. <div class="layui-form-item">
  31. <label class="layui-form-label">会员卡类型</label>
  32. <div class="layui-input-inline">
  33. <input class="layui-input" type="text" id="CardType" name="CardType" value="@editData.CardType" maxlength="30" lay-verify="" autocomplete="off" placeholder="请输入会员卡类型">
  34. </div>
  35. </div>
  36. <div class="layui-form-item">
  37. <label class="layui-form-label">商户logo</label>
  38. <div class="layui-input-block">
  39. <div class="layui-upload">
  40. <input type="hidden" id="LogoUrl" name="LogoUrl" value="@editData.LogoUrl">
  41. <button class="layui-btn" type="button" id="LogoUrlBtn">选择图片</button>
  42. <div class="layui-inline layui-word-aux">@(new MySystem.PublicFunction().GetUploadHint("UserCardForWeChatLogoUrl"))</div>
  43. </div>
  44. <div style="margin-top:10px;" id="LogoUrlImage">
  45. @if (!string.IsNullOrEmpty(editData.LogoUrl))
  46. {
  47. <img src="@(MySystem.OssHelper.Instance.SourceHost)@editData.LogoUrl" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic('@(MySystem.OssHelper.Instance.SourceHost)@editData.LogoUrl')">
  48. }
  49. </div>
  50. </div>
  51. </div>
  52. <div class="layui-form-item">
  53. <label class="layui-form-label">展示类型</label>
  54. <div class="layui-input-inline">
  55. <select id="CodeType" name="CodeType" lay-search="">
  56. <option value="">请选择</option>
  57. <option value="CODE_TYPE_TEXT">文本</option>
  58. <option value="CODE_TYPE_BARCODE">一维码</option>
  59. <option value="CODE_TYPE_QRCODE">二维码</option>
  60. <option value="CODE_TYPE_ONLY_QRCODE">仅显示二维码</option>
  61. <option value="CODE_TYPE_ONLY_BARCODE">仅显示一维码</option>
  62. <option value="CODE_TYPE_NONE">不显示任何码型</option>
  63. </select>
  64. <script>$("#CodeType").val("@editData.CodeType");</script>
  65. </div>
  66. </div>
  67. <div class="layui-form-item">
  68. <label class="layui-form-label">商户名字</label>
  69. <div class="layui-input-inline">
  70. <input class="layui-input" type="text" id="BrandName" name="BrandName" value="@editData.BrandName" maxlength="12" lay-verify="required|" autocomplete="off" placeholder="请输入商户名字">
  71. </div>
  72. </div>
  73. <div class="layui-form-item">
  74. <label class="layui-form-label">卡券名</label>
  75. <div class="layui-input-inline">
  76. <input class="layui-input" type="text" id="Title" name="Title" value="@editData.Title" maxlength="9" lay-verify="required|" autocomplete="off" placeholder="请输入卡券名">
  77. </div>
  78. </div>
  79. <div class="layui-form-item">
  80. <label class="layui-form-label">券颜色</label>
  81. <div class="layui-input-inline">
  82. <input class="layui-input" type="text" id="Color" name="Color" value="@editData.Color" maxlength="20" lay-verify="required|" autocomplete="off" placeholder="请输入券颜色">
  83. </div>
  84. </div>
  85. <div class="layui-form-item">
  86. <label class="layui-form-label">卡券使用提醒</label>
  87. <div class="layui-input-inline">
  88. <input class="layui-input" type="text" id="Notice" name="Notice" value="@editData.Notice" maxlength="16" lay-verify="required|" autocomplete="off" placeholder="请输入卡券使用提醒">
  89. </div>
  90. </div>
  91. <div class="layui-form-item layui-form-text">
  92. <label class="layui-form-label">卡券使用说明</label>
  93. <div class="layui-input-block">
  94. <textarea class="layui-textarea" id="Description" name="Description" maxlength="1024" lay-verify="required|" placeholder="请输入卡券使用说明">@editData.Description</textarea>
  95. </div>
  96. </div>
  97. <div class="layui-form-item">
  98. <label class="layui-form-label">卡券库存的数量</label>
  99. <div class="layui-input-inline">
  100. <input class="layui-input" type="text" id="Quantity" name="Quantity" value="@editData.Quantity" maxlength="20" lay-verify="required|int|" autocomplete="off" placeholder="请输入卡券库存的数量">
  101. </div>
  102. </div>
  103. <div class="layui-form-item">
  104. <label class="layui-form-label">使用时间类型</label>
  105. <div class="layui-input-inline">
  106. <select id="DateType" name="DateType" lay-search="">
  107. <option value="">请选择</option>
  108. <option value="DATE_TYPE_FIX_TERM">支持固定时长有效类型</option>
  109. <option value="DATE_TYPE_FIX_TIME_RANGE">固定日期有效类型</option>
  110. <option value="DATE_TYPE_PERMANENT">永久有效类型</option>
  111. </select>
  112. <script>$("#DateType").val("@editData.DateType");</script>
  113. </div>
  114. </div>
  115. <div class="layui-form-item layui-form-text">
  116. <label class="layui-form-label">会员卡特权说明</label>
  117. <div class="layui-input-block">
  118. <textarea class="layui-textarea" id="Prerogative" name="Prerogative" maxlength="1024" lay-verify="" placeholder="请输入会员卡特权说明">@editData.Prerogative</textarea>
  119. </div>
  120. </div>
  121. <div class="layui-form-item">
  122. <label class="layui-form-label">显示积分</label>
  123. <div class="layui-input-inline">
  124. <input type="checkbox" id="SupplyBonus" name="SupplyBonus" value="1" @(editData.SupplyBonus == 1 ? "checked=checked" : "") lay-skin="switch" lay-filter="switchTest" title="开关">
  125. </div>
  126. </div>
  127. <div class="layui-form-item">
  128. <label class="layui-form-label">是否支持储值</label>
  129. <div class="layui-input-inline">
  130. <input type="checkbox" id="SupplyBalance" name="SupplyBalance" value="1" @(editData.SupplyBalance == 1 ? "checked=checked" : "") lay-skin="switch" lay-filter="switchTest" title="开关">
  131. </div>
  132. </div>
  133. <div class="layui-form-item">
  134. <label class="layui-form-label">入口名称</label>
  135. <div class="layui-input-inline">
  136. <input class="layui-input" type="text" id="EnterName" name="EnterName" value="@editData.EnterName" maxlength="15" lay-verify="required|" autocomplete="off" placeholder="请输入入口名称">
  137. </div>
  138. </div>
  139. <div class="layui-form-item">
  140. <label class="layui-form-label">入口右侧提示语</label>
  141. <div class="layui-input-inline">
  142. <input class="layui-input" type="text" id="EnterTips" name="EnterTips" value="@editData.EnterTips" maxlength="6" lay-verify="" autocomplete="off" placeholder="请输入入口右侧提示语">
  143. </div>
  144. </div>
  145. <div class="layui-form-item">
  146. <label class="layui-form-label">入口跳转链接</label>
  147. <div class="layui-input-inline">
  148. <input class="layui-input" type="text" id="EnterUrl" name="EnterUrl" value="@editData.EnterUrl" maxlength="200" lay-verify="required|" autocomplete="off" placeholder="请输入入口跳转链接">
  149. </div>
  150. </div>
  151. @{Dictionary<string, string> MerchantInfoDic = new MySystem.DictionaryClass().getMerchantInfoDic();}
  152. <div class="layui-form-item">
  153. <label class="layui-form-label">商户</label>
  154. <div class="layui-input-inline">
  155. <select id="MerchantId" name="MerchantId" lay-search="">
  156. <option value="">请选择</option>
  157. @foreach (string key in MerchantInfoDic.Keys)
  158. {
  159. <option value="@key">@MerchantInfoDic[key]</option>
  160. }
  161. </select>
  162. <script>$("#MerchantId").val("@editData.MerchantId");</script>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="layui-form-item layui-hide">
  169. <input type="button" lay-submit lay-filter="LAY-list-front-submit" id="LAY-list-front-submit" value="确认">
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. <script src="/layuiadmin/layui/layui.js"></script>
  175. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js?r=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
  176. <script src="/other/mybjq/kindeditor-min.js"></script>
  177. <script src="/other/mybjq/lang/zh_CN.js"></script>
  178. <script>
  179. //编辑器
  180. KindEditor.ready(function (K) {
  181. });
  182. var ids = "";
  183. function getChildren(obj) {
  184. $.each(obj, function (index, value) {
  185. var id = obj[index].id;
  186. ids += id + ",";
  187. var children = obj[index].children;
  188. if (children) {
  189. getChildren(children);
  190. }
  191. });
  192. }
  193. function AreasProvinceInit(tagId, areasVal, form) {
  194. for (var i = 0; i < provs_data.length; i++) {
  195. var sel = "";
  196. if (areasVal.indexOf(provs_data[i].text) > -1) {
  197. sel = " selected=selected";
  198. }
  199. $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' + provs_data[i].text + '</option>');
  200. }
  201. form.render();
  202. }
  203. function AreasProvinceSelected(tagId, areasVal, form, value) {
  204. $("#" + tagId + "City").html('<option value="">市</option>');
  205. var list = citys_data[value];
  206. for (var i = 0; i < list.length; i++) {
  207. var sel = "";
  208. if (areasVal.indexOf(list[i].text) > -1) {
  209. sel = " selected=selected";
  210. }
  211. $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  212. }
  213. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  214. form.render();
  215. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  216. }
  217. function AreasCitySelected(tagId, areasVal, form, value) {
  218. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  219. var list = dists_data[value];
  220. for (var i = 0; i < list.length; i++) {
  221. var sel = "";
  222. if (areasVal.indexOf(list[i].text) > -1) {
  223. sel = " selected=selected";
  224. }
  225. $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  226. }
  227. form.render();
  228. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  229. }
  230. function AreasAreaSelected(tagId, form) {
  231. form.render();
  232. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  233. }
  234. function movePrev(obj, tagId) {
  235. $(obj).parent().prev().insertAfter($(obj).parent());
  236. checkPics(tagId);
  237. }
  238. function moveNext(obj, tagId) {
  239. $(obj).parent().next().insertBefore($(obj).parent());
  240. checkPics(tagId);
  241. }
  242. function deletePic(obj, tagId) {
  243. $(obj).parent().remove();
  244. checkPics(tagId);
  245. }
  246. function checkPics(tagId) {
  247. var pics = "";
  248. var texts = "";
  249. $("#" + tagId + "Image div img").each(function (i) {
  250. pics += $(this).attr("src").replace(osshost, '') + "|";
  251. });
  252. $("#" + tagId + "Image div input").each(function (i) {
  253. texts += $(this).val() + "|";
  254. });
  255. if (pics == "") {
  256. $("#" + tagId).val("");
  257. } else {
  258. pics = pics.substring(0, pics.length - 1);
  259. texts = texts.substring(0, pics.length - 1);
  260. $("#" + tagId).val(pics + "#cut#" + texts);
  261. }
  262. }
  263. function checkBox(tagId) {
  264. var text = "";
  265. $("input[type=checkbox][name=" + tagId + "List]:checked").each(function (i) {
  266. text += $(this).val() + ",";
  267. });
  268. $("#" + tagId).val(text);
  269. }
  270. function showBigPic(picpath) {
  271. parent.layer.open({
  272. type: 1,
  273. title: false,
  274. closeBtn: 0,
  275. shadeClose: true,
  276. area: ['auto', 'auto'],
  277. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  278. });
  279. }
  280. var tree;
  281. var element;
  282. var upload;
  283. layui.config({
  284. base: '/layuiadmin/' //静态资源所在路径
  285. }).extend({
  286. index: 'lib/index' //主入口模块
  287. }).use(['index', 'form', 'upload', 'layedit', 'laydate', 'element', 'croppers', 'transfer', 'tree', 'util'], function () {
  288. var $ = layui.$
  289. , form = layui.form
  290. , layer = layui.layer
  291. , layedit = layui.layedit
  292. , laydate = layui.laydate
  293. , croppers = layui.croppers
  294. , transfer = layui.transfer
  295. , util = layui.util;
  296. tree = layui.tree;
  297. element = layui.element;
  298. upload = layui.upload;
  299. //Hash地址的定位
  300. var layid = location.hash.replace(/^#test=/, '');
  301. element.tabChange('test', layid);
  302. element.on('tab(test)', function (elem) {
  303. location.hash = 'test=' + $(this).attr('lay-id');
  304. });
  305. //日期
  306. //上传文件
  307. WebUploadJs('LogoUrlBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload/v2', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("UserCardForWeChatLogoUrl"))), function (filename) {
  308. $('#LogoUrlImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
  309. $('#LogoUrl').val(filename);
  310. });
  311. //穿梭框
  312. //TreeView,比如权限管理
  313. //省市区
  314. })
  315. </script>
  316. </body>
  317. </html>