import React,{ Component } from 'react'; import { Button, Modal, Select, Tag, Tooltip, } from "antd"; import './index.less'; import TabelContent from "../../../../common/tabelContent"; import {splitUrl,getClockState} from "@/tools"; import ImgList from "../../../../common/imgList"; class DetailedList extends Component{ constructor(props) { super(props); this.state= { columns: [ { title: "编号", dataIndex: "key", key: "key", }, { title: "面谈部门", dataIndex: "depName", key: "depName", }, { title: "客户类型", dataIndex: "name", key: "name", }, { title: "面谈客户", dataIndex: "name", key: "name", }, { title: "面谈数", dataIndex: "quantity", key: "quantity", className: 'projectTable', width: 150, onCellClick: (record, event) => { event.stopPropagation(); this.setState({ visible1: true, aid: record.aid }) }, }, { title: "签单数", dataIndex: "total", key: "total", className: 'projectTable', width: 150, onCellClick: (record, event) => { event.stopPropagation(); this.setState({ visible2: true, aid: record.aid }) }, }, ], columns1: [ { title: "编号", dataIndex: "key", key: "key", width: 45 }, { title: "客户名称", dataIndex: "nickname", key: "nickname", width: 140, render: (text) => { return (
{text}
) }, }, { title: "跟单人", dataIndex: "sname", key: "sname", width: 100, render: (text) => { return (
{text}
) }, }, { title: "公出申请人", dataIndex: "aname", key: "aname", width: 100, render: (text) => { return (
{text}
) }, }, { title: "申请时间", dataIndex: "createTimes", key: "createTimes", width: 130 }, { title: "公出时间", dataIndex: "releaseStarts", key: "releaseStarts", width: 130, render: (text, record) => (
{text}
{record.releaseEnds}
) }, { title: "公出地点", dataIndex: "userName", key: "userName", width: 120, render: (text) => { return (
{text}
) }, }, { title: "公出时长(时)", dataIndex: "duration", key: "duration", width: 50 }, { title: "打卡时间", dataIndex: "clockInTimes", key: "clockInTimes", width: 130 }, { title: "审核状态", dataIndex: "status", key: "status", width: 40, render: (text) => ( {getClockState(text).title} ) }, { title: "打卡状态", dataIndex: "clockIn", key: "clockIn", width: 60, render: (text) => ( text === 1 ? '已打卡' : text === 0 ? '未打卡' : '' ) }, { title: "公出原因/计划", dataIndex: "remarks", key: "remarks", width: 155, render: (text) => { return (
{text}
) }, }, { title: "补充", dataIndex: "supplement", key: "supplement", width: 155, render: (text) => { return (
{text}
) }, }, { title: "审核/指导", dataIndex: "auditInfo", key: "auditInfo", width: 155, render: (text) => { return (
{text}
) }, }, { title: "操作", dataIndex: "annexUrl", key: "annexUrl", render: (text,record) => (
) }, ], } } searchList(){ let arr = [ { type:'departmentSelect', dataKey:'depId', placeholder:'请选择部门' }, { type:'select', dataKey:'province', placeholder:'请选择省份', selectOptionList:()=>{ let Province = []; provinceList.map(function(item) { let id = String(item.id) Province.push( {item.name} ) }); return Province }, }, //0 总数量 1总金额 2总面谈 { type:'select', dataKey:'sort', placeholder:'请选择排序', selectList:[ { value:'0', label:'按总数量排序' }, { value:'1', label:'按总金额排序' }, { value:'2', label:'按总面谈排序' }, ] }, { type:'times', title:'公出时间', dataKey:'date', format: 'YYYY/MM' }, ] return arr; } searchList1(){ let arr = [ { type:'autoComplete', dataKey:'orderNo', api:'/api/admin/customer/listAdminByName', search:'adminName', placeholder:'请输入客户名称' }, { type:'text', dataKey:'name', placeholder:'请输入客户名称' }, { type:'departmentSelect', dataKey:'depId', placeholder:'请选择部门' }, { type:'text', dataKey:'contractNo', placeholder:'请输入合同编号' }, { type:'select', dataKey:'liquidationStatus', placeholder:'请选择结算状态', selectList:[ { value:'0', label:'首付待付请' }, { value:'1', label:'尾款待付清' }, { value:'2', label:'已付清' } ] }, { type:'select', dataKey:'approval', placeholder:'请选择特批状态', selectList:[ { value:'0', label:'非特批' }, { value:'1', label:'特批' } ] }, { type:'select', dataKey:'amountStatus', placeholder:'请选择签单金额', selectList:[ { value:'0', label:'10万元以下' }, { value:'1', label:'10~20万元' }, { value:'2', label:'20~30万元' }, { value:'3', label:'30~40万元' }, { value:'4', label:'40万元以上' }, ] }, { type:'times', title:'下单时间', dataKey:['starTime','endTime'], }, ] return arr; } render() { return (
{ let theArr = []; for (let i = 0; i < data.data.length; i++) { let thisdata = data.data[i]; thisdata.key=i + 1; theArr.push(thisdata); } return theArr; }} />
{this.state.visible1 && { this.setState({ visible1:false }) }} onCancel={()=>{ this.setState({ visible1:false }) }} width='1600px' title='公出详细列表' footer='' className="admin-desc-content">
{ let theArr = []; for (let i = 0; i < data.data.list.length; i++) { let thisdata = data.data.list[i]; thisdata.key=(data.data.pageNo - 1) * data.data.pageSize + i + 1; theArr.push(thisdata); } return theArr; }} />
}
{this.state.imgListVisible ? {this.setState({ imgListVisible:false })}} onCancel={()=>{this.setState({ imgListVisible:false })}} width='500px' title='图片' footer=''>
申请附件
打卡照片
: null}
) } } export default DetailedList;