Office.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241
  1. /*
  2. 主要服务于word,excel,ppt,visio等文档的打开。
  3. 存在问题
  4. 1、保存的时候不弹出系统默认框
  5. 2、彻底分离各个模板
  6. 3、键盘处理 那些是快捷键 需要写流程图
  7. */
  8. Namespace.register("U.MD.O");
  9. //#region word创建,打开。
  10. /**
  11. * Word打开 之前通过第二个参数是guid进来的全部都要改
  12. *
  13. * @param {object} 登录用户信息
  14. * @param {object} 文档信息数组,如果为空,则创建空文档。
  15. * @return {object} 返回当前窗体
  16. */
  17. U.MD.O.word = function (userinfo, fileinfo, cb) {
  18. var _contentel,
  19. _fileid,
  20. _formel,
  21. _child
  22. ;
  23. //获取文档的id
  24. if (fileinfo && fileinfo.UserDirectoryID) {
  25. _fileid = fileinfo.UserDirectoryID; //获取文件id
  26. }
  27. if (!_fileid) { //第一次打开的文档的处理
  28. _fileid = Guid.newGuid();
  29. var _type = fileinfo.UserDirectoryExtendType;
  30. fileinfo = { "UserDirectoryID": _fileid, UserDirectoryExtendType: _type };
  31. if (_type == "un") {
  32. fileinfo.UsOffice = U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "6a8a235a-41c4-c3d2-8dd5-b6ee851e1967"])).value[0].UsOffice.unEscapeQuotes();
  33. } else {
  34. fileinfo.UsOffice = U.A.Request(US.CD, ([US.DB, "UseStudio_Disk", "GetFileContent", "d17a2910-11ba-df39-cd8a-5cac851c2148"])).value[0].UsOffice.unEscapeQuotes();
  35. }
  36. fileinfo.newfile = true;
  37. }
  38. //得到弹窗
  39. _formel = $("#UD_Word" + _fileid)[0];
  40. //未打开的创建加载处理
  41. if (!_formel) {
  42. //创建新窗口
  43. _contentel = $("#UD_Word").clone(true); //克隆word编辑器 包含头部菜单和功能及word编辑区域
  44. _child = $(_contentel[0]).Child(); //头部的区域
  45. _formel = new U.UF.UI.form(
  46. _child[0],
  47. _child[1],
  48. { "id": "UD_Word" + _fileid, "style": { "width": "90%", "height": "90%", "overflow": 'hidden' },
  49. "onresize": function () { }
  50. },
  51. { closecallback: function () {
  52. U.A.Request(US.SCOKET, ["quitOffice", JSON.stringify({ docId: fileinfo.UserDirectoryID, pageId: US.pageId, userId: top.US.userInfo.userid, type: fileinfo.UserDirectoryExtendType == 'un' ? 'nav' : 'word' })], function (r) {
  53. // console.log('退出文档');
  54. });
  55. }
  56. },
  57. { "style": { "height": "36px"} }).form; //创建窗体
  58. U.MD.O.header(userinfo, _child[0], fileinfo); //创建header头部
  59. U.UF.DL.loading(_child[1]); //添加loading处理
  60. //添加编辑区域,异步加载iframe并执行回调
  61. U.MD.O.officeLoad(_child[1], "Word", function (iframe) {
  62. iframe.contentWindow.U.MD.O.W.load(fileinfo, userinfo); //word的处理
  63. $('#UD_Word' + _fileid + ' .U_MD_O_H_head_navigation_Title')[0].onchange = iframe.contentWindow.U.MD.O.W.updateName;
  64. //打开word成功后执行回调
  65. if (U.UF.C.isFunction(cb)) {
  66. cb(iframe.contentWindow);
  67. }
  68. U.UF.DL.uploading(_child[1]); //移除loading处理
  69. }); //创建Office编辑器
  70. }
  71. //如果已经打开过的,直接置顶
  72. else {
  73. $('iframe', _formel)[0].contentWindow.U.MD.O.W.load(fileinfo, userinfo);
  74. U.UF.F.windowTopCenter(_formel);
  75. }
  76. return [_formel, fileinfo]; // 返回当前窗体
  77. }
  78. /**
  79. * 导航建站
  80. *
  81. * @param {element} 登录用户信息
  82. */
  83. U.MD.O.wordNav = function (el) {
  84. }
  85. //#endregion
  86. //#region Excel初始化
  87. /**
  88. * Excel打开
  89. *
  90. * @param {object} 登录用户信息
  91. * @param {object} 文档信息数组
  92. * @return {object} 返回当前窗体
  93. */
  94. U.MD.O.excel = function (userinfo, fileinfo) {
  95. var _contentel,
  96. _fileid,
  97. _formel,
  98. _child
  99. ;
  100. //获取文档的id
  101. if (fileinfo && fileinfo.UserDirectoryID) {
  102. _fileid = fileinfo.UserDirectoryID; //获取文件id
  103. }
  104. if (!_fileid) { //第一次打开的文档的处理
  105. _fileid = Guid.newGuid();
  106. fileinfo = { "UserDirectoryID": _fileid };
  107. }
  108. //得到弹窗
  109. _formel = $("#UD_Excel" + _fileid)[0];
  110. //未打开的创建加载处理
  111. if (!_formel) {
  112. //创建新窗口
  113. _contentel = $("#UD_Excel").clone(true); //克隆word编辑器 包含头部菜单和功能及word编辑区域
  114. _contentel[0].id = ""; //清除id
  115. _child = $(_contentel[0]).Child(); //头部的区域
  116. _formel = new U.UF.UI.form(_child[0], _child[1], { "id": "UD_Excel" + _fileid, "style": { "width": "90%", "height": "90%", "overflow": 'hidden'} }, {}, { "style": { "height": "36px"} }).form; //创建窗体
  117. U.UF.DL.loading(_child[1]); //添加loading处理
  118. U.MD.O.header(userinfo, _child[0], fileinfo); //创建header头部
  119. //添加编辑区域,异步加载iframe并执行回调
  120. U.MD.O.officeLoad(_child[1], "Excel", function (iframe) {
  121. U.UF.DL.uploading(_child[1]); //移除loading处理
  122. iframe.contentWindow.U.MD.O.E.load(fileinfo, userinfo, iframe); //word的处理
  123. }); //创建Office编辑器
  124. }
  125. //如果已经打开过的,直接置顶
  126. else {
  127. U.UF.F.windowTopCenter(_formel);
  128. }
  129. return _formel; // 返回当前窗体
  130. }
  131. //#endregion
  132. //#region 此函数只是用来创建word,excel,PPT等的编辑器,没有包含word,excel,PPT等的功能。word,excel,PPT的功能包含在异步函数U.MD.O.asynWord中,统一创建office的编辑iframe。
  133. /**
  134. * 创建Office窗体
  135. *
  136. * @param {element} 创建office的容器元素
  137. * @param {object} 登录用户信息
  138. * @param {object} 文档信息数组 或 null,用于显示文件内容
  139. * @param {str} 类型 Word || Excel||ppt|others...
  140. * @param {function} 回调函数
  141. */
  142. U.MD.O.officeLoad = function (el, type, cb) {
  143. var _file, //文件的路径
  144. _iframe //iframe的名字
  145. ;
  146. //初始化应用的路径。
  147. switch (type) {
  148. case "Word": //word的处理
  149. _file = "WordEditArea.htm";
  150. break;
  151. case "Excel": //excel的处理
  152. _file = "ExcelEditArea.htm";
  153. // type = 'ExcelCanvas';
  154. break;
  155. case "PPT": //ppt的处理
  156. _file = "PPT.htm";
  157. break;
  158. default: break;
  159. }
  160. //创建容纳word,Excel,PPT等的iframe。
  161. _iframe = $$("iframe", {
  162. "frameBorder": "0",
  163. "style": {
  164. "border": "0"
  165. }, //创建office
  166. "src": US.MAINDOMAIN + "/Controls/Office/" + type + "/" + _file,
  167. "width": "100%",
  168. "height": "100%"
  169. }, el);
  170. //异步加载iframe 添加office功能
  171. U.UF.DL.iframeLoad(_iframe, function () {
  172. $("body", _iframe.contentWindow.document)[0].onmousedown = function () {
  173. U.UF.F.topWindow(el, true);
  174. }
  175. cb(_iframe);
  176. });
  177. }
  178. /**
  179. * 用户头部生成
  180. *
  181. * @param {object} 登录用户信息
  182. * @param {element} 头部元素
  183. * @param {object} 文档信息数组
  184. */
  185. U.MD.O.header = function (userinfo, el, fileinfo) {
  186. var _filename,
  187. _hreadel;
  188. //获取文件名
  189. if (fileinfo && (fileinfo["UserallDirectoryName"] || fileinfo["UserFilesName"])) { //文件存在的时候文件的名字
  190. _filename = fileinfo["UserallDirectoryName"] || fileinfo["UserFilesName"];
  191. }
  192. //不存在文件的文件名
  193. else {
  194. _filename = "未命名文档(点击编辑)...";
  195. }
  196. $("input", el)[0].value = _filename; //文件名
  197. //头部处理
  198. _hreadel = $$("div", { "className": "U_MD_O_H_Editor" }, el.children[2].children[4]);
  199. $$("img", { "onerror": U.MD.C.imgError,
  200. "onerror": U.MD.C.imgError,
  201. "src": U.MD.C.getHeadImage(userinfo.UserThumbnailImageHead)
  202. }, _hreadel);
  203. $$("div", { "className": "U_MD_O_H_head_navigation_username", "innerHTML": userinfo.UserNickName || "" }, el.children[2].children[4]);
  204. }
  205. //#endregion
  206. //#region 统一区域
  207. /**
  208. * 只需要随便传递一个元素,则可以获取指定的Window操作层
  209. *
  210. * @param {element} Ifrmae下的元素
  211. * @return {boject} 指定的Window操作层,即iframe中的windows对象
  212. */
  213. U.MD.O.getOfficeWindow = function (el) {
  214. // 如果没有参数,则获取当前事件聚焦的对象。
  215. el = el || event.srcElement; //获取事件的源对象
  216. return $("iframe", $(el).Parent({ usform: "true" }) || el)[0].contentWindow; //却换到指定的window操作层
  217. }
  218. //#endregion