<template>
  <fvForm :schema="schame" @getInstance="getInstance"></fvForm>
  <div class="oper-page-btn">
      <el-button type="primary" @click="staging">存为草稿</el-button>
      <el-button type="primary" @click="handleSubmit">发布</el-button>
    </div>
</template>

<script setup lang="jsx">
import fvSelect from '@/fvcomponents/fvSelect/index.vue'
import { markRaw } from 'vue';
import FileUpload from './components/FileUpload.vue';

const localData = reactive({
  form: null
})

const schame = computed(()=>{
  let arr = [
    {
      label: '名称',
      prop: 'name',
      component: 'el-input',
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '开始时间',
      prop: 'startTime',
      component: 'el-date-picker',
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '所属公司',
      prop: 'company',
      component: 'el-input',
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '项目类型',
      prop: 'projectType',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '结束时间',
      prop: 'endTime',
      component: 'el-date-picker',
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '出资类型',
      prop: 'monenyType',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '项目影响',
      prop: 'projectEffect',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '所属业务板块',
      prop: 'ywbank',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '预期成果形式',
      prop: 'yuqichengg',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '预期技术标准制定',
      prop: 'yuqizhidingbiaozhu',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '产学研联合',
      prop: 'chanxue',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '开展政府申报',
      prop: 'zhengfushenbao',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '知识产权状况',
      prop: 'zhishichanquan',
      component: markRaw(fvSelect),
      props: {},
      colProps: {
        span: 12
      }
    },
    {
      label: '现有业务描述',
      prop: 'yewudes',
      component: 'el-input',
      props: {
        type: 'textarea'
      },
      colProps: {
        span: 24
      }
    },
    {
      label: '研发项目关键内容描述',
      prop: 'contentnesss',
      component: 'el-input',
      props: {
        type: 'textarea'
      },
      colProps: {
        span: 24
      }
    },
    {
      label: '',
      prop: 'fileList',
      component: markRaw(FileUpload),
      props: {
        url: '',
        tip: '上传txt文件'
      },
      colProps: {
        span: 24
      }
    }
  ]
  return arr
})

const getInstance = (e) => {
  localData.form = e
}

const handleSubmit = async () => {}

const staging = async () => {}
</script>