fmui-base 2.1.0-beta.8 → 2.1.0

package/README.md

@@ -1,8 +1,112 @@
 ## 移动端组件
 
----npm publish --tag beta
+---npm publish
 
-## 更新日志
+## 更新日志  
+- 2.1.0：表单子表组件支持扩展
+- 2.0.99：流程批量办理提示语优化
+- 2.0.98：表单字段增加校验
+- 2.0.97：流程列表页增加分类查询
+- 2.0.96：流程列表页增加分类查询
+- 2.0.95：弹出选择内容高度优化
+- 2.0.94：子表字段支持计算，批示意见支持上传附件
+- 2.0.93：流程组件支持作废，表单组件关联字段支持绑定子表字段bug修复
+- 2.0.92：流程组件支持作废功能
+- 2.0.91：表单组件关联字段支持绑定子表字段，子表change事件回调时增加子表的index
+- 2.0.90：表单组件子表处理
+- 2.0.89：表单组件子表处理
+- 2.0.88：表单组件支持关联表子表功能
+- 2.0.87：表单组件未用到的批示意见显示隐藏根据传的参数控制
+- 2.0.86：流程列表标题样式
+- 2.0.85：表单未用到的批示意见默认隐藏  
+- 2.0.84：批量办理回调时报错问题处理
+- 2.0.83：同一字段关联字段，编辑方式相同时冲突  
+- 2.0.82：移动表单支持宏值签名图片
+- 2.0.81：流程批量办理组件，办理后增加回调方法
+- 2.0.80：移动端样式修改
+- 2.0.79：移动端批量办理，选人和回调问题处理
+- 2.0.78：移动门户修改布局接口数据接收
+- 2.0.77：移动门户修改样式
+- 2.0.76：移动门户修改精选专题样式
+- 2.0.75：表单项目扩展问题修改;表单计算问题修改
+- 2.0.74：移动门户部件样式修改
+- 2.0.73：移动门户部件样式修改
+- 2.0.72：选人组件初始化性能优化
+- 2.0.71：移动门户部件样式修改
+- 2.0.70：移动端常用应用接口增加列数参数
+- 2.0.69：移动门户banner部件模式调整
+- 2.0.68：dom结构加载完成回调
+- 2.0.67：批示意见常用语样式修改和加载逻辑修改
+- 2.0.66：默认批示意见常用语编辑跳转
+- 2.0.65：移动端门户边距修改
+- 2.0.64：移动端门户常用应用修改
+- 2.0.63：移动端门户常用应用更换接口
+- 2.0.62：移动端批示意见常用语编辑跳转
+- 2.0.61：移动端门户常用应用角标显示问题
+- 2.0.60：移动端部件修改
+- 2.0.59：待办待阅数量问题修改
+- 2.0.58：待办、待阅页签增加数量提醒
+- 2.0.57：表单子表删除计算修改；批量办理
+- 2.0.56：移动端在线编辑预览增加下载按钮
+- 2.0.55：流程页面发起按钮问题修改
+- 2.0.54：移动门户添加下拉刷新
+- 2.0.53：移动门户日程部件多个显示问题
+- 2.0.52：移动门户部件标题字体
+- 2.0.51：移动门户部件样式修改
+- 2.0.50：移动门户部件标题修改
+- 2.0.49：移动门户图表组件修改
+- 2.0.48：移动门户组件修改
+- 2.0.47：移动端默认传阅
+- 2.0.46：移动门户图表组件单维表多维表不支持提示
+- 2.0.45：移动门户组件修改
+- 2.0.44：移动门户组件修改
+- 2.0.43：移动门户组件修改
+- 2.0.42：移动门户组件修改
+- 2.0.41：表单文本字段级联计算修改
+- 2.0.40：移动门户组件修改
+- 2.0.39：表单级联计算修改
+- 2.0.38：移动门户组件修改
+- 2.0.37：精选专题跳转
+- 2.0.36：移动门户组件修改
+- 2.0.35：移动门户组件修改
+- 2.0.34：批量提交流程移动端推送
+- 2.0.33：表单关联设置
+- 2.0.32：流程记录样式修改
+- 2.0.31：日期区间选择问题修改
+- 2.0.30：【流程中心】支持移动端隐藏流程图;流程记录样式修改
+- 2.0.29：流程记录样式修改；日期期间选择
+- 2.0.28：选人组件暂无数据修改；表单样式修改
+- 2.0.27：日期计算
+- 2.0.26：表单初始化计算人民币大写
+- 2.0.25：流程详情修改
+- 2.0.24：暂无数据文案修改
+- 2.0.23：流程详情修改
+- 2.0.22: 移动端组件公共样式；流程详情修改；半天日期ios问题修改
+- 2.0.21: 移动端组件公共样式
+- 2.0.20: 移动端组件公共样式
+- 2.0.19: 移动端组件公共样式
+- 2.0.18: 移动端组件公共样式
+- 2.0.17: 移动端选人组件常用页签问题修改
+- 2.0.16: 移动端半天日期选择需求开发
+- 2.0.15: 移动端选人组件问题修改
+- 2.0.14: 选人组件页签扩展功能;流程删除后，移动端提醒优化
+- 2.0.13: 退回意见弹窗问题修复
+- 2.0.12: 表单时间问题修复
+- 2.0.11: 上传附件图标更新
+- 2.0.10: 流程表单子表新增按钮样式修改
+- 2.0.9: 党建流程二开功能支持修改；选人组件岗位切换问题修改
+- 2.0.8: 上传组件冒泡事件问题修复
+- 2.0.7: 上传组件结构调整
+- 2.0.6: 政治面貌全选问题修改
+- 2.0.5: 流程功能优化
+- 2.0.4: 表单组件错误优化；政治面貌全选问题修改
+- 2.0.3: 增加流程图；表单按钮功能扩展
+- 2.0.2: 时间字段增加“xxxx年xx月xx日”中文显示
+- 2.0.1: 流程表单选人组件联动开发 
+- 2.0.0: 2.0正式版 
+- 2.1.1-beta.1：流程列表样式修改
+- 2.1.1-beta.0：流程表单修改
+- 2.1.0-beta.9：流程表单修改
 - 2.1.0-beta.8：周补丁功能合并
 - 2.1.0-beta.7：移动端关联表功能
 - 2.1.0-beta.6：按钮修改和选人组件兼职组织修复

package/lib/chart/chart.js

@@ -0,0 +1,377 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _echartsForReact = require('echarts-for-react');
+
+var _echartsForReact2 = _interopRequireDefault(_echartsForReact);
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var NoData = function (_React$Component) {
+    _inherits(NoData, _React$Component);
+
+    function NoData(props) {
+        _classCallCheck(this, NoData);
+
+        var _this = _possibleConstructorReturn(this, (NoData.__proto__ || Object.getPrototypeOf(NoData)).call(this, 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未选中项存储
+                }
+            }
+        };
+        return _this;
+    }
+
+    //排序函数，排序系列时用到，只排序数字数组
+
+
+    _createClass(NoData, [{
+        key: 'sortNumber',
+        value: function sortNumber(a, b) {
+            return a - b;
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var t = this;
+            _db2.default.portal.getComponentInfoList({
+                ppId: t.state.portalId,
+                code: 'tbgl'
+            }).then(function (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(function (error) {
+                console.error(error);
+            });
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            return _react2.default.createElement(
+                'div',
+                { style: { height: this.state.height } },
+                this.state.loadTrue ? this.state.options.rptType == "单维表" || this.state.options.rptType == "二维表" || this.state.options.rptType == "三维表" ? _react2.default.createElement(
+                    'div',
+                    { style: { textAlign: 'center' } },
+                    '\u79FB\u52A8\u7AEF\u6682\u4E0D\u652F\u6301',
+                    this.state.options.rptType
+                ) : _react2.default.createElement(_echartsForReact2.default, {
+                    option: this.state.options,
+                    style: { height: '100%', width: '100%' },
+                    autoResize: true
+                    // notMerge={true}
+                    // lazyUpdate={true}
+                    // theme={"theme_name"}
+                    // onChartReady={this.onChartReadyCallback}
+                    // onEvents={EventsDict}
+                }) : ""
+            );
+        }
+    }]);
+
+    return NoData;
+}(_react2.default.Component);
+
+exports.default = NoData;

package/lib/chart/index.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _chart = require('./chart');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_chart).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/comment_list/List.js

@@ -97,33 +97,35 @@ var PageHome = function (_React$Component) {
     key: 'casigin',
     value: function casigin() {
       var commentList = this.props.list;
-      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)
-        _db2.default.FlowApproval.verifySign(param).then(function (content) {
-          var result = content.verifySignRes;
-          if (result == 'success') {
-            $("#commentSign-" + item.id).removeClass('t-PR16');
-            $("#" + item.id + "_sucess").show();
-          }
-        }).catch(function (error) {
-          if (error.errorMsg == "签名值与原文不匹配") {
-            $("#commentSign-" + item.id).removeClass('t-PR16');
-            $("#" + item.id + "_fail").show();
-          }
-          //  else{
-          //   Toast.show({
-          //     type: 'error',
-          //     content: error.errorMsg,
-          //   });
-          //  }
+      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)
+          _db2.default.FlowApproval.verifySign(param).then(function (content) {
+            var result = content.verifySignRes;
+            if (result == 'success') {
+              $("#commentSign-" + item.id).removeClass('t-PR16');
+              $("#" + item.id + "_sucess").show();
+            }
+          }).catch(function (error) {
+            if (error.errorMsg == "签名值与原文不匹配") {
+              $("#commentSign-" + item.id).removeClass('t-PR16');
+              $("#" + item.id + "_fail").show();
+            }
+            //  else{
+            //   Toast.show({
+            //     type: 'error',
+            //     content: error.errorMsg,
+            //   });
+            //  }
+          });
         });
-      });
+      }
     }
 
     //初始化ids