}
     render(){
         let machine = this.props.machine || {}
+        let branch_num = this.props.branch_num || 0
         let system = machine.os_name + ' ' + machine.os_version;
         let camp = machine.comp_name + ' ' + machine.comp_version;
         let owner = machine.owner || {};
                         <div className='ui buttons'>
                             {/*todo link to machine page*/}
                             <Button basic mini color='grey'>
-                                4 branches involved
+                                {branch_num} branches involved
                             </Button>
                         </div>
                     </Card.Content>
 
             currentTotal: 0,
             currentPage:1,
             machine_sn: props.machine_sn || '',
-            branches: props.branches || [],
-            selected_branch: 1,
+            branches: props.branches,
+            selected_branch: props.branches[0].value,
         }
         // console.dir(this.state.branches)
         this.loadMachineRecordListByBranch = this.loadMachineRecordListByBranch.bind(this);
     }
 
     componentDidMount() {
-        // this.loadHistoryRecordList();
+        // console.log(this.state.branches[0].value)
+        this.loadMachineRecordListByBranch()
     }
     componentWillReceiveProps(nextProps) {
         this.setState({
         listParam.page = page;
         listParam.test_machine__machine_sn = this.state.machine_sn;
         listParam.branch__id = this.state.selected_branch;
-
+        if(listParam.branch__id <= 0) {
+            return;
+        }
         _record.getMachineRecordListByBranch(listParam).then(res => {
             _this.setState({
                 currentList: res.results,
 
         super(props);
         this.state = {
             machineNo: this.props.match.params.machine_sn,
-            branches:[],
+            branches: [
+                {'branch':0,'value':0}
+            ],
             machineInfo: {},
             isLoading: false,
             currentPage: 1,
                 </div>
                 <div className="col-md-3">
                     {/*<Segment vertical>Farmer Info</Segment>*/}
-                    <FarmerDetailCard machine={this.state.machineInfo}></FarmerDetailCard>
+                    <FarmerDetailCard machine={this.state.machineInfo} branch_num={this.state.branches.length}></FarmerDetailCard>
                 </div>
 
                 <div className="col-md-9">
 
 
 
                     <Table.Cell textAlign='center'>
-                        <Link color='linkedin' to={'detailInfo/' + record.uuid}>
+                        <Link color='linkedin' to={'/detailInfo/' + record.uuid}>
                             <Icon name='linkify'/> Link
                         </Link>
                     </Table.Cell>