fmui-base 1.0.48 → 2.0.0

package/lib/process_info/processInfo.js

@@ -30,6 +30,10 @@ var _RadioField = require('saltui/lib/RadioField');
 
 var _RadioField2 = _interopRequireDefault(_RadioField);
 
+var _Field = require('saltui/lib/Field');
+
+var _Field2 = _interopRequireDefault(_Field);
+
 var _TextareaField = require('saltui/lib/TextareaField');
 
 var _TextareaField2 = _interopRequireDefault(_TextareaField);
@@ -50,6 +54,10 @@ var _Boxs = require('saltui/lib/Boxs');
 
 var _Boxs2 = _interopRequireDefault(_Boxs);
 
+var _h5Imageviewer = require('h5-imageviewer');
+
+var viewer = _interopRequireWildcard(_h5Imageviewer);
+
 var _ActionSheet = require('saltui/lib/ActionSheet');
 
 var _ActionSheet2 = _interopRequireDefault(_ActionSheet);
@@ -94,6 +102,8 @@ var _upload = require('../upload/upload');
 
 var _upload2 = _interopRequireDefault(_upload);
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -107,13 +117,15 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 var HBox = _Boxs2.default.HBox,
     Box = _Boxs2.default.Box,
     VBox = _Boxs2.default.VBox;
-var ButtonGroup = _Button2.default.ButtonGroup;
+var ButtonGroup = _Button2.default.ButtonGroup,
+    TextButton = _Button2.default.TextButton;
 //import UserInfo from '../approval-details/UserInfo';
 
 var extFile = "";
 var ActionSheetButton = void 0;
 var iconIndex = 0;
 var searchVal = '';
+// const viewer = null;
 
 var evoRemind = '0';
 var sysSMSsetting = '0';
@@ -154,9 +166,15 @@ var PageHome = function (_React$Component) {
 
         /* $(".loading-containter").hide();*/
 
-        //消息提醒
         var _this = _possibleConstructorReturn(this, (PageHome.__proto__ || Object.getPrototypeOf(PageHome)).call(this, props));
 
+        var bottom = 52;
+        var isIPhoneXR = /iphone/gi.test(window.navigator.userAgent) && window.screen.height >= 812;
+        if (isIPhoneXR) {
+            bottom = 52 + 46;
+        }
+
+        //消息提醒
         _thirdMenuType = getLoginUserInfo().thirdMenuType;
         var loginUserId = getLoginUserInfo().userId;
         var fxUserId = props.userId;
@@ -287,6 +305,7 @@ var PageHome = function (_React$Component) {
         });
 
         var param = {
+            bottom: bottom,
             editType: editType,
             isDraft: isDraft,
             listType: listType,
@@ -572,16 +591,33 @@ var PageHome = function (_React$Component) {
                 "overflow": "auto",
                 "height": ""
             });
+            if (viewer) {
+                viewer.hideViewer();
+            }
+
             _Dialog2.default.hide();
             _Popup2.default.hide();
             if (ActionSheetButton) {
                 ActionSheetButton.close();
             }
         }
+    }, {
+        key: 'imageView',
+        value: function imageView(src) {
+            viewer.showViewer({
+                src: src
+            });
+        }
     }, {
         key: 'componentDidMount',
         value: function componentDidMount() {
             var t = this;
+            document.addEventListener('click', function (e) {
+                if (e.target.tagName === 'IMG') {
+                    t.imageView(e.target.src);
+                }
+            });
+
             var taskId = this.state.taskId;
             var processInstanceId = this.state.processInstanceId;
             var listType = this.state.listType;
@@ -1009,7 +1045,10 @@ var PageHome = function (_React$Component) {
                     //关联字段
                     var formRelaField = content.formRelaField;
                     var commentFieldList = [];
-                    var defaultValue = content.defaultValue;
+                    var defaultValue = "";
+                    if (content.defaultValue || content.defaultValue === 0) {
+                        defaultValue = content.defaultValue;
+                    }
                     var commentId = content.commentId;
                     //alert(defaultValue);
                     var commentDefaultList = [];
@@ -2127,6 +2166,7 @@ var PageHome = function (_React$Component) {
                                 var personValues = []; //备选的人
                                 var participantMode = item.participantMode; //判断选人是单选还是多选
                                 var commonUsedData = []; //自定义选人的范围,常用
+                                var commonTreeData = [];
                                 var popCode = "";
                                 var chooseType = "";
                                 var type3ParNum = 0;
@@ -2174,6 +2214,11 @@ var PageHome = function (_React$Component) {
                                     }
                                     var commonUsedId = ''; //常用选择范围
                                     var participantList = item.participantList;
+                                    var participantListNew = item.participantListNew;
+                                    if (participantListNew != null && participantListNew != "" && participantListNew.length > 0) {
+                                        commonTreeData = participantListNew;
+                                    }
+
                                     participants = '';
                                     if (participantList != null && participantList != "" && participantList.length > 0) {
                                         for (var i = 0; i < participantList.length; i++) {
@@ -2226,6 +2271,10 @@ var PageHome = function (_React$Component) {
                                     chooseType = "userNotOrg,userNotGroup";
                                     var commonUsedId = ''; //常用选择范围
                                     var participantList = item.participantList;
+                                    var participantListNew = item.participantListNew;
+                                    if (participantListNew != null && participantListNew != "" && participantListNew.length > 0) {
+                                        commonTreeData = participantListNew;
+                                    }
                                     if (participantList != null && participantList != "" && participantList.length > 0) {
                                         for (var i = 0; i < participantList.length; i++) {
                                             if (participantList[i].type != "user") {
@@ -2272,6 +2321,7 @@ var PageHome = function (_React$Component) {
                                 checkedItem.code = popCode;
                                 checkedItem.chooseType = chooseType;
                                 checkedItem.commonUsedData = commonUsedData;
+                                checkedItem.commonTreeData = commonTreeData;
                                 checkedItem.participantMode = participantMode; //选人单选还是多选，1多选，0单选
                                 checkedItem.personValue = personValue;
                                 checkedItem.selectUserReadOnly = selectUserReadOnly;
@@ -2943,6 +2993,22 @@ var PageHome = function (_React$Component) {
             var mainTableId = data.dataId;
             allEditIdsArray.push(mainTableId);
 
+            //关联表
+            var relatedTbl = data.relatedTbl;
+            for (var i = 0; i < relatedTbl.length; i++) {
+                var relatedTblItem = relatedTbl[i];
+                if (relatedTblItem) {
+                    var relatedMainTblData = relatedTblItem.relatedMainTblData;
+                    if (relatedMainTblData) {
+                        for (var j = 0; j < relatedMainTblData.length; j++) {
+                            if (relatedMainTblData[j].key == "id") {
+                                allEditIdsArray.push(relatedMainTblData[j].value);
+                            }
+                        }
+                    }
+                }
+            }
+
             //子表id
             var subTbl = data.subTbl;
             for (var i = 0; i < subTbl.length; i++) {
@@ -5279,41 +5345,41 @@ var PageHome = function (_React$Component) {
                     /* buttonCodeList.push({'buttonCode':'BASE_SUMBIT','buttonName':'通过'});
                      buttonCodeList.push({'buttonCode':'PAGE_SAVE','buttonName':'保存'});*/
                     if (buttonCodeList.length > 4) {
-                        buttonList.push({ name: '更多', type: 'secondary', display: 'banner', no: -1 });
+                        buttonList.push({ name: '更多', type: 'text', display: 'inline', no: -1 });
                         for (var c = 0; c < buttonCodeList.length; c++) {
                             var buttonCode = buttonCodeList[c]['buttonCode'];
                             var buttonName = buttonCodeList[c]['buttonName'];
                             if (c < 3) {
                                 if (buttonCode == 'BACK') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 2 });
+                                    buttonList.push({ name: buttonName, type: 'danger', display: 'inline', no: 2 });
                                 } else if (buttonCode == 'PAGE_SAVE') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 13 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 13 });
                                 } else if (buttonCode == 'BASE_SUMBIT') {
                                     var sumbmitName = buttonName;
                                     if (dataId == '' || isStart == true) {
                                         sumbmitName = '提交';
                                     }
-                                    buttonList.push({ name: sumbmitName, type: 'primary', display: 'banner', no: 1 });
+                                    buttonList.push({ name: sumbmitName, type: 'primary', display: 'inline', no: 1 });
                                 } else if (buttonCode == 'BASE_TRANSFER') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 3 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 3 });
                                 } else if (buttonCode == 'HELP_CIRCULATE') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 4 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 4 });
                                 } else if (buttonCode == 'HELP_FORWARD') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 20 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 20 });
                                 } else if (buttonCode == 'BASE_JUMP') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 5 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 5 });
                                 } else if (buttonCode == 'HELP_ADDLOTS') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 6 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 6 });
                                 } else if (buttonCode == 'BASE_END') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 8 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 8 });
                                 } else if (buttonCode == 'BASE_INVALID') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 9 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 9 });
                                 } else if (buttonCode == 'HELP_DISTRIBUTE') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 'distributeFlow' });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 'distributeFlow' });
                                 } else if (buttonCode == 'MAILSEND') {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 18 });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 18 });
                                 } else {
-                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: buttonCode });
+                                    buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: buttonCode });
                                 }
                             } else if (c == 3) {
                                 //buttonList.push({name:'更多',type:'secondary',display:'banner',no:-1});
@@ -5331,35 +5397,35 @@ var PageHome = function (_React$Component) {
                             var buttonName = buttonCodeList[c]['buttonName'];
 
                             if (buttonCode.indexOf('BACK') >= 0) {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 2 });
+                                buttonList.push({ name: buttonName, type: 'danger', display: 'inline', no: 2 });
                             } else if (buttonCode == 'PAGE_SAVE') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 13 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 13 });
                             } else if (buttonCode == 'BASE_SUMBIT') {
                                 var sumbmitName = buttonName;
                                 if (dataId == '' || isStart == true) {
                                     sumbmitName = '提交';
                                 }
-                                buttonList.push({ name: sumbmitName, type: 'primary', display: 'banner', no: 1 });
+                                buttonList.push({ name: sumbmitName, type: 'primary', display: 'inline', no: 1 });
                             } else if (buttonCode == 'BASE_TRANSFER') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 3 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 3 });
                             } else if (buttonCode == 'HELP_CIRCULATE') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 4 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 4 });
                             } else if (buttonCode == 'BASE_JUMP') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 5 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 5 });
                             } else if (buttonCode == 'HELP_ADDLOTS') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 6 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 6 });
                             } else if (buttonCode == 'BASE_END') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 8 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 8 });
                             } else if (buttonCode == 'BASE_INVALID') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 9 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 9 });
                             } else if (buttonCode == 'HELP_DISTRIBUTE') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 'distributeFlow' });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 'distributeFlow' });
                             } else if (buttonCode == 'HELP_FORWARD') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 20 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 20 });
                             } else if (buttonCode == 'MAILSEND') {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: 18 });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: 18 });
                             } else {
-                                buttonList.push({ name: buttonName, type: 'secondary', display: 'banner', no: buttonCode });
+                                buttonList.push({ name: buttonName, type: 'secondary', display: 'inline', no: buttonCode });
                             }
                         }
                     }
@@ -5699,11 +5765,11 @@ var PageHome = function (_React$Component) {
     }, {
         key: 'changeUrgeContent',
         value: function changeUrgeContent(newValue) {
-            var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
+            var regRule = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f\ude80-\udeff])|[\u2600-\u2B55]/g;
             if (newValue.match(regRule)) {
                 _Toast2.default.show({
                     type: 'error',
-                    content: '不能输入表情'
+                    content: '请输入非表情字符'
                 });
                 return false;
             }
@@ -5717,11 +5783,11 @@ var PageHome = function (_React$Component) {
     }, {
         key: 'changeBackReasonText',
         value: function changeBackReasonText(newValue) {
-            var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
+            var regRule = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f\ude80-\udeff])|[\u2600-\u2B55]/g;
             if (newValue.match(regRule)) {
                 _Toast2.default.show({
                     type: 'error',
-                    content: '不能输入表情'
+                    content: '请输入非表情字符'
                 });
                 return false;
             }
@@ -5754,11 +5820,11 @@ var PageHome = function (_React$Component) {
     }, {
         key: 'changeSendMailText',
         value: function changeSendMailText(newValue) {
-            var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
+            var regRule = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f\ude80-\udeff])|[\u2600-\u2B55]/g;
             if (newValue.match(regRule)) {
                 _Toast2.default.show({
                     type: 'error',
-                    content: '不能输入表情'
+                    content: '请输入非表情字符'
                 });
                 return false;
             }
@@ -5772,11 +5838,11 @@ var PageHome = function (_React$Component) {
     }, {
         key: 'changeRecoverReasonText',
         value: function changeRecoverReasonText(newValue) {
-            var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
+            var regRule = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f\ude80-\udeff])|[\u2600-\u2B55]/g;
             if (newValue.match(regRule)) {
                 _Toast2.default.show({
                     type: 'error',
-                    content: '不能输入表情'
+                    content: '请输入非表情字符'
                 });
                 return false;
             }
@@ -6307,9 +6373,10 @@ var PageHome = function (_React$Component) {
 
             var isReadOnly = false;
             var t = this;
+            var bottomStyle = { paddingBottom: this.state.bottom + 'px' };
             return _react2.default.createElement(
                 'div',
-                { className: 't-PB68' },
+                { style: bottomStyle, className: 'approval-details' },
                 _react2.default.createElement(
                     'div',
                     { className: this.state.errorMsg == '任务不存在' ? "dd-state-page" : 't-DN' },
@@ -6360,8 +6427,17 @@ var PageHome = function (_React$Component) {
                         { className: this.state.pageStatus == '0' ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { className: 't-P16 t-MB10 t-BCf t-FS16 t-FAC' },
-                            this.state.processName
+                            { className: 'approval-header' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'approval-card' },
+                                _react2.default.createElement(
+                                    'span',
+                                    { className: 'approval-card-left' },
+                                    this.state.processTitle
+                                ),
+                                _react2.default.createElement('img', { className: 'approval-card-right', src: _variables2.default.approvalCardIcon })
+                            )
                         ),
                         _react2.default.createElement(
                             _Tab2.default,
@@ -6371,7 +6447,7 @@ var PageHome = function (_React$Component) {
                                 { key: '0', title: '\u8868\u5355\u4FE1\u606F' },
                                 _react2.default.createElement(
                                     'div',
-                                    { id: 'approveWaterMarker', style: { top: 0, minHeight: 200, overflow: 'hidden' } },
+                                    { id: 'approveWaterMarker', className: 'approval-form-content', style: { top: 0, minHeight: 200, overflow: 'hidden' } },
                                     _react2.default.createElement(
                                         'div',
                                         { className: this.state.activeItemIndex == 0 ? '' : 't-DN' },
@@ -6419,9 +6495,13 @@ var PageHome = function (_React$Component) {
                         _Button2.default.Group,
                         null,
                         this.state.buttonList.map(function (item, i) {
-                            return _react2.default.createElement(
+                            return item.type == 'text' ? _react2.default.createElement(
+                                'span',
+                                { 'class': 't-FCblue', onClick: t.handleSubmit.bind(t, item.no) },
+                                item.name
+                            ) : _react2.default.createElement(
                                 _Button2.default,
-                                { type: item.type, code: item.buttonCode, display: item.display, onClick: t.handleSubmit.bind(t, item.no) },
+                                { type: item.type, className: item.name == '保存草稿' ? 'button_save' : '', code: item.buttonCode, display: item.display, onClick: t.handleSubmit.bind(t, item.no) },
                                 item.name
                             );
                         }.bind(this))
@@ -6432,10 +6512,10 @@ var PageHome = function (_React$Component) {
                     { className: this.state.pageStatus == '1' && this.state.operate == 1 ? '' : 't-DN' },
                     _react2.default.createElement(
                         'div',
-                        { className: this.state.nextActivityList.length == 0 && this.state.nextRadomList.length == 0 ? '' : '', style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                        { className: this.state.nextActivityList.length == 0 && this.state.nextRadomList.length == 0 ? '' : '', style: { background: '#f2f3f5', padding: '10px 5px' } },
                         _react2.default.createElement(
                             'span',
-                            { className: 't-FCddblue' },
+                            { className: 't-FCblue' },
                             _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                             '\u5BA1\u6279\u73AF\u8282'
                         )
@@ -6576,6 +6656,7 @@ var PageHome = function (_React$Component) {
                                     isDelete: true,
                                     defaultValue: item.personValue,
                                     commonUsedData: item.commonUsedData,
+                                    commonTreeData: item.commonTreeData,
                                     onChange: this.getChoosePerson.bind(this, i),
                                     queryLimit: item.participants == '' ? '' : '5',
                                     limitData: item.participants == '' ? '' : item.participants
@@ -6664,10 +6745,10 @@ var PageHome = function (_React$Component) {
                     { className: this.state.pageStatus == '1' && this.state.operate == 3 ? '' : 't-DN' },
                     _react2.default.createElement(
                         'div',
-                        { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                        { style: { background: '#f2f3f5', padding: '10px 5px' } },
                         _react2.default.createElement(
                             'span',
-                            { className: 't-FCddblue' },
+                            { className: 't-FCblue' },
                             _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                             '\u8F6C\u4EA4\u73AF\u8282'
                         )
@@ -6726,10 +6807,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 2 && this.state.canBackActivity.length > 0 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u9000\u56DE\u73AF\u8282'
                             )
@@ -6756,22 +6837,25 @@ var PageHome = function (_React$Component) {
                             placeholder: '请输入退回原因',
                             value: this.state.backReasonText,
                             onChange: this.changeBackReasonText.bind(this) }),
-                        _react2.default.createElement(_upload2.default, {
-                            required: false,
-                            canAdd: true,
-                            canDel: true,
-                            label: '\u9644\u4EF6',
-                            initList: this.state.backInitList,
-                            initIds: '',
-                            dir: 'approve',
-                            onChange: function onChange(value, isInit) {
-                                t.handleChangePic(value);
-                            },
-                            onDel: function onDel(value) {
-                                t.handleChangePic(value);
-                            },
-                            ref: 'backRef'
-                        }),
+                        _react2.default.createElement(
+                            _Field2.default,
+                            { label: '\u9644\u4EF6', layout: 'h', multiLine: true },
+                            _react2.default.createElement(_upload2.default, {
+                                required: false,
+                                canAdd: true,
+                                canDel: true,
+                                initList: this.state.backInitList,
+                                initIds: '',
+                                dir: 'approve',
+                                onChange: function onChange(value, isInit) {
+                                    t.handleChangePic(value);
+                                },
+                                onDel: function onDel(value) {
+                                    t.handleChangePic(value);
+                                },
+                                ref: 'backRef'
+                            })
+                        ),
                         _react2.default.createElement(_CheckboxField2.default, {
                             data: this.state.shortMessageList,
                             className: '',
@@ -6784,10 +6868,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 5 && this.state.nextJumpActivity.length > 0 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u8DF3\u8F6C\u73AF\u8282'
                             )
@@ -6823,10 +6907,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 6 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u52A0\u7B7E'
                             )
@@ -6855,10 +6939,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 4 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u4F20\u9605'
                             )
@@ -6887,10 +6971,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 20 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u8F6C\u53D1'
                             )
@@ -6919,10 +7003,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 12 && this.state.urgeDataList.length > 0 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u50AC\u529E\u73AF\u8282'
                             )
@@ -6960,10 +7044,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 14 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u6536\u56DE\u73AF\u8282'
                             )
@@ -6982,10 +7066,10 @@ var PageHome = function (_React$Component) {
                         { className: this.state.operate == 18 ? '' : 't-DN' },
                         _react2.default.createElement(
                             'div',
-                            { style: { background: '#f2f3f5', height: '35px', padding: '10px 5px' } },
+                            { style: { background: '#f2f3f5', padding: '10px 5px' } },
                             _react2.default.createElement(
                                 'span',
-                                { className: 't-FCddblue' },
+                                { className: 't-FCblue' },
                                 _react2.default.createElement('i', { className: 'iconfont icon-back t-rotate-180 t-FS14 t-FR' }),
                                 '\u90AE\u4EF6\u8F6C\u53D1'
                             )
@@ -7031,12 +7115,12 @@ var PageHome = function (_React$Component) {
                             null,
                             _react2.default.createElement(
                                 _Button2.default,
-                                { type: 'secondary', display: 'banner', onClick: this.handleCancelClick.bind(this) },
+                                { type: 'secondary', display: 'inline', onClick: this.handleCancelClick.bind(this) },
                                 '\u53D6\u6D88'
                             ),
                             _react2.default.createElement(
                                 _Button2.default,
-                                { type: 'primary', display: 'banner', onClick: this.handleSubmitClick.bind(this) },
+                                { type: 'primary', display: 'inline', onClick: this.handleSubmitClick.bind(this) },
                                 '\u786E\u8BA4'
                             )
                         )