import React from 'react'
import { message } from "antd/lib/index";
import { getPropertyData, extendInclude, extendRule, getDataFieldValue, setDataFieldValue, initFilter, guid } from "../../utils/common";
import moment from 'moment';
import storage from '../../utils/storage'
import config from "../../config.js"
import { Button, Row, Col, Form, Input, Select, Upload, Icon, Modal, Spin,Table } from 'antd';
import { T } from "antd/lib/upload/utils";
/**
 * @return {string}
 */
// 编辑

export default {
  onBeforeEdit(params) {
    const { isNew, dispatch, login, setFieldValueByBatch, setFieldEditable, setFieldVisible,stateData } = params ? params : {};
      if(login.user?.NAME.indexOf("管理员") === -1 )
      {
        setFieldVisible("Nav_ChargeUser.NAME", false);
        setFieldEditable("Nav_User.NAME", false);
      }
      else
      {setFieldVisible("Nav_ChargeUser.NAME", true);
      setFieldEditable("Nav_User.NAME", true);
      }
    
  },
    handleRenderHeadControl(params) {
    if (params.colConfig.field === 'Nav_DepartmentUser') {
        const columns =[
        //     { title: '序号', dataIndex: 'ROW_NO',
        //     render: (value, row, index) => {
        //         if(!value)
        //         {
        //             value= index + 1;
        //         }
        //       }
        // },
            { title: '员工编号', dataIndex: 'Nav_User.CODE' , width: 200,align:"left"},
            { title: '员工名称', dataIndex: 'Nav_User.NAME' , width: 200,align:"left"},
            { title: '岗位', dataIndex: 'Nav_User.Nav_Person.Nav_Post.NAME' , width: 200,align:"left"},
            { title: '角色', dataIndex: 'Nav_User.Nav_ApproveRole.NAME' , width: 200,align:"left"},
            {
                title: '启用标志', dataIndex: 'Nav_User.ENABLE_STATUS', render: (value, row, index) => {
                    if(value === 0)
                    {
                        return "启用"
                    }
                    if(value === 1)
                   {
                    return "禁用"
                   }
                  }
            }
          ]
          const style = { width: '62%', height: '150px', position: 'fixed', top: '400px'}
          const data = params.record.Nav_DepartmentUser;
          const paginationConfig = {
            pageSizeOptions: ['5', '10', '20', '50', '100'],
            // current: this.state.loadParamJson.PageIndex,
            pageSize: 5,
            total: params.record.Nav_DepartmentUser?.length,
            showSizeChanger: true,
            size: 'small',
            position:'top',
            showTotal: () => `共 ${params.record.Nav_DepartmentUser?.length} 条`
          };
          return <>
          <div style={{margin:"360px 0 100px 0", height: '600px', position: 'fixed',width: '62%',}}>
          {/* pagination={paginationConfig} scroll={{y:150}} */}
            <Table size='small' columns={columns} dataSource={data} pagination={false} scroll={{ y: 250 }} />
            </div>
        </>
    }
    // else {
    //   return ""
    // }
  }
}
