fmui-base 2.2.11 → 2.2.12

package/lib/comment_list/List.jsx

@@ -1,285 +0,0 @@
-import React from 'react';
-import Boxs from 'saltui/lib/Boxs';
-const { VBox,Box,HBox } = Boxs;
-import Variables from '../db/variables';
-import DB from '../db/db';
-
-import 'whatwg-fetch';
-import 'es6-promise';
-import './List.less';
-export default class PageHome extends React.Component {
-  constructor(props) {
-    super(props);
-
-    var setting = getSysAttachSetting();
-
-    //预览类型，view：永中预览，download：下载
-    var viewType = 'view';
-    
-    if(setting.sysAttachmentView == 0){//如果设置中预览关闭则默认下载
-        viewType = "download";
-    }
-
-    // let startUserName = decodeURI(this.props.params.startUserName);//创建人用户
-    // let startUserGroupName = decodeURI(this.props.params.startUserGroupName);//创建人组织
-    //let startUserId = this.props.params.startUserId;
-    const token = document.getElementById('token').value;
-    this.state={
-      // attachId:props.attachId,
-      loadImg:Variables.loadImg+"&fid=",
-      // imgUrl:getImagePreUrl()+'/attachment/download?token='+token+'&',
-      // queryUrl: context + '/api/m/plugin/attachment/mobile/getAttachmentByIds?token='+token+'&ids=',
-      commentList:[],
-      viewType:viewType
-    }
-    
-  }
-
-  componentDidMount() {
-    let t = this;
-    var token = document.getElementById('token').value;
-    this.initData(token,function(commentList){
-      t.setState({
-        commentList:commentList
-      })
-    });
-
-    this.casigin();
-
-  }
-
-  //批示意见验签
-  casigin(){
-    var commentList = this.props.list;
-    if(commentList){
-      commentList.map(function(item){
-        var param = {};
-        param.bizSn = item.id;
-        param.relationId = getLoginUserInfo().mobile;
-        param.msg = item.fullMessage;
-        // setTimeout(function(){
-        //   $("#"+item.id+"_sucess").show();
-        // },1000)
-          DB.FlowApproval.verifySign(param).then((content) => {
-            var result = content.verifySignRes;
-            if(result=='success'){
-              $("#commentSign-"+item.id).removeClass('t-PR16');
-              $("#"+item.id+"_sucess").show();
-            }
-          }).catch((error) => {
-             if(error.errorMsg == "签名值与原文不匹配"){
-              $("#commentSign-"+item.id).removeClass('t-PR16');
-              $("#"+item.id+"_fail").show();
-             }
-            //  else{
-            //   Toast.show({
-            //     type: 'error',
-            //     content: error.errorMsg,
-            //   });
-            //  }
-          });
-      })
-    }
-  }
-
-  //初始化ids
-  async initData(token,sucess){
-    let t = this;
-    var context = document.getElementById("context").value;
-    var url = context + '/api/m/plugin/attachment/mobile/getAttachmentByIds?token='+token+'&ids=';
-    var commentList = this.props.list;
-    var attachIds = "";
-    // var attachMap = {};
-    commentList.map(function(item){
-      // var commentId = item.id;
-      var attachId = item.attachId;
-      if(attachId){
-        attachId = attachId.replaceAll("|",",");
-        attachIds = attachIds+","+attachId;
-        // attachMap[commentId] = attachId;
-      }
-    })
-    if(attachIds){
-      attachIds = attachIds.substring(1);
-      await t.promises(url+attachIds).then(function(e){
-        commentList.map(function(item){
-          // var commentId = item.id;
-          var attachId = item.attachId;
-          if(attachId){
-            var fileList = [];
-            var attachArray = attachId.split("|");
-            attachArray.map(function(attachItem){
-              for(var i=0; i<e.length; i++){
-                if(attachItem == e[i].id){
-                  fileList.push(e[i]);
-                }
-              }
-            });
-            item.fileList = fileList;
-          }
-        })
-      });
-      sucess(commentList);
-    }else{
-      sucess(commentList);
-    }
-  }
-
-  promises(url) {
-    return new Promise((resolve, reject)=> {
-        try{ 
-          fetch(url,{
-            method: "POST",
-            headers:{
-                'Content-Type': 'application/x-www-form-urlencoded',
-            }
-          }).then(function(res){
-            if (res.ok) {
-              res.json().then(function(obj) {
-                  var objList = obj.data;
-                  resolve(objList);
-              })
-            } else if (res.status == 401) {
-                // To do with res
-            }
-                
-            })
-        } catch(e){
-            console.log(e);
-        }
-    })
-  }
-
-  //预览
-  view(file){
-    var id = file.id;
-    if(this.state.viewType == 'view'){
-        // var isLoadWatermark = this.props.isLoadWatermark;
-        // var allowDownLoad = this.props.allowDownLoad;
-        var fileExt = file.fileExt;
-        downloadFile(id,'android',fileExt);
-    }else{
-        downloadFile(id);
-    }
-  } 
-
-  getCommentSign(item){
-    let t = this;
-    var returnHtml;
-    if(item.inscriptionShow){
-
-      var userNameHtml = (
-        <span className='t-PR5'>{item.replacename&&item.replacename!=""?item.replacename:item.userName}</span>
-      )
-      var dateHtml = (
-        <span className='t-PR5'>{item.time.substring(0,10)}</span>
-      )
-      var timeHtml = (
-        <span className='t-PR5'>{item.time.substring(11)}</span>
-      )
-      var orgNameHtml = (
-        <span className='t-PR5'>{item.orgShowName}</span>
-      )
-      var signPicHtml = item.signPic?(
-        <img className="t-H64 t-PR5" src={t.state.loadImg+item.signPic}/>
-      ):"";
-      var taskNameHtml = (
-        <span className='t-PR5'>{item.taskName}</span>
-      )
-      var inscriptionShowArray = item.inscriptionShow.split(",");
-      const returnHtml = inscriptionShowArray.map(function(inscriptionItem){
-        if(inscriptionItem){
-          if(inscriptionItem == "userName" && ((item.inscriptionShow.indexOf("signImg")<0) || (item.inscriptionShow.indexOf("signImg")>=0 && (typeof(item.signPic) == 'undefined' || item.signPic == null || item.signPic == "" ) ) )){
-            return userNameHtml;
-          }else if(inscriptionItem == "date"){
-            return dateHtml;
-          }else if(inscriptionItem == "time"){
-            return timeHtml;
-          }else if(inscriptionItem == "org"){
-            return orgNameHtml;
-          }else if(inscriptionItem == "signImg"){
-            return signPicHtml;
-          }else if(inscriptionItem == "taskName"){
-            return taskNameHtml;
-          }
-        }
-      })
-      const replaceHtml = item.replacename && item.replacename!=""? "(代"+item.userName+"办理)" : "";
-      return (<Box style={{marginLeft:"auto","text-align": "right",width:'100%'}}>{returnHtml}{replaceHtml}</Box>);
-    }else{
-      return "";
-    }
-    
-  }
-
-
-  render() {
-    const t = this;
-    return (
-      <div >
-        {t.state.commentList!=null && t.state.commentList.length>0?
-          t.state.commentList.map(function (item, key) {
-            return   <VBox className="t-PB10 t-LH1_5 t-field t-FS14 t-PL10" >
-              {item.type.indexOf('image') < 0?
-            		  <Box className="t-FS16 t-PR16"  dangerouslySetInnerHTML={{__html:item.fullMessage==null?"":item.fullMessage.replace(/\r\n/g,'<br/>').replace(/\n/g,'<br/>').replace(/ /g,'&nbsp;')}}></Box>
-            		  :
-            		   item.fullMessage==''? <Box>''</Box>
-            				   :
-        			  <HBox className="t-PR16">
-            		  <img  width="100%" height="128"  src={t.state.loadImg+item.fullMessage}/>
-					  </HBox>	  
-            	  }
-              
-              <div className="">
-                    {item.fileList && item.fileList.length>0?item.fileList.map((item2, i) => {
-                        function calculate(no){
-                            let a = no/1024;
-                            if(a<1){
-                                return no+'B';
-                            }
-                            let b = a/1024;
-                            if(b<1){
-                                return Math.round(a*100)/100+'KB';
-                            }
-                            return Math.round(b*100)/100+'MB';
-                        }
-                        return (
-                            <div className="t-FBH" key={i}  >
-                                <div className="dd-t-border t-P6 t-MB10 t-FB1" onClick={t.view.bind(t, item2)}>
-                                    <i className="iconfont icon-file t-FC9 t-FL t-MR6" ></i>
-                                    <div className="dd-t-list-text-content" >
-                                        <div className="t-list-title t-omit t-LH1_4" >
-                                            {typeof(item2.fileDisplayName)=='undefined'?item2.name:item2.fileDisplayName}
-                                        </div>
-                                        <div className="dd-t-list-time t-FBAC" >{calculate(typeof(item2.fileSize)=='undefined'?item2.size:item2.fileSize)}</div>
-                                    </div>
-                                </div>
-                            </div>
-                        );
-                    }):""}
-                  </div>
-              
-              
-              {/* {item.signPic==''|| item.signPic==null?
-                ""
-                :
-                <HBox >
-                  <Box flex={1}></Box>
-                  <Box ><img className="t-H32 t-W64 " src={t.state.loadImg+item.signPic}/></Box>
-                </HBox>
-              } */}
-              {/* <Box vAlign="start" hAlign="end" className="t-FAR t-omit" > {item.inscriptionShow.indexOf('taskName')>=0?item.taskName:''}&nbsp;{item.inscriptionShow.indexOf('org')>=0?item.createdOrgName.substring(item.createdOrgName.lastIndexOf("/")+1):''}</Box> */}
-              <Box vAlign="start" hAlign="end" id={'commentSign-'+item.id}  className="t-FBH t-PR16" > {item.inscriptionShow?t.getCommentSign(item):""}
-                          
-                          <i id={item.id+"_sucess"} className='iconfont icon-checked t-PT10 t-PL3' style={{color:'green',display:'none'}}/>
-                          <i id={item.id+"_fail"} className='iconfont icon-close t-PT10 t-PL3' style={{color:'red',display:'none'}}/>
-                        </Box>
-            </VBox>
-
-          })
-          :''
-        }
-      </div>
-    )
-  }
-}