Word.js 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833
  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: '',
  98. //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>',
  99. UserDirectoryID: Guid.newGuid(),
  100. newfile: fileid ? false : true
  101. };
  102. }
  103. /**
  104. * 初始化全局变量
  105. * @param {object} 文档信息
  106. * @param {object} 登录用户信息
  107. *
  108. */
  109. U.MD.O.W.variable = function(fileinfo, userinfo) {
  110. //如果已经有全局变量 说明该文档已经是加载过了,不需要重复设置
  111. if (!U.MD.O.W.fileinfo) {
  112. U.MD.O.W.fileinfo = fileinfo //文档信息
  113. }
  114. //设置用户信息,为什么上面的不需要重复设置下面的需要呢,因为用户可能会注销
  115. U.MD.O.W.userInfo = userinfo; //用户信息
  116. }
  117. /**
  118. * 编辑器权限函数
  119. * @return 返回用户权限json
  120. */
  121. U.MD.O.W.setPermission = function() {
  122. U.MD.O.W.permission.web = true; //互联办公的权限
  123. U.MD.O.W.permission.edit = true; //就给其编辑权限
  124. // var _iseditor, _isgroup; //是否可编辑 //群用户
  125. // //权限主要包含了是否可编辑,是否互联办公文档查看
  126. // //判断文件是否是用户的群文档 US.friend.group这个变量需要独立
  127. // if (U.MD.O.W.fileinfo.GroupID && US.friend.group) {
  128. // _isgroup = U.Json.select(US.friend.group, { "GroupManageID": U.MD.O.W.fileinfo.GroupID });
  129. // if (_isgroup) {
  130. // U.MD.O.W.permission.web = true; //互联办公的权限
  131. // U.MD.O.W.permission.edit = true; //就给其编辑权限
  132. // }
  133. // }
  134. // //如果是共享文档,那么谁都可以编辑,如果是自己的文档那么也可以编辑
  135. // 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)) {//判断是否是有编辑权限
  136. // U.MD.O.W.permission.edit = true; //就给其编辑权限
  137. // if (U.MD.O.W.fileinfo.UserId == US.userInfo.userid) {
  138. // U.MD.O.W.permission.web = true;//互联办公的权限
  139. // }
  140. // }
  141. }
  142. /**
  143. * 设置事件
  144. *
  145. */
  146. U.MD.O.W.setEvent = function() {
  147. //un文件设置事件
  148. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  149. //设置保存事件
  150. $('#U_MD_O_H_save')[0].onclick = function() {
  151. U.MD.O.W.T.N.saveNav(function() {
  152. U.MD.O.W.T.N.savePage(null, true);
  153. });
  154. }
  155. $('body').addClass('U_MD_O_W_Nav');
  156. }
  157. //uw文件设置事件
  158. else {
  159. //设置保存事件
  160. $('#U_MD_O_H_save')[0].onclick = function() {
  161. U.MD.O.W.save()
  162. }
  163. $('body').removeClass('U_MD_O_W_Nav');
  164. }
  165. //设置新建事件
  166. $('#U_MD_O_H_new')[0].onclick = function() {
  167. U.MD.O.W.newdocument();
  168. }
  169. //下载处理
  170. $("#U_MD_O_H_Area_Down")[0].onclick = function() {
  171. top.U.MD.C.D.downloadFileOrDir([U.MD.O.W.fileinfo], "true"); //下载文档
  172. }
  173. //添加Ctrl+S快捷保存事件
  174. $('body')[0].onkeydown = function(e) {
  175. var currKey = 0;
  176. e = e || event || window.event;
  177. currKey = e.keyCode;
  178. if (currKey == 83 && (e.ctrlKey || e.metaKey)) {
  179. $('#U_MD_O_H_save')[0].onclick();
  180. U.UF.EV.stopDefault();
  181. U.UF.EV.stopBubble();
  182. }
  183. };
  184. }
  185. /**
  186. * 加载Word编辑区域的内容
  187. * @param {string} 文档信息
  188. */
  189. U.MD.O.W.loadContent = function(fileinfo) {
  190. var _defaultnav,
  191. _permission = U.MD.O.W.permission, //获取权限
  192. _fileid = fileinfo.UserDirectoryID; //文档id
  193. //新建文件的处理
  194. if (fileinfo.newfile) {
  195. //un新建文件的处理
  196. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  197. //默认导航的处理
  198. try {
  199. _defaultnav = JSON.parse(U.MD.O.W.fileinfo.UsOffice);
  200. } catch (e) {
  201. _defaultnav = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面" }] };
  202. }
  203. //创建默认导航文档
  204. U.MD.O.W.T.N.form(_defaultnav);
  205. }
  206. //uw文件新建处理
  207. else {
  208. //初始化编辑器
  209. U.MD.O.W.E.initEditor();
  210. }
  211. //清楚文件新建的属性,说明文件不是新建
  212. delete fileinfo.newfile;
  213. }
  214. //互联办公文档获取数据
  215. else if (_permission.web) {
  216. 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内容
  217. }
  218. //普通文档在数据库里面获取数据
  219. else {
  220. parent.U.A.Request(US.DISK, ["GetFileContent", _fileid], U.MD.O.W.asynLoad, [$("#U_MD_O_H_wordEditor")[0], fileinfo, _permission.web]);
  221. }
  222. }
  223. /**
  224. * 异步获取Word编辑区域的数据
  225. *
  226. */
  227. U.MD.O.W.asynLoad = function(r) { //object 值
  228. var _permission,
  229. _fileinfo = U.MD.O.W.fileinfo,
  230. _context = r.context, //获取array值
  231. _fileinfo = _context[1], //获取文件信息
  232. _synergy = _context[2]; //互联权限
  233. //获取后台返回的值,第一个是直接从数据库获取的,所以必须要从UsOffice获取值
  234. if (r.value && r.value.UsOffice !== undefined) {
  235. r = r.value.UsOffice;
  236. } else {
  237. r = r.value;
  238. }
  239. //un文件 导航文件处理
  240. if (U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un') {
  241. //因为导航文件默认是json格式的,如果这里从后台获取的值不是json那么进行转化
  242. if (typeof r != 'object') {
  243. try {
  244. r = JSON.parse(r);
  245. } catch (e) {
  246. r = { logo: "", nav: [{ pageId: Guid.newGuid(), name: "初始页面" }] };;
  247. }
  248. }
  249. //加载导航和内容
  250. U.MD.O.W.T.N.form(r);
  251. }
  252. //word文件处理
  253. else {
  254. //如果数据库里面有内容或者不是服务器文件,直接加载内容
  255. if (r || !_fileinfo.UserFilesServerName) {
  256. _fileinfo.UsOffice = (r || "").unEscapeQuotes(); //word内容
  257. //加载编辑器和内容
  258. U.MD.O.W.E.initEditor(_synergy); //初始化编辑器
  259. }
  260. //如果是office文件第一次初始化的处理
  261. else {
  262. //微软的office上传打开的方式
  263. U.A.Request("http://office.1473.cn/Officetohtml.ashx", ["Open", _fileinfo.UserDirectoryExtendType, _fileinfo.UserFilesServerName], function(r) {
  264. if (r.value && r.value.value != undefined) {
  265. r = r.value;
  266. _fileinfo.UsOffice = r.value.getBodyHtml().replace(/src=[\'\"]?([^\'\"]*)[\'\"]?/ig, function(str1, str2) {
  267. return "src=\"http://office.1473.cn/usoffice/" + str2 + "\"";
  268. });
  269. }
  270. U.MD.O.W.E.initEditor(_synergy); //初始化编辑器
  271. }, [""]);
  272. }
  273. }
  274. }
  275. //#endregion
  276. //#region 保存区域
  277. U.MD.O.W.updateEditorLine = function(wordInfo) {
  278. $("#U_MD_O_H_wordEditor")[0].innerHTML = wordInfo.data;
  279. }
  280. /**
  281. * 判断当前文件是否保存
  282. *
  283. * @param {function} 保存回调函数
  284. */
  285. U.MD.O.W.isSave = function() {
  286. var _fileinfo = U.MD.O.W.fileinfo, //word文件
  287. _fileid = _fileinfo.UserDirectoryID; //文件id
  288. return ((_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) && U.MD.O.W.permission.edit); //判断文档是否是已经保存到数据库的文档(判断的依据在于这个文件除了有文件id还有文件名和创建者id)
  289. }
  290. U.MD.O.W.updateSocket = function(wordInfo) {
  291. U.A.Request(US.SCOKET, ["send", JSON.stringify(wordInfo)], function(r) {
  292. console.log(r);
  293. });
  294. }
  295. U.MD.O.W.updateFileData = function(wordInfo) {
  296. U.A.Request("http://localhost:7003/api/pbl/" + "updateFileData", [wordInfo.messageInfo.data, wordInfo.receiveId], function(res) { //US.userInfo.userid
  297. U.Alert("保存成功");
  298. setTimeout(() => {
  299. U.MD.O.W.wordDirectory();
  300. }, 100)
  301. console.log(res);
  302. }, [], { "type": "GET", "withCredentials": true });
  303. }
  304. U.MD.O.W.wordInfo = function(type, content, navid, userid, roomid) {
  305. var _data = {
  306. "us.word": [{
  307. sendId: userid, //发送人id
  308. receiveId: roomid, //文件id
  309. type: navid, //消息类型
  310. messageInfo: {
  311. type: type, //类型
  312. data: content, //内容
  313. docId: roomid, //文档id
  314. // pageId: US.pageId, //当前页面id
  315. },
  316. }, ],
  317. };
  318. return _data;
  319. }
  320. /**
  321. * 保存Word
  322. *
  323. * @param {function} 保存回调函数
  324. */
  325. U.MD.O.W.save = function() {
  326. // var _islogin = top.U.MD.U.L.isLogin(function (userinfo) { U.MD.O.W.userInfo = userinfo; });
  327. // //判断用户是否登录,只有登录用户才能保存信息
  328. // var _isftp,
  329. // _isgroupuser,
  330. // _r, //返回值
  331. // _uid = U.MD.O.W.userInfo.userid,
  332. // _el = $("#U_MD_O_H_wordEditor")[0], //word编辑区域
  333. // _fileinfo = U.MD.O.W.fileinfo, //文件信息
  334. // _fileid = _fileinfo.UserDirectoryID, //文件ID
  335. // _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value, //文件名
  336. // _html = _el.innerHTML.escapeQuotes(); //内容
  337. // if (top.window.location.href.split("/")[2] != "www.1473.cn") {
  338. // U.MD.O.W.saveFileOther();
  339. // } else {
  340. // //判断文档是否是已经保存到数据库的文档
  341. // // U.A.Request(US.CD, [US.DB, "UseStudio_Disk", _fileid, "FB1CB716-E42E-4DEA-9A66-F14F0771826F"], function (r) { _r = r.value });
  342. // //if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) {
  343. // if (_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档,那么直接保存内容
  344. // U.MD.O.W.Panel.InsertOfficeHistory(_fileinfo, _html, _name, _el); //插入历史记录
  345. //保存到数据库
  346. //保存到数据库
  347. // top.U.A.Request(US.DISK, ["SaveFileContent", US.userInfo.userid, _fileid, _html, _name, "uw"], function (r) {
  348. // U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
  349. let wordInfo = U.MD.O.W.wordInfo(
  350. "update",
  351. $("#U_MD_O_H_wordEditor")[0].innerHTML.escapeQuotes(),
  352. "us.word",
  353. top.US.userInfo.userid,
  354. top.US.wordRoomInfo.id,
  355. );
  356. U.MD.O.W.updateSocket(wordInfo);
  357. U.MD.O.W.updateFileData(wordInfo['us.word'][0]);
  358. // }, (['', _el])); //保存到数据库
  359. // }
  360. // //如果文件没有保存,那么直接新建文件
  361. // else {
  362. // //调用word新建文档的处理
  363. // top.U.MD.DK.VW.chosenSaveFile('uw', _fileid, _name, function (fileinfo) {
  364. // U.MD.O.W.fileinfo = fileinfo; //文档信息
  365. // top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value = fileinfo.UserDirectoryName; //文件名设置
  366. // U.MD.O.W.setPermission(); //新建的文件设置权限,根据新建的位置
  367. // //如果是互联办公文档的处理(第一次新建的文件需要从保存到redis全局变量中,第二次之后都是直接从redis初始化的)
  368. // if (U.MD.O.W.permission.web) {
  369. // top.U.A.Request(US.SCOKET, ["newWordSave", _fileid, _html, fileinfo.UserDirectoryName, US.userInfo.userid, US.pageId], function (r) {
  370. // U.MD.O.W.Panel.loadPlayUser(fileinfo); //加载协助人员窗体
  371. // U.Alert("保存成功");
  372. // U.MD.O.W.fileinfo.UsOffice = _el.innerHTML;
  373. // //设置互联办公编辑回调的事件,这样设置不合理
  374. // $('#U_MD_O_H_wordEditor')[0].editor.operaNotice = U.MD.O.W.E.operationNotice;
  375. // });
  376. // }
  377. // //如果是普通文档的处理
  378. // else {
  379. // //保存到数据库
  380. // top.U.A.Request(US.DISK, ["SaveFileContent", US.userInfo.userid, _fileid, _html, fileinfo.UserDirectoryName, "uw"], function (r) {
  381. // U.Alert("保存成功");
  382. // U.MD.O.W.fileinfo.UsOffice = r.context[1].innerHTML;
  383. // }, (['', _el])); //保存到数据库
  384. // }
  385. // });
  386. // }
  387. // }
  388. }
  389. /**
  390. * 修改文件名处理
  391. *
  392. * @param {function} 保存回调函数
  393. */
  394. U.MD.O.W.updateName = function() {
  395. var _islogin = top.U.MD.U.L.isLogin(function(userinfo) { U.MD.O.W.userInfo = userinfo; }); //判断是否登录
  396. if (!_islogin) {
  397. var _fileinfo = U.MD.O.W.fileinfo, //文件信息
  398. _userinfo = U.MD.O.W.userInfo,
  399. _type = U.MD.O.W.fileinfo.UserDirectoryExtendType == 'un' ? 'nav' : 'word',
  400. _fileid = _fileinfo.UserDirectoryID, //文件ID
  401. _name = top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value;
  402. //文件名必须本人才能修改
  403. if (_userinfo.UserId == _fileinfo.UserId) {
  404. //判断文档是否是已经保存到数据库的文档(判断的依据在于这个文件除了有文件id还有文件名和创建者id)
  405. if ((_fileid && _fileinfo.UserId && _fileinfo.UserallDirectoryName) && U.MD.O.W.permission.edit) { //如果是已经保存到数据库的文档,那么直接保存内容
  406. //如果是互联办公文档的操作
  407. if (U.MD.O.W.permission.web) {
  408. top.U.A.Request(US.SCOKET, ["updateName", _type, _fileid, _name, US.userInfo.userid, US.pageId], function(r) {
  409. if (r.value == "updateNameSuccess") {
  410. _fileinfo.UserallDirectoryName = _name; //文件全写的名字
  411. _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
  412. }
  413. });
  414. }
  415. //普通文档修改信息
  416. else {
  417. top.U.A.Request(US.DISK, ["UpdateFileInfo", _fileid, _name], function(r) {
  418. if (r.value) {
  419. _fileinfo.UserallDirectoryName = _name; //文件全写的名字
  420. _fileinfo.UserDirectoryName = _name.addEllipsis(20); //文件的缩略名
  421. }
  422. });
  423. }
  424. }
  425. }
  426. //其他用户不允许修改文件名
  427. else {
  428. top.$('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].value = _fileinfo.UserallDirectoryName;
  429. U.alert('非本人操作,修改失败!');
  430. }
  431. }
  432. }
  433. //#endregion
  434. //#region 新建文档
  435. /**
  436. * 新建文档的处理
  437. *
  438. */
  439. U.MD.O.W.newdocument = function() {
  440. var _divel = $$("div", { "className": "U_MD_O_newBtn" });
  441. $$("button", {
  442. "className": "U_MD_O_newDoc",
  443. "innerHTML": "普通word",
  444. "onclick": function() {
  445. parent.U.MD.O.W.openApplication("word", { "userid": US.userInfo.userid, "directoryid": US.FTPFOLDERID }); //打开文档处理
  446. $('#U_MD_O_Set')[0].style.display = "none";
  447. }
  448. }, _divel);
  449. $$("button", {
  450. "className": "U_MD_O_newNav",
  451. "innerHTML": "导航模板",
  452. "onclick": function() {
  453. parent.U.MD.O.W.openApplication("word", { UserDirectoryExtendType: "un" }); //新建导航文档
  454. $('#U_MD_O_Set')[0].style.display = "none";
  455. }
  456. }, _divel);
  457. new U.UF.UI.form("新建", _divel, { "id": "U_MD_O_Set", "style": { "width": "300px", "height": "150px" } }, { isenlarge: false, isstretching: false }).form;
  458. }
  459. //#endregion
  460. //#region 文档转化
  461. /**
  462. * 导航文件转化成普通文件
  463. */
  464. U.MD.O.W.newDocSwitch = function() {
  465. var _fileinfo = U.MD.O.W.fileinfo,
  466. _fileid = _fileinfo.UserDirectoryID;
  467. if (_fileinfo.UserDirectoryExtendType == "un") {
  468. $("#U_MD_O_H_Nav")[0].style.display = "none";
  469. $("#U_MD_O_W_N").Parent({ usform: "true" }).style.display = "none";
  470. }
  471. //获取文件内容异步
  472. U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "d17a2910-11ba-df39-cd8a-5cac851c2148"]), function(r) {
  473. _fileinfo.UserDirectoryExtendType = 'uw'; //设置格式为uw
  474. _fileinfo.UsOffice = r.value[0].UsOffice.unEscapeQuotes(); //获取值
  475. _fileinfo.newfile = true; //设置为新建文件
  476. U.MD.O.W.load(_fileinfo, U.MD.O.W.userInfo); //初始化
  477. });
  478. }
  479. /** * 普通文件转化成导航文件
  480. */
  481. U.MD.O.W.newNavSwitch = function() {
  482. var _fileinfo = U.MD.O.W.fileinfo,
  483. _fileid = _fileinfo.UserDirectoryID;
  484. //获取文件内容异步,此为获取默认的宣传文档
  485. U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "6a8a235a-41c4-c3d2-8dd5-b6ee851e1967"]), function(r) {
  486. _fileinfo.UserDirectoryExtendType = 'un'; //设置格式为un
  487. _fileinfo.UsOffice = r.value[0].UsOffice.unEscapeQuotes(); //获取值
  488. _fileinfo.newfile = true; //设置为新建文件
  489. U.MD.O.W.load(_fileinfo, U.MD.O.W.userInfo); //初始化
  490. });
  491. }
  492. window.addEventListener('message', function(e) { // 监听 message 事件
  493. // alert(e.data.type);
  494. if (e.data.num && e.data.num != "0") { //项目管理传入
  495. U.MD.O.W.goRoom(e.data.num);
  496. } else if (e.data.num && e.data.num == "0") {
  497. U.MD.O.W.checkNum(e.data.num);
  498. }
  499. });
  500. U.MD.O.W.isRoom = function() {
  501. U.A.Request(US.Config.pbl + "selectRoomByFile?uid=" + US.userInfo.userid, [], function(res) {
  502. if (res.value == null || res.value[0].length == 0) {
  503. U.MD.O.W.openRoomConfirm();
  504. } else {
  505. US.numNum = res.value[0][0].num;
  506. U.MD.O.W.getWork(res.value[0][0].id);
  507. U.MD.O.W.isOpenRoomConfirm();
  508. }
  509. }, [], { "type": "GET", "withCredentials": true });
  510. }
  511. U.MD.O.W.MathRand = function() {
  512. var Num = "";
  513. for (var i = 0; i < 6; i++) {
  514. Num += Math.floor(Math.random() * 10);
  515. }
  516. return Num;
  517. }
  518. U.MD.O.W.checkNum = function() {
  519. var numNum = U.MD.O.W.MathRand();
  520. U.A.Request(US.Config.pbl + "checkRoomNumByFile?num=" + numNum, [], function(res) {
  521. if (res.value == null || res.value[0].length == 0) {
  522. U.MD.O.W.addRoom(numNum);
  523. } else {
  524. U.MD.O.W.checkNum();
  525. }
  526. }, [], { "type": "GET", "withCredentials": true });
  527. }
  528. U.MD.O.W.addRoom = function(numNum) {
  529. U.MD.O.W.fileinfo.UsOffice = "";
  530. U.MD.O.W.E.initEditor(true); //初始化编辑器
  531. var data = $("#U_MD_O_H_wordEditor")[0].innerHTML.escapeQuotes();
  532. U.A.Request(US.Config.pbl + "insertRoomByFile", [US.userInfo.userid, numNum, data], function(res) {
  533. if (res.value == 1) {
  534. U.alert("创建成功");
  535. if ($("#add_room")[0]) {
  536. $("#add_room")[0].close(); //关闭登陆
  537. }
  538. U.MD.O.W.isRoom();
  539. } else {
  540. U.alert("创建失败");
  541. }
  542. }, [], { "type": "GET", "withCredentials": true });
  543. }
  544. U.MD.O.W.goRoom = function(number) {
  545. U.A.Request(US.Config.pbl + "selectRoomByFile?uid=" + number, [], function(res) {
  546. if (res.value[0].length > 0) {
  547. U.alert("加入成功");
  548. if ($("#add_room")[0]) {
  549. $("#add_room")[0].close();
  550. }
  551. U.MD.O.W.getWork(res.value[0][0].id);
  552. } else {
  553. U.alert("此房间不存在或已被解散");
  554. }
  555. }, [], { "type": "GET", "withCredentials": true });
  556. }
  557. U.MD.O.W.copyText = function(target) {
  558. var div = $(".form_delete-main-room")[0].innerText;
  559. var clipboard = new ClipboardJS('.copy-message', {
  560. text: function() {
  561. return div;
  562. }
  563. });
  564. clipboard.on('success', function(e) {
  565. console.log(e);
  566. e.clearSelection();
  567. U.alert("复制成功");
  568. });
  569. clipboard.on('error', function(e) {
  570. console.log(e);
  571. U.alert("复制失败");
  572. });
  573. }
  574. U.MD.O.W.getWork = function(rid) {
  575. U.A.Request(US.Config.pbl + "selectWord?cid=" + cid + "&s=" + s + "&task=" + task + "&t=" + t, [], function(res) {
  576. if (res.value[0].length > 0) {
  577. US.wordRoomInfo = res.value[0][0];
  578. U.A.Request(US.SCOKET, ["getWord", rid, US.pageId, US.userInfo.userid], function(r) {
  579. U.MD.O.W.fileinfo.UsOffice = US.wordRoomInfo.text;
  580. U.MD.O.W.fileinfo.UserDirectoryID = rid;
  581. });
  582. // setTimeout(() => {
  583. // U.MD.O.W.wordDirectory();
  584. // }, 100)
  585. }
  586. }, [], { "type": "GET", "withCredentials": true });
  587. }
  588. /**
  589. * 创建目录的窗体
  590. *
  591. * @param fileinfo {object} 文件信息
  592. */
  593. U.MD.O.W.wordDirectory = function(fileinfo) {
  594. var _coopwindow, _frienddiv, _example, _shareLink, _cBox;
  595. //如果不存在团队成员窗口,则创建一个团队成员窗口。
  596. if (!$("#U_MD_O_H_body_left_book")[0]) {
  597. //创建邀请协助人员窗口
  598. _coopwindow = $("#U_MD_O_H_body_left")[0];
  599. _cBox = $$("div");
  600. // _shareLink = $$("div", {
  601. // className: 'U_MD_O_H_body_left_invite_linkTxt', "onclick": function () {
  602. // U.MD.O.W.Panel.isSynergy(U.MD.O.W.Panel.shareLink);
  603. // }, "innerText": "第三方链接邀请"
  604. // }, _cBox);
  605. _frienddiv = $$("div", { "className": "U_MD_O_H_body_left_book", "id": "U_MD_O_H_body_left_book" }, _cBox); //目录内容
  606. _example = $$("div", {
  607. "className": "U_MD_O_H_body_left_book_a",
  608. }, _frienddiv); //默认邀请按钮
  609. var span = $("div[name=U_MD_O_W_Font_Heading1]");
  610. if (span.length > 0) {
  611. for (var i = 0; i < span.length; i++) {
  612. var a = $$("div", { "className": "isMulu" }, _example)
  613. a.innerHTML = span[i].children[0].innerHTML;
  614. }
  615. } else {
  616. var b = $$("div", { "className": "noMulu" }, _example)
  617. b.innerHTML = "暂无目录"
  618. }
  619. // $$("div", { "innerHTML": "一、项目概述" }, _example);
  620. // $$("div", { "innerHTML": "二、业务流程" }, _example);
  621. // $$("div", { "innerHTML": "三、系统角色" }, _example);
  622. // $$("div", { "innerHTML": "四、产品功能场景描述" }, _example);
  623. // $$("div", { "innerHTML": "五、功能模块" }, _example);
  624. // $$("div", { "className": "U_MD_O_H_body_left_book_a_img" }, _example);
  625. // $$("div", { "className": "U_MD_O_H_body_left_book_a_div", "innerHTML": "邀请" }, _example);
  626. 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);
  627. }
  628. }
  629. U.MD.O.W.addPerson = function() {
  630. var BOX = $$("div", {});
  631. var form_main = $$('div', { "className": "form-main" }, BOX);
  632. var form_content = $$('div', { "className": "form-content" }, form_main);
  633. var form_delete_main = $$('div', { "className": "form_delete-main-room" }, form_content);
  634. var form_delete_main_body = $$('div', { "className": "form_delete-main-body" }, form_delete_main);
  635. var searchPerson = $$('div', { "className": "searchPerson" }, form_delete_main_body);
  636. $$("input", { "className": "inputSearch", "type": "text", "placeholder": "搜索成员" }, searchPerson);
  637. $$("div", { "className": "searchImg", }, searchPerson);
  638. var a = [];
  639. var r = [{ "userid": "1", "title": "李华" }, { "userid": "2", "title": "李雷" }, { "userid": "3", "title": "莉莉" }, { "userid": "4", "title": "李磊" }, { "userid": "5", "title": "李莉" }]
  640. var checkboxPerson = $$('div', { "className": "checkboxPerson" }, form_delete_main_body);
  641. for (let i = 0; i < r.length; i++) {
  642. var person = $$("div", { "className": "person", }, checkboxPerson);
  643. let abc = $$('input', { "type": "checkbox", "id": r[i].userid }, person);
  644. $$('div', { "className": "personAvatar", }, person);
  645. $$('span', { "className": "thirdSpan", "innerHTML": r[i].title }, person);
  646. if (a.indexOf(r[i].userid) != -1) {
  647. abc.checked = true
  648. }
  649. person.onclick = function(e) {
  650. var el = e.currentTarget
  651. el.getElementsByTagName("input")[0].click();
  652. }
  653. abc.onclick = function(e) {
  654. e.stopPropagation();
  655. if (a.indexOf(e.target.id) !== -1) {
  656. a.splice(a.indexOf(e.target.id), 1);
  657. } else {
  658. a.push(e.target.id);
  659. }
  660. }
  661. }
  662. var btnBox = $$('div', { "className": "copy-btn" }, form_main);
  663. var confirm = $$('button', { "className": "copy-message", "innerHTML": `${"移出成员"}` }, btnBox);
  664. new U.UF.UI.form(`${"管理成员"}`, BOX, {
  665. id: 'invite_members',
  666. style: {
  667. "background": "#fffefe",
  668. "width": "350px",
  669. "height": "500px",
  670. "z-index": "99",
  671. }
  672. }, {
  673. isenlarge: false,
  674. isnarrow: false
  675. }, {
  676. style: {
  677. "height": "40px",
  678. "text-align": "center",
  679. "line-height": "40px",
  680. "text-indent": "25px",
  681. "background-repeat": "no-repeat",
  682. "font-size": "14px",
  683. "background-color": "#494949",
  684. "display": "flex",
  685. }
  686. });
  687. // confirm.onclick = function () {
  688. // U.MD.O.W.copyText();
  689. // }
  690. }
  691. U.MD.O.W.isOpenRoomConfirm = function() {
  692. var BOX = $$("div", {});
  693. var form_main = $$('div', { "className": "form-main" }, BOX);
  694. var form_content = $$('div', { "className": "form-content" }, form_main);
  695. var form_delete_main = $$('div', { "className": "form_delete-main-room" }, form_content);
  696. var form_delete_main_body = $$('div', { "className": "form_delete-main-body" }, form_delete_main);
  697. $$("div", { "className": "remark", "innerHTML": US.userInfo.username + "邀请您参与协同文档", }, form_delete_main_body)
  698. $$("div", {
  699. "class": "clickNav",
  700. "innerHTML": "点击链接加入房间",
  701. }, form_delete_main_body)
  702. $$("div", { "class": "link", "innerHTML": "http://cocorobo.wg.com/dm/EOGyBbFiCwam", }, form_delete_main_body)
  703. var room_number = $$('div', { "className": "room_number" }, form_delete_main_body);
  704. $$("div", { "class": "link", "innerHTML": "房间号:", }, room_number)
  705. $$("div", { "class": "roomNumber", "innerHTML": US.numNum, }, room_number)
  706. $$("div", { "className": "link", "innerHTML": "复制房间号信息,打开协同文档输入即可加入。", }, form_delete_main_body)
  707. // $$("input", { "className": "text", "type": "text" }, form_delete_main_body);
  708. var btnBox = $$('div', { "className": "copy-btn" }, form_main);
  709. var confirm = $$('button', { "className": "copy-message", "innerHTML": `${"一键复制信息"}` }, btnBox);
  710. new U.UF.UI.form(`${"邀请成员"}`, BOX, {
  711. id: 'invite_members',
  712. style: {
  713. "background": "#fffefe",
  714. "width": "350px",
  715. "height": "500px",
  716. "z-index": "99",
  717. }
  718. }, {
  719. isenlarge: false,
  720. isnarrow: false
  721. }, {
  722. style: {
  723. "height": "40px",
  724. "text-align": "center",
  725. "line-height": "40px",
  726. "text-indent": "25px",
  727. "background-repeat": "no-repeat",
  728. "font-size": "14px",
  729. "background-color": "#494949",
  730. "display": "flex",
  731. }
  732. });
  733. confirm.onclick = function() {
  734. U.MD.O.W.copyText();
  735. }
  736. }
  737. U.MD.O.W.openRoomConfirm = function() {
  738. var BOX = $$("div", {});
  739. var form_main = $$('div', { "className": "form-main" }, BOX);
  740. var form_content = $$('div', { "className": "form-content" }, form_main);
  741. var form_delete_main = $$('div', { "className": "form_delete-main" }, form_content);
  742. $$("input", { "className": "form_delete-main_box", "placeholder": `${"请输入要加入的房间号"}` }, form_delete_main);
  743. $$("div", { "className": "remark", "innerHTML": "备注:输入房间号点击加入房间或点击创建房间直接创建房间", }, form_delete_main)
  744. var btnBox = $$('div', { "className": "form-btn" }, form_delete_main);
  745. var cencal = $$('button', { "className": "form-cencal", "innerHTML": `${"加入房间"}` }, btnBox);
  746. var confirm = $$('button', { "className": "form-confirm", "innerHTML": `${"创建房间"}` }, btnBox);
  747. new U.UF.UI.form(`${"创建/加入房间"}`, BOX, {
  748. id: 'add_room',
  749. style: {
  750. "background": "#fffefe",
  751. "width": "400px",
  752. "height": "281px",
  753. "z-index": "99 !important",
  754. }
  755. }, {
  756. isenlarge: false,
  757. isnarrow: false
  758. }, {
  759. style: {
  760. "height": "40px",
  761. "text-align": "center",
  762. "line-height": "40px",
  763. "text-indent": "25px",
  764. "background-repeat": "no-repeat",
  765. "font-size": "16px",
  766. "background-color": "#32455B",
  767. "display": "flex",
  768. }
  769. });
  770. confirm.onclick = function() {
  771. U.MD.O.W.checkNum();
  772. }
  773. cencal.onclick = function() {
  774. U.MD.O.W.goRoom($(".form_delete-main_box")[0].value);
  775. }
  776. }
  777. //#endregion