fmui-base 2.1.84 → 2.1.85

package/lib/care/care.jsx

@@ -0,0 +1,26 @@
+import React, {PropTypes} from 'react';
+
+
+class Care extends React.Component {
+	constructor(props) {
+	  super(props)
+	  let text=props.text
+	  this.state = {
+	  	text: text,
+	  }
+	}
+
+	handleClick(){
+		console.log('button click')
+	}
+
+	render () {
+		return (
+			<div>
+				care
+			</div>
+		  );
+	}
+}
+
+export default Care

package/lib/chart/chart.jsx

@@ -0,0 +1,344 @@
+import React from 'react';
+import ReactECharts from 'echarts-for-react';
+import DB from '../db/db';
+
+class NoData extends React.Component{
+    constructor(props) {
+        super(props);
+        var portalId = props.portalId;
+        var height = props.height;
+        var hasTitle = props.hasTitle?props.height:false;
+        if(!height){
+            height = 400;
+        }
+        if(hasTitle){
+            if((height+"").indexOf("%")>0){
+                height = "calc("+height+" - 50px)"
+            }else{
+                height = height - 50;
+            }
+        }
+        this.state = {
+            loadTrue:false,
+            portalId:portalId,
+            height : height,
+            options:{
+                id:portalId,
+                allBackData : {},// 存储后台返回的所有data数据
+                rowCheck : false,// 二维表三维表行列合计默认为false
+                colCheck : false,// 二维表三维表行列合计默认为false
+                rsId : "",
+                rsSql : "",
+                rsSource : "",
+                rptType : '',
+                filterArr : [],// 存储过滤条件name,type,content
+                title : {
+                    text : '',
+                    right : 'center',
+                    top : '-4px'
+                },
+                textStyle : {
+                    color : '#000'
+                },
+                grid:{top:'15%'},
+                // toolbox : {
+                //     right:'5%',
+                //     feature : {
+                //         saveAsImage : {}
+                //     }
+                // },
+                tooltip : {
+                    trigger : 'item',
+                    confine : true,
+                    axisPointer : { // 坐标轴指示器，坐标轴触发有效
+                        type : 'line', // 默认为直线，可选为：'line' | 'shadow'
+                        lineStyle : { // 直线指示器样式设置
+                            color : '#48b',
+                            width : 2,
+                            type : 'solid'
+                        },
+                        shadowStyle : { // 阴影指示器样式设置
+                            width : 'auto', // 阴影大小
+                            color : 'rgba(150,150,150,0.3)' // 阴影颜色
+                        }
+                    }
+                },
+                legend : {
+                    data : [],
+                    type : 'scroll',
+                    bottom : '1%' ,
+                },
+                xAxisPageInfo : {// 存储页面x轴相关信息
+                    xName : "",
+                    unSelectItem : []
+                // select未选中项存储
+                },
+                yAxisPageInfo : {
+                    yName : "",
+                },
+                xAxis : {
+                    data : [],
+                    axisLabel : {//坐标轴刻度标签的相关设置。
+                        interval:0,
+                    }
+                },
+                yAxis : {},
+                series : [],
+                ySeriesAxisName : "",
+                ySeries : {
+                    unSelectItem : []
+                // select未选中项存储
+                }
+            }
+        }
+    }
+
+    //排序函数，排序系列时用到，只排序数字数组
+    sortNumber(a,b){ 
+        return a - b;
+    } 
+
+    componentDidMount(){
+        let t = this;
+        DB.portal.getComponentInfoList({
+            ppId: t.state.portalId,
+            code:'tbgl'
+         }).then((content) => {
+                var options = t.state.options;
+
+                var chartData = content.chartData;
+                var chartSet = content.chartSet;
+                options.rsId = chartSet.rsId;
+
+                // 图表统计条件
+                if (chartSet.chartCountType == 1) {
+                    options.rowCheck = true;
+                } else if (chartSet.chartCountType == 2) {
+                    options.colCheck = true;
+                } else if (chartSet.chartCountType == 3) {
+                    options.rowCheck = true;
+                    options.colCheck = true;
+                }
+
+                var chartX = chartSet.chartX;
+                var chartY = chartSet.chartY;
+                var chartValue = chartSet.chartValue;
+
+                // 三个区域拖值处赋值
+                options.xAxisPageInfo.xName = chartX; // 分类字段
+                options.yAxisPageInfo.yName = chartValue; // 值域字段
+                options.ySeriesAxisName = chartY; // 系列字段
+
+                options.rptType = chartSet.chartType;
+
+                var xAxisArr = chartX ? chartX.split(",") : [];
+                if (xAxisArr.length > 0) {
+                    var smallModuleKey = xAxisArr[0].substring(0, xAxisArr[0].indexOf("|"));
+                }
+
+                var inbyname = "";
+                // 1.查询当前所有的拖入的结果集字段作为inbyname传入后台的数据
+                if (chartX) {
+                    var xAxisArr = chartX.split(",");
+                    for (var i = 0; i < xAxisArr.length; i++) {
+                        var oneXAxisArr = xAxisArr[i].split("|");
+                        inbyname += oneXAxisArr[0] + ",";
+                    }
+                }
+                if (chartY) {
+                    var seriesArr = chartY.split(",");
+                    for (var i = 0; i < seriesArr.length; i++) {
+                        var oneSeriesArr = seriesArr[i].split("|");
+                        inbyname += oneSeriesArr[0] + ",";
+                    }
+                }
+                if (chartValue) {
+                    var yAxisArr = chartValue.split(",");
+                    for (var i = 0; i < yAxisArr.length; i++) {
+                        var oneYAxisArr = yAxisArr[i].split("|");
+                        inbyname += oneYAxisArr[0] + ",";
+                    }
+                }
+                inbyname = inbyname.substring(0, inbyname.length - 1);
+
+                // 2.定位byname,axis,根据参数确定返回数据的处理格式
+                var fixByName = "";
+                var fixAxis = "";
+                if (chartX) {
+                    fixByName = chartX;
+                    fixAxis = "xAxis";
+                }
+                if (chartValue) {
+                    fixByName = chartValue;
+                    fixAxis = "yAxis";
+                }
+                if (chartY) {
+                    fixByName = chartY;
+                    fixAxis = "ySeriesAxis";
+                }
+
+                var chartType = chartSet.chartType;
+                if (chartType != 'line' && chartType != 'bar') {
+                    // 只有当图形为折线图和柱形图时有x,y轴，其他删除
+                    delete options.xAxis;
+                    delete options.yAxis;
+                }
+
+                if (chartType == "二维表" || chartType == "三维表" || chartType == "单维表") {
+
+                } else {
+                    if (fixAxis == "xAxis") {
+                        if (options.xAxis) {
+                            // 除了折线图和柱形图，其他图形是无x,y轴的，会在初始化时删掉这个
+                            options.xAxis.data = chartData[inbyname];
+                        }
+                        options.series = []; // 清除操作
+                    } else if (fixAxis == "yAxis") {
+                        // 显示xAxis的新值
+                        var bynameArr = inbyname.split(",");
+                        if (options.xAxis) {
+                            // 除了折线图和柱形图，其他图形是无x,y轴的，会在初始化时删掉这个
+                            options.xAxis.data = chartData[bynameArr[0]];
+                        }
+                        options.legend.data = []; // 清除原来的值，置空
+                        options.series = []; // 清除操作
+                        // 别名显示
+                        var yByname = options.yAxisPageInfo.yName.substring(options.yAxisPageInfo.yName.indexOf("|") + 1);
+                        if (options.rptType != "gauge") {
+                            options.legend.data.push(yByname);
+                        }
+                        var newparam;
+                        if (options.rptType == "pie" || options.rptType == "funnel" || options.rptType == "gauge") {
+                            // 如果是饼图，漏斗图，仪表盘
+                            if (options.rptType == "pie") {
+                                newparam = {
+                                    "name": yByname,
+                                    "type": options.rptType,
+                                    "radius": "50%",
+                                    "center": ["50%", "55%"],
+                                    "data": []
+                                };
+                            } else {
+                                newparam = {
+                                    "name": yByname,
+                                    "type": options.rptType,
+                                    "center": ["50%", "55%"],
+                                    "data": [/*
+                                               * { "value" : data[key], "name" : key }
+                                               */]
+                                };
+                            }
+                            /*
+                            * if(previewOption.rptType == "funnel"){//仪表盘宽度限制下，不然太宽了，不协调
+                            * newparam.width = "60%"; }
+                            */
+                            if (chartData[bynameArr[1]].length < 1) {
+                                chartData[bynameArr[1]] = [0];
+                            }
+                            for (var i = 0; i < chartData[bynameArr[1]].length; i++) {
+                                var dataItem = {};
+                                dataItem.value = chartData[bynameArr[1]][i];
+                                dataItem.name = chartData[bynameArr[0]][i];
+                                newparam.data.push(dataItem);
+                                if (options.rptType == "gauge") {
+                                    // 仪表盘默认只选第一个
+                                    newparam.detail = {
+                                        formatter: '{name|' + yByname + '}\n{value}',
+                                        rich: {
+                                            name: {
+                                                fontSize: 14
+                                            }
+                                        }
+                                    };
+                                    // 最大值为当前值升一位的最小整数，如：324的最大数为1000
+                                    var numLen = (parseInt(chartData[bynameArr[1]][i]) * 10).toString().length;
+                                    var maxNum = "1";
+                                    for (var m = 0; m < numLen - 1; m++) {
+                                        maxNum += "" + 0;
+                                    }
+                                    newparam.max = Number(maxNum);
+                                    break;
+                                }
+                            }
+                            options.legend.data = chartData[bynameArr[0]].sort(t.sortNumber);
+                        } else if (options.rptType == "radar") {
+                            // 如果是雷达图，值加载形式有区别
+                            var inMaxNum = 1;
+                            if (chartData[bynameArr[1]].length == 0) {
+                                chartData[bynameArr[1]] = new Array(chartData[bynameArr[0]].length);
+                            } else {
+                                inMaxNum = Math.max.apply(null, chartData[bynameArr[1]]); // 返回数组中的最大值
+                            }
+                            for (var i = 0; i < chartData[bynameArr[1]].length; i++) {
+                                if (!chartData[bynameArr[1]][i]) {
+                                    chartData[bynameArr[1]][i] = 0;
+                                }
+                            }
+                            newparam = {
+                                "name": yByname,
+                                "type": options.rptType,
+                                "radius": "50%",
+                                "data": [{
+                                    "value": chartData[bynameArr[1]],
+                                    "name": yByname
+                                }]
+                            };
+                            options.radar = {
+                                indicator: [],
+                                radius: '60%',
+                                center: ["50%", "55%"] // 雷达图设置偏下位置，与标题栏间隔一点距离
+                            };
+                            for (var i = 0; i < chartData[bynameArr[0]].length; i++) {
+                                var indicatorItem = {};
+                                indicatorItem.name = chartData[bynameArr[0]][i];
+                                indicatorItem.max = inMaxNum; // 取统一的最大值
+                                options.radar.indicator.push(indicatorItem);
+                            }
+                        } else {
+                            newparam = {
+                                "name": yByname,
+                                "type": options.rptType,
+                                "data": chartData[bynameArr[1]]
+                            };
+                        }
+                        options.series.push(newparam);
+                    }
+                }
+
+                t.setState({
+                    options: options,
+                    loadTrue:true
+                });
+               
+         }).catch((error) => {
+             console.error(error);
+         });
+    }
+
+    render(){
+        return (
+            <div style={{height:this.state.height}}>
+                {
+                this.state.loadTrue?
+                this.state.options.rptType == "单维表" || this.state.options.rptType == "二维表" || this.state.options.rptType == "三维表"?
+                <div style={{textAlign: 'center'}}>移动端暂不支持{this.state.options.rptType}</div>:
+                <ReactECharts
+                option={this.state.options}
+                style={{height:'100%',width:'100%'}}
+                autoResize={true}
+                // notMerge={true}
+                // lazyUpdate={true}
+                // theme={"theme_name"}
+                // onChartReady={this.onChartReadyCallback}
+                // onEvents={EventsDict}
+                />
+                :""
+                }
+            </div>
+        );
+    }
+}
+
+export default NoData;
+
+

package/lib/comment_list/List.jsx

@@ -0,0 +1,285 @@
+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>
+    )
+  }
+}