EvaluationM.cshtml 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>Evaluation</title>
  10. <link href="~/easyui/themes/bootstrap/easyui.css" rel="stylesheet" />
  11. <link href="~/easyui/themes/icon.css" rel="stylesheet" />
  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. <style>
  24. .td_1 {
  25. padding-bottom: 5px;
  26. padding-left: 5px;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <section class="hidden">
  32. <input id="hid_Type" name="hid_Type" type="hidden" value="0" />
  33. <input id="hid_Type_2" name="hid_Type_2" type="hidden" value="0" />
  34. <input id="hid_IsLock" name="IsLock" type="hidden" value="N" />
  35. <input id="hid_SelectEvaluationID" name="hid_SelectEvaluationID" type="hidden" />
  36. </section>
  37. @*<section class="text-center title">
  38. <h2>市场信息</h2>
  39. </section>*@
  40. <section class="container-fluid" style="height: 40vh; padding-top: 5px;">
  41. <div class="row tbToolBar" id="tbToolBar">
  42. <div class="toolbar" id="CurdTool" style="float:left">
  43. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="btn_Add_1()">添加</a>
  44. <span class="shuxian"></span>
  45. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="btn_Edit_1()">修改</a>
  46. <span class="shuxian"></span>
  47. <a href="#" class="easyui-linkbutton" iconCls="icon-no" plain="true" onclick="DelOrRetore_1('Del')">删除</a>
  48. </div>
  49. </div>
  50. <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
  51. data-options="singleSelect: true,
  52. method: 'post',
  53. multiSort: false,
  54. toolbar: '#tbToolBar',
  55. fitColumns: true,
  56. onSelect:function(index,row){
  57. loadTarget();
  58. }
  59. ">
  60. <thead>
  61. <tr>
  62. <th data-options="field:'EvaluationName',width:50">标准名</th>
  63. <th data-options="field:'EvaluationDesc',width:80,">考评说明</th>
  64. <th data-options="field:'EvaluationCreateTime',width:50,">制定时间</th>
  65. <th data-options="field:'EvaluationOrg',width:50,">发布组织</th>
  66. </tr>
  67. </thead>
  68. </table>
  69. </section>
  70. <section class="container-fluid" style="height: 55vh; padding-top: 20px;">
  71. <div class="row tbToolBar" id="tbToolBar2">
  72. <div class="toolbar">
  73. <label>
  74. <input type="checkbox" id="DataToggle"> 显示已删除记录
  75. </label>
  76. </div>
  77. <div class="toolbar" id="CurdTool2" style="float:left">
  78. <span class="shuxian"></span>
  79. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="btn_Add_2()">添加</a>
  80. <span class="shuxian"></span>
  81. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="btn_Edit_2()">修改</a>
  82. <span class="shuxian"></span>
  83. <a href="#" class="easyui-linkbutton" iconCls="icon-no" plain="true" onclick="DelOrRetore_2('Del')">删除</a>
  84. </div>
  85. <div class="col-sm-3" id="ResetTool2" style="display:none">
  86. <a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="DelOrRetore_2('ReDel')">恢复删除</a>
  87. </div>
  88. </div>
  89. <table id="dgTable2" class="easyui-datagrid" style="height: 100%;"
  90. data-options="singleSelect: true,
  91. method: 'post',
  92. multiSort: false,
  93. toolbar: '#tbToolBar2',
  94. fitColumns: true
  95. ">
  96. <thead>
  97. <tr>
  98. <th data-options="field:'ItemIndex',width:50">序号</th>
  99. <th data-options="field:'ItemContent',width:150,">明细内容</th>
  100. <th data-options="field:'EvaluationNorm',width:150,">评分标准</th>
  101. <th data-options="field:'Score',width:50,">分值</th>
  102. </tr>
  103. </thead>
  104. </table>
  105. </section>
  106. <section>
  107. <div id="winEvaluationInfo" class="easyui-window" title="考评信息维护" data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:600px;height:350px;padding:10px 10px;">
  108. <div class="easyui-layout" data-options="fit:true">
  109. <div data-options="region:'center'" style="padding:5px;height:250px">
  110. <table cellpadding="10" cellspacing="0" style="margin-left:10px">
  111. <tr>
  112. <td class="td_1">考评名称:</td>
  113. <td class="td_1"><input class="easyui-textbox" type="text" id="EvaluationName" name="EvaluationName" data-options="required:true" style="width:400px" /></td>
  114. </tr>
  115. <tr>
  116. <td class="td_1">制定时间:</td>
  117. <td class="td_1"><input class="laydate-icon" type="text" id="EvaluationCreateTime" name="EvaluationCreateTime" placeholder="" style="width:400px" /></td>
  118. </tr>
  119. <tr>
  120. <td class="td_1">制定组织:</td>
  121. <td class="td_1">
  122. <input class="easyui-textbox" type="text" id="EvaluationOrg" name="EvaluationOrg" style="width:400px" />
  123. </td>
  124. </tr>
  125. <tr>
  126. <td class="td_1">描述说明:</td>
  127. <td class="td_1">
  128. <textarea id="EvaluationDesc" name="EvaluationDesc" rows="4" style="width:400px" ></textarea>
  129. </td>
  130. </tr>
  131. </table>
  132. </div>
  133. <div data-options="region:'south',border:false" style="text-align:right;height:50px;padding-top:5px">
  134. <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveEvaluation();" style="width:80px">确认</a>
  135. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winEvaluationInfo').window('close');" style="width:80px">取消</a>
  136. </div>
  137. </div>
  138. </div>
  139. <div id="winEvaluationItemInfo" class="easyui-window" title="考评明细信息维护 " data-options="modal:true,closed:true,iconCls:'icon-save'" style="width:600px;height:380px;padding:10px 10px;">
  140. <div class="easyui-layout" data-options="fit:true">
  141. <div data-options="region:'center'" style="padding:5px;height:250px">
  142. <table cellpadding="10" cellspacing="0" style="margin-left:10px">
  143. <tr>
  144. <td class="td_1">序号:</td>
  145. <td class="td_1"><input class="easyui-textbox" type="text" id="ItemIndex" name="ItemIndex" data-options="required:true" style="width:400px" /></td>
  146. </tr>
  147. <tr>
  148. <td class="td_1">分值:</td>
  149. <td class="td_1"><input class="easyui-textbox" type="text" id="Score" name="Score" data-options="required:true" style="width:400px" /></td>
  150. </tr>
  151. <tr>
  152. <td class="td_1">评分内容:</td>
  153. <td class="td_1">
  154. <textarea id="ItemContent" name="ItemContent" rows="4" style="width:400px"></textarea>
  155. </td>
  156. </tr>
  157. <tr>
  158. <td class="td_1">评分标准:</td>
  159. <td class="td_1">
  160. <textarea id="EvaluationNorm" name="EvaluationNorm" rows="4" style="width:400px"></textarea>
  161. </td>
  162. </tr>
  163. </table>
  164. </div>
  165. <div data-options="region:'south',border:false" style="text-align:right;height:50px;padding-top:5px">
  166. <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveEvaluationItem();" style="width:80px">确认</a>
  167. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winEvaluationItemInfo').window('close');" style="width:80px">取消</a>
  168. </div>
  169. </div>
  170. </div>
  171. </section>
  172. <script>
  173. function loadTarget() {
  174. var row = $('#dgTable').datagrid('getSelected');
  175. if (row) {
  176. document.getElementById("hid_SelectEvaluationID").value = row.EvaluationID;
  177. LoadTable2();
  178. }
  179. }
  180. //切换显示不同状态数据
  181. $("#DataToggle").on("click",
  182. function () {
  183. if ($('#hid_IsLock').val() === "N") {
  184. $('#hid_IsLock').val("Y");
  185. $("#CurdTool2").hide();
  186. $("#ResetTool2").show();
  187. } else {
  188. $('#hid_IsLock').val("N");
  189. $("#ResetTool2").hide();
  190. $("#CurdTool2").show();
  191. }
  192. window.LoadTable2();
  193. });
  194. //添加
  195. function btn_Add_1() {
  196. $("#hid_Type").val("Add");
  197. $('#EvaluationName').textbox('setValue', '');
  198. var dt = new Date();
  199. $('#EvaluationCreateTime').val(dt.getFullYear() + '-' + (dt.getMonth()+1)+'-'+dt.getDate());
  200. $('#EvaluationOrg').textbox('setValue', '');
  201. $('#EvaluationDesc').val('');
  202. $('#winEvaluationInfo').window('open');
  203. }
  204. //修改
  205. function btn_Edit_1() {
  206. $("#hid_Type").val("Edit");
  207. var rows = $('#dgTable').datagrid('getSelections');
  208. if (rows.length === 1) {
  209. var row = rows[0];
  210. $('#EvaluationName').textbox('setValue', row.EvaluationName);
  211. $('#EvaluationCreateTime').val(row.EvaluationCreateTime);
  212. $('#EvaluationOrg').textbox('setValue', row.EvaluationOrg);
  213. $('#EvaluationDesc').val(row.EvaluationDesc);
  214. $('#winEvaluationInfo').window('open')
  215. } else {
  216. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  217. }
  218. }
  219. function DelOrRetore_1(type) {
  220. var EvaluationID = $('#dgTable').datagrid('getSelections')[0].EvaluationID;
  221. if (!EvaluationID) {
  222. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  223. return;
  224. }
  225. if (type == 'Del' || type === "ReDel" ) {
  226. $.messager.confirm('删除或恢复', '确定删除或恢复这条记录?', function (r) {
  227. if (r) {
  228. $.ajax({
  229. url: "@Url.Action("EvaluationListOper", "BaseInfo")",
  230. type: "post",
  231. data: {
  232. Type: type,
  233. EvaluationID: EvaluationID
  234. },
  235. success: function (data) {
  236. if (CheckAajxData(data) == false) {
  237. return;
  238. }
  239. var msg = JSON.parse(data);
  240. if (msg != null && msg.Success == true) {
  241. LoadTable();
  242. layer.alert("操作成功!", { title: '提示信息' });
  243. } else {
  244. layer.alert(msg.ErrorInfo, { title: '提示信息' });
  245. }
  246. }
  247. });
  248. }
  249. })
  250. }
  251. }
  252. //提交
  253. function SaveEvaluation(type) {
  254. type = $("#hid_Type").val();
  255. var EvaluationID = type === "Edit" ? $('#dgTable').datagrid('getSelections')[0].EvaluationID : "";
  256. $.ajax({
  257. url: "@Url.Action("EvaluationListOper", "BaseInfo")",
  258. type: "post",
  259. data: {
  260. Type: type,
  261. EvaluationName: $("#EvaluationName").textbox("getValue"),
  262. EvaluationDesc: $("#EvaluationDesc").val(),
  263. EvaluationCreateTime: $("#EvaluationCreateTime").val(),
  264. EvaluationOrg: $("#EvaluationOrg").textbox("getValue"),
  265. EvaluationType:'M',
  266. EvaluationID: EvaluationID
  267. },
  268. success: function (data) {
  269. if (CheckAajxData(data) == false) {
  270. return;
  271. }
  272. var msg = JSON.parse(data);
  273. if (msg != null && msg.Success == true) {
  274. LoadTable();
  275. $('#winEvaluationInfo').window('close');
  276. layer.alert("操作成功!", { title: '提示信息' });
  277. } else {
  278. layer.alert(msg.ErrorInfo, { title: '提示信息' });
  279. }
  280. }
  281. });
  282. }
  283. //添加
  284. function btn_Add_2() {
  285. var SelectEvaluationID = $('#hid_SelectEvaluationID').val();
  286. if (SelectEvaluationID.length <= 0) {
  287. layer.alert('请选择一条市场考评进行添加明细!', { title: '提示信息' });
  288. return;
  289. }
  290. $("#hid_Type_2").val("Add");
  291. $('#ItemIndex').textbox('setValue', '');
  292. $('#Score').textbox('setValue', '');
  293. $('#ItemContent').val('');
  294. $('#EvaluationNorm').val('');
  295. $('#winEvaluationItemInfo').window('open');
  296. }
  297. //修改
  298. function btn_Edit_2() {
  299. $("#hid_Type_2").val("Edit");
  300. var rows = $('#dgTable2').datagrid('getSelections');
  301. if (rows.length === 1) {
  302. var row = rows[0];
  303. $('#ItemIndex').textbox('setValue', row.ItemIndex);
  304. $('#Score').textbox('setValue', row.Score);
  305. $('#ItemContent').val(row.ItemContent);
  306. $('#EvaluationNorm').val(row.EvaluationNorm);
  307. $('#winEvaluationItemInfo').window('open')
  308. } else {
  309. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  310. }
  311. }
  312. function DelOrRetore_2(type) {
  313. var EvaluationItemID = $('#dgTable2').datagrid('getSelections')[0].EvaluationItemID;
  314. if (!EvaluationItemID) {
  315. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  316. return;
  317. }
  318. if (type == 'Del' || type === "ReDel" ) {
  319. $.messager.confirm('删除或恢复', '确定删除或恢复这条记录?', function (r) {
  320. if (r) {
  321. $.ajax({
  322. url: "@Url.Action("EvaluationItemListOper", "BaseInfo")",
  323. type: "post",
  324. data: {
  325. Type: type,
  326. EvaluationItemID: EvaluationItemID
  327. },
  328. success: function (data) {
  329. if (CheckAajxData(data) == false) {
  330. return;
  331. }
  332. var msg = JSON.parse(data);
  333. if (msg != null && msg.Success == true) {
  334. LoadTable2();
  335. layer.alert("操作成功!", { title: '提示信息' });
  336. } else {
  337. layer.alert(msg.ErrorInfo, { title: '提示信息' });
  338. }
  339. }
  340. });
  341. }
  342. })
  343. }
  344. }
  345. function SaveEvaluationItem() {
  346. type = $("#hid_Type_2").val();
  347. var EvaluationItemID = type === "Edit" ? $('#dgTable2').datagrid('getSelections')[0].EvaluationItemID : "";
  348. $.ajax({
  349. url: "@Url.Action("EvaluationItemListOper", "BaseInfo")",
  350. type: "post",
  351. data: {
  352. Type: type,
  353. ItemIndex: $('#ItemIndex').textbox('getValue'),
  354. Score: $('#Score').textbox('getValue'),
  355. ItemContent: $('#ItemContent').val(),
  356. EvaluationNorm: $('#EvaluationNorm').val(),
  357. EvaluationID: $('#hid_SelectEvaluationID').val(),
  358. EvaluationItemID: EvaluationItemID
  359. },
  360. success: function (data) {
  361. if (CheckAajxData(data) == false) {
  362. return;
  363. }
  364. var msg = JSON.parse(data);
  365. if (msg != null && msg.Success == true) {
  366. LoadTable2();
  367. $('#winEvaluationItemInfo').window('close');
  368. layer.alert("操作成功!", { title: '提示信息' });
  369. } else {
  370. layer.alert(msg.ErrorInfo, { title: '提示信息' });
  371. }
  372. }
  373. });
  374. }
  375. //加载表格数据
  376. function LoadTable() {
  377. $('#dgTable').datagrid({
  378. url: '@Url.Action("GetEvaluationList", "BaseInfo")' + '?EvaluationType=M',
  379. onLoadSuccess: function (data) {
  380. var rows = $(this).datagrid('getRows');
  381. if (rows.length > 0) {
  382. $(this).datagrid('selectRow', 0);
  383. }
  384. }
  385. });
  386. }
  387. function LoadTable2() {
  388. $('#dgTable2').datagrid({
  389. url: '@Url.Action("GetEvaluationItemList", "BaseInfo")' + '?IsLock=' + $('#hid_IsLock').val() + '&EvaluationID=' + $('#hid_SelectEvaluationID').val(),
  390. onDblClickRow: function () {
  391. if ($('#hid_IsLock').val() === "N") {
  392. btn_Edit_2();
  393. }
  394. }
  395. });
  396. }
  397. $(function () {
  398. //加载表格数据
  399. window.LoadTable();
  400. //加载日历控件
  401. laydate({
  402. elem: '#EvaluationCreateTime',
  403. format: "YYYY-MM-DD",
  404. min: "2000-01-01",
  405. event: "focus"
  406. });
  407. });
  408. </script>
  409. </body>
  410. </html>