<template>
  <div class="project-tab-content">
    <div class="tab-content">
      <el-form ref="jcBasicFormRef" :model="jcFormData" :rules="formRules" :validate-on-rule-change="false" label-width="200px" :disabled="!isBulu && isPreview">
        <el-collapse v-model="activeCollapse">
          <!-- 1. 项目基本信息 -->
          <el-collapse-item title="项目基本信息" name="项目基本信息">
            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="项目名称" prop="projectName">
                  <el-input v-model="jcFormData.projectName" />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="项目编号" prop="projectCode">
                  <el-input v-model="jcFormData.projectCode" />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="是否再决策" prop="sfzjc">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfzjc"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="项目外文名称">
                  <el-input v-model="jcFormData.projectForeignName" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否能建联合体项目" prop="sfnjlhtxm">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfnjlhtxm"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="投资主体" prop="tzzt">
                  <el-input v-model="jcFormData.tzzt" />
                </el-form-item>
              </el-col>

              <el-col :span="12">
                <el-form-item label="是否一体化子项目" prop="sfythzxm">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfythzxm"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="直属企业" prop="zsqy">
                  <el-input v-model="jcFormData.zsqy" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否能建重大或重要投资项目" prop="sfnjzdhzytz">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfnjzdhzytz"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="12">
                <el-form-item label="决策审批单位" prop="spdwmc">
                  <el-input v-model="jcFormData.spdwmc" />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="8">
                <el-form-item label="财务报表类型" prop="cwbblx">
                  <CommonSelector
                    v-model="jcFormData.cwbblx"
                    dictName="cwbblx"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="政府(核准、备案)审批级别" prop="zfsphzbajb">
                  <CommonSelector
                    v-model="jcFormData.zfsphzbajb"
                    dictName="spjb"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否自主决策" prop="sfzzjc">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfzzjc"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="8">
                <el-form-item label="主业/非主业" prop="zyfzy">
                  <CommonSelector v-model="jcFormData.zyfzy" dictName="zyfzy" />
                </el-form-item>
              </el-col>
            </el-row>

            <el-row :gutter="24">
              <el-col :span="8">
                <el-form-item label="联系人" prop="lxr">
                  <el-input v-model="jcFormData.lxr" />
                </el-form-item>
              </el-col>

              <el-col :span="8">
                <el-form-item label="联系电话" prop="lxrdh">
                  <el-input v-model="jcFormData.lxrdh" />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>
          <!-- <el-collapse-item title="项目基本信息" name="项目基本信息">
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="项目名称">
                  <el-input v-model="jcFormData.projectName" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="项目外文名称">
                  <el-input v-model="jcFormData.projectForeignName" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="曾用名">
                  <el-input v-model="jcFormData.cym" />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="项目编号">
                  <el-input v-model="jcFormData.projectCode" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="申报单位">
                  <el-input v-model="jcFormData.sbdw" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="申报单位企业规格">
                  <CommonSelector
                    v-model="jcFormData.sbdwqygg"
                    dictName="sbdwqygg"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目总投资">
                  <el-input-number
                    v-model="jcFormData.xmztz"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>万元</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="所属直属企业">
                  <el-input v-model="jcFormData.zsqy" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="管理主体">
                  <el-input v-model="jcFormData.glzt" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="投资模式">
                  <el-input v-model="jcFormData.tzms" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="对外签约品牌">
                  <el-input v-model="jcFormData.dwqypp" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否能建重大或重要投资">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfnjzdhzytz"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="能建是否牵头方">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.njsfqtf"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="能建占股比">
                  <el-input-number
                    v-model="jcFormData.njzgb"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>%</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否PPP项目">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfpppxm"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目资金来源">
                  <el-select
                    v-model="jcFormData.xmzjly"
                    multiple
                    placeholder="请选择"
                    no-data-text="暂无数据"
                    clearable
                  >
                    <el-option
                      v-for="item in xmzjlyList"
                      :key="item.key"
                      :label="item.name"
                      :value="item.key"
                    ></el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="商务部项目类型">
                  <CommonSelector
                    v-model="jcFormData.swbxmlx"
                    dictName="swbxmlx"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="国民经济行业">
                  <el-tree-select
                    v-model="jcFormData.gmjjhy"
                    :data="gmjjhyList"
                    node-key="id"
                    :props="gmjjhyProps"
                    placeholder="请选择"
                    render-after-expand
                    clearable
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否自主决策">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfzzjc"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="财务报表类型">
                  <CommonSelector
                    v-model="jcFormData.cwbblx"
                    dictName="cwbblx"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目类型">
                  <CommonSelector v-model="jcFormData.xmlx" dictName="xmlx" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目阶段">
                  <CommonSelector v-model="jcFormData.xmjd" dictName="xmjd" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="主业/非主业">
                  <CommonSelector v-model="jcFormData.zyfzy" dictName="zyfzy" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否已经立项">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfyjlx"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否能建联合体项目">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfnjlhtxm"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否重点区域">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfzdqy"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="重点区域">
                  <el-input v-model="jcFormData.zdqy" />
                </el-form-item>
              </el-col>

              <el-col :span="8">
                <el-form-item label="关联项目">
                  <el-select
                    v-model="jcFormData.glxm"
                    placeholder="请选择"
                    no-data-text="暂无数据"
                    clearable
                  ></el-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="联系人">
                  <el-input v-model="jcFormData.lxr" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="联系人电话">
                  <el-input v-model="jcFormData.lxrdh" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="投资回收方式">
                  <CommonSelector
                    v-model="jcFormData.tzhsfs"
                    dictName="tzhsfs"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="成本利润率">
                  <el-input-number
                    v-model="jcFormData.cblrl"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>%</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="未通过主要原因与要求">
                  <el-input
                    v-model="jcFormData.wtgzyyyyyq"
                    type="textarea"
                    :autosize="{ minRows: 2, maxRows: 5 }"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item> -->

          <!-- 2. 项目所在地 -->
          <el-collapse-item title="项目所在地" name="项目所在地">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="境内/外" prop="jnw">
                  <CommonSelector
                    v-model="jcFormData.jnw"
                    dictName="dqlx"
                    @change="changeJcJnw"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="省（境内）/洲际（境外）" prop="sjnzjjw">
                  <CommonSelector
                    v-model="jcFormData.sjnzjjw"
                    :options="jcSzjList"
                    @change="changeJcSzj"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="地市（境内）/国家（境外）" prop="dsjngjjw">
                  <CommonSelector
                    v-model="jcFormData.dsjngjjw"
                    :options="jcDsgjList"
                    @change="changeJcDsgj"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="区县(境内)/国家(境外)" prop="qxjngjjw">
                  <CommonSelector
                    v-model="jcFormData.qxjngjjw"
                    :options="jcQxgjList"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目区域" prop="xmqy">
                  <CommonSelector v-model="jcFormData.xmqy" dictName="xmqy" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="是否一带一路沿线国家" prop="sfydylyxgj">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfydylyxgj"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>

          <!-- 3. 计量币种 -->
          <el-collapse-item title="计量币种" name="计量币种">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="币种" prop="bizhong">
                  <CommonSelector
                    v-model="jcFormData.bizhong"
                    dictName="bizhong"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="汇率" prop="huilv">
                  <el-input
                    v-model="jcFormData.huilv"
                    :min="0"
                    controls-position="right"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>

          <!-- 4. 实施时间 -->
          <el-collapse-item title="实施时间" name="实施时间">
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item label="项目建设期" prop="xmjsqy">
                  <el-input-number
                    v-model="jcFormData.xmjsqy"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>月</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="运营年限" prop="yynxn">
                  <el-input-number
                    v-model="jcFormData.yynxn"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>月</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>

              <el-col :span="8">
                <el-form-item label="项目合作期" prop="xmhzqn">
                  <el-input-number
                    v-model="jcFormData.xmhzqn"
                    :min="0"
                    controls-position="right"
                  >
                    <template #suffix><span>月</span></template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目开工时间（预计）" prop="xmkgsjyj">
                  <el-date-picker
                    v-model="jcFormData.xmkgsjyj"
                    type="date"
                    placeholder="请选择"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="项目交工时间（预计）" prop="xmjgsjyj">
                  <el-date-picker
                    v-model="jcFormData.xmjgsjyj"
                    type="date"
                    placeholder="请选择"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>
          <el-collapse-item title="投资分类" name="投资分类">
            <el-row :gutter="20">
              <el-col :span="8">
                <div class="col-title">投资属性分类</div>
                <el-form-item label="一级分类" prop="tzsxyjfl">
                  <CommonSelector
                    v-model="jcFormData.tzsxyjfl"
                    dictName="tzsx"
                    @change="changeJcTzsxyjfl"
                  />
                </el-form-item>
                <el-form-item label="二级分类" prop="tzsxejfl">
                  <CommonSelector
                    v-model="jcFormData.tzsxejfl"
                    :options="jcTzsxejflList"
                  />
                </el-form-item>
                <el-form-item label="投资板块" prop="tzbk">
                  <CommonSelector
                    v-model="jcFormData.tzbk"
                    dictName="tzbk"
                    @change="changeJcTzsxtzbk"
                  />
                </el-form-item>
                <el-form-item label="细分板块" prop="subsector">
                  <CommonSelector
                    v-model="jcFormData.subsector"
                    :options="jcTzsxxfbkList"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <div class="col-title">投资目的分类</div>
                <el-form-item label="一级分类" prop="tzmdyjfl">
                  <CommonSelector
                    v-model="jcFormData.tzmdyjfl"
                    dictName="tzmd"
                    @change="changeJcTzmdyjfl"
                  />
                </el-form-item>
                <el-form-item label="二级分类" prop="tzmdejfl">
                  <CommonSelector
                    v-model="jcFormData.tzmdejfl"
                    :options="jcTzmdejflList"
                  />
                </el-form-item>
                <el-form-item label="四新分类" prop="sxfl">
                  <CommonSelector v-model="jcFormData.sxfl" dictName="sxfl" />
                </el-form-item>
                <!-- <el-form-item label="是否纳入补贴目录">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfnrbtml"
                    dictName="sf"
                  />
                </el-form-item> -->
              </el-col>
              <el-col :span="8">
                <div class="col-title">投资指南分类</div>
                <el-form-item label="2+9布局分类" prop="bjfl">
                  <CommonSelector
                    v-model="jcFormData.bjfl"
                    dictName="layoutType"
                    @change="changeJcTzznyjfl"
                  />
                </el-form-item>
                <el-form-item label="国民经济行业" prop="gmjjhy">
                  <el-tree-select
                    v-model="jcFormData.gmjjhy"
                    :data="gmjjhyList"
                    node-key="id"
                    :props="gmjjhyProps"
                    placeholder="请选择"
                    render-after-expand
                    clearable
                  />
                </el-form-item>
                <!-- <el-form-item label="一级分类">
                  <CommonSelector
                    v-model="jcFormData.tzznyjfl"
                    dictName="tzzn"
                    @change="changeJcTzznyjfl"
                  />
                </el-form-item>
                <el-form-item label="二级分类">
                  <CommonSelector
                    v-model="jcFormData.tzznejfl"
                    :options="jcTzznejflList"
                  />
                </el-form-item>
                <el-form-item label="是否再决策">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfzjc"
                    dictName="sf"
                  />
                </el-form-item>
                <el-form-item
                  label="投资指南分类概述"
                  v-if="jcFormData.tzznyjfl !== 233"
                >
                  <el-input
                    v-model="jcFormData.tzznflgs"
                    type="textarea"
                    :autosize="{ minRows: 2, maxRows: 5 }"
                  />
                </el-form-item> -->
              </el-col>
            </el-row>
          </el-collapse-item>
          <el-collapse-item
            title="特别关注、特别监管类等信息"
            name="特别关注、特别监管类等信息"
          >
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="是否须报国家发展改革委和商务部核准" prop="sfxbgjfzggwhswbhz">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfxbgjfzggwhswbhz"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="是否国家领导见签" prop="sfgjldjq">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfgjldjq"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="是否境内特别监管类" prop="sfjntbjgl">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfjntbjgl"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="是否列入国资委负面清单" prop="sflrgzwfmqd">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sflrgzwfmqd"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>
          <el-collapse-item
            title="建设规模（实物量指标）"
            name="建设规模（实物量指标）"
          >
            <!-- <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="高速公路里程">
                  <el-input-number
                    v-model="jcFormData.gsgllc"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>km</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="其他收费公路里程">
                  <el-input-number
                    v-model="jcFormData.qtsfgllc"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>km</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
            </el-row> -->
            <div class="tab-handle">
              <el-button type="primary" size="small" @click="addJcSwlzb"
                >新增</el-button
              >
            </div>
            <el-table
              :data="jcSwlzbData"
              style="width: 100%"
              empty-text="暂无数据"
              border
            >
              <el-table-column type="index" width="50" />
              <el-table-column prop="name" label="指标名称">
                <template #default="scope">
                  <el-input v-model="scope.row.name" />
                </template>
              </el-table-column>
              <el-table-column prop="num" label="数量">
                <template #default="scope">
                  <el-input-number
                    v-model="scope.row.num"
                    :min="0"
                    :max="99999999999.999"
                    :precision="3"
                    controls-position="right"
                  />
                </template>
              </el-table-column>
              <el-table-column prop="unit" label="单位">
                <template #default="scope">
                  <el-input v-model="scope.row.unit" />
                </template>
              </el-table-column>
              <el-table-column prop="bcsm" label="补充说明">
                <template #default="scope">
                  <el-input v-model="scope.row.bcsm" type="textarea" />
                </template>
              </el-table-column>
              <el-table-column label="操作" width="60">
                <template #default="scope">
                  <el-button
                    link
                    type="danger"
                    size="small"
                    @click="deleteJcSwlzb(scope.$index)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-collapse-item>
          <!-- <el-collapse-item
            title="政府审批（核准、备案）情况"
            name="政府审批（核准、备案）情况"
          >
            <el-row :gutter="20">
              <el-col :span="12">
                <el-form-item label="是否已经政府审批">
                  <CommonSelector
                    :radio="true"
                    v-model="jcFormData.sfyjzfsp"
                    dictName="sf"
                  />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="审批单位名称（全称）">
                  <el-input v-model="jcFormData.spdwmc" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审批金额">
                  <el-input-number
                    v-model="jcFormData.spje"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审批文号">
                  <el-input v-model="jcFormData.pwwh" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审批级别">
                  <CommonSelector v-model="jcFormData.spjb" dictName="spjb" />
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="审批时间">
                  <el-date-picker
                    v-model="jcFormData.spsj"
                    type="date"
                    placeholder="请选择"
                  />
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item> -->
          <el-collapse-item title="股东信息" name="股东信息">
            <div class="tab-handle">
              <el-button type="primary" size="small" @click="addJcGdxx"
                >新增</el-button
              >
            </div>
            <el-table
              :data="jcGdxxData"
              style="width: 100%"
              empty-text="暂无数据"
              border
            >
              <el-table-column
                type="index"
                label="序号"
                width="50"
                :index="jcgdxxIndexMethod"
              />
              <el-table-column prop="gdlx" label="股东类型" min-width="180">
                <template #default="scope">
                  <CommonSelector
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.gdlx"
                    dictName="gdlx"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.name }}
                    </div>
                    <div>合计</div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="gdmc" label="股东名称" min-width="180">
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.gdmc"
                  />
                  <div v-else></div>
                </template>
              </el-table-column>
              <!-- <el-table-column
                prop="mycgbl"
                label="名义持股比例（%）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.mycgbl"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.mycgbl }}%
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "mycgbl") }}%</div>
                  </div>
                </template>
              </el-table-column> -->
              <el-table-column
                prop="cgbl"
                label="持股比例（%）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.cgbl"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.cgbl }}%
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "cgbl") }}%</div>
                  </div>
                </template>
              </el-table-column>
              <!-- <el-table-column
                prop="lrfpbl"
                label="利润分配比例（%）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.lrfpbl"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.lrfpbl }}%
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "lrfpbl") }}%</div>
                  </div>
                </template>
              </el-table-column> -->
              <el-table-column
                prop="cze"
                label="出资额（万元）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.cze"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.cze }}万元
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "cze") }}万元</div>
                  </div>
                </template>
              </el-table-column>
              <!-- <el-table-column prop="sffldw" label="是否关联单位" min-width="80">
                <template #default="scope">
                  <el-switch
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.sffldw"
                    inline-prompt
                    active-value="1"
                    active-text="是"
                    inactive-value="2"
                    inactive-text="否"
                  />
                  <div v-else></div>
                </template>
              </el-table-column> -->
              <el-table-column
                prop="yjzczb"
                label="应缴注册资本（万元）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.yjzczb"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.yjzczb }}万元
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "yjzczb") }}万元</div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column
                prop="ycxmzbj"
                label="应出项目资本金（万元）"
                min-width="180"
              >
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.ycxmzbj"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                    @change="changeJcGdxxSums"
                  />
                  <div v-else class="sums-column">
                    <div class="" v-for="(value, key) in jcgdxxSums" :key="key">
                      {{ value.ycxmzbj }}万元
                    </div>
                    <div>{{ getObjSums(jcgdxxSums, "ycxmzbj") }}万元</div>
                  </div>
                </template>
              </el-table-column>
              <!-- <el-table-column
                prop="sfwqcnsy"
                label="是否为其承诺收益"
                min-width="100"
              >
                <template #default="scope">
                  <el-switch
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.sfwqcnsy"
                    inline-prompt
                    active-value="1"
                    active-text="是"
                    inactive-value="2"
                    inactive-text="否"
                  />
                  <div v-else></div>
                </template>
              </el-table-column>
              <el-table-column
                prop="sfwqtgdbhgcnd"
                label="是否为其提供担保回购承诺等"
                min-width="130"
              >
                <template #default="scope">
                  <el-switch
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.sfwqtgdbhgcnd"
                    inline-prompt
                    active-value="1"
                    active-text="是"
                    inactive-value="2"
                    inactive-text="否"
                  />
                  <div v-else></div>
                </template>
              </el-table-column> -->
              <!-- <el-table-column
                prop="sfczmgszqx"
                label="是否存在名股实债情形"
                min-width="130"
              >
                <template #default="scope">
                  <el-switch
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.sfczmgszqx"
                    inline-prompt
                    active-value="1"
                    active-text="是"
                    inactive-value="2"
                    inactive-text="否"
                  />
                  <div v-else></div>
                </template>
              </el-table-column> -->

              <el-table-column prop="hzfqk" label="合作方情况" min-width="180">
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.hzfqk"
                  />
                  <div v-else></div>
                </template>
              </el-table-column>
              <el-table-column prop="bz" label="备注" min-width="180">
                <template #default="scope">
                  <el-input
                    v-if="scope.$index < jcGdxxData.length - 1"
                    v-model="scope.row.bz"
                  />
                  <div v-else></div>
                </template>
              </el-table-column>
              <el-table-column label="操作" min-width="60" fixed="right">
                <template #default="scope">
                  <el-button
                    v-if="scope.$index < jcGdxxData.length - 1"
                    link
                    type="danger"
                    size="small"
                    @click="deleteJcGdxx(scope.$index)"
                    >删除</el-button
                  >
                  <div v-else></div>
                </template>
              </el-table-column>
            </el-table>
            <!-- <el-row :gutter="20">
              <el-col :span="24">
                <el-form-item label-width="160px" label="我方出资人及持股比例">
                  <el-input v-model="jcFormData.wfczrjcgbl" />
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label-width="160px" label="涉及能建方施工单位">
                  <el-input v-model="jcFormData.sjnjfsgdw" />
                </el-form-item>
              </el-col>
            </el-row> -->
          </el-collapse-item>
          <el-collapse-item
            title="我方担保及股权融资情况"
            name="我方担保及股权融资情况"
          >
            <el-row :gutter="20">
              <el-col :span="8">
                <el-form-item
                  label-width="170px"
                  label="我方负责的股权融资金额"
                  prop="wffzdgqrzjewy"
                >
                  <el-input-number
                    v-model="jcFormData.wffzdgqrzjewy"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label-width="170px" label="融资成本" prop="rzcbgq">
                  <el-input-number
                    v-model="jcFormData.rzcbgq"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>%</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label-width="170px" label="期限" prop="qxgq">
                  <el-input-number
                    v-model="jcFormData.qxgq"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>年</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label-width="170px" label="担保金额" prop="dbje">
                  <el-input-number
                    v-model="jcFormData.dbje"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>
          <el-collapse-item
            title="我方担保及债权融资情况"
            name="我方担保及债权融资情况"
          >
            <div class="tab-handle">
              <el-button type="primary" size="small" @click="addDbzq"
                >新增</el-button
              >
            </div>
            <el-table
              :data="dbzqData"
              style="width: 100%"
              empty-text="暂无数据"
              border
            >
              <el-table-column type="index" width="50" />
              <el-table-column prop="wffzdzqrzjewy" label="金额">
                <template #default="scope">
                  <el-input-number
                    v-model="scope.row.wffzdzqrzjewy"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="rzcbzq" label="融资成本">
                <template #default="scope">
                  <el-input-number
                    v-model="scope.row.rzcbzq"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>%</span>
                    </template>
                  </el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="qxzq" label="期限">
                <template #default="scope">
                  <el-input-number
                    v-model="scope.row.qxzq"
                    :min="0"
                    :max="99999999999.99999999"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>年</span>
                    </template>
                  </el-input-number>
                </template>
              </el-table-column>
              <el-table-column prop="yjldsjzq" label="预计落地时间">
                <template #default="scope">
                  <el-date-picker
                    v-model="scope.row.yjldsjzq"
                    type="date"
                    placeholder="请选择"
                  />
                </template>
              </el-table-column>
              <el-table-column label="操作" width="60">
                <template #default="scope">
                  <el-button
                    link
                    type="danger"
                    size="small"
                    @click="deleteDbzq(scope.$index)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-collapse-item>
          <el-collapse-item title="工程带动情况" name="工程带动情况">
            <el-row :gutter="20">
              <el-col :span="6">
                <el-form-item label="带动工程合同额" prop="ddgchte">
                  <el-input-number
                    v-model="jcFormData.ddgchte"
                    :min="0"
                    :max="99999999999.99"
                    :precision="2"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="投资带动比" prop="tzddb">
                  <el-input-number
                    v-model="jcFormData.tzddb"
                    :min="0"
                    :max="99999.99"
                    :precision="2"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>%</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="工程利润" prop="gclrwy">
                  <el-input-number
                    v-model="jcFormData.gclrwy"
                    :min="0"
                    :max="99999999999.99"
                    :precision="2"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>万元</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="工程利润率" prop="gclrl">
                  <el-input-number
                    v-model="jcFormData.gclrl"
                    :min="0"
                    :max="99999.99"
                    controls-position="right"
                  >
                    <template #suffix>
                      <span>%</span>
                    </template>
                  </el-input-number>
                </el-form-item>
              </el-col>
            </el-row>
          </el-collapse-item>
          <el-collapse-item title="项目内容及必要性" name="项目内容及必要性">
            <el-col :span="24">
              <el-form-item label="建设内容及规模" prop="jsnrjgm">
                <el-input
                  v-model="jcFormData.jsnrjgm"
                  type="textarea"
                  :autosize="{ minRows: 2, maxRows: 5 }"
                />
              </el-form-item>
            </el-col>
            <el-form-item label="项目必要性" prop="xmbyx">
              <el-input
                v-model="jcFormData.xmbyx"
                type="textarea"
                :autosize="{ minRows: 2, maxRows: 5 }"
              />
            </el-form-item>
            <el-form-item label="其他说明" prop="qtsm">
              <el-input
                v-model="jcFormData.qtsm"
                type="textarea"
                :autosize="{ minRows: 2, maxRows: 5 }"
              />
            </el-form-item>
          </el-collapse-item>
          <el-collapse-item title="风险管理" name="风险管理">
            <div class="tab-handle">
              <el-button type="primary" size="small" @click="addFxgl"
                >新增</el-button
              >
            </div>
            <el-table
              :data="fxglData"
              style="width: 100%"
              empty-text="暂无数据"
              border
            >
              <el-table-column type="index" width="50" />
              <el-table-column prop="fxlb" label="风险类别">
                <template #default="scope">
                  <el-input v-model="scope.row.fxlb" />
                </template>
              </el-table-column>
              <el-table-column prop="fxms" label="风险描述">
                <template #default="scope">
                  <el-input v-model="scope.row.fxms" type="textarea" />
                </template>
              </el-table-column>
              <el-table-column prop="ydcs" label="应对措施">
                <template #default="scope">
                  <el-input v-model="scope.row.ydcs" type="textarea" />
                </template>
              </el-table-column>
              <el-table-column label="操作" width="60">
                <template #default="scope">
                  <el-button
                    link
                    type="danger"
                    size="small"
                    @click="deleteFxgl(scope.$index)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
          </el-collapse-item>
          <el-collapse-item title="里程碑节点" name="里程碑节点">
            <div class="tab-handle">
              <el-button type="primary" size="small" @click="addLcbjd"
                >新增</el-button
              >
            </div>
            <el-table
              :data="lcbjdData"
              style="width: 100%"
              empty-text="暂无数据"
              border
            >
              <el-table-column type="index" width="50" />
              <el-table-column prop="lcbjdmc" label="里程碑节点名称">
                <template #default="scope">
                  <el-input v-model="scope.row.lcbjdmc" />
                </template>
              </el-table-column>
              <el-table-column prop="jdwcms" label="节点完成描述">
                <template #default="scope">
                  <el-input v-model="scope.row.jdwcms" type="textarea" />
                </template>
              </el-table-column>
              <el-table-column prop="yjwcsj" label="预计完成时间">
                <template #default="scope">
                  <el-date-picker
                    v-model="scope.row.yjwcsj"
                    type="date"
                    placeholder="请选择"
                  />
                </template>
              </el-table-column>
              <el-table-column label="操作" width="60">
                <template #default="scope">
                  <el-button
                    link
                    type="danger"
                    size="small"
                    @click="deleteLcbjd(scope.$index)"
                    >删除</el-button
                  >
                </template>
              </el-table-column>
            </el-table>
            <el-form-item label="里程碑计划审批表" :label-width="130">
              <FileUploader v-model="jcFormData.tpbgjcsb" />
            </el-form-item>
          </el-collapse-item>
          <el-collapse-item title="投评决策资料" name="投评决策资料">
            <el-form-item label="可研材料">
              <FileUploader v-model="kyclData" />
            </el-form-item>

            <el-form-item label="经济指标初步测算资料">
              <FileUploader v-model="jjzbcsData" />
            </el-form-item>

            <el-form-item label="补充相关支撑材料">
              <FileUploader v-model="tpbczcclData" />
            </el-form-item>

            <el-form-item label="其他相关支撑材料">
              <FileUploader v-model="tpzcclData" />
            </el-form-item>

            <el-form-item label="上会议案">
              <FileUploader v-model="shyaData" />
            </el-form-item>
          </el-collapse-item>
        </el-collapse>
      </el-form>
    </div>
  </div>
</template>

<script setup>
import { inject, ref } from "vue";
import CommonSelector from "@/components/CommonSelector.vue";
import FileUploader from "@/components/FileUploader/index.vue";

const jcBasicFormRef = ref();

const requiredInput = (msg) => ({
  required: true,
  message: `请输入${msg}`,
  trigger: "blur",
});
const requiredSelect = (msg) => ({
  required: true,
  message: `请选择${msg}`,
  trigger: [],
});

const formRules = {
  projectName: [requiredInput("项目名称")],
  projectCode: [requiredInput("项目编号")],
  sfzjc: [requiredSelect("是否再决策")],
  sfnjlhtxm: [requiredSelect("是否能建联合体项目")],
  tzzt: [requiredInput("投资主体")],
  sfythzxm: [requiredSelect("是否一体化子项目")],
  zsqy: [requiredInput("直属企业")],
  sfnjzdhzytz: [requiredSelect("是否能建重大或重要投资项目")],
  spdwmc: [requiredInput("决策审批单位")],
  cwbblx: [requiredSelect("财务报表类型")],
  zfsphzbajb: [requiredSelect("政府审批级别")],
  sfzzjc: [requiredSelect("是否自主决策")],
  zyfzy: [requiredSelect("主业/非主业")],
  lxr: [requiredInput("联系人")],
  lxrdh: [requiredInput("联系电话")],
  jnw: [requiredSelect("境内/外")],
  sjnzjjw: [requiredSelect("省（境内）/洲际（境外）")],
  dsjngjjw: [requiredSelect("地市（境内）/国家（境外）")],
  qxjngjjw: [requiredSelect("区县(境内)/国家(境外)")],
  xmqy: [requiredSelect("项目区域")],
  sfydylyxgj: [requiredSelect("是否一带一路沿线国家")],
  bizhong: [requiredSelect("币种")],
  huilv: [requiredInput("汇率")],
  xmjsqy: [requiredSelect("项目建设期")],
  yynxn: [requiredSelect("运营年限")],
  xmhzqn: [requiredSelect("项目合作期")],
  xmkgsjyj: [requiredSelect("项目开工时间（预计）")],
  xmjgsjyj: [requiredSelect("项目交工时间（预计）")],
  tzsxyjfl: [requiredSelect("投资属性一级分类")],
  tzsxejfl: [requiredSelect("投资属性二级分类")],
  tzbk: [requiredSelect("投资板块")],
  subsector: [requiredSelect("细分板块")],
  tzmdyjfl: [requiredSelect("投资目的一级分类")],
  tzmdejfl: [requiredSelect("投资目的二级分类")],
  sxfl: [requiredSelect("四新分类")],
  bjfl: [requiredSelect("2+9布局分类")],
  gmjjhy: [requiredSelect("国民经济行业")],
  sfxbgjfzggwhswbhz: [requiredSelect("是否须报国家发展改革委和商务部核准")],
  sfgjldjq: [requiredSelect("是否国家领导见签")],
  sfjntbjgl: [requiredSelect("是否境内特别监管类")],
  sflrgzwfmqd: [requiredSelect("是否列入国资委负面清单")],
  wffzdgqrzjewy: [requiredSelect("我方负责的股权融资金额")],
  rzcbgq: [requiredSelect("融资成本")],
  qxgq: [requiredSelect("期限")],
  dbje: [requiredSelect("担保金额")],
  ddgchte: [requiredSelect("带动工程合同额")],
  tzddb: [requiredSelect("投资带动比")],
  gclrwy: [requiredSelect("工程利润")],
  gclrl: [requiredSelect("工程利润率")],
  jsnrjgm: [requiredInput("建设内容及规模")],
  xmbyx: [requiredInput("项目必要性")],
  qtsm: [requiredInput("其他说明")],
};

const validate = () => {
  return jcBasicFormRef.value?.validate();
};

defineExpose({ validate });

const {
  jcFormData,
  formData,
  isPreview,
  isBulu,
  activeCollapse,
  jcSwlzbData,
  jcGdxxData,
  jcgdxxSums,
  dbzqData,
  fxglData,
  lcbjdData,
  lcbspData,
  lcbspSelectIds,
  kyclData,
  kyclSelectIds,
  jjzbcsData,
  jjzbcsSelectIds,
  tpbczcclData,
  tpbczcclSelectIds,
  tpzcclData,
  tpzcclSelectIds,
  shyaData,
  shyaSelectIds,
  jcztshqkData,
  tzztshqkData,
  jcspyjData,
  downloadFile,
  ElMessageBox,
  addJcSwlzb,
  deleteJcSwlzb,
  addJcGdxx,
  deleteJcGdxx,
  changeJcGdxxSums,
  getObjSums,
  jcgdxxIndexMethod,
  addDbzq,
  deleteDbzq,
  addFxgl,
  deleteFxgl,
  addLcbjd,
  deleteLcbjd,
  addLcbspFile,
  deleteLcbsp,
  lcbspSelectionChange,
  multiDeleteLcbsp,
  addKyclFile,
  deleteKycl,
  kyclSelectionChange,
  multiDeleteKycl,
  addJjzbcsFile,
  deleteJjzbcs,
  jjzbcsSelectionChange,
  multiDeleteJjzbcs,
  addTpbczcclFile,
  deleteTpbczccl,
  tpbczcclSelectionChange,
  multiDeleteTpbczccl,
  addTpzcclFile,
  deleteTpzccl,
  tpzcclSelectionChange,
  multiDeleteTpzccl,
  addShyaFile,
  deleteShya,
  shyaSelectionChange,
  multiDeleteShya,
  addJcztshqk,
  deleteJcztshqk,
  addJcztshqkFile,
  deleteJcztshqkFile,
  addTzztshqk,
  deleteTzztshqk,
  addTzztshqkFile,
  deleteTzztshqkFile,
  addJcspyj,
  deleteJcspyj,
  addJcspyjFile,
  deleteRowFile,
  changeJcJnw,
  changeJcSzj,
  changeJcDsgj,
  changeJcTzsxyjfl,
  changeJcTzsxtzbk,
  changeJcTzmdyjfl,
  changeJcTzznyjfl,
  xmzjlyList,
  jcSzjList,
  jcDsgjList,
  jcQxgjList,
  jcTzsxejflList,
  jcTzsxxfbkList,
  jcTzmdejflList,
  jcTzznejflList,
  gmjjhyList,
  gmjjhyProps,
  windowConfig,
  token,
} = inject("jcShared");
</script>

<style scoped>
.tab-content :deep(.el-form-item__error) {
  display: none;
}
</style>
