//  // /spa/coms/components/comMobx/wea-log-view/components/LogComponent.js(参考文件进行修改)
// import React from "react";
// import { inject, observer } from "mobx-react";
// import { toJS } from "mobx";
// import {
//     WeaLocaleProvider,
//     WeaRightMenu,
//     WeaTop,
//     WeaTab,
//     WeaFormItem,
//     WeaDialog,
//     WeaInput,
//     WeaTable as WeaTableSelf,
//     WeaPopoverHrm
// } from "ecCom";
// import { WeaTableNew, WeaLogView } from "comsMobx";
// import { Button, Spin } from "antd";
// import isEmpty from 'lodash/isEmpty';

// const { WeaTable } = WeaTableNew;
// const getLabel = WeaLocaleProvider.getLabel;
// const WeaLogViewComp = WeaLogView.Component;

// @inject("schedule")
// @observer
// export default class DetailLog extends React.Component{
//   formatContent(record={}) {
//     let temp = '';
//     let newValues = {};
//     let oldValues = {};
//     if(record.newValue) newValues = JSON.parse(record.newValue);
//     if(record.oldValue) oldValues = JSON.parse(record.oldValue);
//     if(!isEmpty(newValues) || !isEmpty(oldValues)) {
//         let target = isEmpty(newValues) ? oldValues : newValues;
//         temp += `<ol style='list-style: decimal; margin-left: 20px'>`;
//         Object.keys(target).forEach(key => {
//         temp += `<li style='margin-bottom: 4px'>[${key}]:&nbsp;`;
//         if(oldValues[key] !== undefined && newValues[key] !== undefined) {
//             temp += (getLabel("385867", '由&nbsp;"$s"修改为&nbsp;').replace(
//                 /\$s/,
//                 oldValues[key]
//             ) + `"<span style='color: #FF0000'>${newValues[key]}</span>"</li>`);
//         }else {
//             temp += `${target[key]}</li>`;
//         }
//         });
//         temp += "</ol>";
//     }
//     return temp;
//   }

//   formatParams(record) {
//     let text = '';
//     if(!isEmpty(record.params)) {
//         text = `<pre><code>${JSON.stringify(
//           JSON.parse(record.params),
//           null,
//           2
//         )}</code></pre>`;
//     }
//     return text;
//   }

//   getDetailLogButton = () => {
//     const {schedule} = this.props;
//     const {showParams} = schedule;
//     let btnArr = [];

//     if(!showParams) {
//       btnArr.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@sgiu2l@integrationScheduleDetailLogButton`} type="primary" onClick={() => schedule.setShowParams(true)}>{getLabel('385866','查看原始参数')}</Button>)
//     }else {
//       btnArr.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@tkwy2z@integrationScheduleDetailLogButton`} onClick={() => schedule.setShowParams(false)}>{getLabel('1290','返回')}</Button>)
//     }
//     return btnArr;
//   }

//   render() {
//     const {schedule} = this.props;
//     const temp = this.formatContent(toJS(schedule.detailRecord));
//     const text = this.formatParams(toJS(schedule.detailRecord));
//     const zhangChenFieldsTemp = this.formatContent(
//       toJS(schedule.zhangChenFields)
//     );
//     const zhangChenFieldsText = this.formatParams(
//       toJS(schedule.zhangChenFields)
//     );
//     return (<div>
//       <WeaPopoverHrm ecId={`${this && this.props && this.props.ecId || ''}_WeaPopoverHrm@u6g7uq`} inDialog={true}>
//         <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@q2o4mh`}
//             hasScroll
//             key={schedule.detailKey}
//             onCancel={() => schedule.setDetailVisible(false)}
//             title={`${schedule.detailTitle}`}
//             icon={"icon-coms-Flow-setting"}
//             iconBgcolor={"#407008"}
//             visible={schedule.detailVisible}
//             style={{width: 1000, height: 700}}
//             buttons={this.getDetailLogButton()}
//             className="wea-log-view-detail"
//         >
//         {((!schedule.showParams && temp !== "") || (schedule.showParams && text !== "")) && (
//             <React.Fragment ecId={`${this && this.props && this.props.ecId || ''}_undefined@hw5h9a`}>
//               <div
//                 style={{ padding: 20, overflowX: "scroll" }}
//                 dangerouslySetInnerHTML={{
//                   __html: !schedule.showParams ? temp : text
//                 }}
//               />
//               <br />
//               <br />
//             </React.Fragment>
//         )}
//         {(zhangChenFieldsTemp !== "" || zhangChenFieldsText !== "") && (
//             <React.Fragment ecId={`${this && this.props && this.props.ecId || ''}_undefined@39zvet`}>
//               <div
//                 style={{ padding: 20, overflowX: "scroll" }}
//                 dangerouslySetInnerHTML={{
//                   __html: !schedule.showParams
//                     ? zhangChenFieldsTemp
//                     : zhangChenFieldsText
//                 }}
//               />
//               <br />
//             </React.Fragment>
//         )}
//         {!isEmpty(toJS(schedule.viewdetailDatas)) && 
//             toJS(schedule.viewdetailDatas).map((datas, index) => {
//             return (
//                 <div style={{paddingTop: 15}}>
//                   <div
//                     style={{
//                       padding: "0 0 8px 12px",
//                       borderBottom: "1px solid #e2e2e2"
//                     }}
//                   >
//                     {toJS(schedule.viewdetailTitles)[index] == "@#"
//                       ? ""
//                       : toJS(schedule.viewdetailTitles)[index] + ":"}
//                 </div>
//                 {toJS(schedule.viewdetailColumns).length > 0 &&
//                   !isEmpty(toJS(schedule.viewdetailColumns[index])) && (
//                     <WeaTableSelf ecId={`${this && this.props && this.props.ecId || ''}_WeaTableSelf@l8r0v0@integrationScheduleDetailLog${index}`}
//                       columns={toJS(schedule.viewdetailColumns[index])}
//                       dataSource={toJS(datas)}
//                       pagination={false}
//                       scroll={{x: 993, y: 700}}
//                     />
//                 )}
//                 </div>
//             )
//             })}
//         </WeaDialog>
//       </WeaPopoverHrm>
//     </div>)
//   }
// }