MarketsListCs.cshtml 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>MarketsListCs</title>
  10. <link href="~/easyui/themes/default/easyui.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="~/easyui/themes/icon.css" />
  12. <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
  13. <link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
  14. <script src="~/Content/js/jquery.min.js"></script>
  15. <script src="~/Content/js/bootstrap.min.js"></script>
  16. <script src="~/easyui/jquery.easyui.min.js"></script>
  17. <script src="~/easyui/jquery.easyui.mobile.js"></script>
  18. <script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
  19. <script src="~/Content/js/plugins/layer/laydate/laydate.js"></script>
  20. <script src="~/Content/js/plugins/layer/layer.min.js"></script>
  21. <script src="~/Content/js/plugins/validate/jquery.validate.min.js"></script>
  22. <script src="~/Content/js/plugins/validate/messages_zh.min.js"></script>
  23. <script src="~/js/Utils.js"></script>
  24. <link href="~/Content/css/Style/Markets.css" rel="stylesheet" />
  25. <script src="~/Content/js/js/MarketJs.js"></script>
  26. </head>
  27. <body>
  28. <section class="hidden">
  29. <input id="hid_Type" name="hid_Type" type="hidden" value="0" />
  30. <input id="hid_IsLock" name="IsLock" type="hidden" value="0" />
  31. <input id="hid_MarketType" name="hid_MarketType" type="hidden" value="6" />
  32. </section>
  33. <section style="height:95vh; padding: 10px 20px;">
  34. <div class="row tbToolBar" id="tbToolBar">
  35. <div class="toolbar">
  36. <label>
  37. <input type="checkbox" id="DataToggle"> 显示已删除记录
  38. </label>
  39. </div>
  40. <div class="toolbar" id="CurdTool">
  41. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="btn_Add()">添加</a>
  42. <span class="shuxian"></span>
  43. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="btn_Edit()">修改</a>
  44. <span class="shuxian"></span>
  45. <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="btn_Del()">删除</a>
  46. </div>
  47. <div class="toolbar" id="ResetTool">
  48. <a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="Save('ReDel')">恢复删除</a>
  49. </div>
  50. @*<div class="toolbar-search">
  51. <span>【请选择查询条件】</span>
  52. <input class="easyui-searchbox" data-options="prompt:'请输入查询条件...',menu:'#search',searcher:LoadTable" style="width: 300px;height:25px;" />
  53. <div id="search">
  54. <div data-options="name:'Names'">超市名称</div>
  55. <div data-options="name:'MarketID'">注册号码</div>
  56. <div data-options="name:'LicenseNo'">执照编码</div>
  57. <div data-options="name:'LicenseName'">执照名称</div>
  58. <div data-options="name:'MarketTypeName'">市场类型</div>
  59. <div data-options="name:'RegionNames'">所属辖区</div>
  60. </div>
  61. </div>*@
  62. <div class="toolbar-search">
  63. <div id="Search" class="easyui-panel" title="请展开面板输入查询条件" style="width: 300px; height: 330px; padding: 10px;"
  64. data-options="iconCls:'icon-heart',collapsible:true,minimizable:false,maximizable:false,closable:false,collapsed:true,tools:[
  65. {
  66. iconCls:'icon-search',
  67. handler:function(){LoadTable(true)}
  68. }]">
  69. <table>
  70. <tr>
  71. <td><label for="SearchNames">市场名称</label></td>
  72. <td><input class="easyui-textbox" type="text" id="SearchNames" name="SearchNames" style="height: 25px; width: 150px" data-options="" /></td>
  73. </tr>
  74. <tr>
  75. <td><label for="SearchMarketID">注册号码</label></td>
  76. <td><input class="easyui-textbox" type="text" id="SearchMarketID" name="SearchMarketID" style="height: 25px; width: 150px" data-options="" /></td>
  77. </tr>
  78. <tr>
  79. <td><label for="SearchRegionID">所属辖区</label></td>
  80. <td>
  81. <select class="easyui-combobox" type="text" id="SearchRegionID" name="SearchRegionID" style="height: 25px; width: 150px">
  82. <option value="">全部</option>
  83. @Html.Raw(ViewBag.SelRegionInfo)
  84. </select>
  85. </td>
  86. </tr>
  87. <tr>
  88. <td><label for="SearchLicenseNo">执照编码</label></td>
  89. <td><input class="easyui-textbox" type="text" id="SearchLicenseNo" name="SearchLicenseNo" style="height: 25px; width: 150px" data-options="" /></td>
  90. </tr>
  91. <tr>
  92. <td><label for="SearchLicenseName">执照名称</label></td>
  93. <td><input class="easyui-textbox" type="text" id="SearchLicenseName" name="SearchLicenseName" style="height: 25px; width: 150px" data-options="" /></td>
  94. </tr>
  95. <tr>
  96. <td><label for="SearchMarketTypeName">市场类型</label></td>
  97. <td>
  98. <select class="easyui-combobox" type="text" id="SearchMarketTypeName" name="SearchMarketTypeName" style="height: 25px; width: 150px" data-options="">
  99. @Html.Raw(ViewBag.SelMarketTypeInfo)
  100. </select>
  101. </td>
  102. </tr>
  103. <tr>
  104. <td colspan="2" style="text-align: center; width: 100%">
  105. <a href="#" class="easyui-linkbutton" iconCls="icon-search" style="width: 100%; height: 25px" onclick="LoadTable(true);">查询</a>
  106. </td>
  107. </tr>
  108. </table>
  109. </div>
  110. </div>
  111. </div>
  112. <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
  113. data-options="singleSelect: true,
  114. method: 'post',
  115. multiSort: false,
  116. toolbar: '#tbToolBar',
  117. fitColumns: true,
  118. rownumbers: true,
  119. remoteSort: false,
  120. loadFilter: pagerFilter,
  121. @*onDblClickRow: function () {
  122. btn_Edit();
  123. },*@
  124. pagination: true,
  125. pageSize: 50,
  126. pageList: [20, 50, 100]
  127. ">
  128. <thead>
  129. <tr>
  130. <th data-options="field:'MarketID',width:80">注册号</th>
  131. <th data-options="field:'Names',width:150">超市名称</th>
  132. <th data-options="field:'LicenseNo',width:100">执照编码</th>
  133. <th data-options="field:'LicenseName',width:150">执照名称</th>
  134. <th data-options="field:'CardIndex',width:80">食品信用安全码</th>
  135. <th data-options="field:'RegionNames',width:80,">所属辖区</th>
  136. <th data-options="field:'LockState',width:50,">状态</th>
  137. </tr>
  138. </thead>
  139. </table>
  140. </section>
  141. <section>
  142. <div id="winModal" class="easyui-window winModal" title="超市信息详情" style="width: 800px;padding:10px;"
  143. iconCls="icon-save" data-options="modal:true,closed:true">
  144. <div class="easyui-layout" data-options="fit:true" style="height:99%">
  145. <div data-options="region:'center'" style="padding:15px 25px 0;">
  146. <form id="form" class="row">
  147. <div class="panle-half">
  148. <div class="input-group">
  149. <label class="input-group-addon control-label" for="MarketID">注册号码</label>
  150. <input class="form-control input-group-addon required" aria-disabled="true" name="MarketID" id="MarketID" type="text" value="" placeholder="填写注册号码" />
  151. <strong class="text-requird input-group-addon control-label">*</strong>
  152. </div>
  153. <div class="input-group">
  154. <label class="input-group-addon control-label" for="RegionId">所属辖区</label>
  155. <select class="form-control input-group-addon required" aria-disabled="true" name="RegionId" id="RegionId" type="text" value="" placeholder="选择所属辖区">
  156. @Html.Raw(ViewBag.SelRegionInfo)
  157. </select>
  158. <strong class="text-requird input-group-addon control-label">*</strong>
  159. </div>
  160. <div class="input-group">
  161. <label class="input-group-addon control-label" for="LicenseNo">执照编码</label>
  162. <input class="form-control input-group-addon" aria-disabled="true" required name="LicenseNo" id="LicenseNo" type="text" value="" placeholder="填写营业执照编码" />
  163. <strong class="text-requird input-group-addon control-label">*</strong>
  164. </div>
  165. <div class="input-group">
  166. <label class="input-group-addon control-label" for="CardIndex">食品安全码</label>
  167. <input class="form-control input-group-addon" aria-disabled="true" name="CardIndex" id="CardIndex" type="text" value="" placeholder="填写食品信用安全码" />
  168. </div>
  169. <div class="input-group">
  170. <label class="input-group-addon control-label" for="Area">
  171. 面积
  172. </label>
  173. <input class="form-control input-group-addon" aria-disabled="true" name="Area" id="Area" type="text" value="" />
  174. <span class="input-group-addon control-label">平方米</span>
  175. </div>
  176. <div class="input-group">
  177. <label class="input-group-addon control-label" for="MarketSellerNum">经营户总数</label>
  178. <input class="form-control input-group-addon" aria-disabled="true" name="MarketSellerNum" id="MarketSellerNum" type="text" value="" />
  179. </div>
  180. <div class="input-group">
  181. <label class="input-group-addon control-label" for="Principal">负责人</label>
  182. <input class="form-control input-group-addon" aria-disabled="true" name="Principal" id="Principal" type="text" value="" />
  183. </div>
  184. <div class="input-group">
  185. <label class="input-group-addon control-label" for="LinkMan">联系人</label>
  186. <input class="form-control input-group-addon" aria-disabled="true" name="LinkMan" id="LinkMan" type="text" value="" />
  187. </div>
  188. <div class="input-group">
  189. <label class="input-group-addon control-label" for="FrontForUnit">主办单位</label>
  190. <input class="form-control input-group-addon" aria-disabled="true" name="FrontForUnit" id="FrontForUnit" type="text" value="" />
  191. </div>
  192. <div class="input-group">
  193. <label class="input-group-addon control-label" for="Address">位置</label>
  194. <input class="form-control input-group-addon" aria-disabled="true" name="Address" id="Address" type="text" value="" />
  195. </div>
  196. </div>
  197. <div class="panle-half">
  198. <div class="input-group">
  199. <label class="input-group-addon control-label" for="Name">超市名称</label>
  200. <input class="form-control input-group-addon required" aria-disabled="true" name="Name" id="Name" type="text" value="" />
  201. <strong class="text-requird input-group-addon control-label">*</strong>
  202. </div>
  203. <div class="input-group">
  204. <label class="input-group-addon control-label" for="MarketTypeID">市场类型</label>
  205. <select class="form-control input-group-addon" aria-disabled="true" name="MarketTypeID" id="MarketTypeID" type="text" value="">
  206. @Html.Raw(ViewBag.SelMarketTypeInfo)
  207. </select>
  208. </div>
  209. <div class="input-group">
  210. <label class="input-group-addon control-label" for="LicenseName">执照名称</label>
  211. <input class="form-control input-group-addon" aria-disabled="true" required name="LicenseName" id="LicenseName" type="text" value="" placeholder="填写营业执照名称" />
  212. <strong class="text-requird input-group-addon control-label">*</strong>
  213. </div>
  214. <div class="input-group">
  215. <label class="input-group-addon control-label" for="PractiseTime">开业时间</label>
  216. <input class="form-control input-group-addon laydate-icon" readonly="readonly" aria-disabled="true" name="PractiseTime" id="PractiseTime" type="text" value="" placeholder="填写开业时间" />
  217. </div>
  218. <div class="input-group">
  219. <label class="input-group-addon control-label" for="Upgrade">提升方案</label>
  220. <select class="form-control input-group-addon" aria-disabled="true" name="Upgrade" id="Upgrade" type="text" value="">
  221. @Html.Raw(ViewBag.SelUpgradeInfo)
  222. </select>
  223. </div>
  224. <div class="input-group">
  225. <label class="input-group-addon control-label" for="Turnover">营业额</label>
  226. <input class="form-control input-group-addon" aria-disabled="true" name="Turnover" id="Turnover" type="text" value="" />
  227. <span class="input-group-addon control-label">万元</span>
  228. </div>
  229. <div class="input-group">
  230. <label class="input-group-addon control-label" for="AuditFlag">规划审批</label>
  231. <select class="form-control input-group-addon" aria-disabled="true" name="AuditFlag" id="AuditFlag" type="text" value="">
  232. <option value="0">是</option>
  233. <option value="1">否</option>
  234. </select>
  235. </div>
  236. <div class="input-group">
  237. <label class="input-group-addon control-label" for="Telephone">联系电话</label>
  238. <input class="form-control input-group-addon" aria-disabled="true" name="Telephone" id="Telephone" type="text" value="" />
  239. </div>
  240. <div class="input-group">
  241. <label class="input-group-addon control-label" for="LinkTel">联系人电话</label>
  242. <input class="form-control input-group-addon" aria-disabled="true" name="LinkTel" id="LinkTel" type="text" value="" />
  243. </div>
  244. <div class="input-group">
  245. <label class="input-group-addon control-label" for="ManageUnit">管理单位</label>
  246. <input class="form-control input-group-addon" aria-disabled="true" name="ManageUnit" id="ManageUnit" type="text" value="" />
  247. </div>
  248. </div>
  249. <div class="panle-fluid">
  250. <div class="input-group">
  251. <label class="input-group-addon control-label" for="Remark">备注</label>
  252. <textarea class="form-control input-group-addon" rows="3" aria-disabled="true" name="Remark" id="Remark" type="text" value=""></textarea>
  253. </div>
  254. </div>
  255. </form>
  256. </div>
  257. <div data-options="region:'south',border:false" style="text-align:right;height:45px; padding:13px 20px 0;">
  258. <a class="easyui-linkbutton" id="Save" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="Save()" style="width:80px">确认</a>
  259. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winModal').window('close');" style="width:80px">取消</a>
  260. </div>
  261. </div>
  262. </div>
  263. </section>
  264. <script>
  265. //提交
  266. function Save(type) {
  267. type = type || $("#hid_Type").val();
  268. var marketId = (type === "Add" || type === "Edit") ? $("#MarketID").val() : $('#dgTable').datagrid('getSelections')[0].MarketID;
  269. $.ajax({
  270. url: "@Url.Action("MarketsListOper","MarketSystem",new {id="Cs"})",
  271. type: "post",
  272. dataType: "json",
  273. beforeSend: function () {
  274. return BeforeSend();
  275. },
  276. data: {
  277. Type: type,
  278. MarketID: marketId,
  279. RegionId: $("#RegionId").val(),
  280. LicenseNo: $("#LicenseNo").val(),
  281. LicenseName: $("#LicenseName").val(),
  282. CardIndex: $("#CardIndex").val(),
  283. PractiseTime: $("#PractiseTime").val(),
  284. Area: $("#Area").val(),
  285. MarketSellerNum: $("#MarketSellerNum").val(),
  286. Principal: $("#Principal").val(),
  287. LinkMan: $("#LinkMan").val(),
  288. FrontForUnit: $("#FrontForUnit").val(),
  289. Address: $("#Address").val(),
  290. Name: $("#Name").val(),
  291. MarketTypeID: $("#MarketTypeID").val(),
  292. Upgrade: $("#Upgrade").val(),
  293. Turnover: $("#Turnover").val(),
  294. AuditFlag: $("#AuditFlag").val(),
  295. Telephone: $("#Telephone").val(),
  296. LinkTel: $("#LinkTel").val(),
  297. ManageUnit: $("#ManageUnit").val(),
  298. Remark: $("#Remark").val()
  299. },
  300. success: function (data) {
  301. if (CheckAajxData(data) === false) return;
  302. var msg = data.ErrorInfo;
  303. if (data.Success === true) {
  304. LoadTable();
  305. $("#winModal").window("close");
  306. layer.alert(msg, { icon: 1, title: '提示信息' });
  307. } else {
  308. layer.alert(msg, { icon: 7, title: '提示信息' });
  309. }
  310. }
  311. });
  312. }
  313. //modal赋值
  314. function SetModalVal() {
  315. var rows = $('#dgTable').datagrid('getSelections');
  316. if (rows.length === 1) {
  317. var row = rows[0];
  318. //console.log(row);
  319. $("#MarketID").val(row.MarketID).attr("readonly", "readonly");
  320. $("#RegionId").val(row.RegionID);
  321. $("#LicenseNo").val(row.LicenseNo);
  322. $("#LicenseName").val(row.LicenseName);
  323. $("#CardIndex").val(row.CardIndex);
  324. $("#PractiseTime").val(row.PractiseTime);
  325. $("#Area").val(row.Area);
  326. $("#MarketSellerNum").val(row.MarketSellerNum);
  327. $("#Principal").val(row.Principal);
  328. $("#LinkMan").val(row.LinkMan);
  329. $("#FrontForUnit").val(row.FrontForUnit);
  330. $("#Address").val(row.Address);
  331. $("#Name").val(row.Names);
  332. $("#MarketTypeID").val(row.MarketTypeID);
  333. $("#Upgrade").val(row.Upgrade);
  334. $("#Turnover").val(row.Turnover);
  335. $("#AuditFlag").val(row.AuditFlag);
  336. $("#Telephone").val(row.Telephone);
  337. $("#LinkTel").val(row.LinkTel);
  338. $("#ManageUnit").val(row.ManageUnit);
  339. $("#Remark").val(row.Remark);
  340. if ($("#hid_Type").val() === "Edit") {
  341. $("#winModal").window("open");
  342. }
  343. } else {
  344. layer.alert('请选择一条记录进行设置', {title:'提示信息'});
  345. }
  346. }
  347. //加载表格数据
  348. function LoadTable_Lock() {
  349. $('#dgTable').datagrid({
  350. url: '@Url.Action("MarketsListResult", "GetResult")',
  351. onDblClickRow: function () {
  352. },
  353. queryParams: {
  354. IsLock: $("#hid_IsLock").val(),
  355. MarketType: $("#hid_MarketType").val(),
  356. Names: $("#SearchNames").textbox("getValue"),
  357. MarketID: $("#SearchMarketID").textbox("getValue"),
  358. RegionID: $("#SearchRegionID").combobox("getValue"),
  359. LicenseNo: $("#SearchLicenseNo").textbox("getValue"),
  360. LicenseName: $("#SearchLicenseName").textbox("getValue"),
  361. MarketTypeName: $("#SearchMarketTypeName").combobox("getValue")
  362. }
  363. });
  364. }
  365. function LoadTable(collapsed) {
  366. collapsed = collapsed || false;
  367. if (collapsed===true) {
  368. $("#Search").panel("collapse", true);
  369. }
  370. if ($("#hid_IsLock").val() === "1") {
  371. LoadTable_Lock();
  372. } else {
  373. $('#dgTable').datagrid({
  374. url: '@Url.Action("MarketsListResult", "GetResult")',
  375. onDblClickRow: function () {
  376. btn_Edit();
  377. },
  378. queryParams: {
  379. IsLock: $("#hid_IsLock").val(),
  380. MarketType: $("#hid_MarketType").val(),
  381. Names: $("#SearchNames").textbox("getValue"),
  382. MarketID: $("#SearchMarketID").textbox("getValue"),
  383. RegionID: $("#SearchRegionID").combobox("getValue"),
  384. LicenseNo: $("#SearchLicenseNo").textbox("getValue"),
  385. LicenseName: $("#SearchLicenseName").textbox("getValue"),
  386. MarketTypeName: $("#SearchMarketTypeName").combobox("getValue")
  387. }
  388. });
  389. }
  390. }
  391. $(function () {
  392. //加载表格数据
  393. setTimeout(LoadTable(false), 500);
  394. //加载日历控件
  395. laydate({
  396. elem: '#PractiseTime',
  397. format: "YYYY-MM-DD",
  398. min: "1980-01-01",
  399. event: "focus"
  400. });
  401. });
  402. </script>
  403. </body>
  404. </html>