FillingManagement.cshtml 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. 
  2. @{
  3. ViewBag.Title = "FillingManagement";
  4. Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
  5. }
  6. <!-- 引入样式 -->
  7. @*<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">*@
  8. <link href="~/Content/Scripts/plugins/element/elementui.css" rel="stylesheet" />
  9. <link href="~/Content/Scripts/plugins/form-making-advanced@1.4.4.00/dist/FormMaking.css" rel="stylesheet" />
  10. <style>
  11. table td {
  12. padding: 2px;
  13. }
  14. .l-btn-text {
  15. font-size: 13px
  16. }
  17. .menu-c1 .l-btn-text {
  18. color: black
  19. }
  20. .menu-content {
  21. display: flex;
  22. flex-direction: column;
  23. align-items: center;
  24. justify-content: center;
  25. }
  26. .menu-content .content-div {
  27. min-height: 30px;
  28. min-width: 100px
  29. }
  30. .timelineDetail:hover {
  31. background-color: #c5e5ff;
  32. cursor: pointer;
  33. }
  34. .datagrid-row-selected {
  35. background: #D1EEEE;
  36. color: #000;
  37. font-weight: bold !important;
  38. }
  39. </style>
  40. <!-- 引入组件库 -->
  41. @*<script src="https://unpkg.com/vue@2/dist/vue.js"></script>
  42. <script src="https://unpkg.com/element-ui/lib/index.js"></script>*@
  43. <script src="~/Content/Scripts/vue.js"></script>
  44. <script src="~/Content/Scripts/plugins/element/elementui.js"></script>
  45. <script src="~/Content/Scripts/plugins/form-making-advanced@1.4.4.00/dist/FormMaking.umd.js"></script>
  46. <script src="~/ViewModels/FillingManagement.js?v=2"></script>
  47. <script type="text/javascript">
  48. $(function () {
  49. var model = new viewModel();
  50. //组件初始化
  51. model.init();
  52. model.initdatagrid();
  53. });
  54. </script>
  55. <div class="easyui-layout" fit="true">
  56. <div data-options="region:'east',split:true" title="<i class='fa fa-exchange'></i> 表单信息" style="width:400px;">
  57. <div class="easyui-tabs" data-options="fit:true,border:false">
  58. <div id="ProcessStatusAdd" title="填报内容">
  59. <div style="margin-left:10px;margin-top:10px;">
  60. <div title="填报内容表单" id="fill" style="padding: 3px; height: 100% ">
  61. <fm-generate-form v-if="isshow" :data="jsonData" :value="editData" :edit="false"></fm-generate-form>
  62. </div>
  63. </div>
  64. </div>
  65. <div title="处理信息" id="myResource">
  66. <div id="cc" class="easyui-layout" style="width:100%;height:100%;">
  67. <div data-options="region:'center',title:'',border:false" id="reply" style="padding: 5px; height:calc(100% – 55px)">
  68. <fm-generate-form v-if="isreplyshow" :data="jsonData" :value="editData" ref="fillitem"></fm-generate-form>
  69. </div>
  70. <div data-options="region:'south',title:'',split:true,border:false" style="height:50px;">
  71. <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="save">
  72. <i class="layui-icon layui-icon-down layui-icon-add-1"></i>
  73. 保存信息
  74. </button>
  75. </div>
  76. </div>
  77. @*<div title="处理信息表单" id="reply" style="padding:3px;height:100%-50px">
  78. <fm-generate-form v-if="isreplyshow" :data="jsonData" :value="editData" ref="fillitem"></fm-generate-form>
  79. </div>
  80. <div data-options="region:'south',border:false" style="height:50px;text-align:right; padding:5px">
  81. <button type="button" class="layui-btn layui-btn-normal" id="save">保存</button>
  82. </div>*@
  83. </div>
  84. <div title="详细流程">
  85. <div title="详细流程" style="padding:3px;height:100%">
  86. <span>暂未开放</span>
  87. @*<div class="layui-tab-item"><ul style="max-height:600px;overflow-y:auto" class="layui-timeline" id="timeLine" title="详细流程"></ul></div>*@
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. <div data-options="region:'center'">
  93. <div id="toolbar" style="padding:3px;">
  94. <div style="padding:2px;">
  95. 填报表单:<input class="easyui-combobox" id="TBBD" style="width:150px;">
  96. 渠道:<input class="easyui-combobox" id="QD" style="width: 150px;">
  97. 项目:<input class="easyui-combobox" id="XM" style="width: 150px;">
  98. 状态: <input class="easyui-checkbox" data-options="checked:true" type="checkbox" id="IncludeSearchContent" name="IncludeSearchContent" label="填报" labelPosition="after" labelWidth="50px">
  99. <input class="easyui-checkbox" type="checkbox" id="terminissues" name="terminissues" label="通过" labelPosition="after" labelWidth="50px">
  100. <input class="easyui-checkbox" type="checkbox" id="ckclose" name="ckclose" label="退回" labelPosition="after" labelWidth="50px">
  101. <a href="#" id="fbtn-ref" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
  102. </div>
  103. <div>
  104. 填报时间:<input id="start_date" type="text" class="easyui-datebox" required="required">
  105. <input id="end_date" type="text" class="easyui-datebox" required="required">
  106. <a href="#" id="fbtn-tg" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">通过</a>
  107. <a href="#" id="fbtn-th" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">退回</a>
  108. <a href="#" id="fbtn-del" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
  109. </div>
  110. </div>
  111. <div id="dgProblems"> </div>
  112. </div>
  113. </div>