郑许地铁

NoticeEdit.cshtml 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. @using ZXDT.CallCenter.MVCWeb.Models;
  2. @using ZXDT.CallCenter.Model;
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <title>layui</title>
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  11. <link href="/Content/layui/css/layui.css" rel="stylesheet" />
  12. <script src="/Content/js/jquery-1.8.3.min.js"></script>
  13. <script src="/Content/layui/layui.js"></script>
  14. <link href="/Content/css/workflow/workflow.css" rel="stylesheet" />
  15. <link href="/Content/layui/zTree/v3/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
  16. <script src="/Content/layui/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  17. <style>
  18. .ztree {
  19. height: 360px;
  20. overflow-y: auto;
  21. position: absolute;
  22. width: 198px;
  23. left: 0px;
  24. top: 30px;
  25. z-index: 11;
  26. background: #ffffff;
  27. border: 1px solid #cccccc;
  28. display: none;
  29. }
  30. .xl {
  31. background: url(../../Content/images/downSelect.png);
  32. background-position: center center;
  33. width: 20px;
  34. height: 30px;
  35. position: absolute;
  36. right: 0;
  37. top: 1px;
  38. background-color: #1ab394;
  39. cursor: pointer;
  40. }
  41. .xl:hover {
  42. background-color: #e6d523;
  43. }
  44. </style>
  45. </head>
  46. @{ string deptname = "";
  47. int deptid = 0;
  48. int userid = 0;
  49. string username = "";
  50. string deptUser = "";
  51. if (Model.DepartmentList != null && Model.DepartmentList.Count > 0)
  52. {
  53. foreach (T_Sys_Department dicModel in Model.DepartmentList)
  54. {
  55. deptname = dicModel.F_DeptName;
  56. deptid = dicModel.F_DeptId;
  57. }
  58. }
  59. if (Model.UseList != null && Model.UseList.Count > 0)
  60. {
  61. foreach (T_Sys_UserAccount dicModel in Model.UseList)
  62. {
  63. userid = dicModel.F_UserId;
  64. username = dicModel.F_UserName;
  65. }
  66. }
  67. if(username==""){
  68. deptUser = deptname;
  69. } else {
  70. deptUser = deptname+"--"+username ;
  71. }
  72. }
  73. <body>
  74. <form class="layui-form" id="form1">
  75. <div>
  76. <div class="rightSide">
  77. <input name="F_NoticeId" value="@Model.F_NoticeId" type="hidden" class="layui-input" />
  78. <input id="F_CreateBy" value="@Model.F_CreateBy" type="hidden" />
  79. <input name="F_ReceiveInfo" id="F_ReceiveInfo" class="add_did" value="@Model.F_ReceiveInfo" type="hidden" class="layui-input" />
  80. <input name="F_UserId" id="F_UserId" value="@Model.F_DeviceId" type="hidden" class="layui-input" />
  81. <input name="F_UserName" id="F_UserName" value="@Model.F_UserName" type="hidden" class="layui-input" />
  82. <div>
  83. <div class="divTittle">
  84. 编辑公告
  85. </div>
  86. <ul>
  87. <li class="layui-row">
  88. <div class="layui-col-xs6">
  89. <label class="layui-form-label" style="width:100px">标题</label>
  90. <div class="layui-input-block">
  91. <input name="F_Title" value="@Model.F_Title" lay-verify="required"
  92. autocomplete="off" placeholder="" class="layui-input" type="text"
  93. style="width:210px" />
  94. </div>
  95. </div>
  96. <div class="layui-col-xs6">
  97. <label class="layui-form-label" style="width:100px">类型</label>
  98. <div class="layui-input-block">
  99. <input name="F_Code" disabled="disabled" value="公告" lay-verify="required"
  100. autocomplete="off" placeholder="" class="layui-input" type="text"
  101. style="width:210px" />
  102. </div>
  103. </div>
  104. </li>
  105. <li class="layui-row">
  106. <div class="layui-col-xs6">
  107. <label class="layui-form-label" style="width:100px">接收人</label>
  108. <div class="layui-input-inline">
  109. <div class="form-group" style="position: relative; float:left;">
  110. <input autocomplete="off" value="@deptUser" style="width: 210px;" id="searchRegionName"
  111. placeholder="请选择" class="layui-input inps" type="text" />
  112. @* value="@dicModel.F_DeptName" @Model.F_ReceiveInfo *@
  113. @* @Model.F_DeptName Model.UseList[0].F_DeptName *@
  114. @* @if (Model.UseList != null && Model.UseList.Count > 0)
  115. {
  116. foreach (T_Sys_UserAccount dicModel in Model.UseList)
  117. {
  118. if (Model.F_DeviceId == dicModel.F_UserId)
  119. {
  120. <input autocomplete="off" value="@dicModel.F_UserName" style="width: 210px;" id="searchRegionName"
  121. placeholder="请选择" class="layui-input inps" type="text" />
  122. }
  123. }
  124. }else {
  125. <input autocomplete="off" value="" style="width: 210px;" id="searchRegionName"
  126. placeholder="请选择" class="layui-input inps" type="text" />
  127. } *@
  128. <i class="xl"></i>
  129. <!-- <b class="delect-icon">X</b> -->
  130. <ul id="ztree" class="ztree addTree"></ul>
  131. </div>
  132. </div>
  133. </div>
  134. </li>
  135. <li class="layui-row ">
  136. <div class="layui-col-md12">
  137. <label class="layui-form-label" style="width:100px">文章描述</label>
  138. <div class="layui-input-inline">
  139. <input name="F_Resume" value="@Model.F_Resume" autocomplete="off" placeholder=""
  140. class="layui-input" type="text" style="width:800px" />
  141. </div>
  142. </div>
  143. </li>
  144. <li class="layui-row ">
  145. <div class="layui-col-md12">
  146. <label class="layui-form-label" style="width:100px">内容</label>
  147. <div class="layui-input-inline">
  148. @*<textarea class="layui-textarea" id="F_Content" style="
  149. display:none;">@Model.F_Content</textarea>*@
  150. <textarea style="width:600px;height:230px;" name="F_Content" id="F_Content"
  151. placeholder="" class="layui-textarea">@Model.F_Content</textarea>
  152. </div>
  153. </div>
  154. </li>
  155. <li class="layui-row">
  156. <div class="layui-col-md12" style="display:none;">
  157. <label class="layui-form-label" style="width:100px">上传附件</label>
  158. <div class="layui-upload">
  159. <button type="button" class="layui-btn layui-btn-normal" id="test8">选择文件</button>
  160. <button type="button" class="layui-btn" id="test9">开始上传</button>
  161. </div>
  162. </div>
  163. </li>
  164. </ul>
  165. </div>
  166. <div>
  167. <ul>
  168. <li class="layui-row">
  169. <div class="layui-col-md12 btndiv">
  170. <button class="layui-btn layui-btn-normal" lay-submit="" id="button"
  171. lay-filter="SubmitData" style="width: 80px;">保存</button>
  172. <div title="关闭窗口" class="layui-btn layui-btn-warm" onclick="CloseWeb();"
  173. style="width: 80px;">
  174. 取消
  175. </div>
  176. </div>
  177. </li>
  178. </ul>
  179. </div>
  180. </div>
  181. </div>
  182. </form>
  183. <script type="text/javascript" src="/Content/layui/layui.js" charset="utf-8"></script>
  184. <!-- 注意:如果你直接复制所有代码到本地,上述js路径需要改成你本地的 -->
  185. <script>
  186. layui.use('layedit', function () {
  187. var layedit = layui.layedit
  188. , $ = layui.jquery;
  189. ////构建一个默认的编辑器
  190. //var index = layedit.build('F_Content');
  191. //layedit.build('F_Content', {
  192. // height: 200 ,//设置编辑器高度
  193. //});
  194. $('.site-demo-layedit').on('click', function () {
  195. var type = $(this).data('type');
  196. active[type] ? active[type].call(this) : '';
  197. });
  198. });
  199. </script>
  200. <script src="/Content/js/sysmanage/NoticeEdit.js"></script>
  201. <script type="text/javascript">
  202. function CloseWeb() {
  203. location.reload();
  204. var thisindex = parent.layer.getFrameIndex(window.name); //获取窗口索引
  205. parent.layer.close(thisindex);
  206. }
  207. //单击左侧数列表时
  208. $('.inps').focus(function () {
  209. $(this).siblings('.addTree').css('display', 'block');
  210. })
  211. $('.xl').click(function () {
  212. var xl = $(this).siblings('.addTree');
  213. if (xl.css('display') == 'block') {
  214. xl.css('display', 'none')
  215. } else {
  216. xl.css('display', 'block')
  217. }
  218. })
  219. $('.addTree').mouseleave(function () {
  220. $(this).css('display', 'none')
  221. })
  222. //树形结构
  223. var zTreeObj;
  224. var selectNode;
  225. // zTree 的参数配置,深入使用请参考 API 文档(setting 配置详解)
  226. var setting = {
  227. data: {
  228. key: {
  229. name: "name"
  230. },
  231. simpleData: {
  232. enable: true,
  233. idKey: "id",
  234. rootPId: 0
  235. }
  236. },
  237. view: {
  238. dblClickExpand: true
  239. },
  240. callback: {
  241. onClick: ztreeDep
  242. },
  243. };
  244. function ztreeDep(event, treeId, treeNode) {
  245. if(treeNode.IsOrPrivate){
  246. $('.inps').val(treeNode.getParentNode().name+"--"+treeNode.name);
  247. $('.add_did').val(treeNode.getParentNode().id);
  248. $('#F_UserName').val(treeNode.name);
  249. $('#F_UserId').val(treeNode.id);
  250. }else{
  251. $('.add_did').val(treeNode.id);
  252. $('.inps').val(treeNode.name);
  253. $('#F_UserName').val("0");
  254. $('#F_UserId').val("0");
  255. }
  256. };
  257. var treeNodes;
  258. $(document).ready(function () {
  259. //reciveRy();
  260. $.ajax({
  261. url: "/Department/GetDepartmentAndUserJsonModel",
  262. type: "get",
  263. contentType: "application/json",
  264. dataType: "text",
  265. cache: false,
  266. async: false,
  267. data: { "parentId": 0 },
  268. success: function (result, status) {
  269. treeNodes = eval('(' + result + ')');
  270. }
  271. });
  272. zTreeObj = $.fn.zTree.init($("#ztree"), setting, treeNodes);
  273. zTreeObj.expandAll(false);
  274. });
  275. </script>
  276. </body>
  277. </html>