MarketSellersQry.cshtml 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>MarketSellersQry</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="0"/>
  29. <select class="easyui-combobox hidden" type="text" id="hid_ApparatusTypeID" name="SearchApparatusTypeID" style="height: 25px; width: 150px" data-options="">
  30. @Html.Raw(ViewBag.SelApparatusTypeInfo)
  31. </select>
  32. <select class="easyui-combobox hidden" type="text" id="hid_RunningWayTypeID" name="SearchApparatusTypeID" style="height: 25px; width: 150px" data-options="">
  33. @Html.Raw(ViewBag.SelRunningWayTypeInfo)
  34. </select>
  35. </section>
  36. <section style="height: 95vh; padding: 20px 20px 0;">
  37. <div class="row tbToolBar" id="tbToolBar">
  38. <div class="toolbar">
  39. <a href="#" class="easyui-linkbutton" iconCls="icon-application_view_detail" plain="true" onclick="btn_Detail();">查看详情</a>
  40. @*<a href="#" class="easyui-linkbutton" iconCls="icon-print" plain="true" onclick="Print('<!--StartPrintTable-->', '<!--EndPrintTable-->')">打印列表</a>
  41. <a href="#" class="easyui-linkbutton" iconCls="icon-print" plain="true" onclick="PreView('<!--StartTablePrint-->', '<!--EndTablePrint-->')">打印预览</a>*@
  42. </div>
  43. <div class="toolbar-search" >
  44. <div id="Search" class="easyui-panel" title="请展开面板输入查询条件" style="width: 300px; height: 330px; padding: 10px;"
  45. data-options="iconCls:'icon-heart',collapsible:true,minimizable:false,maximizable:false,closable:false,collapsed:true,tools:[
  46. {
  47. iconCls:'icon-search',
  48. handler:function(){SearchLoadTable(true)}
  49. }]">
  50. <table>
  51. <tr>
  52. <td><label for="SearchMarketSellerName">姓名</label></td>
  53. <td><input class="easyui-textbox" type="text" id="SearchMarketSellerName" name="SearchMarketSellerName" style="height: 25px; width: 150px" data-options="" /></td>
  54. </tr>
  55. @*<tr>
  56. <td><label for="SearchWarrantNumber">证照号码</label></td>
  57. <td><input class="easyui-textbox" type="text" id="SearchWarrantNumber" name="SearchWarrantNumber" style="height: 25px; width: 150px" data-options=""/></td>
  58. </tr>*@
  59. <tr>
  60. <td><label for="SearchLicenseNo">执照编码</label></td>
  61. <td><input class="easyui-textbox" type="text" id="SearchLicenseNo" name="SearchLicenseNo" style="height: 25px; width: 150px" data-options="" /></td>
  62. </tr>
  63. <tr>
  64. <td><label for="SearchLicenseName">执照名称</label></td>
  65. <td><input class="easyui-textbox" type="text" id="SearchLicenseName" name="SearchLicenseName" style="height: 25px; width: 150px" data-options="" /></td>
  66. </tr>
  67. <tr>
  68. <td><label for="SearchRegionID">所属辖区</label></td>
  69. <td>
  70. <select class="easyui-combobox" type="text" id="SearchRegionID" name="SearchRegionID" style="height: 25px; width: 150px" data-options="onSelect:function(){GetMarketSelStr()}">
  71. <option value="">全部</option>
  72. @Html.Raw(ViewBag.SelRegionInfo)
  73. </select>
  74. </td>
  75. </tr>
  76. <tr>
  77. <td><label for="SearchMarketID">隶属市场</label></td>
  78. <td>
  79. <select class="easyui-combobox" type="text" id="SearchMarketID" name="SearchMarketID" style="height: 25px; width: 150px" data-options="">
  80. @*@Html.Raw(ViewBag.SelMarketInfo)*@
  81. </select>
  82. </td>
  83. </tr>
  84. <tr>
  85. <td><label for="SearchTradeTypeID">经营类别</label></td>
  86. <td>
  87. <select class="easyui-combobox" type="text" id="SearchTradeTypeID" name="SearchTradeTypeID" style="height: 25px; width: 150px" data-options="">
  88. <option value="">全部</option>
  89. @Html.Raw(ViewBag.SelTradeTypeInfo)
  90. </select>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td><label for="SearchTempAddress">暂住地址</label></td>
  95. <td><input class="easyui-textbox" type="text" id="SearchTempAddress" name="SearchTempAddress" style="height: 25px; width: 150px" data-options="" /></td>
  96. </tr>
  97. <tr>
  98. <td><label for="SearchStall">摊位</label></td>
  99. <td><input class="easyui-textbox" type="text" id="SearchStall" name="SearchStall" style="height: 25px; width: 150px" data-options="" /></td>
  100. </tr>
  101. <tr>
  102. <td colspan="2" style="text-align: center; width: 100%">
  103. <a href="#" class="easyui-linkbutton" iconCls="icon-search" style="width: 100%; height: 25px" onclick="SearchLoadTable(true);">查询</a>
  104. </td>
  105. </tr>
  106. </table>
  107. </div>
  108. </div>
  109. </div>
  110. <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
  111. data-options="singleSelect: true,
  112. method: 'post',
  113. multiSort: false,
  114. toolbar: '#tbToolBar',
  115. fitColumns: true,
  116. @*rownumbers: true,*@
  117. remoteSort: false,
  118. @*loadFilter: pagerFilter,*@
  119. onDblClickRow: function () {
  120. btn_Detail();
  121. },
  122. pagination: true,
  123. pageSize: 50,
  124. pageList: [20, 50, 100]
  125. ">
  126. <thead>
  127. <tr>
  128. <th data-options="field:'MarketSellerName',width:150">姓名</th>
  129. <th data-options="field:'LicenseNo',width:150">执照编码</th>
  130. <th data-options="field:'LicenseName',width:150">执照名称</th>
  131. <th data-options="field:'CardIndex',width:80">食品信用安全码</th>
  132. <th data-options="field:'TradeTypeName',width:100">行业</th>
  133. <th data-options="field:'StallName',width:250,">摊位名称</th>
  134. <th data-options="field:'Tel',width:180,">联系电话</th>
  135. <th data-options="field:'EnterMarketDate',width:180,">入场时间</th>
  136. <th data-options="field:'IdCard',width:180,">身份证</th>
  137. <th data-options="field:'MarketName',width:350,">隶属市场</th>
  138. </tr>
  139. </thead>
  140. </table>
  141. </section>
  142. <section>
  143. <div id="winModal" class="easyui-window winModal" title="市场信息详情" style="width: 1000px;padding:10px;"
  144. iconCls="icon-save" data-options="modal:true,closed:true">
  145. <div class="easyui-layout" data-options="fit:true" style="height:99%">
  146. <div data-options="region:'center'" style="padding:0 25px;" >
  147. <!--StartPrint-->
  148. <div style="margin-bottom: 15px;text-align: center;">
  149. <table id="MarketSellerDetail" class="modal-table container-fluid">
  150. <thead>
  151. <tr>
  152. <th colspan="20" style="text-align: center">
  153. <h4 class="title"><span class="">经营户基本资料</span></h4>
  154. </th>
  155. </tr>
  156. </thead>
  157. <tr>
  158. <td class="tdName"><strong>姓名</strong>:</td>
  159. <td id="MarketSellerName" class="tdVal"></td>
  160. <td class="tdName"><strong>性别</strong>:</td>
  161. <td id="Gender" class="tdVal"></td>
  162. <td class="tdName"><strong>年龄</strong>:</td>
  163. <td id="Age" class="tdVal"></td>
  164. </tr>
  165. <tr>
  166. <td class="tdName"><strong>身份证</strong>:</td>
  167. <td id="IdCard" class="tdVal"></td>
  168. <td class="tdName"><strong>电话</strong>:</td>
  169. <td id="Tel" class="tdVal"></td>
  170. <td class="tdName"><strong>进场时间</strong>:</td>
  171. <td id="EnterMarketDate" class="tdVal"></td>
  172. </tr>
  173. <tr>
  174. <td class="tdName"><strong>户籍所在地</strong>:</td>
  175. <td id="ResidenceAddress" class="tdVal" colspan="2"></td>
  176. <td class="tdName"><strong>暂住地点</strong>:</td>
  177. <td id="TempAddress" class="tdVal" colspan="2"></td>
  178. </tr>
  179. <tr>
  180. <td class="tdName"><strong>所在行业</strong>:</td>
  181. <td id="TradeTypeID" class="tdVal"></td>
  182. <td class="tdName"><strong>经营方式</strong>:</td>
  183. <td id="RunningWayTypeID" class="tdVal"></td>
  184. <td class="tdName"><strong>年规摊点费</strong>:</td>
  185. <td id="AnnualStallFee" class="tdVal"></td>
  186. </tr>
  187. <tr>
  188. <td class="tdName"><strong>字号名称</strong>:</td>
  189. <td id="Facia" class="tdVal"></td>
  190. <td class="tdName"><strong>衡器类型</strong>:</td>
  191. <td id="ApparatusTypeID" class="tdVal"></td>
  192. <td class="tdName"><strong>隶属市场</strong>:</td>
  193. <td id="MarketID" class="tdVal"></td>
  194. </tr>
  195. <tr>
  196. <td class="tdName"><strong>摊位信息</strong>:</td>
  197. <td id="StallName" class="tdVal" colspan="2"></td>
  198. <td class="tdName"><strong>备注</strong>:</td>
  199. <td id="Remark" class="tdVal" colspan="2"></td>
  200. </tr>
  201. </table>
  202. <table id="Employee" class="modal-table container-fluid">
  203. <thead>
  204. <tr>
  205. <th colspan="20" style="text-align: center">
  206. <h4 class="title"><span class="">从业人员资料</span></h4>
  207. </th>
  208. </tr>
  209. <tr>
  210. <th class="" style="text-align: center; font-weight: 600; width: 18%">姓名</th>
  211. <th class="" style="text-align: center; font-weight: 600; width: 14%">性别</th>
  212. <th class="" style="text-align: center; font-weight: 600; width: 14%">年龄</th>
  213. <th class="" style="text-align: center; font-weight: 600; width: 27%">户籍地</th>
  214. <th class="" style="text-align: center; font-weight: 600; width: 27%">当前住所</th>
  215. </tr>
  216. </thead>
  217. <tbody id="Employee_Tbody">
  218. <tr>
  219. <td class="" id="Staff1Name"></td>
  220. <td class="" id="Staff1Gender"></td>
  221. <td class="" id="Staff1Age"></td>
  222. <td class="" id="Staff1Residence"></td>
  223. <td class="" id="Staff1CurrentAddr"></td>
  224. </tr>
  225. <tr>
  226. <td class="" id="Staff2Name"></td>
  227. <td class="" id="Staff2Gender"></td>
  228. <td class="" id="Staff2Age"></td>
  229. <td class="" id="Staff2Residence"></td>
  230. <td class="" id="Staff2CurrentAddr"></td>
  231. </tr>
  232. <tr>
  233. <td class="" id="Staff3Name"></td>
  234. <td class="" id="Staff3Gender"></td>
  235. <td class="" id="Staff3Age"></td>
  236. <td class="" id="Staff3Residence"></td>
  237. <td class="" id="Staff3CurrentAddr"></td>
  238. </tr>
  239. <tr>
  240. <td colspan="5" id="StaffNone">没有相关记录</td>
  241. </tr>
  242. </tbody>
  243. </table>
  244. <table id="MarketSeller_Warrant" class="modal-table container-fluid">
  245. <thead>
  246. <tr>
  247. <th colspan="20" style="text-align: center">
  248. <h4 class="title">市场证件明细</h4>
  249. </th>
  250. </tr>
  251. <tr>
  252. <th class="Warrant_Id">序号</th>
  253. <th class="Warrant_Name">证件名称</th>
  254. <th class="Warrant_Number">证件号码</th>
  255. <th class="Warrant_StartTime">起始日期</th>
  256. <th class="Warrant_EndTime">截止日期</th>
  257. <th class="Warrant_Flag">执照类别</th>
  258. </tr>
  259. </thead>
  260. <tbody id="Warrant_Tbody">
  261. <tr>
  262. @*<td class="Warrant_Id"></td>
  263. <td class="Warrant_Name"></td>
  264. <td class="Warrant_Number"></td>
  265. <td class="Warrant_StartTime"></td>
  266. <td class="Warrant_EndTime"></td>
  267. <td class="Warrant_Flag"></td>*@
  268. </tr>
  269. </tbody>
  270. </table>
  271. <table id="MarketSeller_Violations" class="modal-table container-fluid">
  272. <thead>
  273. <tr>
  274. <th colspan="20" style="text-align: center">
  275. <h4 class="title">日常经营行为记录明细 </h4>
  276. </th>
  277. </tr>
  278. <tr>
  279. <th class="" style="text-align: center; font-weight: 600; width: 15%">编号</th>
  280. <th class="" style="text-align: center; font-weight: 600; width: 30%">违规行为</th>
  281. <th class="" style="text-align: center; font-weight: 600; width: 30%">奖惩记录</th>
  282. <th class="" style="text-align: center; font-weight: 600; width: 25%">日期</th>
  283. </tr>
  284. </thead>
  285. <tbody id="Violations_Tbody"></tbody>
  286. </table>
  287. <table id="MarketSeller_EvalRpt" class="modal-table container-fluid">
  288. <thead>
  289. <tr>
  290. <th colspan="20" style="text-align: center">
  291. <h4 class="title">信用评比情况</h4>
  292. </th>
  293. </tr>
  294. <tr>
  295. <th class="EvalRpt_Sort">序号</th>
  296. <th class="EvalRpt_State">信誉等级</th>
  297. <th class="EvalRpt_Score">得分</th>
  298. <th class="EvalRpt_Time">评级时间</th>
  299. </tr>
  300. </thead>
  301. <tbody id="EvalRpt_Tbody">
  302. <tr>
  303. @*<td class="EvalRpt_Sort"></td>
  304. <td class="EvalRpt_State"></td>
  305. <td class="EvalRpt_Score"></td>
  306. <td class="EvalRpt_Time"></td>*@
  307. </tr>
  308. </tbody>
  309. </table>
  310. </div>
  311. <!--EndPrint-->
  312. <div class="" style="margin-bottom: 15px;text-align: center;display:@ViewBag.IsPrint">
  313. <button type="button" onclick="Print();" >直接打印</button>
  314. <button type="button" class="but5" onclick="PreView()" >打印预览</button>
  315. </div>
  316. </div>
  317. <div data-options="region:'south',border:false" style="text-align:right;height:45px; padding:13px 20px 0;">
  318. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winModal').window('close');" style="width:80px">取消</a>
  319. </div>
  320. </div>
  321. </div>
  322. </section>
  323. </div>
  324. <script>
  325. //加载数据
  326. function SearchLoadTable(collapsed) {
  327. collapsed = collapsed || false;
  328. var marketId = $("input.textbox-value[name='SearchMarketID']").val();
  329. var marketSellerName = $('#SearchMarketSellerName').val(),
  330. //warrantNumber = $('#SearchWarrantNumber').val(),
  331. licenseNo = $('#SearchLicenseNo').val(),
  332. licenseName = $('#SearchLicenseName').val(),
  333. tradeTypeId = $("input.textbox-value[name='SearchTradeTypeID']").val(),
  334. tempAddress = $('#SearchTempAddress').val(),
  335. stall = $('#SearchStall').val();
  336. if (collapsed===true) {
  337. $("#Search").panel("collapse", true);
  338. }
  339. $('#dgTable').datagrid({
  340. url: "/GetResult/MarketSellersQryResult" + '?IsLock=0&MarketSellerName=' + escape(marketSellerName) + '&MarketID=' + marketId + '&TradeTypeID=' + tradeTypeId + '&TempAddress=' + escape(tempAddress) + '&Stall=' + escape(stall) + '&LicenseNo=' + escape(licenseNo) + "&LicenseName=" + escape(licenseName)
  341. });
  342. }
  343. //查看详情
  344. function btn_Detail() {
  345. SetModalVal();
  346. }
  347. //modal赋值
  348. function SetModalVal() {
  349. var rows = $('#dgTable').datagrid('getSelections');
  350. if (rows.length === 1) {
  351. var row = rows[0];
  352. console.log(row);
  353. $("#MarketID").html(row.MarketName);
  354. //$("#hid_SellerId").html(row.SellerID);
  355. $("#MarketSellerName").html(row.MarketSellerName);
  356. $("#Gender").html(row.Gender==="1"?"男":"女");
  357. $("#Age").html(row.Age);
  358. $("#IdCard").html(row.IdCard);
  359. $("#Tel").html(row.Tel);
  360. $("#EnterMarketDate").html(row.EnterMarketDate);
  361. $("#ResidenceAddress").html(row.ResidenceAddress);
  362. $("#TempAddress").html(row.TempAddress);
  363. $("#TradeTypeID").html(row.TradeTypeName);
  364. $("#RunningWayTypeID").html($("#hid_RunningWayTypeID").find("option[value='" + row.RunningWayTypeID + "']").html());
  365. $("#AnnualStallFee").html(row.AnnualStallFee);
  366. $("#Facia").html(row.Facia);
  367. $("#ApparatusTypeID").html($("#hid_ApparatusTypeID").find("option[value='" + row.ApparatusTypeID + "']").html());
  368. $("#StallName").html(row.StallName);
  369. $("#Remark").html(row.Remark);
  370. if (row.Staff1Name != null && row.Staff1Name !== "") {
  371. $("#Staff1Name").html(row.Staff1Name);
  372. $("#Staff1Gender").html(row.Staff1Gender);
  373. $("#Staff1Age").html(row.Staff1Age);
  374. $("#Staff1Residence").html(row.Staff1Residence);
  375. $("#Staff1CurrentAddr").html(row.Staff1CurrentAddr);
  376. $("#Staff1Name").parent().show();
  377. } else {
  378. $("#Staff1Name").parent().hide();
  379. }
  380. if (row.Staff2Name != null && row.Staff2Name !== "") {
  381. $("#Staff2Name").html(row.Staff2Name);
  382. $("#Staff2Gender").html(row.Staff2Gender);
  383. $("#Staff2Age").html(row.Staff2Age);
  384. $("#Staff2Residence").html(row.Staff2Residence);
  385. $("#Staff2CurrentAddr").html(row.Staff2CurrentAddr);
  386. $("#Staff2Name").parent().show();
  387. } else {
  388. $("#Staff2Name").parent().hide();
  389. }
  390. if (row.Staff3Name != null && row.Staff3Name !== "") {
  391. $("#Staff3Name").html(row.Staff3Name);
  392. $("#Staff3Gender").html(row.Staff3Gender);
  393. $("#Staff3Age").html(row.Staff3Age);
  394. $("#Staff3Residence").html(row.Staff3Residence);
  395. $("#Staff3CurrentAddr").html(row.Staff3CurrentAddr);
  396. $("#Staff3Name").parent().show();
  397. } else {
  398. $("#Staff3Name").parent().hide();
  399. }
  400. if (row.Staff1Name != null &&
  401. row.Staff1Name !== "" &&
  402. row.Staff2Name != null &&
  403. row.Staff2Name !== "" &&
  404. row.Staff3Name != null &&
  405. row.Staff3Name !== "") {
  406. $("#StaffNone").hide();
  407. } else {
  408. $("#StaffNone").show();
  409. }
  410. LoadWarrant_Seller(row.SellerID,true);
  411. LoadViolations_Seller(row.SellerID);
  412. LoadEvalRpt_Seller(row.SellerID);
  413. if ($("#hid_Type").val()!=="Del") {
  414. $("#winModal input").attr("disabled", "disabled");
  415. $("#winModal textarea").attr("disabled", "disabled");
  416. $("#winModal").window("open");
  417. }
  418. } else {
  419. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  420. }
  421. }
  422. //根据辖区获取市场下拉框的option
  423. function GetMarketSelStr() {
  424. $.ajax({
  425. url: "/GetResult/GetMarketSelStrResult",
  426. type: "post",
  427. dataType: "json",
  428. data: { RegionID: $("input.textbox-value[name='SearchRegionID']").val() },
  429. success: function (data) {
  430. //console.log(msg);
  431. if (CheckAajxData(data) === false) return;
  432. var rows = data.rows;
  433. var first = "{\"MarketID\":\"";
  434. for (var i = 0; i < rows.length; i++) {
  435. first += (first === "{\"MarketID\":\"" ? "'" : ",'") + rows[i].MarketID + "'";
  436. }
  437. first += "\",\"Names\":\"全部\"}";
  438. var firstJson = JSON.parse(first);
  439. rows.unshift(firstJson);
  440. console.log(rows);
  441. $('#SearchMarketID').combobox("clear").combobox({
  442. data: rows,
  443. valueField: 'MarketID',
  444. textField: 'Names',
  445. onLoadSuccess: function () {
  446. var val = $(this).combobox('getData');
  447. // ReSharper disable once MissingHasOwnPropertyInForeach
  448. for (var item in val[0]) {
  449. if (item === 'MarketID') {
  450. $(this).combobox('select', val[0][item]);
  451. }
  452. }
  453. }
  454. });
  455. }
  456. });
  457. }
  458. $(function () {
  459. GetMarketSelStr();
  460. setTimeout(SearchLoadTable(false), 500);
  461. //$("#tbToolBar").next(".datagrid-view").before("<!--StartTablePrint-->");
  462. //$("#tbToolBar").next(".datagrid-view").after("<!--EndTablePrint-->");
  463. });
  464. </script>
  465. </body>
  466. </html>