import React from 'react'
import styles from './index.module.scss'
import EditTop from '@/pages/Zother/EditTop'
import EditBtn from '@/pages/Zother/EditBtn'
import { InfoProvider } from '@/pages/Zother/InfoContext'
import { rowArrTemp } from '@/pages/Zother/data'
import { B1API_obj } from '@/store/action/Benter/B1collect'
import SonClueList from '@/pages/Zother/SonClueList'

const rowArr = rowArrTemp('征集')

function B1edit() {
  return (
    <InfoProvider>
      <div className={styles.B1edit} id='editBox'>
        <div className='editMain'>
          {/* 顶部 */}
          <EditTop
            pageTxt='藏品征集'
            rowArr={rowArr}
            APIobj={B1API_obj}
            fileUpInfo={{ myUrl: 'cms/order/collect/upload', dirCode: 'collect' }}
          />

          {/* 线索清单 */}
          <SonClueList
            fileUpInfo={{ myUrl: 'cms/order/collect/son/upload', dirCode: 'collectClues' }}
          />

          {/* 底部按钮 */}
          <EditBtn path='/collect' APIobj={B1API_obj} checkListTxt='请添加线索' />
        </div>
      </div>
    </InfoProvider>
  )
}

const MemoB1edit = React.memo(B1edit)

export default MemoB1edit
