MarketQryCs.cshtml 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>MarketQryCs</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="~/js/Utils.js"></script>
  22. <link href="~/Content/css/Style/Markets.css" rel="stylesheet" />
  23. <script src="~/Content/js/js/MarketJs.js"></script>
  24. </head>
  25. <body>
  26. <div id="BodyDiv">
  27. <section class="hidden">
  28. <input id="hid_MarketType" name="hid_MarketType" type="hidden" value="6" />
  29. </section>
  30. <section style="height:95vh; padding: 10px 20px;">
  31. <div class="row tbToolBar" id="tbToolBar">
  32. <div class="toolbar">
  33. <a href="#" class="easyui-linkbutton" iconCls="icon-application_view_detail" plain="true" onclick="btn_Detail();">查看详情</a>
  34. </div>
  35. <div class="toolbar-search">
  36. <div id="Search" class="easyui-panel" title="请展开面板输入查询条件" style="width: 300px; height: 330px; padding: 10px;"
  37. data-options="iconCls:'icon-heart',collapsible:true,minimizable:false,maximizable:false,closable:false,collapsed:true,tools:[
  38. {
  39. iconCls:'icon-search',
  40. handler:function(){LoadTable(true)}
  41. }]">
  42. <table>
  43. <tr>
  44. <td><label for="SearchNames">市场名称</label></td>
  45. <td><input class="easyui-textbox" type="text" id="SearchNames" name="SearchNames" style="height: 25px; width: 150px" data-options="" /></td>
  46. </tr>
  47. <tr>
  48. <td><label for="SearchMarketID">注册号码</label></td>
  49. <td><input class="easyui-textbox" type="text" id="SearchMarketID" name="SearchMarketID" style="height: 25px; width: 150px" data-options="" /></td>
  50. </tr>
  51. <tr>
  52. <td><label for="SearchRegionID">所属辖区</label></td>
  53. <td>
  54. <select class="easyui-combobox" type="text" id="SearchRegionID" name="SearchRegionID" style="height: 25px; width: 150px">
  55. <option value="">全部</option>
  56. @Html.Raw(ViewBag.SelRegionInfo)
  57. </select>
  58. </td>
  59. </tr>
  60. <tr>
  61. <td><label for="SearchLicenseNo">执照编码</label></td>
  62. <td><input class="easyui-textbox" type="text" id="SearchLicenseNo" name="SearchLicenseNo" style="height: 25px; width: 150px" data-options="" /></td>
  63. </tr>
  64. <tr>
  65. <td><label for="SearchLicenseName">执照名称</label></td>
  66. <td><input class="easyui-textbox" type="text" id="SearchLicenseName" name="SearchLicenseName" style="height: 25px; width: 150px" data-options="" /></td>
  67. </tr>
  68. <tr>
  69. <td><label for="SearchMarketTypeName">市场类型</label></td>
  70. <td>
  71. <select class="easyui-combobox" type="text" id="SearchMarketTypeName" name="SearchMarketTypeName" style="height: 25px; width: 150px" data-options="">
  72. <option value="">全部</option>
  73. @Html.Raw(ViewBag.SelMarketTypeInfo)
  74. </select>
  75. </td>
  76. </tr>
  77. <tr>
  78. <td colspan="2" style="text-align: center; width: 100%">
  79. <a href="#" class="easyui-linkbutton" iconCls="icon-search" style="width: 100%; height: 25px" onclick="LoadTable(true);">查询</a>
  80. </td>
  81. </tr>
  82. </table>
  83. </div>
  84. </div>
  85. </div>
  86. <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
  87. data-options="singleSelect: true,
  88. method: 'post',
  89. multiSort: false,
  90. toolbar: '#tbToolBar',
  91. fitColumns: true,
  92. @*rownumbers: true,*@
  93. remoteSort: false,
  94. loadFilter: pagerFilter,
  95. onDblClickRow: function () {
  96. btn_Detail();
  97. },
  98. pagination: true,
  99. pageSize: 50,
  100. pageList: [20, 50, 100]
  101. ">
  102. <thead>
  103. <tr>
  104. <th data-options="field:'Names',width:160">超市名称</th>
  105. <th data-options="field:'PractiseTime',width:65">开业时间</th>
  106. <th data-options="field:'Principal',width:50">负责人</th>
  107. <th data-options="field:'LinkMan',width:50">联系人</th>
  108. <th data-options="field:'LinkTel',width:70">联系电话</th>
  109. <th data-options="field:'FrontForUnit',width:160">主办单位</th>
  110. <th data-options="field:'ManageUnit',width:160">管理单位</th>
  111. <th data-options="field:'RegionNames',width:65,">所在辖区</th>
  112. </tr>
  113. </thead>
  114. </table>
  115. </section>
  116. @*<section>
  117. <div class="modal fade row" tabindex="-1" id="modal" role="dialog">
  118. <div class="modal-dialog " role="document" style="width: 900px;">
  119. <div class="modal-content box">
  120. <div class="modal-header">
  121. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  122. <h4 class="text-center title" id="title"><span class="modal-title">查看超市详情</span></h4>
  123. </div>
  124. <!--StartPrint-->
  125. <div class="modal-body">
  126. <table id="MarketDetail" class="modal-table container-fluid">
  127. <thead>
  128. <tr>
  129. <th colspan="20" style="text-align: center">
  130. <h4 class="title"><span id="MarketName"></span><span class="">—基础信息明细</span></h4>
  131. </th>
  132. </tr>
  133. </thead>
  134. <tr>
  135. <td class="tdName"><strong>&nbsp;市场类型</strong>:</td>
  136. <td id="MarketTypeID" class="tdVal" colspan="3"></td>
  137. <td class="tdName"><strong>位置</strong>:</td>
  138. <td id="Address" class="tdVal" colspan="3"></td>
  139. </tr>
  140. <tr>
  141. <td class="tdName"><strong>&nbsp;面积</strong>:</td>
  142. <td class="tdVal"><span id="Area"></span><strong style="margin-left: 5px;">平方米</strong></td>
  143. <td class="tdName"><strong>经营户总数</strong>:</td>
  144. <td id="MarketSellerNum" class="tdVal"></td>
  145. <td class="tdName"><strong>规划审批</strong>:</td>
  146. <td id="AuditFlag" class="tdVal"></td>
  147. <td class="tdName"><strong>营业额</strong>:</td>
  148. <td class="tdVal"><span id="Turnover"></span><strong style="margin-left: 5px;">万元</strong></td>
  149. </tr>
  150. <tr>
  151. <td class="tdName"><strong>&nbsp;提升方案</strong>:</td>
  152. <td id="TdUpgrade" class="tdVal">已改造</td>
  153. <td class="tdName"><strong>开业时间</strong>:</td>
  154. <td id="PractiseTime" class="tdVal">2015/2/10</td>
  155. <td class="tdName"><strong>负责人</strong>:</td>
  156. <td id="Principal" class="tdVal">刘文明</td>
  157. <td class="tdName"><strong>电话</strong>:</td>
  158. <td id="Telephone" class="tdVal"></td>
  159. </tr>
  160. <tr>
  161. <td class="tdName"><strong>&nbsp;所属辖区</strong>:</td>
  162. <td id="RegionID" class="tdVal" colspan="3"></td>
  163. <td class="tdName"><strong>联系人</strong>:</td>
  164. <td id="LinkMan" class="tdVal"></td>
  165. <td class="tdName"><strong>联系人电话</strong>:</td>
  166. <td id="LinkTel" class="tdVal">13962119856</td>
  167. </tr>
  168. <tr>
  169. <td class="tdName"><strong>&nbsp;主办单位</strong>:</td>
  170. <td id="FrontForUnit" class="tdVal" colspan="3"></td>
  171. <td class="tdName"><strong> 管理单位</strong>:</td>
  172. <td id="ManageUnit" class="tdVal" colspan="3"></td>
  173. </tr>
  174. <tr>
  175. <td class="tdName"><strong>&nbsp;备注</strong>:</td>
  176. <td id="TdRemark" class="tdVal" colspan="7"></td>
  177. </tr>
  178. </table>
  179. <table id="Warrant" class="modal-table container-fluid">
  180. <thead>
  181. <tr>
  182. <th colspan="20" style="text-align: center">
  183. <h4 class="title">超市证件明细</h4>
  184. </th>
  185. </tr>
  186. <tr>
  187. <th class="Warrant_Id">序号</th>
  188. <th class="Warrant_Name">证件名称</th>
  189. <th class="Warrant_Number">证件号码</th>
  190. <th class="Warrant_StartTime">起始日期</th>
  191. <th class="Warrant_EndTime">截止日期</th>
  192. <th class="Warrant_Flag">附件</th>
  193. </tr>
  194. </thead>
  195. <tbody id="Warrant_Tbody">
  196. <tr>
  197. <td class="Warrant_Id"></td>
  198. <td class="Warrant_Name"></td>
  199. <td class="Warrant_Number"></td>
  200. <td class="Warrant_StartTime"></td>
  201. <td class="Warrant_EndTime"></td>
  202. <td class="Warrant_Flag"></td>
  203. </tr>
  204. </tbody>
  205. </table>
  206. <table id="EvalRpt" class="modal-table container-fluid">
  207. <thead>
  208. <tr>
  209. <th colspan="20" style="text-align: center">
  210. <h4 class="title">信用评比情况</h4>
  211. </th>
  212. </tr>
  213. <tr>
  214. <th class="EvalRpt_Sort">序号</th>
  215. <th class="EvalRpt_State">信誉等级</th>
  216. <th class="EvalRpt_Score">得分</th>
  217. <th class="EvalRpt_Time">评级时间</th>
  218. </tr>
  219. </thead>
  220. <tbody id="EvalRpt_Tbody">
  221. <tr>
  222. <td class="EvalRpt_Sort"></td>
  223. <td class="EvalRpt_State"></td>
  224. <td class="EvalRpt_Score"></td>
  225. <td class="EvalRpt_Time"></td>
  226. </tr>
  227. </tbody>
  228. </table>
  229. <table id="Img_1" class="modal-table container-fluid">
  230. <thead>
  231. <tr class="title">
  232. <th colspan="20" style="text-align: center">
  233. <h4>超市分布示意图</h4>
  234. </th>
  235. </tr>
  236. </thead>
  237. <tbody>
  238. <tr>
  239. <td class="tdImg">
  240. <img id="img_1" src="" alt="暂无图片" />
  241. </td>
  242. </tr>
  243. </tbody>
  244. </table>
  245. <table id="Img_2" class="modal-table container-fluid">
  246. <thead>
  247. <tr>
  248. <th colspan="20" style="text-align: center">
  249. <h4 class="title">超市管理人员网络图</h4>
  250. </th>
  251. </thead>
  252. <tbody>
  253. <tr>
  254. <td class="tdImg">
  255. <img id="img_2" s src="" alt="暂无图片" />
  256. </td>
  257. </tr>
  258. </tbody>
  259. </table>
  260. </div>
  261. <!--EndPrint-->
  262. <div class="modal-footer">
  263. <div class="" style="margin-bottom: 15px; ;text-align: center;display:@ViewBag.IsPrint">
  264. <button type="button" onclick="Print();" >直接打印</button>
  265. <button type="button" class="but5" onclick="PreView()" >打印预览</button>
  266. </div>
  267. <button type="button" class="btn btn-info" data-dismiss="modal">关闭</button>
  268. </div>
  269. </div><!-- /.modal-content -->
  270. </div><!-- /.modal-dialog -->
  271. </div><!-- /.modal -->
  272. </section>*@
  273. <section>
  274. <div id="winModal" class="easyui-window winModal" title="市场信息维护(带*为必填项)" style="width: 1000px;padding:10px;"
  275. iconCls="icon-save" data-options="modal:true,closed:true">
  276. <div class="easyui-layout" data-options="fit:true" style="height:99%">
  277. <div data-options="region:'center'" style="padding:0 25px;" >
  278. <!--StartPrint-->
  279. <div style="margin-bottom: 15px;text-align: center;">
  280. <table id="MarketDetail" class="modal-table container-fluid">
  281. <thead>
  282. <tr>
  283. <th colspan="20" style="text-align: center">
  284. <h4 class="title"><span id="MarketName"></span><span class="">—基础信息明细</span></h4>
  285. </th>
  286. </tr>
  287. </thead>
  288. <tr>
  289. <td class="tdName"><strong>&nbsp;市场类型</strong>:</td>
  290. <td id="MarketTypeID" class="tdVal" colspan="3"></td>
  291. <td class="tdName"><strong>位置</strong>:</td>
  292. <td id="Address" class="tdVal" colspan="3"></td>
  293. </tr>
  294. <tr>
  295. <td class="tdName"><strong>&nbsp;面积</strong>:</td>
  296. <td class="tdVal"><span id="Area"></span><strong style="margin-left: 5px;">平方米</strong></td>
  297. <td class="tdName"><strong>经营户总数</strong>:</td>
  298. <td id="MarketSellerNum" class="tdVal"></td>
  299. <td class="tdName"><strong>规划审批</strong>:</td>
  300. <td id="AuditFlag" class="tdVal"></td>
  301. <td class="tdName"><strong>营业额</strong>:</td>
  302. <td class="tdVal"><span id="Turnover"></span><strong style="margin-left: 5px;">万元</strong></td>
  303. </tr>
  304. <tr>
  305. <td class="tdName"><strong>&nbsp;提升方案</strong>:</td>
  306. <td id="TdUpgrade" class="tdVal">已改造</td>
  307. <td class="tdName"><strong>开业时间</strong>:</td>
  308. <td id="PractiseTime" class="tdVal">2015/2/10</td>
  309. <td class="tdName"><strong>负责人</strong>:</td>
  310. <td id="Principal" class="tdVal">刘文明</td>
  311. <td class="tdName"><strong>电话</strong>:</td>
  312. <td id="Telephone" class="tdVal"></td>
  313. </tr>
  314. <tr>
  315. <td class="tdName"><strong>&nbsp;所属辖区</strong>:</td>
  316. <td id="RegionID" class="tdVal" colspan="3"></td>
  317. <td class="tdName"><strong>联系人</strong>:</td>
  318. <td id="LinkMan" class="tdVal"></td>
  319. <td class="tdName"><strong>联系人电话</strong>:</td>
  320. <td id="LinkTel" class="tdVal">13962119856</td>
  321. </tr>
  322. <tr>
  323. <td class="tdName"><strong>&nbsp;主办单位</strong>:</td>
  324. <td id="FrontForUnit" class="tdVal" colspan="3"></td>
  325. <td class="tdName"><strong> 管理单位</strong>:</td>
  326. <td id="ManageUnit" class="tdVal" colspan="3"></td>
  327. </tr>
  328. <tr>
  329. <td class="tdName"><strong>&nbsp;备注</strong>:</td>
  330. <td id="TdRemark" class="tdVal" colspan="7"></td>
  331. </tr>
  332. </table>
  333. <table id="Warrant" class="modal-table container-fluid">
  334. <thead>
  335. <tr>
  336. <th colspan="20" style="text-align: center">
  337. <h4 class="title">超市证件明细</h4>
  338. </th>
  339. </tr>
  340. <tr>
  341. <th class="Warrant_Id">序号</th>
  342. <th class="Warrant_Name">证件名称</th>
  343. <th class="Warrant_Number">证件号码</th>
  344. <th class="Warrant_StartTime">起始日期</th>
  345. <th class="Warrant_EndTime">截止日期</th>
  346. <th class="Warrant_Flag">附件</th>
  347. </tr>
  348. </thead>
  349. <tbody id="Warrant_Tbody">
  350. <tr>
  351. <td class="Warrant_Id"></td>
  352. <td class="Warrant_Name"></td>
  353. <td class="Warrant_Number"></td>
  354. <td class="Warrant_StartTime"></td>
  355. <td class="Warrant_EndTime"></td>
  356. <td class="Warrant_Flag"></td>
  357. </tr>
  358. </tbody>
  359. </table>
  360. <table id="EvalRpt" class="modal-table container-fluid">
  361. <thead>
  362. <tr>
  363. <th colspan="20" style="text-align: center">
  364. <h4 class="title">信用评比情况</h4>
  365. </th>
  366. </tr>
  367. <tr>
  368. <th class="EvalRpt_Sort">序号</th>
  369. <th class="EvalRpt_State">信誉等级</th>
  370. <th class="EvalRpt_Score">得分</th>
  371. <th class="EvalRpt_Time">评级时间</th>
  372. </tr>
  373. </thead>
  374. <tbody id="EvalRpt_Tbody">
  375. <tr>
  376. <td class="EvalRpt_Sort"></td>
  377. <td class="EvalRpt_State"></td>
  378. <td class="EvalRpt_Score"></td>
  379. <td class="EvalRpt_Time"></td>
  380. </tr>
  381. </tbody>
  382. </table>
  383. <table id="Img_1" class="modal-table container-fluid">
  384. <thead>
  385. <tr>
  386. <th colspan="20" style="text-align: center">
  387. <h4 class="title">超市分布示意图</h4>
  388. </th>
  389. </tr>
  390. </thead>
  391. <tbody>
  392. <tr>
  393. <td class="tdImg">
  394. <img id="img_1" src="" alt="暂无图片" />
  395. </td>
  396. </tr>
  397. </tbody>
  398. </table>
  399. <table id="Img_2" class="modal-table container-fluid">
  400. <thead>
  401. <tr>
  402. <th colspan="20" style="text-align: center">
  403. <h4 class="title">超市管理人员网络图</h4>
  404. </th>
  405. </thead>
  406. <tbody>
  407. <tr>
  408. <td class="tdImg">
  409. <img id="img_2" s src="" alt="暂无图片" />
  410. </td>
  411. </tr>
  412. </tbody>
  413. </table>
  414. </div>
  415. <!--EndPrint-->
  416. <div class="" style="margin-bottom: 15px;text-align: center;display:@ViewBag.IsPrint">
  417. <button type="button" onclick="Print();" >直接打印</button>
  418. <button type="button" class="but5" onclick="PreView()" >打印预览</button>
  419. </div>
  420. </div>
  421. <div data-options="region:'south',border:false" style="text-align:right;height:45px; padding:13px 20px 0;">
  422. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winModal').window('close');" style="width:80px">取消</a>
  423. </div>
  424. </div>
  425. </div>
  426. </section>
  427. </div>
  428. <script>
  429. //查看超市详情
  430. function btn_Detail() {
  431. var rows = $('#dgTable').datagrid('getSelections');
  432. if (rows.length === 1) {
  433. var row = rows[0];
  434. var regionId = $("#SearchRegionId").find("option[value='" + row.RegionID + "']").html();
  435. var marketTypeId = $("#SearchMarketTypeID").find("option[value='" + row.MarketTypeID + "']").html();
  436. var auditFlag;
  437. switch (row.AuditFlag) {
  438. case "1":
  439. auditFlag = "已改造";
  440. break;
  441. case "2":
  442. auditFlag = "拟改造";
  443. break;
  444. case "3":
  445. auditFlag = "待定";
  446. break;
  447. case "4":
  448. auditFlag = "正在改造";
  449. break;
  450. default:
  451. auditFlag = "无";
  452. break;
  453. }
  454. $("#MarketName").html(row.Names);
  455. //$("#MarketID").html(row.MarketID).attr("readonly", "readonly");
  456. $("#RegionID").html(row.RegionNames);
  457. $("#PractiseTime").html(row.PractiseTime);
  458. $("#Area").html(row.Area);
  459. $("#MarketSellerNum").html(row.MarketSellerNum);
  460. $("#Principal").html(row.Principal);
  461. $("#LinkMan").html(row.LinkMan);
  462. $("#FrontForUnit").html(row.FrontForUnit);
  463. $("#Address").html(row.Address);
  464. $("#Name").html(row.Names);
  465. $("#MarketTypeID").html(row.MarketTypeName);
  466. $("#Upgrade").html(row.Upgrade);
  467. $("#Turnover").html(row.Turnover);
  468. $("#AuditFlag").html(auditFlag);
  469. $("#Telephone").html(row.Telephone);
  470. $("#LinkTel").html(row.LinkTel);
  471. $("#ManageUnit").html(row.ManageUnit);
  472. $("#Remark").html(row.Remark);
  473. LoadWarrant(row.MarketID);
  474. LoadEvalRpt(row.MarketID);
  475. LoadImg("#img_1", row.MarketID, 1);
  476. LoadImg("#img_2", row.MarketID, 2);
  477. $("#winModal input").attr("disabled", "disabled");
  478. $("#winModal textarea").attr("disabled", "disabled");
  479. $("#winModal").window("open");
  480. } else {
  481. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  482. }
  483. }
  484. function LoadTable(collapsed) {
  485. collapsed = collapsed || false;
  486. if (collapsed===true) {
  487. $("#Search").panel("collapse", true);
  488. }
  489. $('#dgTable').datagrid({
  490. url: '@Url.Action("MarketsListResult", "GetResult")',
  491. onDblClickRow: function () {
  492. btn_Detail();
  493. },
  494. queryParams: {
  495. IsLock: 0,
  496. MarketType: $("#hid_MarketType").val(),
  497. Names: $("#SearchNames").textbox("getValue"),
  498. MarketID: $("#SearchMarketID").textbox("getValue"),
  499. RegionID: $("#SearchRegionID").combobox("getValue"),
  500. LicenseNo: $("#SearchLicenseNo").textbox("getValue"),
  501. LicenseName: $("#SearchLicenseName").textbox("getValue"),
  502. MarketTypeName: $("#SearchMarketTypeName").combobox("getValue")
  503. }
  504. });
  505. }
  506. $(function() {
  507. setTimeout(LoadTable(false), 500);
  508. });
  509. </script>
  510. </body>
  511. </html>