<script lang="ts" setup name="financingManagement" >
  import { ref,onBeforeMount } from 'vue';
  import { ElMessage, ElMessageBox } from "element-plus"
  import { useRoute } from "vue-router"
  import useUserStore from "@/store/modules/user";
  import TableTools from "@/components/Tools/table_tools.vue";
  import Table from "./components/Table/index.vue"
  import {
    getFinancingList,
    deleteFinancingAll,
    createFinancing,
    financingUpdate,
    getDocumentList
  } from "@/api/modules/dataTransaction";
const route = useRoute()
const userStore = useUserStore();
const searchItemList = ref([
    {
      type: "input",
      label: "",
      field: "daName",
      default: "",
      placeholder: "资产名称",
      clearable: true,
    },
  ]);
  const page = ref({
    limit: 50,
    rows:0,
    curr: 1,
    sizes: [
      { label: "10", value: 10 },
      { label: "50", value: 50 },
      { label: "100", value: 100 },
      { label: "150", value: 150 },
      { label: "200", value: 200 },
    ],
    daName: '',
  });
  const BASE_ID = "BASE_ID"
  const { proxy } = getCurrentInstance() as any;
  const tableRef = ref()
  const tableInfo = ref({
    id: 'entry-asset-table',
    loading:false,
    isEdit:false,
    currentId:"0",
    flag:"create",
    data:[] as any,
  })
const companyOption = ref<any>([])
const assetsOption = ref<any>([])
const NUMBER_MAX=999999999999
  const colums = [
  {
    type:"index",
    label:"序号",
    align:"center",
    width:"56"
  },
  {
    prop:"companyName",
    label:"公司名称",
    width:"220",
    componentType:"select",
    selectKey:"tenantName",
    selectOption:() => companyOption.value
  },
  {
    prop:"daName",
    label:"资产名称",
    width:"180",
    componentType:"select",
    selectOption:() => assetsOption.value ,
    selectKey:"daName",
  },
  {
    prop:"daCode",
    label:"资产编号",
    width:"180"
  },
  {
    prop:"registerTime",
    label:"登记时间",
    width:"130",
    componentType:"dateTime",
  },
  {
    prop:"effectiveDate",
    label:"有效期",
    width:"130",
    componentType:"dateTime",
  },
  {
    prop:"issuingEntityName",
    label:"发证主体",
    width:"250"
  },
  {
    prop:"creditGrantingTime",
    label:"授信时间",
    width:"130",
    componentType:"dateTime",
    componentDisabled:false
  },
  {
    prop:"creditGrantingGenerality",
    label:"授信主体",
    width:"180",
    componentDisabled:false
  },
  {
    prop:"creditGrantingMoney",
    label:"授信金额(万元)",
    width:"200",
    componentType:"number",
    placeholder:"0.00",
    componentDisabled:false,
    config:{
      controls:false
    },
    toFixed:true,
    align:"right",
    input:(value,key,info)=>{
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/[^\d.]/g,"")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/\.{2,}/g,".")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(".","$#$").replace(/\./g,"").replace("$#$",".")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d).*$/,"$1$2.$3")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/^\D*(\d{0,12}(?:\.\d{0,6})?).*$/g,"$1")
    },
    change:(value,key,info) => {
      let strArr = value.split(".")
      if(strArr.length>1) {
        let right = strArr[1]
        if(right==='' || right.length<2) {
          tableRef.value.columnInfo[key] = parseFloat(tableRef.value.columnInfo[key]||0).toFixed(2)
        }
      } else {
        tableRef.value.columnInfo[key] = parseFloat(tableRef.value.columnInfo[key]||0).toFixed(2)
      }
    }
  },
  {
    prop:"creditGrantingTerm",
    label:"授信期限(月)",
    width:"180",
    componentType:"number",
    placeholder:"0",
    config:{
      controls:false,
    },
    align:"right",
    componentDisabled:false,
    toFixed:false,
    input:(value,key,info)=>{
      //tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/[^\d]/g,"")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/\./g,"")
     //tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(".","$#$").replace(/\./g,"").replace("$#$",".")
     //tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/^(\-)*(\d+)\.(\d\d).*$/,"$1$2.$3")
     tableRef.value.columnInfo[key] = tableRef.value.columnInfo[key].toString().replace(/^\D*(\d{0,12}(?:\.\d{0})?).*$/g,"$1")
    }
  },
]
  const columnInfo = ref({
    guid:"",
    companyGuid: "",
    registerGuid: "",
    daName: "",
    companyName:"",
    registerTime: "",
    issuingEntityName:"",
    daCode: "",
    effectiveDate: "",
    issuingEntityGuid: "",
    creditGrantingTime: "",
    creditGrantingGenerality: "",
    creditGrantingMoney: 0,
    creditGrantingTerm: 0
  })
  const tableSelectInfo = ref({
  selectValue:"",
  companyGuid:""
})
  const toSearch = (val: any, clear: boolean = false) => {
    page.value.curr = 1;
    if (clear) {
      searchItemList.value.map((item) => (item.default = ""));
      page.value.daName = '';
    } else {
      page.value.daName = val.daName;
    }
    getTableData();
  };
  // 查资产
const getAssetsList = async ()  => {
  const res = await  getDocumentList({
    daName:tableSelectInfo.value.selectValue,
    companyGuid:tableSelectInfo.value.companyGuid,
    type:3})
    assetsOption.value =res.data || []
    return Promise.resolve()
}
  const documentList = async () => {
    const res:any = await  getDocumentList({
      daName:tableSelectInfo.value.selectValue,
      isCompany: true,
      type:3})
      if(res?.code === proxy.$passCode) {
        companyOption.value = res.data || []
      } 
  }
  const getTableData = () => {
    tableInfo.value.loading = true;
    getFinancingList({
      pageSize: page.value.limit,
      pageIndex: page.value.curr,
      daName: page.value.daName,
    }).then((res: any) => {
      tableInfo.value.loading = false;
      if (res?.code == proxy.$passCode) {
        const data = res.data || {};
        tableInfo.value.data = data.records || [];
        page.value.curr = data.pageIndex;
        page.value.rows = data.totalRows || 0;
      } 
    })
  }
  
  const createOneData = async () => {
    
    if(companyOption.value.length>0) {
      findTab(true)
      assetsOption.value = []
      tableInfo.value.flag = "create"
      tableInfo.value.data.unshift({
        guid:BASE_ID,
        companyGuid: "",
        registerGuid: "",
        daName: "",
        issuingEntityName:"",
        registerTime: "",
        daCode: "",
        effectiveDate: "",
        issuingEntityGuid: "",
        creditGrantingTime: "",
        creditGrantingGenerality: "",
        creditGrantingMoney: 0,
        creditGrantingTerm: 0
    })
    tableInfo.value.currentId = BASE_ID
    tableInfo.value.isEdit = true
    }else {
    ElMessage.warning("没有可添加的数据！")
  }
  }
  
  const columnDel =async (row) => {
    ElMessageBox.confirm(
    '是否确定删除所选数据?',
    '提示',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }
  )
    .then(() => {
      const guids = [row.guid]
      deleteFinancingAll(row.guid).then((res:any)=>{
        if(res?.code===proxy.$passCode){
        ElMessage.success("删除成功")
        getTableData()
        documentList()
        columnCancel()
        findTab(false)
        tableRef.value.columnInfo = {}
      } else {
        ElMessage.error(res?.msg)
      }
      })
    }).catch(()=>{
      tableRef.value.columnInfo = {}
    })
  }
  const columnSave = async (row) => {
    if(!row.companyName) {
      ElMessage.warning("公司名称不能为空")
      return
    } else if(!row.daName) {
      ElMessage.warning("资产名称不能为空")
      return
    } else if(!row.creditGrantingTime) {
      ElMessage.warning("授信时间不能为空")
      return
    } else if(!row.creditGrantingGenerality) {
      ElMessage.warning("授信主体不能为空")
      return
    } else if(!row.creditGrantingMoney || row.creditGrantingMoney<=0) {
      ElMessage.warning("授信金额不能小于0")
      return
    } else if(!row.creditGrantingTerm || row.creditGrantingTerm<1) {
      ElMessage.warning("授信期限不能小于1")
      return
    }
    let res:any
    switch(tableInfo.value.flag) {
      case "create":res = await createFinancing(row);break
      case "edit":res = await financingUpdate(row);break
    }
     if(res?.code===proxy.$passCode) {
      ElMessage.success(`${tableInfo.value.flag==='create' ? '新增' : '修改'}成功`);
      getTableData()
      columnInfoReset()
      documentList()
      findTab(false)
      assetsOption.value = []
      tableRef.value.columnInfo = {}
     }else {
      ElMessage.error(res.msg);
      //columnCancel()
     }
    
     //columnInfoReset()
  }
  const columnInfoReset = () => {
    tableInfo.value.currentId = "0"
    tableInfo.value.isEdit = false
    columnInfo.value = {
      guid:BASE_ID,
      companyGuid: "",
      companyName:"",
      issuingEntityName:"",
      registerGuid: "",
      daName: "",
      registerTime: "",
      daCode: "",
      effectiveDate: "",
      issuingEntityGuid: "",
      creditGrantingTime: "",
      creditGrantingGenerality: "",
      creditGrantingMoney: 0,
      creditGrantingTerm: 0
    }
  }
  const columnEdit = (row) => {
    tableInfo.value.currentId = row.guid
    tableInfo.value.isEdit = true
    tableInfo.value.flag = "edit"
    columnInfo.value = {...row}
    findTab(true)
    tableSelectInfo.value.companyGuid = row.companyGuid
    addAssetsOption(null,row,true)
    addCompanyOption(row)
    tableRef.value.columnInfo.creditGrantingMoney = tableRef.value.columnInfo.creditGrantingMoney.toFixed(2)
    assetsOption.value = []
  
  }
  const columnCancel = () => {
    tableInfo.value.isEdit = false
    if(tableInfo.value.flag==="edit") {
      tableInfo.value.currentId = "0"
    } else {
      tableInfo.value.data.shift()
      columnInfoReset()
    }
    findTab(false)
  }
  const pageChange = (info) => {
    page.value.curr = info.curr
    page.value.limit = info.limit
    getTableData()
  }
  const handelSelect = (row,key,row1) => {
    if(key==="companyName"){
      tableSelectInfo.value.companyGuid = row.tenantGuid
      addAssetsOption(row,row1)
      columnInfo.value.companyName = row.tenantName
      tableRef.value.columnInfo.companyName = row.tenantName
      if(row.tenantGuid!==row1.companyGuid) {
        tableRef.value.columnInfo.daName = ""
        tableRef.value.columnInfo.daCode = ""
        tableRef.value.columnInfo.issuingEntityName = ""
        tableRef.value.columnInfo.issuingEntityGuid = ""
        tableRef.value.columnInfo.registerGuid = ""
        tableRef.value.columnInfo.registerTime = ""
        tableRef.value.columnInfo.effectiveDate = ""
      }
      
    } else {
      if(tableInfo.value.flag==="create") {
        columnInfo.value = {
        guid:row.guid,
        companyName:row.tenantName,
        daName:row.daName,
        registerTime:row.registerTime,
        daCode:row.daCode,
        effectiveDate:row.effectiveDate,
        issuingEntityName:row.issuingEntityName,
        issuingEntityGuid:row.issuingEntityGuid,
        companyGuid:row.tenantGuid,
        registerGuid:row.registerGuid,
        creditGrantingTime: "",
        creditGrantingGenerality:"",
        creditGrantingMoney: 0,
        creditGrantingTerm: 0
      }
      // 新增不用传guid 所以删掉，但是往输入框添加数据 通过guid判断
      const {guid,...obj} = columnInfo.value
      tableRef.value.columnInfo = obj
      } else {
      columnInfo.value.daName = row.daName
      columnInfo.value.daCode = row.daCode
      columnInfo.value.registerTime = row.registerTime
      columnInfo.value.effectiveDate = row.effectiveDate
      columnInfo.value.issuingEntityName = row.issuingEntityName;
      columnInfo.value.registerGuid = row.registerGuid;
      tableRef.value.columnInfo = {...columnInfo.value}
      }
      
    }
   
  }
const findTab = (flag) => {
const tab:any = userStore.tabbar.find((tab:any)=>tab.fullPath===route.path)
tab.meta.editPage = flag
}
const addAssetsOption = (values,row,flag=false) => {
  getAssetsList().then(()=>{
    const obj = {
    costAccessmentGuid:null,
    daCode:row.daCode,
    daName: row.daName,
    documentFile: null,
    documentType: 1,
    effectiveDate: row.effectiveDate,
    guid:row.guid,
    issuingEntityGuid:row.issuingEntityGuid ,
    issuingEntityName:row.issuingEntityName,
    qualityEvaluationGuid: null,
    registerGuid:row.registerGuid,
    registerTime:row.registerTime,
    state: row.state,
    tenantGuid: row.companyGuid,
    tenantName:row.companyName,
  }
  const arr = assetsOption.value
  if(values&&values.tenantGuid===row.companyGuid) {
    arr.unshift(obj)
    assetsOption.value = arr
  }else if(flag) {
    arr.unshift(obj)
    assetsOption.value = arr
  }
 
  })
}
const addCompanyOption = (row) => {
  let flag = true
  documentList().then(()=>{
    const obj = {
      tenantName:row.companyName,
      tenantGuid:row.companyGuid
  }
  const arr = companyOption.value
  arr.forEach((item)=>{
       if(item.tenantGuid===row.companyGuid){
           flag = false
       }
  })
  if(flag) {
    arr.unshift(obj)
    companyOption.value = arr
  }
  })
}
onBeforeMount(()=> {
    //getTableData()
    documentList()
  })
  </script>
  
  <template>
    <div class="container_wrap">
      <div class="table_tool_wrap">
        <TableTools :searchItems="searchItemList" :searchId="'entry-data-search'" @search="toSearch" />
        <div class="tools_btns">
          <el-button type="primary" @click="createOneData" :disabled="tableInfo.isEdit">新建</el-button>
        </div>
      </div>
      <div class="table_panel_wrap">
        <Table 
          ref="tableRef"
          :tableInfo="tableInfo"
          :page="page"
          :colums="colums"
          v-model="columnInfo"
          @pageChange="pageChange"
          @columnSave="columnSave"
          @columnDel="columnDel"
          @columnEdit="columnEdit"
          @columnCancel="columnCancel"
          @handelSelect="handelSelect"
        ></Table>
      </div>
    </div>
  </template>
  
  
  <style scoped lang="scss">
  .container_wrap {
    padding: 0 16px;
  }
  
  </style>