AdminInfo.cshtml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236
  1. @using MySystem.Models;
  2. @{Merchants editData = ViewBag.data as Merchants;}
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <title>个人资料</title>
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  11. <link rel="stylesheet" href="/layuiadmin/layui/css/layui.css" media="all">
  12. <script src="/admin/js/jquery-1.10.1.min.js"></script>
  13. <script src="/admin/js/LAreaData2.js"></script>
  14. </head>
  15. <body style="background-color:#fff;">
  16. <div class="layui-form" style="padding: 20px 0 0 0;">
  17. <form class="layui-form" id="confirmFrm">
  18. <div class="layui-card">
  19. <div class="layui-card-body">
  20. <div class="layui-tab" lay-filter="mytabbar">
  21. <div class="layui-tab-content mt20">
  22. <div class="layui-tab-item layui-show">
  23. <div class="layui-form-item">
  24. <label class="layui-form-label">名称</label>
  25. <div class="layui-input-block">
  26. <input class="layui-input" type="text" id="Name" name="Name" value="@editData.Name" maxlength="50" lay-verify="required|" autocomplete="off" placeholder="请输入名称">
  27. </div>
  28. </div>
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">Logo图片</label>
  31. <div class="layui-input-block">
  32. <div class="layui-upload">
  33. <input type="hidden" id="Logo" name="Logo" value="@editData.Logo">
  34. <button class="layui-btn" type="button" id="LogoBtn">选择图片</button>
  35. <div class="layui-inline layui-word-aux"></div>
  36. </div>
  37. <div class="mt10" id="LogoImage">
  38. @if (!string.IsNullOrEmpty(editData.Logo))
  39. {
  40. <img src="@(MySystem.OssHelper.Instance.SourceHost)@editData.Logo" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic('@(MySystem.OssHelper.Instance.SourceHost)@editData.Logo')">
  41. }
  42. </div>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">所在地区</label>
  47. <input type="hidden" id="Areas" name="Areas" value="@editData.Areas" />
  48. <div class="layui-input-inline">
  49. <select id="AreasProvince" lay-search="" lay-filter="AreasProvince">
  50. <option value="">省</option>
  51. </select>
  52. </div>
  53. <div class="layui-input-inline">
  54. <select id="AreasCity" lay-search="" lay-filter="AreasCity">
  55. <option value="">市</option>
  56. </select>
  57. </div>
  58. <div class="layui-input-inline">
  59. <select id="AreasArea" lay-search="" lay-filter="AreasArea">
  60. <option value="">县/区</option>
  61. </select>
  62. </div>
  63. </div>
  64. <div class="layui-form-item">
  65. <label class="layui-form-label">详细地址</label>
  66. <div class="layui-input-block">
  67. <input class="layui-input" type="text" id="Address" name="Address" value="@editData.Address" maxlength="50" lay-verify="" autocomplete="off" placeholder="请输入详细地址">
  68. </div>
  69. </div>
  70. <div class="layui-form-item">
  71. <label class="layui-form-label">负责人</label>
  72. <div class="layui-input-block">
  73. <input class="layui-input" type="text" id="Principal" name="Principal" value="@editData.Principal" maxlength="30" lay-verify="required|" autocomplete="off" placeholder="请输入负责人">
  74. </div>
  75. </div>
  76. <div class="layui-form-item">
  77. <label class="layui-form-label">联系电话</label>
  78. <div class="layui-input-block">
  79. <input class="layui-input" type="text" id="Phone" name="Phone" value="@editData.Phone" maxlength="30" lay-verify="required|" autocomplete="off" placeholder="请输入联系电话">
  80. </div>
  81. </div>
  82. <div class="layui-form-item">
  83. <label class="layui-form-label">营业执照</label>
  84. <div class="layui-input-block">
  85. <div class="layui-upload">
  86. <input type="hidden" id="BusinessLicense" name="BusinessLicense" value="@editData.BusinessLicense">
  87. <button class="layui-btn" type="button" id="BusinessLicenseBtn">选择图片</button>
  88. <div class="layui-inline layui-word-aux"></div>
  89. </div>
  90. <div class="mt10" id="BusinessLicenseImage">
  91. @if (!string.IsNullOrEmpty(editData.BusinessLicense))
  92. {
  93. <img src="@(MySystem.OssHelper.Instance.SourceHost)@editData.BusinessLicense" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic('@(MySystem.OssHelper.Instance.SourceHost)@editData.BusinessLicense')">
  94. }
  95. </div>
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="layui-form-item ml10">
  102. <div class="layui-input-block">
  103. <button type="button" class="layui-btn" onclick="save()">立即提交</button>
  104. </div>
  105. </div>
  106. </form>
  107. </div>
  108. <script src="/layuiadmin/layui/layui.js"></script>
  109. <script src="/other/oss/upload-min@(MySystem.OssHelper.Instance.OssStatus ? "-oss" : "").js?r=@DateTime.Now.ToString("yyyyMMddHHmmss")"></script>
  110. <script>
  111. function AreasProvinceInit(tagId, areasVal, form) {
  112. for (var i = 0; i < provs_data.length; i++) {
  113. var sel = "";
  114. if (areasVal.indexOf(provs_data[i].text) > -1) {
  115. sel = " selected=selected";
  116. }
  117. $("#" + tagId + "Province").append('<option value="' + provs_data[i].value + '"' + sel + '>' + provs_data[i].text + '</option>');
  118. }
  119. form.render();
  120. }
  121. function AreasProvinceSelected(tagId, areasVal, form, value) {
  122. $("#" + tagId + "City").html('<option value="">市</option>');
  123. var list = citys_data[value];
  124. for (var i = 0; i < list.length; i++) {
  125. var sel = "";
  126. if (areasVal.indexOf(list[i].text) > -1) {
  127. sel = " selected=selected";
  128. }
  129. $("#" + tagId + "City").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  130. }
  131. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  132. form.render();
  133. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  134. }
  135. function AreasCitySelected(tagId, areasVal, form, value) {
  136. $("#" + tagId + "Area").html('<option value="">县/区</option>');
  137. var list = dists_data[value];
  138. for (var i = 0; i < list.length; i++) {
  139. var sel = "";
  140. if (areasVal.indexOf(list[i].text) > -1) {
  141. sel = " selected=selected";
  142. }
  143. $("#" + tagId + "Area").append('<option value="' + list[i].value + '"' + sel + '>' + list[i].text + '</option>');
  144. }
  145. form.render();
  146. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  147. }
  148. function AreasAreaSelected(tagId, form) {
  149. form.render();
  150. $("#" + tagId + "").val($("#" + tagId + "Province option:selected").text() + "," + $("#" + tagId + "City option:selected").text() + "," + $("#" + tagId + "Area option:selected").text());
  151. }
  152. function showBigPic(picpath) {
  153. parent.layer.open({
  154. type: 1,
  155. title: false,
  156. closeBtn: 0,
  157. shadeClose: true,
  158. area: ['auto', 'auto'],
  159. content: '<img src="' + picpath + '" style="max-width:800px; max-height:800px;" />'
  160. });
  161. }
  162. function save() {
  163. var index = layer.load(1, {
  164. shade: [0.5, '#000']
  165. });
  166. var userdata = $("#confirmFrm").serialize();
  167. $.ajax({
  168. type: "POST",
  169. url: "/Admin/Merchants/AdminInfoPost?r=" + Math.random(1),
  170. data: userdata,
  171. dataType: "text",
  172. success: function (data) {
  173. layer.close(index);
  174. if (data == "success") {
  175. layer.msg("修改成功");
  176. } else {
  177. layer.msg(data);
  178. }
  179. }
  180. });
  181. }
  182. layui.config({
  183. base: '/layuiadmin/' //静态资源所在路径
  184. }).extend({
  185. index: 'lib/index' //主入口模块
  186. }).use(['index', 'form', 'upload', 'layedit'], function () {
  187. var $ = layui.$;
  188. var form = layui.form;
  189. var element = layui.element;
  190. //Hash地址的定位
  191. var layid = location.hash.replace(/^#test=/, '');
  192. element.tabChange('test', layid);
  193. element.on('tab(test)', function (elem) {
  194. location.hash = 'test=' + $(this).attr('lay-id');
  195. });
  196. //上传文件
  197. WebUploadJs('LogoBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload/v2', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("MerchantsLogo"))), function (filename) {
  198. $('#LogoImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
  199. $('#Logo').val(filename);
  200. });
  201. WebUploadJs('BusinessLicenseBtn', '@(Library.ConfigurationManager.AppSettings["Database"].ToString())/upload/v2', @(Html.Raw(new MySystem.PublicFunction().GetUploadParam("MerchantsBusinessLicense"))), function (filename) {
  202. $('#BusinessLicenseImage').html('<img src="' + osshost + filename + '" class="layui-upload-img" style="max-width:85px; max-height:85px;" onclick="showBigPic(\'' + osshost + filename + '\')">')
  203. $('#BusinessLicense').val(filename);
  204. });
  205. //省市区
  206. form.on('select(AreasProvince)', function (data) {
  207. AreasProvinceSelected("Areas", "@editData.Areas", form, data.value);
  208. });
  209. form.on('select(AreasCity)', function (data) {
  210. AreasCitySelected("Areas", "@editData.Areas", form, data.value)
  211. });
  212. form.on('select(AreasArea)', function (data) {
  213. AreasAreaSelected("Areas", form)
  214. });
  215. setTimeout(function () {
  216. AreasProvinceInit("Areas", "@(Html.Raw(editData.Areas))", form);
  217. AreasProvinceSelected("Areas", "@(Html.Raw(editData.Areas))", form, $("#AreasProvince").val());
  218. AreasCitySelected("Areas", "@(Html.Raw(editData.Areas))", form, $("#AreasCity").val());
  219. AreasAreaSelected("Areas", form);
  220. }, 1000);
  221. })
  222. </script>
  223. </body>
  224. </html>