Word.js 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832
  1. //查看指定文件,,判断是否保存或者覆盖,包括创建邀请协作人员,创建编辑历史,创建生成链接.创建热门模板。加载当前word文档的内容。创建光标,监控键盘输入等。这里是iframe中的word起始点。
  2. //监控输入输出,
  3. //添加成员,共同编辑。
  4. Namespace.register("U.MD.O.W");
  5. document.oncontextmenu = U.UF.EV.stopDefault; //禁止右键菜单
  6. //由于当前文档的js是加载在ifame里面的,获取不到外部的文档(www.1473.cn)信息。所以通过传递参数设置全局变量的形式保存当前文档信息。
  7. //id是word文档id,PID是文档归属的目录id,fileinfo是文档的实体信息fileinfo,OL初始化回调函数,userid是当前文档创建者的id。 historyid就是最新历史记录的id
  8. U.MD.O.W = {
  9. "fileinfo": null, //文档的信息
  10. "userinfo": null, //文档用户的信息
  11. "historyid": US.EMPTYGUID, //历史记录更新的id
  12. "permission": { //权限设置
  13. "edit": true,
  14. "web": true
  15. },
  16. "init": false
  17. };
  18. US = parent.US;
  19. //#region 初始化区域
  20. //------------------------------------------------------------------------------初始化Word----------------------------------------------------------------------------
  21. //查看指定文件,,判断是否保存或者覆盖,包括创建邀请协作人员,创建编辑历史,创建生成链接.创建热门模板。加载当前word文档的内容。创建光标,监控键盘输入等。这里是iframe中的word起始点。
  22. /**
  23. * word初始化的处理
  24. *
  25. * @param {object} 文档信息
  26. * @param {object} 登录用户信息
  27. * @return {object} 返回当前窗体
  28. */
  29. U.MD.O.W.load = async function(fileid, userinfo) {
  30. U.MD.O.W.openRoomConfirm();
  31. var fileinfo = U.MD.O.W.getfile(),
  32. userinfo = await U.MD.O.W.getuser();
  33. U.MD.O.W.variable(fileinfo, userinfo); //初始化全局变量
  34. U.MD.O.W.setPermission(); //获取权限
  35. U.MD.O.W.setEvent(); //设置事件
  36. U.MD.O.W.E.createSelection(); //创建下拉框
  37. U.MD.O.W.E.toolsbind(); //初始化工具栏
  38. U.MD.O.W.loadContent(fileinfo); //加载内容
  39. //加载功能
  40. U.MD.O.W.Panel.loadlink(fileinfo); //加载链接窗体
  41. //U.MD.O.W.Panel.loadHotTemplates(); //加载热门模板
  42. //U.MD.O.W.Panel.loadOfficeHistory(fileinfo); //加载历史记录
  43. // U.MD.O.W.Panel.loadPlayUser(fileinfo); //加载协助人员窗体
  44. // //如果是协作文档,加载协作窗体
  45. // if (U.MD.O.W.permission.web) {
  46. // U.MD.O.W.Panel.loadPlayUser(fileinfo); //加载协助人员窗体
  47. // }
  48. // //如果不是协同文档,那么协同文档的窗体不显示,那么热门和链接窗体向上移
  49. // else {
  50. // $("#LoadOfficeHistory")[0].style.top = "140px";
  51. // $("#LoadHotTemplates")[0].style.top = "434px";
  52. // }
  53. }
  54. /**
  55. * 根据cookie获取用户
  56. *
  57. */
  58. U.MD.O.W.getuser = async function() {
  59. return new Promise((resolve, reject) => {
  60. U.A.Request(US.Config.server + "getcookieuserid", [], function(res) {
  61. if (res.value && res.value[0] && res.value[0][0]) {
  62. var _user = res.value[0][0];
  63. U.A.Request(US.Config.edu + "admin/userinfo/userinfoById/" + _user.userid, [], function(res) {
  64. if (res.value && res.value[0] && res.value[0][0]) {
  65. US.userInfo = res.value[0][0];
  66. U.A.Request(US.Config.pbl + "selectUser?userid=" + _user.userid, [], function(res) { //US.userInfo.userid
  67. if (res.value == null || res.value[0].length == 0) {
  68. US.userInfo.userid = _user.userid;
  69. resolve(US.userInfo); //记录用户数据
  70. } else {
  71. US.userInfo = res.value[0][0];
  72. US.userInfo.userid = _user.userid;
  73. resolve(res.value[0][0]); //记录用户数据
  74. }
  75. }, [], { "type": "GET", "withCredentials": true });
  76. }
  77. }, [], { "type": "GET", "withCredentials": true });
  78. }
  79. }, [], { "type": "GET", "withCredentials": true });
  80. });
  81. }
  82. U.MD.O.W.getMyfile = function() {
  83. return {
  84. UserDirectoryExtendType: "uw", //默认导航模式
  85. UsOffice: US.data,
  86. UserDirectoryID: Guid.newGuid(),
  87. newfile: US.roomid ? false : true,
  88. };
  89. }
  90. /**
  91. * 根据文件id获取文件
  92. *
  93. */
  94. U.MD.O.W.getfile = function(fileid) {
  95. return {
  96. UserDirectoryExtendType: "uw", //默认导航模式
  97. UsOffice: '<div id="e4c133031-1982-c72b-525a-32a2ffb5bd4c" style="text-align: center;" name="U_MD_O_W_Font_Heading1"><span style="font-family: 微软雅黑; font-size: 48px; font-weight: bold;">什么是互联办公?</span></div><div id="e3412c1ae-730c-f87e-494c-c5df81a459e0" style="line-height: 2;"><span style="font-family: 微软雅黑; font-size: 16px;">&nbsp; 为了提高办公效率,解决现有word不能多人协同办公的问题,解决在外地旅游、出差不能办公的问题,我们提出了互联办公的概念。</span></div><div id="ecf866d78-6644-f14f-74f9-c31eaa0097a0" style="line-height: 2;"><span style="font-family: 微软雅黑; font-size: 16px;">&nbsp; 互联办公云平台是一款可以多端操作、多人协同、以网页形式编辑、以网站形式展示的互联网办公平台。互联办公云平台可以在ipad、手机、电脑以及其他支持浏览器的终端设备上进行操作;可以多人共同编辑同一份文档,实现文档的自动整合以及实时更新;可以在主流浏览器上进行文档的编辑修改,也可以输入好网站内容,一键发布完成专业化的企业网站。</span></div><div id="e8901ef2d-0b82-138f-91b0-e5697edfd6ca" style="line-height: 2;"><span style="font-family: 微软雅黑; font-size: 16px;">&nbsp; 互联办公云平台前端采用html+css技术实现, 后端使用java,Net,Nodejs予以实现,web服务器采用分布式集群部署,支持多人同时在线。</span><br></div><div id="e9c0df904-ebab-1392-7364-4ccab9862a9c" style="line-height: 2;"><br></div><div id="ebdb59933-5920-b5ae-1568-27fc769aeb3b" style="font-family: 微软雅黑; font-weight: bold; font-size: 16pt;" name="U_MD_O_W_Font_Heading2"><span style=""></span><span>1.实现随时随地办公</span></div><div id="ebd1bf28a-4f62-4ec1-346a-bb388c2191cd" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;">当需要紧急修改文件时,即使你在外地,在旅游,在出差,拿出手机即可修改文件,修改好的文件会即时呈现在领导面前,解决了用户出门在外不能同步办公的难题。</span></div><div id="e9a9993df-f28c-461b-0880-2848f1c2ccdc" style="line-height: 2;"><br></div><div id="e117f341a-f3c4-3d44-9145-57b86e09765c" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;"></span></div><div id="eb878bcdc-91a8-cd5c-d7bd-0e506fc83d0b" style="font-family: 微软雅黑; font-weight: bold; font-size: 16pt; line-height: 2;" name="U_MD_O_W_Font_Heading2"><span>2.解决了现有word不能多人协同办公的问题</span></div><div id="ec9514631-09c8-8329-a9de-106f7d88594f" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;">互联办公云平台把Word互联网化,允许多人编辑同一份文件,效果即时呈现,适合收集用户资料场景,提高办公效率。</span></div><div id="ecb60e99a-6e75-0c84-8b41-f5aa6b130d05" style="line-height: 2;"><br></div><div id="e99e0c9dd-506c-3d63-07cd-ff4a46f232b5" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;"></span></div><div id="e7f202d5b-8e90-a816-1ce8-5c12fde78637" style="font-family: 微软雅黑; font-weight: bold; font-size: 16pt; line-height: 2;" name="U_MD_O_W_Font_Heading2"><span>3.提高办公效率</span></div><div id="e2fdfea7a-38fb-b8bb-7ee5-a96644677f14" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;">解决了人们需分工合作以及整合文档需耗费大量时间的难题,当你需要收集公司各成员的个人信心档案时,只需要一个链接邀请大家编辑,成百上千个人就会在一份文档里面填写资料,以此解决用户需分工合作,整合文档工作量过大的问题。</span></div><div id="ea863ad74-d055-e53b-c23d-d1c76cbc5ee4" style="line-height: 2;"><br></div><div id="edb122ca1-ec53-5040-28f7-b0e2790869ee" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;"></span></div><div id="e332557aa-d8d2-45c9-d2e5-147fb7d8bf2c" style="font-family: 微软雅黑; font-weight: bold; font-size: 16pt; line-height: 2;" name="U_MD_O_W_Font_Heading2"><span>4.Word直接生成企业网站</span></div><div id="e22923078-2bcf-06a2-566f-ab1ed876afa5" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;">互联办公云平台为企业办公人员提供导航模式,用户无需了解前后台代码,以所见即所得的方式,编辑网站内容,一键发布即可生成专业化的企业网站,为企业解决需找专业代码人员耗费大量时间及耗费大量资金的问题。</span></div><div id="e08ee9567-3e92-999b-ba7e-815db2e29477" style="line-height: 2;"><br></div><div id="e50a05822-32af-439f-85bd-186f5358a6ba" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;"></span></div><div id="e9169080d-5ce2-c385-519d-952aea83d3f2" style="font-family: 微软雅黑; font-weight: bold; font-size: 16pt; line-height: 2;" name="U_MD_O_W_Font_Heading2"><span>5.解决用户文件丢失的问题</span></div><div id="e4a9be289-9b20-9131-4986-e530367a1d04" style="line-height: 2;"><span style="font-size: 18px; font-family: 微软雅黑;">互联办公云平台为用户提供所有文件支持云端存储,可上传任何格式的文件的功能用户不需要安装应用,只需要在网页上输入网址即可找到自己的文件。云端网盘采用树目录分类,方便用户查找文件,以此解决文件容易丢失的问题。</span><span style="font-size: 18px;"></span><span style=""></span><br></div>',
  98. UserDirectoryID: Guid.newGuid(),
  99. newfile: fileid ? false : true
  100. };
  101. }
  102. /**
  103. * 初始化全局变量
  104. * @param {object} 文档信息
  105. * @param {object} 登录用户信息
  106. *
  107. */
  108. U.MD.O.W.variable = function(fileinfo, userinfo) {
  109. //如果已经有全局变量 说明该文档已经是加载过了,不需要重复设置
  110. if (!U.MD.O.W.fileinfo) {
  111. U.MD.O.W.fileinfo = fileinfo //文档信息
  112. }
  113. //设置用户信息,为什么上面的不需要重复设置下面的需要呢,因为用户可能会注销
  114. U.MD.O.W.userInfo = userinfo; //用户信息
  115. }
  116. /**
  117. * 编辑器权限函数
  118. * @return 返回用户权限json
  119. */
  120. U.MD.O.W.setPermission = function() {
  121. U.MD.O.W.permission.web = true; //互联办公的权限
  122. U.MD.O.W.permission.edit = true; //就给其编辑权限
  123. // var _iseditor, _isgroup; //是否可编辑 //群用户
  124. // //权限主要包含了是否可编辑,是否互联办公文档查看
  125. // //判断文件是否是用户的群文档 US.friend.group这个变量需要独立
  126. // if (U.MD.O.W.fileinfo.GroupID && US.friend.group) {
  127. // _isgroup = U.Json.select(US.friend.group, { "GroupManageID": U.MD.O.W.fileinfo.GroupID });
  128. // if (_isgroup) {
  129. // U.MD.O.W.permission.web = true; //互联办公的权限
  130. // U.MD.O.W.permission.edit = true; //就给其编辑权限
  131. // }
  132. // }
  133. // //如果是共享文档,那么谁都可以编辑,如果是自己的文档那么也可以编辑
  134. // else if (((U.MD.O.W.fileinfo.GroupID && U.MD.O.W.fileinfo.GroupID == U.MD.O.W.userInfo.userid) || U.MD.O.W.fileinfo.UserId == US.userInfo.userid)) {//判断是否是有编辑权限
  135. // U.MD.O.W.permission.edit = true; //就给其编辑权限
  136. // if (U.MD.O.W.fileinfo.UserId == US.userInfo.userid) {
  137. // U.MD.O.W.permission.web = true;//互联办公的权限
  138. // }
  139. // }
  140. }
  141. /**
  142. * 设置事件
  143. *
  144. */
  145. U.MD.O.W.setEvent = function() {
  146. //un文件设置事件
  147. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  148. //设置保存事件
  149. $('#U_MD_O_H_save')[0].onclick = function() {
  150. U.MD.O.W.T.N.saveNav(function() {
  151. U.MD.O.W.T.N.savePage(null, true);
  152. });
  153. }
  154. $('body').addClass('U_MD_O_W_Nav');
  155. }
  156. //uw文件设置事件
  157. else {
  158. //设置保存事件
  159. $('#U_MD_O_H_save')[0].onclick = function() {
  160. U.MD.O.W.save()
  161. }
  162. $('body').removeClass('U_MD_O_W_Nav');
  163. }
  164. //设置新建事件
  165. $('#U_MD_O_H_new')[0].onclick = function() {
  166. U.MD.O.W.newdocument();
  167. }
  168. //下载处理
  169. $("#U_MD_O_H_Area_Down")[0].onclick = function() {
  170. top.U.MD.C.D.downloadFileOrDir([U.MD.O.W.fileinfo], "true"); //下载文档
  171. }
  172. //添加Ctrl+S快捷保存事件
  173. $('body')[0].onkeydown = function(e) {
  174. var currKey = 0;
  175. e = e || event || window.event;
  176. currKey = e.keyCode;
  177. if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
  178. $('#U_MD_O_H_save')[0].onclick();
  179. U.UF.EV.stopDefault();
  180. U.UF.EV.stopBubble();
  181. }
  182. };
  183. }
  184. /**
  185. * 加载Word编辑区域的内容
  186. * @param {string} 文档信息
  187. */
  188. U.MD.O.W.loadContent = function(fileinfo) {
  189. var _defaultnav,
  190. _permission = U.MD.O.W.permission, //获取权限
  191. _fileid = fileinfo.UserDirectoryID; //文档id
  192. //新建文件的处理
  193. if (fileinfo.newfile) {
  194. //un新建文件的处理
  195. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  196. //默认导航的处理
  197. try {
  198. _defaultnav = JSON.parse(U.MD.O.W.fileinfo.UsOffice);
  199. } catch (e) {
  200. _defaultnav = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面" }] };
  201. }
  202. //创建默认导航文档
  203. U.MD.O.W.T.N.form(_defaultnav);
  204. }
  205. //uw文件新建处理
  206. else {
  207. //初始化编辑器
  208. U.MD.O.W.E.initEditor();
  209. }
  210. //清楚文件新建的属性,说明文件不是新建
  211. delete fileinfo.newfile;
  212. }
  213. //互联办公文档获取数据
  214. else if (_permission.web) {
  215. parent.U.A.Request(US.SCOKET, [U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'getNav' : "getWord", _fileid, US.pageId, U.MD.O.W.userInfo.userid], U.MD.O.W.asynLoad, [$("#U_MD_O_H_wordEditor")[0], fileinfo, _permission.web]); //获取office内容
  216. }
  217. //普通文档在数据库里面获取数据
  218. else {
  219. parent.U.A.Request(US.DISK, ["GetFileContent", _fileid], U.MD.O.W.asynLoad, [$("#U_MD_O_H_wordEditor")[0], fileinfo, _permission.web]);
  220. }
  221. }
  222. /**
  223. * 异步获取Word编辑区域的数据
  224. *
  225. */
  226. U.MD.O.W.asynLoad = function(r) { //object 值
  227. var _permission,
  228. _fileinfo = U.MD.O.W.fileinfo,
  229. _context = r.context, //获取array值
  230. _fileinfo = _context[1], //获取文件信息
  231. _synergy = _context[2]; //互联权限
  232. //获取后台返回的值,第一个是直接从数据库获取的,所以必须要从UsOffice获取值
  233. if (r.value && r.value.UsOffice !== undefined) {
  234. r = r.value.UsOffice;
  235. } else {
  236. r = r.value;
  237. }
  238. //un文件 导航文件处理
  239. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  240. //因为导航文件默认是json格式的,如果这里从后台获取的值不是json那么进行转化
  241. if (typeof r != 'object') {
  242. try {
  243. r = JSON.parse(r);
  244. } catch (e) {
  245. r = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面" }] };;
  246. }
  247. }
  248. //加载导航和内容
  249. U.MD.O.W.T.N.form(r);
  250. }
  251. //word文件处理
  252. else {
  253. //如果数据库里面有内容或者不是服务器文件,直接加载内容
  254. if (r || !_fileinfo.UserFilesServerName) {
  255. _fileinfo.UsOffice = (r || "").unEscapeQuotes(); //word内容
  256. //加载编辑器和内容
  257. U.MD.O.W.E.initEditor(_synergy); //初始化编辑器
  258. }
  259. //如果是office文件第一次初始化的处理
  260. else {
  261. //微软的office上传打开的方式
  262. U.A.Request("http://office.1473.cn/Officetohtml.ashx", ["Open", _fileinfo.UserDirectoryExtendType, _fileinfo.UserFilesServerName], function(r) {
  263. if (r.value && r.value.value != undefined) {
  264. r = r.value;
  265. _fileinfo.UsOffice = r.value.getBodyHtml().replace(/src=[\'\"]?([^\'\"]*)[\'\"]?/ig, function(str1, str2) {
  266. return "src=\"http://office.1473.cn/usoffice/" + str2 + "\"";
  267. });
  268. }
  269. U.MD.O.W.E.initEditor(_synergy); //初始化编辑器
  270. }, [""]);
  271. }
  272. }
  273. }
  274. //#endregion
  275. //#region 保存区域
  276. U.MD.O.W.updateEditorLine = function(wordInfo) {
  277. $("#U_MD_O_H_wordEditor")[0].innerHTML = wordInfo.data;
  278. }
  279. /**
  280. * 判断当前文件是否保存
  281. *
  282. * @param {function} 保存回调函数
  283. */
  284. U.MD.O.W.isSave = function() {
  285. var _fileinfo = U.MD.O.W.fileinfo, //word文件
  286. _fileid = _fileinfo.UserDirectoryID; //文件id
  287. return ((_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) && U.MD.O.W.permission.edit); //判断文档是否是已经保存到数据库的文档(判断的依据在于这个文件除了有文件id还有文件名和创建者id)
  288. }
  289. U.MD.O.W.updateSocket = function(wordInfo) {
  290. U.A.Request(US.SCOKET, ["send", JSON.stringify(wordInfo)], function(r) {
  291. console.log(r);
  292. });
  293. }
  294. U.MD.O.W.updateFileData = function(wordInfo) {
  295. U.A.Request("http://localhost:7003/api/pbl/" + "updateFileData", [wordInfo.messageInfo.data, wordInfo.receiveId], function(res) { //US.userInfo.userid
  296. U.Alert("保存成功");
  297. setTimeout(() => {
  298. U.MD.O.W.wordDirectory();
  299. }, 100)
  300. console.log(res);
  301. }, [], { "type": "GET", "withCredentials": true });
  302. }
  303. U.MD.O.W.wordInfo = function(type, content, navid, userid, roomid) {
  304. var _data = {
  305. "us.word": [{
  306. sendId: userid, //发送人id
  307. receiveId: roomid, //文件id
  308. type: navid, //消息类型
  309. messageInfo: {
  310. type: type, //类型
  311. data: content, //内容
  312. docId: roomid, //文档id
  313. // pageId: US.pageId, //当前页面id
  314. },
  315. }, ],
  316. };
  317. return _data;
  318. }
  319. /**
  320. * 保存Word
  321. *
  322. * @param {function} 保存回调函数
  323. */
  324. U.MD.O.W.save = function() {
  325. // var _islogin = top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userInfo = userinfo; });
  326. // //判断用户是否登录,只有登录用户才能保存信息
  327. // var _isftp,
  328. // _isgroupuser,
  329. // _r, //返回值
  330. // _uid = U.MD.O.W.userInfo.userid,
  331. // _el = $("#U_MD_O_H_wordEditor")[0], //word编辑区域
  332. // _fileinfo = U.MD.O.W.fileinfo, //文件信息
  333. // _fileid = _fileinfo.UserDirectoryID, //文件ID
  334. // _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value, //文件名
  335. // _html = _el.innerHTML.escapeQuotes(); //内容
  336. // if (top.window.location.href.split("/")[2] != "www.1473.cn") {
  337. // U.MD.O.W.saveFileOther();
  338. // } else {
  339. // //判断文档是否是已经保存到数据库的文档
  340. // // U.A.Request(US.CD, [US.DB, "UseStudio_Disk", _fileid, "FB1CB716-E42E-4DEA-9A66-F14F0771826F"], function (r) { _r = r.value });
  341. // //if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) {
  342. // if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档,那么直接保存内容
  343. // U.MD.O.W.Panel.InsertOfficeHistory(_fileinfo, _html, _name, _el); //插入历史记录
  344. //保存到数据库
  345. //保存到数据库
  346. // top.U.A.Request(US.DISK, ["SaveFileContent", US.userInfo.userid, _fileid, _html, _name, "uw"], function (r) {
  347. // U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
  348. let wordInfo = U.MD.O.W.wordInfo(
  349. "update",
  350. $("#U_MD_O_H_wordEditor")[0].innerHTML.escapeQuotes(),
  351. "us.word",
  352. top.US.userInfo.userid,
  353. top.US.wordRoomInfo.id,
  354. );
  355. U.MD.O.W.updateSocket(wordInfo);
  356. U.MD.O.W.updateFileData(wordInfo['us.word'][0]);
  357. // }, (['', _el])); //保存到数据库
  358. // }
  359. // //如果文件没有保存,那么直接新建文件
  360. // else {
  361. // //调用word新建文档的处理
  362. // top.U.MD.DK.VW.chosenSaveFile('uw', _fileid, _name, function (fileinfo) {
  363. // U.MD.O.W.fileinfo = fileinfo; //文档信息
  364. // top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value = fileinfo.UserDirectoryName; //文件名设置
  365. // U.MD.O.W.setPermission(); //新建的文件设置权限,根据新建的位置
  366. // //如果是互联办公文档的处理(第一次新建的文件需要从保存到redis全局变量中,第二次之后都是直接从redis初始化的)
  367. // if (U.MD.O.W.permission.web) {
  368. // top.U.A.Request(US.SCOKET, ["newWordSave", _fileid, _html, fileinfo.UserDirectoryName, US.userInfo.userid, US.pageId], function (r) {
  369. // U.MD.O.W.Panel.loadPlayUser(fileinfo); //加载协助人员窗体
  370. // U.Alert("保存成功");
  371. // U.MD.O.W.fileinfo.UsOffice = _el.innerHTML;
  372. // //设置互联办公编辑回调的事件,这样设置不合理
  373. // $('#U_MD_O_H_wordEditor')[0].editor.operaNotice = U.MD.O.W.E.operationNotice;
  374. // });
  375. // }
  376. // //如果是普通文档的处理
  377. // else {
  378. // //保存到数据库
  379. // top.U.A.Request(US.DISK, ["SaveFileContent", US.userInfo.userid, _fileid, _html, fileinfo.UserDirectoryName, "uw"], function (r) {
  380. // U.Alert("保存成功");
  381. // U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
  382. // }, (['', _el])); //保存到数据库
  383. // }
  384. // });
  385. // }
  386. // }
  387. }
  388. /**
  389. * 修改文件名处理
  390. *
  391. * @param {function} 保存回调函数
  392. */
  393. U.MD.O.W.updateName = function() {
  394. var _islogin = top.U.MD.U.L.isLogin(function(userinfo) { U.MD.O.W.userInfo = userinfo; }); //判断是否登录
  395. if (!_islogin) {
  396. var _fileinfo = U.MD.O.W.fileinfo, //文件信息
  397. _userinfo = U.MD.O.W.userInfo,
  398. _type = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'nav' : 'word',
  399. _fileid = _fileinfo.UserDirectoryID, //文件ID
  400. _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value;
  401. //文件名必须本人才能修改
  402. if (_userinfo.UserId == _fileinfo.UserId) {
  403. //判断文档是否是已经保存到数据库的文档(判断的依据在于这个文件除了有文件id还有文件名和创建者id)
  404. if ((_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档,那么直接保存内容
  405. //如果是互联办公文档的操作
  406. if (U.MD.O.W.permission.web) {
  407. top.U.A.Request(US.SCOKET, ["updateName", _type, _fileid, _name, US.userInfo.userid, US.pageId], function(r) {
  408. if (r.value == "updateNameSuccess") {
  409. _fileinfo.UserallDirectoryName = _name; //文件全写的名字
  410. _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
  411. }
  412. });
  413. }
  414. //普通文档修改信息
  415. else {
  416. top.U.A.Request(US.DISK, ["UpdateFileInfo", _fileid, _name], function(r) {
  417. if (r.value) {
  418. _fileinfo.UserallDirectoryName = _name; //文件全写的名字
  419. _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
  420. }
  421. });
  422. }
  423. }
  424. }
  425. //其他用户不允许修改文件名
  426. else {
  427. top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value = _fileinfo.UserallDirectoryName;
  428. U.alert('非本人操作,修改失败!');
  429. }
  430. }
  431. }
  432. //#endregion
  433. //#region 新建文档
  434. /**
  435. * 新建文档的处理
  436. *
  437. */
  438. U.MD.O.W.newdocument = function() {
  439. var _divel = $$("div", { "className": "U_MD_O_newBtn" });
  440. $$("button", {
  441. "className": "U_MD_O_newDoc",
  442. "innerHTML": "普通word",
  443. "onclick": function() {
  444. parent.U.MD.O.W.openApplication("word", { "userid": US.userInfo.userid, "directoryid": US.FTPFOLDERID }); //打开文档处理
  445. $('#U_MD_O_Set')[0].style.display = "none";
  446. }
  447. }, _divel);
  448. $$("button", {
  449. "className": "U_MD_O_newNav",
  450. "innerHTML": "导航模板",
  451. "onclick": function() {
  452. parent.U.MD.O.W.openApplication("word", { UserDirectoryExtendType: "un" }); //新建导航文档
  453. $('#U_MD_O_Set')[0].style.display = "none";
  454. }
  455. }, _divel);
  456. new U.UF.UI.form("新建", _divel, { "id": "U_MD_O_Set", "style": { "width": "300px", "height": "150px" } }, { isenlarge: false, isstretching: false }).form;
  457. }
  458. //#endregion
  459. //#region 文档转化
  460. /**
  461. * 导航文件转化成普通文件
  462. */
  463. U.MD.O.W.newDocSwitch = function() {
  464. var _fileinfo = U.MD.O.W.fileinfo,
  465. _fileid = _fileinfo.UserDirectoryID;
  466. if (_fileinfo.UserDirectoryExtendType == "un") {
  467. $("#U_MD_O_H_Nav")[0].style.display = "none";
  468. $("#U_MD_O_W_N").Parent({ usform: "true" }).style.display = "none";
  469. }
  470. //获取文件内容异步
  471. U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "d17a2910-11ba-df39-cd8a-5cac851c2148"]), function(r) {
  472. _fileinfo.UserDirectoryExtendType = 'uw'; //设置格式为uw
  473. _fileinfo.UsOffice = r.value[0].UsOffice.unEscapeQuotes(); //获取值
  474. _fileinfo.newfile = true; //设置为新建文件
  475. U.MD.O.W.load(_fileinfo, U.MD.O.W.userInfo); //初始化
  476. });
  477. }
  478. /** * 普通文件转化成导航文件
  479. */
  480. U.MD.O.W.newNavSwitch = function() {
  481. var _fileinfo = U.MD.O.W.fileinfo,
  482. _fileid = _fileinfo.UserDirectoryID;
  483. //获取文件内容异步,此为获取默认的宣传文档
  484. U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "6a8a235a-41c4-c3d2-8dd5-b6ee851e1967"]), function(r) {
  485. _fileinfo.UserDirectoryExtendType = 'un'; //设置格式为un
  486. _fileinfo.UsOffice = r.value[0].UsOffice.unEscapeQuotes(); //获取值
  487. _fileinfo.newfile = true; //设置为新建文件
  488. U.MD.O.W.load(_fileinfo, U.MD.O.W.userInfo); //初始化
  489. });
  490. }
  491. window.addEventListener('message', function(e) { // 监听 message 事件
  492. // alert(e.data.type);
  493. if (e.data.num && e.data.num != "0") { //项目管理传入
  494. U.MD.O.W.goRoom(e.data.num);
  495. } else if (e.data.num && e.data.num == "0") {
  496. U.MD.O.W.checkNum(e.data.num);
  497. }
  498. });
  499. U.MD.O.W.isRoom = function() {
  500. U.A.Request(US.Config.pbl + "selectRoomByFile?uid=" + US.userInfo.userid, [], function(res) {
  501. if (res.value == null || res.value[0].length == 0) {
  502. U.MD.O.W.openRoomConfirm();
  503. } else {
  504. US.numNum = res.value[0][0].num;
  505. U.MD.O.W.getWork(res.value[0][0].id);
  506. U.MD.O.W.isOpenRoomConfirm();
  507. }
  508. }, [], { "type": "GET", "withCredentials": true });
  509. }
  510. U.MD.O.W.MathRand = function() {
  511. var Num = "";
  512. for (var i = 0; i < 6; i++) {
  513. Num += Math.floor(Math.random() * 10);
  514. }
  515. return Num;
  516. }
  517. U.MD.O.W.checkNum = function() {
  518. var numNum = U.MD.O.W.MathRand();
  519. U.A.Request(US.Config.pbl + "checkRoomNumByFile?num=" + numNum, [], function(res) {
  520. if (res.value == null || res.value[0].length == 0) {
  521. U.MD.O.W.addRoom(numNum);
  522. } else {
  523. U.MD.O.W.checkNum();
  524. }
  525. }, [], { "type": "GET", "withCredentials": true });
  526. }
  527. U.MD.O.W.addRoom = function(numNum) {
  528. U.MD.O.W.fileinfo.UsOffice = "";
  529. U.MD.O.W.E.initEditor(true); //初始化编辑器
  530. var data = $("#U_MD_O_H_wordEditor")[0].innerHTML.escapeQuotes();
  531. U.A.Request(US.Config.pbl + "insertRoomByFile?uid=" + US.userInfo.userid + "&n=" + numNum + "&d=" + encodeURIComponent(encodeURIComponent(data)), [], function(res) {
  532. if (res.value == 1) {
  533. U.alert("创建成功");
  534. if ($("#add_room")[0]) {
  535. $("#add_room")[0].close(); //关闭登陆
  536. }
  537. U.MD.O.W.isRoom();
  538. } else {
  539. U.alert("创建失败");
  540. }
  541. }, [], { "type": "GET", "withCredentials": true });
  542. }
  543. U.MD.O.W.goRoom = function(number) {
  544. U.A.Request(US.Config.pbl + "selectRoomByFile?uid=" + number, [], function(res) {
  545. if (res.value[0].length > 0) {
  546. U.alert("加入成功");
  547. if ($("#add_room")[0]) {
  548. $("#add_room")[0].close();
  549. }
  550. U.MD.O.W.getWork(res.value[0][0].id);
  551. } else {
  552. U.alert("此房间不存在或已被解散");
  553. }
  554. }, [], { "type": "GET", "withCredentials": true });
  555. }
  556. U.MD.O.W.copyText = function(target) {
  557. var div = $(".form_delete-main-room")[0].innerText;
  558. var clipboard = new ClipboardJS('.copy-message', {
  559. text: function() {
  560. return div;
  561. }
  562. });
  563. clipboard.on('success', function(e) {
  564. console.log(e);
  565. e.clearSelection();
  566. U.alert("复制成功");
  567. });
  568. clipboard.on('error', function(e) {
  569. console.log(e);
  570. U.alert("复制失败");
  571. });
  572. }
  573. U.MD.O.W.getWork = function(rid) {
  574. U.A.Request(US.Config.pbl + "select_file?fid=" + rid, [], function(res) {
  575. if (res.value[0].length > 0) {
  576. US.wordRoomInfo = res.value[0][0];
  577. U.A.Request(US.SCOKET, ["getWord", rid, US.pageId, US.userInfo.userid], function(r) {
  578. U.MD.O.W.fileinfo.UsOffice = US.wordRoomInfo.data;
  579. U.MD.O.W.fileinfo.UserDirectoryID = rid;
  580. });
  581. // setTimeout(() => {
  582. // U.MD.O.W.wordDirectory();
  583. // }, 100)
  584. }
  585. }, [], { "type": "GET", "withCredentials": true });
  586. }
  587. /**
  588. * 创建目录的窗体
  589. *
  590. * @param fileinfo {object} 文件信息
  591. */
  592. U.MD.O.W.wordDirectory = function(fileinfo) {
  593. var _coopwindow, _frienddiv, _example, _shareLink, _cBox;
  594. //如果不存在团队成员窗口,则创建一个团队成员窗口。
  595. if (!$("#U_MD_O_H_body_left_book")[0]) {
  596. //创建邀请协助人员窗口
  597. _coopwindow = $("#U_MD_O_H_body_left")[0];
  598. _cBox = $$("div");
  599. // _shareLink = $$("div", {
  600. // className: 'U_MD_O_H_body_left_invite_linkTxt', "onclick": function () {
  601. // U.MD.O.W.Panel.isSynergy(U.MD.O.W.Panel.shareLink);
  602. // }, "innerText": "第三方链接邀请"
  603. // }, _cBox);
  604. _frienddiv = $$("div", { "className": "U_MD_O_H_body_left_book", "id": "U_MD_O_H_body_left_book" }, _cBox); //目录内容
  605. _example = $$("div", {
  606. "className": "U_MD_O_H_body_left_book_a",
  607. }, _frienddiv); //默认邀请按钮
  608. var span = $("div[name=U_MD_O_W_Font_Heading1]");
  609. if (span.length > 0) {
  610. for (var i = 0; i < span.length; i++) {
  611. var a = $$("div", { "className": "isMulu" }, _example)
  612. a.innerHTML = span[i].children[0].innerHTML;
  613. }
  614. } else {
  615. var b = $$("div", { "className": "noMulu" }, _example)
  616. b.innerHTML = "暂无目录"
  617. }
  618. // $$("div", { "innerHTML": "一、项目概述" }, _example);
  619. // $$("div", { "innerHTML": "二、业务流程" }, _example);
  620. // $$("div", { "innerHTML": "三、系统角色" }, _example);
  621. // $$("div", { "innerHTML": "四、产品功能场景描述" }, _example);
  622. // $$("div", { "innerHTML": "五、功能模块" }, _example);
  623. // $$("div", { "className": "U_MD_O_H_body_left_book_a_img" }, _example);
  624. // $$("div", { "className": "U_MD_O_H_body_left_book_a_div", "innerHTML": "邀请" }, _example);
  625. new U.UF.UI.form("目录", _cBox, { id: "wordDirectory", style: { border: "none", position: "absolute", width: "300px", "min-width": "200px", height: "250px", top: "50px", left: "auto", "box-shadow": "none" } }, { isenlarge: false, isnarrow: false }, { style: { height: "40px", "border-bottom": "1px solid #d6def0", color: "#000", background: "#f1f1f1" } }, null, null, _coopwindow);
  626. }
  627. }
  628. U.MD.O.W.addPerson = function() {
  629. var BOX = $$("div", {});
  630. var form_main = $$('div', { "className": "form-main" }, BOX);
  631. var form_content = $$('div', { "className": "form-content" }, form_main);
  632. var form_delete_main = $$('div', { "className": "form_delete-main-room" }, form_content);
  633. var form_delete_main_body = $$('div', { "className": "form_delete-main-body" }, form_delete_main);
  634. var searchPerson = $$('div', { "className": "searchPerson" }, form_delete_main_body);
  635. $$("input", { "className": "inputSearch", "type": "text", "placeholder": "搜索成员" }, searchPerson);
  636. $$("div", { "className": "searchImg", }, searchPerson);
  637. var a = [];
  638. var r = [{ "userid": "1", "title": "李华" }, { "userid": "2", "title": "李雷" }, { "userid": "3", "title": "莉莉" }, { "userid": "4", "title": "李磊" }, { "userid": "5", "title": "李莉" }]
  639. var checkboxPerson = $$('div', { "className": "checkboxPerson" }, form_delete_main_body);
  640. for (let i = 0; i < r.length; i++) {
  641. var person = $$("div", { "className": "person", }, checkboxPerson);
  642. let abc = $$('input', { "type": "checkbox", "id": r[i].userid }, person);
  643. $$('div', { "className": "personAvatar", }, person);
  644. $$('span', { "className": "thirdSpan", "innerHTML": r[i].title }, person);
  645. if (a.indexOf(r[i].userid) != -1) {
  646. abc.checked = true
  647. }
  648. person.onclick = function(e) {
  649. var el = e.currentTarget
  650. el.getElementsByTagName("input")[0].click();
  651. }
  652. abc.onclick = function(e) {
  653. e.stopPropagation();
  654. if (a.indexOf(e.target.id) !== -1) {
  655. a.splice(a.indexOf(e.target.id), 1);
  656. } else {
  657. a.push(e.target.id);
  658. }
  659. }
  660. }
  661. var btnBox = $$('div', { "className": "copy-btn" }, form_main);
  662. var confirm = $$('button', { "className": "copy-message", "innerHTML": `${"移出成员"}` }, btnBox);
  663. new U.UF.UI.form(`${"管理成员"}`, BOX, {
  664. id: 'invite_members',
  665. style: {
  666. "background": "#fffefe",
  667. "width": "350px",
  668. "height": "500px",
  669. "z-index": "99",
  670. }
  671. }, {
  672. isenlarge: false,
  673. isnarrow: false
  674. }, {
  675. style: {
  676. "height": "40px",
  677. "text-align": "center",
  678. "line-height": "40px",
  679. "text-indent": "25px",
  680. "background-repeat": "no-repeat",
  681. "font-size": "14px",
  682. "background-color": "#494949",
  683. "display": "flex",
  684. }
  685. });
  686. // confirm.onclick = function () {
  687. // U.MD.O.W.copyText();
  688. // }
  689. }
  690. U.MD.O.W.isOpenRoomConfirm = function() {
  691. var BOX = $$("div", {});
  692. var form_main = $$('div', { "className": "form-main" }, BOX);
  693. var form_content = $$('div', { "className": "form-content" }, form_main);
  694. var form_delete_main = $$('div', { "className": "form_delete-main-room" }, form_content);
  695. var form_delete_main_body = $$('div', { "className": "form_delete-main-body" }, form_delete_main);
  696. $$("div", { "className": "remark", "innerHTML": US.userInfo.username + "邀请您参与协同文档", }, form_delete_main_body)
  697. $$("div", {
  698. "class": "clickNav",
  699. "innerHTML": "点击链接加入房间",
  700. }, form_delete_main_body)
  701. $$("div", { "class": "link", "innerHTML": "http://cocorobo.wg.com/dm/EOGyBbFiCwam", }, form_delete_main_body)
  702. var room_number = $$('div', { "className": "room_number" }, form_delete_main_body);
  703. $$("div", { "class": "link", "innerHTML": "房间号:", }, room_number)
  704. $$("div", { "class": "roomNumber", "innerHTML": US.numNum, }, room_number)
  705. $$("div", { "className": "link", "innerHTML": "复制房间号信息,打开协同文档输入即可加入。", }, form_delete_main_body)
  706. // $$("input", { "className": "text", "type": "text" }, form_delete_main_body);
  707. var btnBox = $$('div', { "className": "copy-btn" }, form_main);
  708. var confirm = $$('button', { "className": "copy-message", "innerHTML": `${"一键复制信息"}` }, btnBox);
  709. new U.UF.UI.form(`${"邀请成员"}`, BOX, {
  710. id: 'invite_members',
  711. style: {
  712. "background": "#fffefe",
  713. "width": "350px",
  714. "height": "500px",
  715. "z-index": "99",
  716. }
  717. }, {
  718. isenlarge: false,
  719. isnarrow: false
  720. }, {
  721. style: {
  722. "height": "40px",
  723. "text-align": "center",
  724. "line-height": "40px",
  725. "text-indent": "25px",
  726. "background-repeat": "no-repeat",
  727. "font-size": "14px",
  728. "background-color": "#494949",
  729. "display": "flex",
  730. }
  731. });
  732. confirm.onclick = function() {
  733. U.MD.O.W.copyText();
  734. }
  735. }
  736. U.MD.O.W.openRoomConfirm = function() {
  737. var BOX = $$("div", {});
  738. var form_main = $$('div', { "className": "form-main" }, BOX);
  739. var form_content = $$('div', { "className": "form-content" }, form_main);
  740. var form_delete_main = $$('div', { "className": "form_delete-main" }, form_content);
  741. $$("input", { "className": "form_delete-main_box", "placeholder": `${"请输入要加入的房间号"}` }, form_delete_main);
  742. $$("div", { "className": "remark", "innerHTML": "备注:输入房间号点击加入房间或点击创建房间直接创建房间", }, form_delete_main)
  743. var btnBox = $$('div', { "className": "form-btn" }, form_delete_main);
  744. var cencal = $$('button', { "className": "form-cencal", "innerHTML": `${"加入房间"}` }, btnBox);
  745. var confirm = $$('button', { "className": "form-confirm", "innerHTML": `${"创建房间"}` }, btnBox);
  746. new U.UF.UI.form(`${"创建/加入房间"}`, BOX, {
  747. id: 'add_room',
  748. style: {
  749. "background": "#fffefe",
  750. "width": "400px",
  751. "height": "281px",
  752. "z-index": "99 !important",
  753. }
  754. }, {
  755. isenlarge: false,
  756. isnarrow: false
  757. }, {
  758. style: {
  759. "height": "40px",
  760. "text-align": "center",
  761. "line-height": "40px",
  762. "text-indent": "25px",
  763. "background-repeat": "no-repeat",
  764. "font-size": "16px",
  765. "background-color": "#32455B",
  766. "display": "flex",
  767. }
  768. });
  769. confirm.onclick = function() {
  770. U.MD.O.W.checkNum();
  771. }
  772. cencal.onclick = function() {
  773. U.MD.O.W.goRoom($(".form_delete-main_box")[0].value);
  774. }
  775. }
  776. //#endregion