import React, { Component } from "react";
import styles from './index.less';
import historyServices from '../../../services/history';
import { connect } from 'dva';@connect(({history}) => ({model_history: history}))
export default class Master extends Component {
constructor(props) {
super(props);
this.state = {
stuContent : []
}
} componentWillMount () {
this.props.dispatch({ type: 'history/getSheetList'})
this.props.dispatch({ type: 'history/getStatus'})
const sheetList = this.props.model_history.history_sheet
const statusList = this.props.model_history.status_list
} jumpDetails = () => {
this.props.history.push('/history/detail')
} render() {
const sheetList = this.props.model_history.history_sheet
const statusList = this.props.model_history.status_list
const sheet_items = Array.from(sheetList)
// console.log(sheetList.data.Data)
console.log(statusList)
const showStatusText = ({
hospital_cancle_status, send_status, hospital_check_status, hospital_status_info, status_info, sheet_status
}) =>{
if (hospital_cancle_status == 3 || sheet_status == 2) { return (
<div>
<p style={{ color: 'rgba(0, 0, 0, .45)' }}>已取消</p >
</div>
);
} else if (hospital_check_status == 0 && hospital_cancle_status == 1 && send_status != 1) {
return (
<div>
<p style={{ color: '#F06D34' }}>取消申请</p >
</div>
);
} else if (hospital_check_status == 1 && hospital_cancle_status == 0 && send_status == 0) {
return (<div style={{ color: 'rgb(16, 142, 233)' }}>样本待审核</div>);
} else if (hospital_check_status == 2 && send_status == 0) {
return (
<div>
<p style={{ color: '#F04134' }}>审核未通过</p >
</div>
);
} else if (send_status == 1) {
return (
<div>
<p style={{ color: 'rgb(0, 192, 127)' }}>已出报告</p >
</div>
);
} else {
return (<div style={{ color: 'rgb(154, 71, 213)' }}>等待报告</div>);
}
} for (var i = 0; i < sheet_items.length; i++) {
console.log( sheet_items[i])
showStatusText(sheet_items[i].hospital_cancle_status, sheet_items[i].send_status,sheet_items[i].hospital_check_status, sheet_items[i].hospital_status_info, sheet_items[i].status_info ,sheet_items[i].sheet_status);
}
return (
<div>
{sheet_items.map((sheetItem, index) => (
<div className={styles.historyItem}
onClick={this.jumpDetails}
>
<p className={styles.itemName}><i></i><span>{ sheetItem.owner_name+ " ("+sheetItem.pet_name+")"}</span></p>
<p className={styles.itemXm}>项 目: { sheetItem.diagnosis_name}</p>
<p className={styles.itemJch}>检测号: { sheetItem.code} </p>
<p className={styles.itemJcz}> </p>
</div>
))}
<div className={styles.historyFooter}>
<p className={styles.footerPt}>移动版暂未开通全部历史送检功能,如需查看</p>
<p className={styles.footerPb}>请登陆PC版,地址:lcjc.lpet.com</p>
</div>
</div>
);
}
}
我想把数据当作函数形参放进去,怎么做? 怎么拿到函数返回值,反馈到页面上。答出来有奖金。
import styles from './index.less';
import historyServices from '../../../services/history';
import { connect } from 'dva';@connect(({history}) => ({model_history: history}))
export default class Master extends Component {
constructor(props) {
super(props);
this.state = {
stuContent : []
}
} componentWillMount () {
this.props.dispatch({ type: 'history/getSheetList'})
this.props.dispatch({ type: 'history/getStatus'})
const sheetList = this.props.model_history.history_sheet
const statusList = this.props.model_history.status_list
} jumpDetails = () => {
this.props.history.push('/history/detail')
} render() {
const sheetList = this.props.model_history.history_sheet
const statusList = this.props.model_history.status_list
const sheet_items = Array.from(sheetList)
// console.log(sheetList.data.Data)
console.log(statusList)
const showStatusText = ({
hospital_cancle_status, send_status, hospital_check_status, hospital_status_info, status_info, sheet_status
}) =>{
if (hospital_cancle_status == 3 || sheet_status == 2) { return (
<div>
<p style={{ color: 'rgba(0, 0, 0, .45)' }}>已取消</p >
</div>
);
} else if (hospital_check_status == 0 && hospital_cancle_status == 1 && send_status != 1) {
return (
<div>
<p style={{ color: '#F06D34' }}>取消申请</p >
</div>
);
} else if (hospital_check_status == 1 && hospital_cancle_status == 0 && send_status == 0) {
return (<div style={{ color: 'rgb(16, 142, 233)' }}>样本待审核</div>);
} else if (hospital_check_status == 2 && send_status == 0) {
return (
<div>
<p style={{ color: '#F04134' }}>审核未通过</p >
</div>
);
} else if (send_status == 1) {
return (
<div>
<p style={{ color: 'rgb(0, 192, 127)' }}>已出报告</p >
</div>
);
} else {
return (<div style={{ color: 'rgb(154, 71, 213)' }}>等待报告</div>);
}
} for (var i = 0; i < sheet_items.length; i++) {
console.log( sheet_items[i])
showStatusText(sheet_items[i].hospital_cancle_status, sheet_items[i].send_status,sheet_items[i].hospital_check_status, sheet_items[i].hospital_status_info, sheet_items[i].status_info ,sheet_items[i].sheet_status);
}
return (
<div>
{sheet_items.map((sheetItem, index) => (
<div className={styles.historyItem}
onClick={this.jumpDetails}
>
<p className={styles.itemName}><i></i><span>{ sheetItem.owner_name+ " ("+sheetItem.pet_name+")"}</span></p>
<p className={styles.itemXm}>项 目: { sheetItem.diagnosis_name}</p>
<p className={styles.itemJch}>检测号: { sheetItem.code} </p>
<p className={styles.itemJcz}> </p>
</div>
))}
<div className={styles.historyFooter}>
<p className={styles.footerPt}>移动版暂未开通全部历史送检功能,如需查看</p>
<p className={styles.footerPb}>请登陆PC版,地址:lcjc.lpet.com</p>
</div>
</div>
);
}
}
我想把数据当作函数形参放进去,怎么做? 怎么拿到函数返回值,反馈到页面上。答出来有奖金。
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货