newsAdd.js 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
  1. var smallClick =1;
  2. var bigClick =1;
  3. var editorOption = {
  4. //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
  5. toolbars: [[
  6. //'anchor', //锚点
  7. 'undo', //撤销
  8. 'redo', //重做
  9. 'bold', //加粗
  10. 'indent', //首行缩进
  11. //'snapscreen', //截图
  12. 'italic', //斜体
  13. 'underline', //下划线
  14. // 'strikethrough', //删除线
  15. 'subscript', //下标
  16. 'fontborder', //字符边框
  17. 'superscript', //上标
  18. 'formatmatch', //格式刷
  19. // 'blockquote', //引用
  20. 'pasteplain', //纯文本粘贴模式
  21. 'selectall', //全选
  22. // 'print', //打印
  23. // 'insertcode', //代码语言
  24. 'fontfamily', //字体
  25. 'fontsize', //字号
  26. 'paragraph', //段落格式
  27. 'simpleupload', //单图上传
  28. 'insertimage', //多图上传
  29. 'edittable', //表格属性
  30. 'edittd', //单元格属性
  31. 'link', //超链接
  32. //'emotion', //表情
  33. 'spechars', //特殊字符
  34. 'searchreplace', //查询替换
  35. 'horizontal', //分隔线
  36. 'removeformat', //清除格式
  37. 'justifyleft', //居左对齐
  38. 'justifyright', //居右对齐
  39. 'justifycenter', //居中对齐
  40. 'justifyjustify', //两端对齐
  41. 'forecolor', //字体颜色
  42. 'backcolor', //背景色
  43. 'insertorderedlist', //有序列表
  44. 'insertunorderedlist', //无序列表
  45. 'fullscreen', //全屏
  46. 'directionalityltr', //从左向右输入
  47. 'directionalityrtl', //从右向左输入
  48. 'rowspacingtop', //段前距
  49. 'rowspacingbottom', //段后距
  50. 'time', //时间
  51. 'date', //日期
  52. 'unlink', //取消链接
  53. //'anchor', //锚点
  54. 'simpleupload', //单图上传
  55. //'insertimage', //多图上传
  56. 'edittable', //表格属性
  57. 'touppercase', //字母大写
  58. 'tolowercase', //字母小写
  59. 'imagecenter', //居中
  60. //'wordimage', //图片转存
  61. 'edittip ', //编辑提示
  62. 'charts' // 图表
  63. ]],
  64. //focus时自动清空初始化时的内容
  65. autoClearinitialContent: true,
  66. wordCount:false,
  67. //关闭elementPath
  68. elementPathEnabled: false,
  69. catchRemoteImageEnable:false,
  70. scaleEnabled:true
  71. };
  72. var formate_data =[{'id':'0','text':'新闻动态'},
  73. {'id':'1','text':'通知公告'},
  74. {'id':'2','text':'健康宣教'}];
  75. $(function(){
  76. initImage();
  77. initUe('');
  78. $('#layer').click(function(){
  79. var artBox=art.dialog({
  80. lock: true,
  81. icon:'question',
  82. opacity:0.4,
  83. width: 250,
  84. title:'提示',
  85. content: '页面模板会覆盖编辑区域已有组件,是否继续?',
  86. ok: function () {
  87. },
  88. cancel: true
  89. });
  90. });
  91. $('.select-img').on("change",function(){
  92. if($(this).find("option:selected").attr('data-val') == 'img'){
  93. $("#ar3").show();
  94. }else{
  95. $("#ar3").hide();
  96. }
  97. });
  98. $(".artClass").on("change",function(){
  99. if($(this).find("option:selected").attr('data-val') == 'article'){
  100. $("#ar2").show();
  101. $("#ar1").hide();
  102. }else{
  103. $("#ar2").hide();
  104. $("#ar1").show();
  105. }
  106. });
  107. _query();
  108. });
  109. function clearData(){
  110. $("#dtype").val(0);
  111. $("#title").val('');
  112. $("#dlink").val('');
  113. //$("#dstatus").val(0);
  114. $("#dtypeClass").val(0);
  115. $('#SmallImgV').attr('src','http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003320_1406097193619_fullsize.jpg');
  116. $('#BigImgV').attr('src','http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003320_1406097193619_fullsize.jpg');
  117. if($("#dtypeClass").find("option:selected").attr('data-val') == 'img'){
  118. $("#ar3").show();
  119. }else{
  120. $("#ar3").hide();
  121. }
  122. if($("#dtype").find("option:selected").attr('data-val') == 'article'){
  123. $("#ar2").show();
  124. $("#ar1").hide();
  125. }else{
  126. $("#ar2").hide();
  127. $("#ar1").show();
  128. }
  129. }
  130. function initUe(val){
  131. var UE = new baidu.editor.ui.Editor(editorOption);
  132. UE.render('editor');
  133. UE.ready(function() {
  134. //editor_a.hide();//隐藏编辑器
  135. UE.setContent(unescape(val));
  136. //赋值给UEditor du.Data.Contents
  137. UE.addListener('beforeInsertImage', function (t,arg)
  138. {
  139. // alert('这是图片地址:'+arg[0].src);
  140. });
  141. });
  142. }
  143. function saveInfo(){
  144. if($("#dtypeClass").val() == 0 ){
  145. if(smallClick <=1){
  146. art.dialog({
  147. lock: true,
  148. width: '300px',
  149. height: '100px',
  150. time: 3,
  151. content: '小图需要上传!'
  152. });
  153. return ;
  154. }else if(bigClick <=1){
  155. art.dialog({
  156. lock: true,
  157. width: '300px',
  158. height: '100px',
  159. time: 3,
  160. content: '大图需要上传!'
  161. });
  162. return ;
  163. }
  164. }
  165. save($("#dtype").val(),$("#dtitle").val(),$("#SmallImgV").attr('src'),$("#BigImgV").attr('src'),UE.getEditor('editor').getContent(),$("#dstatus").val(),$("#dlink").val(),$("#dtypeClass").val());
  166. var typ = $("#dtype").val() == undefined ? 0 : $("#dtype").val();
  167. window.location.href='article.html?isBack=0';
  168. }
  169. function save(dtype,title,smallPic,bigPic,contents,status,link,typeClass){
  170. var Service = {};
  171. var page = {};
  172. var code = 1015;
  173. Service.Title =title;
  174. Service.ImgUrl = "<![CDATA["+smallPic+"]]>";
  175. Service.BigImgUrl = "<![CDATA["+bigPic+"]]>";
  176. Service.TypeClass = typeClass;
  177. Service.LinkUrl = link;
  178. Service.Status = status;
  179. Service.Contents = escape(contents);
  180. Service.Type = dtype;
  181. Service.HosId = Commonjs.hospitalId;
  182. // Service.Page = page;
  183. var param = {};
  184. var params = Commonjs.getParams(code,Service);//获取参数
  185. param.Api = "AddArticle";
  186. param.Params = Commonjs.jsonToString(params);
  187. var du = Commonjs.ajax('./art_callArticleApi.do',param,false);
  188. if(du.RespCode == '10000'){
  189. art.dialog({
  190. lock: true,
  191. width: '300px',
  192. height: '100px',
  193. time: 3,
  194. content: du.RespMessage
  195. });
  196. }else{
  197. art.dialog({
  198. lock: true,
  199. width: '300px',
  200. height: '100px',
  201. time: 3,
  202. content: du.RespMessage
  203. });
  204. }
  205. clearData();
  206. }
  207. function newGuid() {
  208. var guid = "";
  209. for (var i = 1; i <= 32; i++){
  210. var n = Math.floor(Math.random()*16.0).toString(16);
  211. guid += n;
  212. if((i==8)||(i==12)||(i==16)||(i==20))
  213. guid += "-";
  214. }
  215. return guid;
  216. }
  217. function initImage(){
  218. var id = newGuid();
  219. var html = '<div style="margin-top: 2px; position:relative;" class="sel"><input id="'
  220. + id
  221. + '" style="position:absolute;filter:alpha(opacity=0);opacity:0;height:120px;width:120px;cursor: pointer;" title="点击上传图片" value="点击上传图片" onchange=upload("'
  222. + id
  223. + '","SmallImgV"); onpaste="return false;" type="file" name="0"><img id="SmallImgV" src="http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003320_1406097193619_fullsize.jpg" style="height:120px;width:120px;" /></div>';
  224. $("#addSmallImg").empty();
  225. $("#addSmallImg").append(html);
  226. var id2 = newGuid();
  227. var html = '<div style="margin-top: 2px; position:relative;" class="sel"><input id="'
  228. + id2
  229. + '" style="position:absolute;filter:alpha(opacity=0);opacity:0;height:80px;width:230px;cursor: pointer;" title="点击上传图片" value="点击上传图片" onchange=upload("'
  230. + id2
  231. + '","BigImgV"); onpaste="return false;" type="file" name="0"><img id="BigImgV" src="http://f1.yihuimg.com/TFS/upfile/WBJ/1023577/2014-07-23/003320_1406097193619_fullsize.jpg" style="height:80px;width:230px;" /></div>';
  232. $("#addBigImg").empty();
  233. $("#addBigImg").append(html);
  234. }
  235. function upload(id,image) {
  236. var filename = $("#"+id).val();
  237. var index = filename.lastIndexOf('.');
  238. var type = filename.substring(index+1,filename.length);
  239. if(type.toLowerCase() != 'jpg' && type.toLowerCase() != 'gif'
  240. &&type.toLowerCase() != 'png'&&type.toLowerCase() != 'jpeg'){
  241. YihuUtil.art.warning('注意喔:图片格式必须为.jpeg|.gif|.jpg|.png','warning');
  242. return ;
  243. }
  244. var arrID = [ id ];
  245. $.yihuUpload.ajaxFileUpload( {
  246. url : Commonjs.getRootPath+'/servlets/UploadFileServlet', // 用于文件上传的服务器端请求地址
  247. secureuri : false,// 一般设置为false
  248. fileElementId : arrID,// 文件上传空间的id属性 <input type="file" id="file"
  249. // name="file" />
  250. dataType : 'json',// 返回值类型 一般设置为json
  251. success : function(data, status) {
  252. var uri = data.url;
  253. uri=uri.replace('fullsize','small');
  254. var name = data.NewFileName;
  255. var fname = data.FileName;
  256. var size = data.Size;
  257. var old = $("#" + id + "_f");
  258. if (image=='SmallImgV') {
  259. $("#SmallImgV").attr("src", uri);
  260. $("#ImgUrl").val(uri);
  261. $("#hidVal").val(uri);
  262. smallClick++;
  263. // if($("#BigImgUrl").val()==''||$("#BigImgUrl").val()==null){
  264. // $("#BigImgV").attr("src", uri);
  265. // $("#BigImgUrl").val(uri);}
  266. }else{
  267. bigClick++;
  268. $("#BigImgV").attr("src", uri);
  269. $("#BigImgUrl").val(uri);
  270. }
  271. },
  272. error : function(data, status, e) {
  273. //YihuUtil.art.warning("图片上传失败:建议您选择不超过1M的图片且在良好的网络环境下继续上传");
  274. }
  275. });
  276. }