<template>
    <div>
      <div class="headers">
        <div class="headers-left">
          <div class="imgs">
  
          </div>
          <div class="img-right">
            <div class="name-title">微育科技</div>
            <div class="right-name" style="position: relative;top: 0.5px;">数智科创 · 通达未来 </div>
          </div>
        </div>
        <div class="headers-right">
          <div class="rights" @click="btnShng">
            <div class="rights-names" style="color: #5165f7;">
              上一页
            </div>
          </div>
  
        </div>
      </div>
  
      <div class="areas">
        <div style="width: 222px;">
          <div class="lefts">
            <div class="left-content">
              <div class="left-img">
                <img src="@/assets/resource/ziliao.png" alt="">
              </div>
              <div class="right-name">
                <span class="ziliao">资料完整度</span>
                <span class="dushu">38%</span>
              </div>
            </div>
            <div class="content-area">
              <div class="area-name" v-for="(item, index) in listDate" :key="index" @click="btnActive(index)">
                <div class="yuan" :class="{ 'active2': active2 == index }"></div>
                <span class="namess" :class="{ 'active': active == index }">{{ item.name }}</span>
                <span class="fanhui" v-show="active == index"><i class="el-icon-arrow-right"></i></span>
              </div>
  
            </div>
          </div>
        </div>
        <div class="area-right">
          <div class="area-rights" id="basic-info">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">企业信用</span>
              </div>
              <div class="table-area">
                 <div>
                  <div class="headerss">
                  <div class="jiben">近三年以来未发生重大安全（含网络安全、数据安全）、质量、环境污染等事故以及偷漏税等违法违规行为证明材料</div>
                
                </div>
                <div class="table-areas" >
                  <el-table :data="tableData" :header-cell-style="{ background: '#EDEFFE', color: '#363636' }" border style="width: 100%">
                    <el-table-column prop="date" label="证明材料名称"  align="center">
                    </el-table-column>
                    <el-table-column prop="name" label="材料获取官网"  align="center">
                    </el-table-column>
                    <el-table-column prop="address" label="图片上传" align="center">
                    </el-table-column>
                    
                  </el-table>
  
                </div>
                 </div>
                
              </div>
            
            </div>
          </div>
          <div class="area-rights" id="project-info">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">主导产品</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">主导产品情况</div>
                  </div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">主导产品名称</div>
                      <div class="form-value">
                        <el-select 
                          v-model="leadingProductForm.productNames" 
                          multiple 
                          collapse-tags
                          placeholder="请选择"
                          size="small"
                          style="width: 100%;">
                          <el-option
                            v-for="item in productNameOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">从事该产品领域的时间 (年)</div>
                      <div class="form-value">
                        <el-input 
                          v-model="leadingProductForm.years" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">主导产品类别</div>
                      <div class="form-value">
                        <el-select 
                          v-model="leadingProductForm.category" 
                          placeholder="请选择"
                          size="small"
                          style="width: 100%;">
                          <el-option
                            v-for="item in categoryOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">企业一</div>
                      <div class="form-value">
                        <el-input 
                          v-model="leadingProductForm.enterpriseOne" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights" id="project-members">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">经济效益和经营情况</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">近三年经济效益和经营情况</div>
                  </div>
                  <div class="economic-table-wrapper">
                    <el-table
                      :data="economicData"
                      border
                      :header-cell-style="{ background: '#EDEFFE', color: '#363636', textAlign: 'center' }"
                      :cell-style="economicCellStyle"
                      style="width: 100%">
                      <el-table-column type="index" label="序号" width="70" align="center"></el-table-column>
                      <el-table-column prop="indicator" label="重要指标" min-width="300" align="left"></el-table-column>
                      <el-table-column label="2022年" width="150" align="center">
                        <template #default="scope">
                          <span v-if="scope.row.year2022Type === 'value'">{{ scope.row.year2022 }}</span>
                          <span v-else-if="scope.row.year2022Type === 'system'" class="system-text">系统获取</span>
                          <span v-else-if="scope.row.year2022Type === 'auto'" class="auto-text">自动计算</span>
                          <el-input
                            v-else
                            v-model="scope.row.year2022"
                            placeholder="请输入"
                            size="small"
                            style="width: 100%; border: 1px solid #ededed;">
                          </el-input>
                        </template>
                      </el-table-column>
                      <el-table-column label="2023年" width="150" align="center">
                        <template #default="scope">
                          <span v-if="scope.row.year2023Type === 'value'">{{ scope.row.year2023 }}</span>
                          <span v-else-if="scope.row.year2023Type === 'system'" class="system-text">系统获取</span>
                          <span v-else-if="scope.row.year2023Type === 'auto'" class="auto-text">自动计算</span>
                          <el-input
                            v-else
                            v-model="scope.row.year2023"
                            placeholder="请输入"
                            size="small"
                            style="width: 100%; border: 1px solid #ededed;">
                          </el-input>
                        </template>
                      </el-table-column>
                      <el-table-column label="2024年" width="150" align="center">
                        <template #default="scope">
                          <span v-if="scope.row.year2024Type === 'value'">{{ scope.row.year2024 }}</span>
                          <span v-else-if="scope.row.year2024Type === 'system'" class="system-text">系统获取</span>
                          <span v-else-if="scope.row.year2024Type === 'auto'" class="auto-text">自动计算</span>
                          <el-input
                            v-else
                            v-model="scope.row.year2024"
                            placeholder="请输入"
                            size="small"
                            style="width: 100%; border: 1px solid #ededed;">
                          </el-input>
                        </template>
                      </el-table-column>
                    </el-table>
                  </div>
                </div>
                <div style="margin-top: 20px;">
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">近3年是否申请银行贷款</div>
                      <div class="form-value">
                        <el-checkbox-group v-model="loanForm.hasAppliedLoan">
                          <el-checkbox label="是">是</el-checkbox>
                          <el-checkbox label="否">否</el-checkbox>
                        </el-checkbox-group>
                        <span v-if="loanForm.hasAppliedLoan.includes('是')" style="margin-left: 20px; color: #6A6E8C;">如是,请填写:</span>
                      </div>
                    </div>
                    <div v-if="loanForm.hasAppliedLoan.includes('是')" class="form-row">
                      <div class="form-label">信贷满足率 (%)</div>
                      <div class="form-value">
                        <el-input 
                          v-model="loanForm.creditSatisfactionRate" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 200px;">
                        </el-input>
                        <span style="margin-left: 12px; color: #6A6E8C; font-size: 13px;">(企业获批贷款额度/贷款申请额度)</span>
                      </div>
                    </div>
                    <div v-if="loanForm.hasAppliedLoan.includes('是')" class="form-row">
                      <div class="form-label">所获得贷款主要用于下列哪些事项: (可多选)</div>
                      <div class="form-value">
                        <el-checkbox-group v-model="loanForm.loanPurposes">
                          <el-checkbox label="日常生产经营">日常生产经营</el-checkbox>
                          <el-checkbox label="扩大生产">扩大生产</el-checkbox>
                          <el-checkbox label="研发及技术改造">研发及技术改造</el-checkbox>
                          <el-checkbox label="海外分支机构运营及投资并购">海外分支机构运营及投资并购</el-checkbox>
                        </el-checkbox-group>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">下一步融资计划</div>
                      <div class="form-value">
                        <div style="margin-bottom: 12px;">
                          <span style="margin-right: 12px;">资金需求额 (万元):</span>
                          <el-input 
                            v-model="loanForm.fundingDemand" 
                            placeholder="请输入" 
                            size="small"
                            style="width: 200px;">
                          </el-input>
                        </div>
                        <div>
                          <span style="margin-right: 12px;">计划融资方式:</span>
                          <el-checkbox-group v-model="loanForm.financingMethods">
                            <el-checkbox label="银行贷款">银行贷款</el-checkbox>
                            <el-checkbox label="股权融资">股权融资</el-checkbox>
                            <el-checkbox label="债券融资">债券融资</el-checkbox>
                            <el-checkbox label="上市融资">上市融资</el-checkbox>
                            <el-checkbox label="其他">其他</el-checkbox>
                          </el-checkbox-group>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-right" >
                 <div class="zhengming">
                  <div class="headerss">
                  <div class="jiben">近一年12月份企业社会保险参保证明</div>
                
                </div>
                <div class="table-areas" >
                  <el-table :data="tableData" :header-cell-style="{ background: '#EDEFFE', color: '#363636' }" border style="width: 100%">
                    <el-table-column prop="date" label="证明材料名称"  align="center">
                    </el-table-column>
                    <el-table-column prop="name" label="上传材料（最多3个）"  align="center">
                    </el-table-column>
                   
                    
                  </el-table>
  
                </div>
                 </div>
                
              </div>
          <div class="area-rights" id="contract-manage">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">专业化</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">专业化情况</div>
                  </div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">近2年主营业务收入平均增长率 (%)</div>
                      <div class="form-value">
                        <span class="auto-text">自动计算</span>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">所属产业链 (最多三项)</div>
                      <div class="form-value">
                        <el-select 
                          v-model="specializationForm.industrialChain" 
                          multiple
                          collapse-tags
                          placeholder="请选择"
                          size="small"
                          style="width: 100%;"
                          @change="handleIndustrialChainChange">
                          <el-option
                            v-for="item in industrialChainOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                    <div v-if="showOtherChain" class="form-row">
                      <div class="form-label">其他产业链: (选择其他时填写)</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.otherChain" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">主导产品是否在产业链关键环节及关键领域 "补短板""锻长板""填空白"取得实际成效</div>
                      <div class="form-value">
                        <el-radio-group v-model="specializationForm.hasAchievement">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                    <div v-if="specializationForm.hasAchievement === '是'" class="form-row">
                      <div class="form-label">如是,请填写:</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.achievementDetail" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div v-if="specializationForm.hasAchievement === '是'" class="form-row">
                      <div class="form-label">"补短板"或"锻长板"的产品名称</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.productName" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div v-if="specializationForm.hasAchievement === '是'" class="form-row">
                      <div class="form-label">或填补国内 (国际) 空白的领域</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.blankField" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div v-if="specializationForm.hasAchievement === '是'" class="form-row">
                      <div class="form-label">或达到国内领先、国际先进水平的产品名称</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.advancedProduct" 
                          placeholder="请输入" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div v-if="specializationForm.hasAchievement === '是'" class="form-row">
                      <div class="form-label">说明 (细分领域产品、技术先进性说明, 300字以内):</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.description" 
                          type="textarea"
                          :rows="4"
                          placeholder="请输入" 
                          size="small"
                          maxlength="300"
                          show-word-limit
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">主导产品是否属于工业"六基"领域</div>
                      <div class="form-value">
                        <el-radio-group v-model="specializationForm.isSixBases">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                    <div v-if="specializationForm.isSixBases === '是'" class="form-row">
                      <div class="form-label">如是,请打勾:</div>
                      <div class="form-value">
                        <el-checkbox-group v-model="specializationForm.sixBasesItems">
                          <el-checkbox label="核心基础零部件">核心基础零部件</el-checkbox>
                          <el-checkbox label="核心基础元器件">核心基础元器件</el-checkbox>
                          <el-checkbox label="关键软件">关键软件</el-checkbox>
                          <el-checkbox label="先进基础工艺">先进基础工艺</el-checkbox>
                          <el-checkbox label="关键基础材料">关键基础材料</el-checkbox>
                          <el-checkbox label="产业技术基础">产业技术基础</el-checkbox>
                        </el-checkbox-group>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">主导产品是否属于中华老字号名录</div>
                      <div class="form-value">
                        <el-radio-group v-model="specializationForm.isTimeHonored">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                    <div v-if="specializationForm.isTimeHonored === '是'" class="form-row">
                      <div class="form-label">如是,请填写:</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.timeHonoredDetail" 
                          placeholder="请填写" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">主导产品为知名大企业直接配套</div>
                      <div class="form-value">
                        <el-radio-group v-model="specializationForm.isDirectSupply">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                      </div>
                    </div>
                    <div v-if="specializationForm.isDirectSupply === '是'" class="form-row">
                      <div class="form-label">如是,请填写:</div>
                      <div class="form-value">
                        <el-input 
                          v-model="specializationForm.enterprise1" 
                          placeholder="请填写" 
                          size="small"
                          style="width: 100%; margin-bottom: 8px;">
                        </el-input>
                        <el-input 
                          v-model="specializationForm.enterprise2" 
                          placeholder="请填写" 
                          size="small"
                          style="width: 100%; margin-bottom: 8px;">
                        </el-input>
                        <el-input 
                          v-model="specializationForm.enterprise3" 
                          placeholder="请填写" 
                          size="small"
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">主导产品介绍 (自动获取"主导产品情况"添加的产品,动态更新)</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="product-intro-table">
                    <div class="product-intro-header">
                      <div class="product-intro-label-col">产品名称</div>
                      <div class="product-intro-value-col">
                        <div class="product-intro-note">产品介绍(此模块可简要描述此模块可简要描述300字以内,下载word完整材料后可详细图文编辑)</div>
                      </div>
                    </div>
                    <div 
                      v-for="(product, index) in productIntroList" 
                      :key="index"
                      class="product-intro-row">
                      <div class="product-intro-label-col">
                        <span class="product-number">{{ index + 1 }}</span>
                        <span class="product-name">{{ product }}</span>
                      </div>
                      <div class="product-intro-value-col">
                        <el-input 
                          v-model="productIntroForm[product]"
                          type="textarea"
                          :rows="6"
                          placeholder="请输入" 
                          size="small"
                          maxlength="300"
                          show-word-limit
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">主导产品在产业链供应链关键环节及关键领域"补短板""锻长板""填空白"取得实际成效说明</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">1</span>
                        <span class="product-name">实际成效说明</span>
                      </div>
                      <div class="form-value has-note">
                        <div class="product-intro-note">实际成效说明(此模块可简要描述300字以内,下载word完整材料后可详细图文编辑)</div>
                        <el-input 
                          v-model="achievementDescriptionForm.actualResults"
                          type="textarea"
                          :rows="6"
                          placeholder="请输入" 
                          size="small"
                          maxlength="300"
                          show-word-limit
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">主导产品属于工业"六基"领域情况(参考《2021产业基础创新发展目录》)说明</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">1</span>
                        <span class="product-name">情况说明</span>
                      </div>
                      <div class="form-value has-note">
                        <div class="product-intro-note">情况说明(此模块可简要描述300字以内,下载word完整材料后可详细图文编辑)</div>
                        <el-input 
                          v-model="achievementDescriptionForm.sixBasesDescription"
                          type="textarea"
                          :rows="6"
                          placeholder="请输入" 
                          size="small"
                          maxlength="300"
                          show-word-limit
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">主导产品为知名大企业服务的情况介绍</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">1</span>
                        <span class="product-name">情况介绍</span>
                      </div>
                      <div class="form-value has-note">
                        <div class="product-intro-note">情况说明(此模块可简要描述300字以内,下载word完整材料后可详细图文编辑)</div>
                        <el-input
                          v-model="achievementDescriptionForm.serviceIntroduction"
                          type="textarea"
                          :rows="6"
                          placeholder="请输入" 
                          size="small"
                          maxlength="300"
                          show-word-limit
                          style="width: 100%;">
                        </el-input>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">2</span>
                        <span class="product-name">服务企业清单</span>
                      </div>
                      <div class="form-value">
                        <el-select 
                          v-model="achievementDescriptionForm.serviceEnterprises" 
                          multiple 
                          collapse-tags
                          placeholder="请选择"
                          size="small"
                          style="width: 100%;">
                          <el-option
                            v-for="item in serviceEnterpriseOptions"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights" id="expenses">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">精细化</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">精细化情况</div>
                  </div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">1</span>
                        <span class="product-name">企业数字化转型水平</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-checkbox-group v-model="refinementForm.digitalTransformationLevel">
                          <el-checkbox label="一级">一级</el-checkbox>
                          <el-checkbox label="二级">二级</el-checkbox>
                          <el-checkbox label="三级">三级</el-checkbox>
                          <el-checkbox label="四级">四级</el-checkbox>
                        </el-checkbox-group>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">测评水平结果截图</div>
                      <div class="form-value">
                        <el-upload
                          class="upload-demo"
                          action="#"
                          :file-list="refinementForm.assessmentScreenshot"
                          list-type="picture-card"
                          :on-preview="handlePictureCardPreview"
                          :on-remove="handleRemove"
                          :on-change="handleAssessmentScreenshotChange"
                          :on-exceed="handleExceed"
                          :limit="1"
                          :auto-upload="false">
                          <i class="el-icon-plus"></i>
                        </el-upload>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">2</span>
                        <span class="product-name">获得省级以上质量奖荣誉 (系统获取)</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">国家级、省级质量奖 (项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.totalQualityAwards" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">国家级质量奖 (项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.nationalQualityAwards" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">省级质量奖 (项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.provincialQualityAwards" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">名称: (对应奖项名称):</div>
                          <div class="form-sub-value">
                            <el-input 
                              v-model="refinementForm.awardNames" 
                              type="textarea"
                              :rows="3"
                              placeholder="请输入" 
                              size="small"
                              style="width: 100%;">
                            </el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">奖项名称</div>
                          <div class="form-sub-value">
                            <el-input 
                              v-model="refinementForm.awardNameDetail" 
                              type="textarea"
                              :rows="3"
                              placeholder="请输入" 
                              size="small"
                              style="width: 100%;">
                            </el-input>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">3</span>
                        <span class="product-name">企业获得的管理体系认证情况 (可多选) (系统获取,默认选中)</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-checkbox-group v-model="refinementForm.managementSystemCertifications">
                          <el-checkbox label="ISO9000质量管理体系认证">ISO9000质量管理体系认证</el-checkbox>
                          <el-checkbox label="ISO14000环境管理体系认证">ISO14000环境管理体系认证</el-checkbox>
                          <el-checkbox label="OHSAS18000职业安全健康管理体系认证">OHSAS18000职业安全健康管理体系认证</el-checkbox>
                        </el-checkbox-group>
                        <div>
                          <el-checkbox v-model="refinementForm.hasOtherManagementCert" label="其他">其他 如选择其他,请说明:</el-checkbox>
                        </div>
                        <div v-if="refinementForm.hasOtherManagementCert">
                          <span style="margin-right: 12px;">说明:</span>
                          <el-input 
                            v-model="refinementForm.otherManagementCertDesc" 
                            placeholder="请输入" 
                            size="small"
                            style="width: 300px;">
                          </el-input>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">4</span>
                        <span class="product-name">产品获得发达国家或地区权威机构认证情况 (可多选)</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-checkbox-group v-model="refinementForm.developedCountryCertifications">
                          <el-checkbox label="UL">UL</el-checkbox>
                          <el-checkbox label="CSA">CSA</el-checkbox>
                          <el-checkbox label="ETL">ETL</el-checkbox>
                          <el-checkbox label="GS">GS</el-checkbox>
                        </el-checkbox-group>
                        <div>
                          <el-checkbox v-model="refinementForm.hasOtherDevelopedCert" label="其他">其他 如选择其他,请说明:</el-checkbox>
                        </div>
                        <div v-if="refinementForm.hasOtherDevelopedCert">
                          <span style="margin-right: 12px;">说明:</span>
                          <el-input 
                            v-model="refinementForm.otherDevelopedCertDesc" 
                            placeholder="请输入" 
                            size="small"
                            style="width: 300px;">
                          </el-input>
                        </div>
                        <div>
                          <span style="margin-right: 12px;">证书等佐证材料 (可传最多4个):</span>
                          <el-upload
                            class="upload-demo"
                            action="#"
                            :file-list="refinementForm.developedCountryCertFiles"
                            list-type="picture-card"
                            :on-preview="handlePictureCardPreview"
                            :on-remove="handleRemoveDevelopedCert"
                            :on-change="handleDevelopedCertChange"
                            :on-exceed="handleExceed"
                            :limit="4"
                            :auto-upload="false">
                            <i class="el-icon-plus"></i>
                          </el-upload>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">5</span>
                        <span class="product-name">产品获得国内权威机构认证情况 (可多选)</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-checkbox-group v-model="refinementForm.domesticCertifications">
                          <el-checkbox label="CQC">CQC</el-checkbox>
                          <el-checkbox label="CMA">CMA</el-checkbox>
                          <el-checkbox label="CTC">CTC</el-checkbox>
                          <el-checkbox label="CCAP">CCAP</el-checkbox>
                        </el-checkbox-group>
                        <div>
                          <el-checkbox v-model="refinementForm.hasOtherDomesticCert" label="其他">其他 如选择其他,请说明:</el-checkbox>
                        </div>
                        <div v-if="refinementForm.hasOtherDomesticCert">
                          <span style="margin-right: 12px;">说明:</span>
                          <el-input 
                            v-model="refinementForm.otherDomesticCertDesc" 
                            placeholder="请输入" 
                            size="small"
                            style="width: 300px;">
                          </el-input>
                        </div>
                        <div>
                          <span style="margin-right: 12px;">证书等佐证材料 (可传最多4个):</span>
                          <el-upload
                            class="upload-demo"
                            action="#"
                            :file-list="refinementForm.domesticCertFiles"
                            list-type="picture-card"
                            :on-preview="handlePictureCardPreview"
                            :on-remove="handleRemoveDomesticCert"
                            :on-change="handleDomesticCertChange"
                            :on-exceed="handleExceed"
                            :limit="4"
                            :auto-upload="false">
                            <i class="el-icon-plus"></i>
                          </el-upload>
                        </div>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">6</span>
                        <span class="product-name">企业自有品牌</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">自有品牌 (项) (系统获取)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.ownBrandCount" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">自有品牌名称: (系统获取)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.ownBrandNames" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">省级以上著名品牌 (项)</div>
                          <div class="form-sub-value">
                            <el-input 
                              v-model="refinementForm.famousBrandCount" 
                              placeholder="请输入" 
                              size="small"
                              style="width: 100%;">
                            </el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">省级以上著名品牌名称:</div>
                          <div class="form-sub-value">
                            <el-input 
                              v-model="refinementForm.famousBrandNames" 
                              type="textarea"
                              :rows="3"
                              placeholder="请输入" 
                              size="small"
                              style="width: 100%;">
                            </el-input>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">7</span>
                        <span class="product-name">作为主要起草单位制修订的已批准发布标准数量和名称 (系统获取)</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">主持国际,国家,行业标准总数 (项)</div>
                          <div class="form-sub-value">
                            <el-input  v-model="refinementForm.presidedStandardsTotal" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">其中:</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.presidedStandardsDetail" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">参与国际,国家,行业标准总数 (项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.participatedStandardsTotal" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">其中:</div>
                          <div class="form-sub-value">
                            <el-input v-model="refinementForm.participatedStandardsDetail" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">请填写代表性标准,不超过5项: (系统获取先主持后参与,按级别从高到低)</div>
                          <div class="form-sub-value">
                            <el-input 
                             
                              v-model="refinementForm.representativeStandards" 
                              type="textarea"
                              :rows="4"
                              placeholder="请输入" 
                              size="small"
                              style="width: 100%;    ">
                            </el-input>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights" id="project-track">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">特色化</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">特色化情况</div>
                  </div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">1</span>
                        <span class="product-name">实施特色化经营情况</span>
                      </div>
                      <div class="form-value has-multiple specialization-checkbox-group">
                        <el-checkbox-group v-model="specializationStatusForm.implementationStatus">
                          <el-checkbox label="掌握特色工艺、技术、配方或服务,并有相关专利技术或其他支撑材料">掌握特色工艺、技术、配方或服务,并有相关专利技术或其他支撑材料</el-checkbox>
                          <el-checkbox label="实现绿色低碳发展,拥有绿色产品,或绿色车间或绿色工厂称号,固废综合利用率达30以上">实现绿色低碳发展,拥有绿色产品,或绿色车间或绿色工厂称号,固废综合利用率达30以上</el-checkbox>
                          <el-checkbox label="企业或产品获得省级及以上技术创新、品牌、质量、专利等奖项、称号认定或省级及以上行业协会重大奖项和称号认定">企业或产品获得省级及以上技术创新、品牌、质量、专利等奖项、称号认定或省级及以上行业协会重大奖项和称号认定</el-checkbox>
                          <el-checkbox label="企业已上市或已启动上市计划">企业已上市或已启动上市计划</el-checkbox>
                          <el-checkbox label='近三年进入"创客中国"贵州省中小企业创新创业大赛50强名单'>近三年进入"创客中国"贵州省中小企业创新创业大赛50强名单</el-checkbox>
                          <el-checkbox label="近两年企业实施数字化转型,企业发展得到提升改造">近两年企业实施数字化转型,企业发展得到提升改造</el-checkbox>
                        </el-checkbox-group>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">2</span>
                        <span class="product-name">符合本省产业发展导向情况</span>
                      </div>
                      <div class="form-value has-multiple specialization-checkbox-group">
                        <el-checkbox-group v-model="specializationStatusForm.provincialOrientation">
                          <el-checkbox label='属于《贵州省中小企业"专精特新"培育实施方案》重点培育产业'>属于《贵州省中小企业"专精特新"培育实施方案》重点培育产业</el-checkbox>
                          <el-checkbox label="属于市(州)重点支持的产业领域">属于市(州)重点支持的产业领域</el-checkbox>
                          <el-checkbox label="不属于以上情况">不属于以上情况</el-checkbox>
                        </el-checkbox-group>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights" id="mid-check">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">创新能力</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="headerss">
                    <div class="jiben">创新能力情况</div>
                  </div>
                  <div class="form-table">
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">1</span>
                        <span class="product-name">建立研发机构级别</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">国家级(个)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.nationalLevel" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">省级(个)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.provincialLevel" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">市级(个)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.cityLevel" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">市级以下(个)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.belowCityLevel" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">自建(个)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.selfBuilt" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label"></div>
                          <div class="form-sub-value">
                            <el-checkbox v-model="innovationForm.noRndInstitution">未建立研发机构</el-checkbox>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">2</span>
                        <span class="product-name">拥有与主导产品有关的I类知识产权情况(系统获取)</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">I类知识产权总数(项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeITotal" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">包括I类高价值知识产权(项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeIHighValue" placeholder="请输入" size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">属于自主研发的I类知识产权(项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeISelfDeveloped" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">其中:</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeIDetail" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-number">3</span>
                        <span class="product-name">拥有与主导产品有关的II类知识产权情况(系统获取)</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row">
                          <div class="form-sub-label">II类知识产权总数(项)</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeIITotal" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                        <div class="form-sub-row">
                          <div class="form-sub-label">其中:</div>
                          <div class="form-sub-value">
                            <el-input v-model="innovationForm.typeIIDetail" readonly size="small" style="width: 100%;"></el-input>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">4</span>
                        <span class="product-name">近3年是否获得国家级科技奖励</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-radio-group v-model="innovationForm.hasNationalAward">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                        <div v-if="innovationForm.hasNationalAward === '是'" style="margin-top: 12px; width: 100%;">
                          <div style="margin-bottom: 8px; color: #363636;">如是,请填写:</div>
                          <div style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">年份:</span>
                              <el-select v-model="innovationForm.nationalAwardYear" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="2024" value="2024"></el-option>
                                <el-option label="2023" value="2023"></el-option>
                                <el-option label="2022" value="2022"></el-option>
                              </el-select>
                            </div>
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">名称:</span>
                              <el-select v-model="innovationForm.nationalAwardName" placeholder="请选择" size="small" style="width: 250px;">
                                <el-option label="国家科学技术进步奖" value="国家科学技术进步奖"></el-option>
                                <el-option label="国家技术发明奖" value="国家技术发明奖"></el-option>
                                <el-option label="国家自然科学奖" value="国家自然科学奖"></el-option>
                              </el-select>
                            </div>
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">排名:</span>
                              <el-select v-model="innovationForm.nationalAwardRank" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="一等奖" value="一等奖"></el-option>
                                <el-option label="二等奖" value="二等奖"></el-option>
                                <el-option label="三等奖" value="三等奖"></el-option>
                              </el-select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">5</span>
                        <span class="product-name">近3年是否获得省级科技奖励</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-radio-group v-model="innovationForm.hasProvincialAward">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                        <div v-if="innovationForm.hasProvincialAward === '是'" style="margin-top: 12px; width: 100%;">
                          <div style="margin-bottom: 8px; color: #363636;">如是,请填写:</div>
                          <div style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">年份:</span>
                              <el-select v-model="innovationForm.provincialAwardYear" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="2024" value="2024"></el-option>
                                <el-option label="2023" value="2023"></el-option>
                                <el-option label="2022" value="2022"></el-option>
                              </el-select>
                            </div>
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">名称:</span>
                              <el-input v-model="innovationForm.provincialAwardName" placeholder="请输入" size="small" style="width: 250px;"></el-input>
                            </div>
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">排名:</span>
                              <el-select v-model="innovationForm.provincialAwardRank" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="一等奖" value="一等奖"></el-option>
                                <el-option label="二等奖" value="二等奖"></el-option>
                                <el-option label="三等奖" value="三等奖"></el-option>
                              </el-select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-number">6</span>
                        <span class="product-name">近3年进入"创客中国"中小企业创新创业大赛全国500强企业组名单</span>
                      </div>
                      <div class="form-value has-multiple">
                        <el-radio-group v-model="innovationForm.hasMakerChinaAward">
                          <el-radio label="是">是</el-radio>
                          <el-radio label="否">否</el-radio>
                        </el-radio-group>
                        <div v-if="innovationForm.hasMakerChinaAward === '是'" style="margin-top: 12px; width: 100%;">
                          <div style="margin-bottom: 8px; color: #363636;">如是,请填写:</div>
                          <div style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">年份:</span>
                              <el-select v-model="innovationForm.makerChinaYear" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="2024" value="2024"></el-option>
                                <el-option label="2023" value="2023"></el-option>
                                <el-option label="2022" value="2022"></el-option>
                              </el-select>
                            </div>
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 8px; color: #363636;">排名:</span>
                              <el-select v-model="innovationForm.makerChinaRank" placeholder="请选择" size="small" style="width: 150px;">
                                <el-option label="一等奖" value="一等奖"></el-option>
                                <el-option label="二等奖" value="二等奖"></el-option>
                                <el-option label="三等奖" value="三等奖"></el-option>
                              </el-select>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="area-rights" id="project-close">
            <div class="neirongs">
              <div class="zong">
                <div class="shu"></div>
                <span class="jib">其他说明</span>
              </div>
              <div class="table-area">
                <div>
                  <div class="form-table">
                    <div class="form-row">
                      <div class="form-label">
                        <span class="product-name">企业总体情况简要介绍</span>
                      </div>
                      <div class="form-value has-note">
                        <div class="product-intro-note">(2000字以内)</div>
                        <el-input
                          v-model="otherForm.enterpriseIntroduction"
                          type="textarea"
                          :rows="6"
                          placeholder="请输入"
                          maxlength="2000"
                          show-word-limit
                          size="small"
                          style="width: 100%;"
                        ></el-input>
                      </div>
                    </div>
                    <div class="form-row form-row-group">
                      <div class="form-label form-label-group">
                        <span class="product-name">真实性声明</span>
                      </div>
                      <div class="form-value-group">
                        <div class="form-sub-row" style="border-bottom: 1px solid #E0E3F5;">
                          <div class="form-sub-label"></div>
                          <div class="form-sub-value" style="padding: 16px;">
                            <div style="font-size: 14px; color: #363636; line-height: 1.8;">
                              以上所填内容和提交资料均准确、真实、合法、有效、无涉密信息,本企业愿为此承担有关法律责任。
                            </div>
                          </div>
                        </div>
                        <div class="form-sub-row" style="border-bottom: none;">
                          <div class="form-sub-label"></div>
                          <div class="form-sub-value" style="padding: 16px;">
                            <div style="display: flex; align-items: center;">
                              <span style="margin-right: 12px; font-size: 14px; color: #363636;">法定代表人:</span>
                              <el-input
                                v-model="otherForm.legalRepresentative"
                                placeholder="某某"
                                size="small"
                                style="width: 200px;"
                              ></el-input>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
      
     
         
       
   
      
        
       
        </div>
      </div>
      <!-- 图片预览对话框 -->
      <el-dialog :visible.sync="dialogVisible" width="800px">
        <img width="100%" :src="dialogImageUrl" alt="">
      </el-dialog>
  
      
    </div>
  </template>
  <script>

  export default {
    data() {
      return {
        zhishichangquanShow:false,
        jiediantixinShow:false,
        jisulianyuShow:false,
        jiben:false,
        tixingshezhiShow:false,
        tupianAShow:false,
        form:{
          name:""
        },
        leadingProductForm: {
          productNames: ['产品名称一', '产品名称二'],
          years: '',
          category: '',
          enterpriseOne: ''
        },
        productNameOptions: [
          { label: '产品名称一', value: '产品名称一' },
          { label: '产品名称二', value: '产品名称二' },
          { label: '产品名称三', value: '产品名称三' }
        ],
        categoryOptions: [
          { label: '类别一', value: 'category1' },
          { label: '类别二', value: 'category2' },
          { label: '类别三', value: 'category3' }
        ],
        loanForm: {
          hasAppliedLoan: ['是'],
          creditSatisfactionRate: '',
          loanPurposes: ['日常生产经营'],
          fundingDemand: '',
          financingMethods: ['银行贷款', '其他']
        },
        specializationForm: {
          industrialChain: [],
          otherChain: '',
          hasAchievement: '是',
          achievementDetail: '',
          productName: '',
          blankField: '',
          advancedProduct: '',
          description: '',
          isSixBases: '是',
          sixBasesItems: ['核心基础零部件', '核心基础元器件'],
          isTimeHonored: '是',
          timeHonoredDetail: '',
          isDirectSupply: '是',
          enterprise1: '',
          enterprise2: '',
          enterprise3: ''
        },
        industrialChainOptions: [
          { label: '产业链一', value: 'chain1' },
          { label: '产业链二', value: 'chain2' },
          { label: '产业链三', value: 'chain3' },
          { label: '其他', value: 'other' }
        ],
        showOtherChain: false,
        productIntroForm: {},
        achievementDescriptionForm: {
          actualResults: '',
          sixBasesDescription: '',
          serviceIntroduction: '',
          serviceEnterprises: ['业主单位(购买方)一', '业主单位(购买方)二']
        },
        serviceEnterpriseOptions: [
          { label: '业主单位(购买方)一', value: '业主单位(购买方)一' },
          { label: '业主单位(购买方)二', value: '业主单位(购买方)二' },
          { label: '业主单位(购买方)三', value: '业主单位(购买方)三' }
        ],
        refinementForm: {
          digitalTransformationLevel: ['一级'],
          assessmentScreenshot: [],
          totalQualityAwards: '1',
          nationalQualityAwards: '0',
          provincialQualityAwards: '1',
          awardNames: '',
          awardNameDetail: '',
          managementSystemCertifications: ['ISO9000质量管理体系认证'],
          hasOtherManagementCert: true,
          otherManagementCertDesc: '',
          developedCountryCertifications: ['UL'],
          hasOtherDevelopedCert: true,
          otherDevelopedCertDesc: '',
          developedCountryCertFiles: [],
          domesticCertifications: ['CQC'],
          hasOtherDomesticCert: true,
          otherDomesticCertDesc: '',
          domesticCertFiles: [],
          ownBrandCount: '3',
          ownBrandNames: '1、自有品牌名称, 2、自有品牌名称, 3、自有品牌名称',
          famousBrandCount: '',
          famousBrandNames: '',
          presidedStandardsTotal: '3',
          presidedStandardsDetail: '国际标准1项,国家标准1项,行业标准1项',
          participatedStandardsTotal: '3',
          participatedStandardsDetail: '国际标准1项,国家标准1项,行业标准1项',
          representativeStandards: '1、标准名称,2、标准名称,3、标准名称,4、标准名称,5、标准名称'
        },
        specializationStatusForm: {
          implementationStatus: [
            '掌握特色工艺、技术、配方或服务,并有相关专利技术或其他支撑材料',
            '实现绿色低碳发展,拥有绿色产品,或绿色车间或绿色工厂称号,固废综合利用率达30以上'
          ],
          provincialOrientation: []
        },
        innovationForm: {
          nationalLevel: '',
          provincialLevel: '',
          cityLevel: '',
          belowCityLevel: '',
          selfBuilt: '',
          noRndInstitution: false,
          typeITotal: '6',
          typeIHighValue: '',
          typeISelfDeveloped: '3',
          typeIDetail: '发明专利2项,植物新品种0项,国家级农作物品种0项,国家新药0项,集成电路布图设计专有权1项',
          typeIITotal: '2',
          typeIIDetail: '软件著作权2项,实用新型专利0项,外观设计专利0项',
          hasNationalAward: '是',
          nationalAwardYear: '2024',
          nationalAwardName: '国家科学技术进步奖',
          nationalAwardRank: '一等奖',
          hasProvincialAward: '是',
          provincialAwardYear: '',
          provincialAwardName: '',
          provincialAwardRank: '一等奖',
          hasMakerChinaAward: '是',
          makerChinaYear: '',
          makerChinaRank: '一等奖'
        },
        otherForm: {
          enterpriseIntroduction: '',
          legalRepresentative: ''
        },
        dialogImageUrl: '',
        dialogVisible: false,
        economicData: [
          { indicator: '全职员工数量(人)', year2022: '100', year2022Type: 'value', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '其中:研发人员数量(人)', year2022: '36', year2022Type: 'value', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '研发人员占全部职工比重(%)', year2022: '36%', year2022Type: 'value', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '营业收入(万元)', year2022: '50.00', year2022Type: 'value', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '其中:主营业务收入(万元)', year2022: '30.00', year2022Type: 'value', year2023: '', year2023Type: 'input', year2024: '', year2024Type: 'input' },
          { indicator: '主营业务收入总额占营业收入总额比重(%)', year2022: '60%', year2022Type: 'value', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '主营业务收入增长率(%)', year2022: '', year2022Type: 'auto', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '研发费用总额(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '研发费用总额占营业收入总额比重(%)', year2022: '', year2022Type: 'auto', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '利润总额(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '净利润总额(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '净利润率(%)', year2022: '', year2022Type: 'auto', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '净利润增长率(%)', year2022: '', year2022Type: 'auto', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '销售费用(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '管理费用(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '营业成本(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '其中:主营业务成本(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '产品销售成本(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '资产总额(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '期末净资产(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '负债总额(万元)', year2022: '', year2022Type: 'system', year2023: '', year2023Type: 'system', year2024: '', year2024Type: 'system' },
          { indicator: '资产负债率(%)', year2022: '', year2022Type: 'auto', year2023: '', year2023Type: 'auto', year2024: '', year2024Type: 'auto' },
          { indicator: '上缴税金(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '股权融资额(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '对应估值(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '银行贷款(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '境内债券(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '境外债券(万元)', year2022: '30.00', year2022Type: 'value', year2023: '30.00', year2023Type: 'value', year2024: '', year2024Type: 'input' },
          { indicator: '审计报告编码', year2022: '', year2022Type: 'input', year2023: '', year2023Type: 'input', year2024: '', year2024Type: 'input' }
        ],
        tableData: [{
          date2:1,
            date: '2016-05-02',
            name: '王小虎',
            province: '上海',
            city: '普陀区',
            address: '上海市普陀区金沙江路 1518 弄',
            zip: 200333
          }],
        investmentBudgetData: [{
          date2: 1,
          date: '投资预算',
          name: '-',
          address: '-',
          type: 'investment'
        }],
        active2: 0,
        active: 0,
        activeItemIndex: null,
        activeMenu: '0',
        activeColor: '#409EFF',
        listDate: [
          { name: '企业信用', id: 'basic-info' },
          { name: '主导产品', id: 'project-info' },
          { name: '经营经济情况', id: 'project-members' },
          { name: '专业化', id: 'contract-manage' },
          { name: '精细化', id: 'expenses' },
          { name: '特色化', id: 'project-track' },
          { name: '创新能力', id: 'mid-check' },
          { name: '其他说明', id: 'project-close' },
         
        ]
      }
    },
    components:{
      
    },
    computed: {
      productIntroList() {
        return this.leadingProductForm.productNames || []
      }
    },
    watch: {
      'leadingProductForm.productNames': {
        handler(newVal) {
          // 当产品列表变化时，更新productIntroForm对象
          if (newVal && newVal.length > 0) {
            newVal.forEach(product => {
              if (!this.productIntroForm.hasOwnProperty(product)) {
                this.$set(this.productIntroForm, product, '')
              }
            })
            // 移除已删除的产品
            Object.keys(this.productIntroForm).forEach(key => {
              if (!newVal.includes(key)) {
                this.$delete(this.productIntroForm, key)
              }
            })
          }
        },
        immediate: true,
        deep: true
      }
    },
    created() {
  
    },
    mounted(){
      
    },
    methods: {
      //科技费用明细
  
      btnkejifeiyong(){
        this.$router.push('/feiyongmingxikeji')
      },
      btnfeiyongzhukeji(){
        this.$router.push('/feiyongmingxiDetail')
      },
      //成果图片
      chengguoimg(){
        this.tupianAShow=true
      },
      //成果编辑
      btnChengguo(){
        this.$router.push('/chengguo')
      },
      //知识产权编辑
      btnzhichichang(){
        this.zhishichangquanShow=true
      },
      //知识产权关闭
      zhichiClose(){
        this.zhishichangquanShow=false
      },
      //科技成果详情
      btnkejichengguoDetail(){
        this.$router.push('/kejichengguoDetail')
      },
      //科技成果编辑
      btnkejichengguo(){
        this.$router.push('/kejichengguo')
      },
      //文档详情
      btnwendangxiang(){
        this.$router.push('/wendangDetai')
      },
      //文档编辑
      btnWen(){
        this.$router.push('/wendang')
      },
      //结题详情
      btnjietixiangqin(){
        this.$router.push('/jiantiDetial')
      },
  
      //结题编辑
      btnJieti(){
        this.$router.push('/jianti')
      },
      //检查情况编辑
      btnzhogni(){
        this.$router.push('/zhongqi')
      },
      //检查情况详情
      btnjianchaDetial(){
        this.$router.push('/zhongqiDetai')
      },
      //节点详情
      btnjiedianxiang(){
        this.$router.push('/xiangmujiedianEdint')
      },
      //项目节点编辑
      btnjeidian(){
        this.$router.push('/xiangmujiedian')
      },
      //项目节点关闭
      jinduClose(){
        this.jiediantixinShow=false
      },
      //项目节点提醒
      btntixing(){
          this.jiediantixinShow=true
      },
      //进度报告详情
      btnjindubaogao(){
        this.$router.push('/jindubaogaoDetail')
      },
      //编辑进度报告
      btnjinduEdint(){
        this.$router.push('/jindubaogao')
      },
      //关闭提醒
      tixinClose(){
        this.tixingshezhiShow=false
      },
      //提醒设置
      btntixin(){
        this.tixingshezhiShow=true
      },
      //支出明细主页
      btnfeiyongzhu(){
        this.$router.push('/indexzhu')
      },
      //支出明细编辑
      btnzhichu(){
        this.$router.push('/feiyongmingxi')
      },
      //合同明细主页
      btnHetongmingxidetail(){
        this.$router.push('/hetongmingxinDetails')
      },
      //合同明细
      btnHetongmingxi(){
        this.$router.push('/hetongmingxin')
      },
      //成员明细
      btnCheng(){
        this.$router.push('/chengyuan')
      },
      //任务清单
      btnRen(){
        this.$router.push('/renwuqingdan')
      },
      //立即预算
      btnLiyusuan(){
        this.$router.push('/lixiangyusuan')
      },
      //立项资料
      btnLixiangziliao(){
        this.$router.push('/lixiangziliao')
      },
      //投资预算编辑
      btnTouziyusuanEdit(){
        this.$router.push('/touziyusuanEdit')
      },
      //投资预算详情
      btnTouziyusuanDetail(){
        this.$router.push('/touziyusuanDetail')
      },
      //情况概述
      btnqingkuang(){
        this.jiben=true
      },
      closeOK(){
        this.jiben=false
      },
      //技术领先和来源
      jishuClose(){
        this.jisulianyuShow=false
      },
      btnJishu(){
        this.jisulianyuShow=true
      },
      //上一页
      btnShng(){
        this.$router.go(-1)
      },
      //经济效益表格单元格样式
      economicCellStyle({ column, row }) {
        if (column.property === 'indicator') {
          return {
            textAlign: 'left',
            color: '#363636',
            padding: '8px 16px',
            background: '#fff'
          }
        }
        return {
          textAlign: 'center',
          color: '#363636',
          padding: '4px 8px',
          background: '#fff'
        }
      },
      //处理产业链选择变化
      handleIndustrialChainChange(value) {
        // 限制最多选择3项
        if (value.length > 3) {
          this.$message.warning('最多只能选择3项')
          this.specializationForm.industrialChain = value.slice(0, 3)
          return
        }
        // 检查是否选择了"其他"
        this.showOtherChain = value.includes('other')
        if (!this.showOtherChain) {
          this.specializationForm.otherChain = ''
        }
      },
      //图片预览
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url || (file.raw ? URL.createObjectURL(file.raw) : '')
        this.dialogVisible = true
      },
      //删除文件
      handleRemove(file, fileList) {
        this.refinementForm.assessmentScreenshot = fileList
      },
      //测评截图文件变化
      handleAssessmentScreenshotChange(file, fileList) {
        this.refinementForm.assessmentScreenshot = fileList
      },
      //删除发达国家认证文件
      handleRemoveDevelopedCert(file, fileList) {
        this.refinementForm.developedCountryCertFiles = fileList
      },
      //发达国家认证文件变化
      handleDevelopedCertChange(file, fileList) {
        this.refinementForm.developedCountryCertFiles = fileList
      },
      //删除国内认证文件
      handleRemoveDomesticCert(file, fileList) {
        this.refinementForm.domesticCertFiles = fileList
      },
      //国内认证文件变化
      handleDomesticCertChange(file, fileList) {
        this.refinementForm.domesticCertFiles = fileList
      },
      //文件数量超出限制
      handleExceed(files, fileList) {
        this.$message.warning(`当前限制选择 ${fileList.length} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`)
      },
      hideNestedHeaders({ column }) {
      if (column.label === "立项时间" || column.label === "项目名称" || column.label === "项目类型") {
        return { display: 'none' }; // ⭐️ 隐藏子列表头
      }
      return { background: '#EDEFFE', color: '#363636' }; // ⭐️ 主表头样式
    },
  
      //点击左边的切换
      btnActive(e) {
        this.active = e
        this.active2 = e
        this.scrollToSection(e);
      },
      scrollToSection(index) {
        const targetId = this.listDate[index].id;
        const element = document.getElementById(targetId);
        
        if (element) {
          // 计算需要滚动的距离（考虑顶部固定栏）
          const headerHeight = document.querySelector('.headers').offsetHeight;
          const scrollTop = element.offsetTop - headerHeight;
          
          // 使用requestAnimationFrame实现平滑滚动
          const startPos = window.pageYOffset;
          const distance = scrollTop - startPos;
          const duration = 500;
          let startTime = null;
          
          const animateScroll = (timestamp) => {
            if (!startTime) startTime = timestamp;
            const progress = timestamp - startTime;
            const percent = Math.min(progress / duration, 1);
            
            window.scrollTo(0, startPos + distance * percent);
            
            if (progress < duration) {
              window.requestAnimationFrame(animateScroll);
            }
          };
          
          window.requestAnimationFrame(animateScroll);
        }
      }
  
    }
  
  
  
  
  }
  </script>
  <style>
  .hide-nested-headers .el-table__header .el-table-column--nested th {
    display: none;
  }
  .hide-all-headers .el-table__header-wrapper {
    display: none !important;
  }
  
  </style>
  <style scoped>
  ::v-deep .el-table--border th.el-table__cell, .el-table__fixed-right-patch {
      border-bottom: 1px solid #DCE0FD !important;
      border-left: 1px solid #DCE0FD !important;
      border-right: 1px solid #DCE0FD !important;
  }
  ::v-deep .el-input__prefix{
    height: 100%;
      left: 5px;
      transition: all .3s;
      position: relative !important;
      top: -34px  !important;
  }
  .selects{
    position: relative;
    left: -11px;
  }
  .biankuang{
    border: 1px solid #EDEFFE;
    height: 30px; 
    line-height: 30px
  }
  .biankuang :deep(.el-input__inner) {
    height: 28px !important;
    line-height: 28px !important;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .rightsss{
    position: relative;
    top: -18px;
  }
  .jib{
    position: relative;
      left: 12px;
      top: -4px;
      font-size: 18px;
  }
  .jiben{
    position: relative;
      top: -4px;
     
      left: 12px;
  }
  .bianji{
    background-color: #DCE0FD;
    color: #5065F6;
    border: 1px solid #5065F6;
    position: relative;
    top: -6px;
  }
  .headerss{
    display: flex;
    justify-content: space-between;
    width: 96%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 15px;
    height: 18px;
  }
  .table-areas {
    width: 96%;
    margin: 0 auto;
  }
  
  .table-area {
    width: 100%;
    padding-bottom: 20px;
    background: white;
    border-radius: 10px;
  }
  
  .areas {
    display: flex;
  }
  
  .area-right {
    flex: 1;
  }
  
  .area-rights {
    width: 97%;
    margin: 0 auto;
    margin-top: 32px;
  }
  
  .fanhui {
    float: right;
    color: #5165f7;
    position: relative;
    top: -3px;
  }
  .zong{
    margin-left: 33px;
      padding-bottom: 14px;
  }
  .shu {
    width: 4px;
      height: 18px;
      background: #5165f7;
      position: relative;
      top: 0px;
      /* left: 40%; */
      display: inline-block;
  }
  
  .active {
    color: #5165f7 !important;
  }
  
  .active2 {
    background: #5165f7 !important;
  }
  
  .rights-names {
    margin-left: 32px;
    cursor: pointer;
  }
  
  .rights {
    width: 96%;
    height: 100%;
    margin: 0 auto;
    line-height: 94px;
    display: flex;
    position: relative;
    left: -27px;
  }
  .zhengming{
    background: white;
    margin: 0 auto;
    width: 97%;
    margin-top: 10px;
  }
  .name-title {
    position: relative;
    top: -6px;
    font-weight: bold;
  }
  
  .right-name {
    font-size: 12px;
  }
  .yanse{
    color: #5065F6;
  }
  .img-right {
    font-size: 14px;
    position: relative;
    top: 40px;
    height: 40px;
    margin-left: 12px;
  }
  
  .imgs {
    width: 45px;
    height: 46px;
    background: #5165f7;
    border-radius: 6px;
    position: relative;
    top: 26px;
    margin-left: 24px
  }
  
  .headers-right {
    flex: 1;
    background: white;
  
  }
  
  .headers-left {
    width: 222px;
    height: 100%;
    display: flex;
    background: white;
    border-right: 1px solid #EDEFFE;
  }
  
  .headers {
    width: 100%;
    height: 90px;
    display: flex;
    border-bottom: 1px solid #EDEFFE;
  }
  
  .yuan {
    width: 10px;
    height: 10px;
    background-color: #EAEBF0;
    border-radius: 50%;
    z-index: 99;
    position: absolute;
    left: -6px;
  }
  
  .namess {
    margin-left: 18px;
    margin-left: 18px;
    position: relative;
    top: -5px;
  }
  
  .area-name {
    width: 100%;
    height: 56px;
    position: relative;
    border-left: 1px solid #F2F2F2;
    cursor: pointer;
  }
  
  .content-area {
    width: 78%;
    margin: 0 auto;
    margin-top: 32px;
  }
  
  .right-name {
    position: relative;
    top: -12px;
  }
  
  .dushu {
    font-size: 20px;
    font-weight: bold;
    margin-left: 7px;
  }
  
  .ziliao {
    color: #979BBC;
    font-size: 14px;
  }
  
  .left-img {
    width: 36px;
    height: 36px;
  
  }
  
  .left-content {
    width: 78%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 42px;
    border-bottom: 1px solid #EDEFFE;
    line-height: 52px;
    margin-top: 14px;
  }
  
  
  
  :deep .el-menu-item.is-active {
    color: #5165f7 !important;
  }
  :deep .form-sub-row:last-child .form-sub-value[data-v-07ffbb0a] .el-textarea__inner {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
    height: 70px;
}
  /* 调整整体间距 */
  .lefts {
    padding: 8px 0;
    background: white;
    border-top: 1px solid #EDEFFE
  }

  .form-table {
    width: 96%;
    margin: 0 auto;
    border: 1px solid #E0E3F5;
    border-radius: 8px;
    overflow: hidden;
  
  }

  .form-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    border-bottom: 1px solid #E0E3F5;
  }

  .form-row:last-child {
    border-bottom: none;
  }

  .form-label {
    background: #F5F6FE;
    padding: 16px;
    font-size: 14px;
    color: #363636;
    display: flex;
    align-items: center;
    border-right: 1px solid #E0E3F5;
  }

  .form-label .product-number {
    margin-right: 8px;
  }

  .form-label .product-name {
    flex: 1;
  }

  .form-row-group {
    display: grid;
    grid-template-columns: 200px 1fr;
    border-bottom: 1px solid #E0E3F5;
  }
  
  .form-row-group:last-child {
    border-bottom: none;
  }

  .form-label-group {
    display: flex;
    align-items: flex-start;
    padding-top: 16px;
    border-right: 1px solid #E0E3F5;
    background: #F5F6FE;
    padding: 16px;
    font-size: 14px;
    color: #363636;
  }

  .form-value-group {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #fff;
    position: relative;
    z-index: 1;
  }

  .form-sub-row {
    display: grid;
    grid-template-columns: 280px 1fr;
    border-bottom: 1px solid #E0E3F5;
    min-height: 48px;
    flex: 1;
  }

  .form-sub-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }
  
  .form-sub-row:last-child .form-sub-value {
    padding-bottom: 30px;
    padding-top: 12px;
    position: relative;
    z-index: 10;
  }
  
  .form-sub-row:last-child .form-sub-value ::v-deep .el-textarea {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
  }
  
  .form-sub-row:last-child .form-sub-value ::v-deep .el-textarea__inner {
    position: relative;
    z-index: 10;
    margin-bottom: 0;
  }

  .form-sub-label {
    background: #fff;
    padding: 12px 16px;
    font-size: 14px;
    color: #363636;
    display: flex;
    align-items: flex-start;
    border-right: 1px solid #E0E3F5;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
    line-height: 1.5;
  }

  .form-sub-value {
    padding: 12px 16px;
    display: flex;
    align-items: flex-start;
    background: #fff;
  }

  .form-value {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    background: #fff;
  }

  .form-value.has-note {
    flex-direction: column;
    align-items: flex-start;
  }

  .form-value.has-multiple {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .form-value.has-note .product-intro-note {
    margin-bottom: 12px;
    width: 100%;
  }

  .form-value.has-note .el-textarea {
    width: 100%;
  }

  ::v-deep .form-value .el-input__inner,
  ::v-deep .form-value .el-input__inner:focus {
    border: 1px solid #ededed;
  }

  ::v-deep .form-value .el-select .el-input__inner {
    border: 1px solid #ededed;
  }

  .economic-table-wrapper {
    width: 96%;
    margin: 0 auto;
  }

  .system-text {
    color: #6A6E8C;
    font-size: 13px;
  }

  .auto-text {
    color: #6A6E8C;
    font-size: 13px;
  }

  ::v-deep .economic-table-wrapper .el-input {
    width: 100%;
  }

  ::v-deep .economic-table-wrapper .el-input__inner {
    border: 1px solid #ededed;
    text-align: center;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
  }

  ::v-deep .economic-table-wrapper .el-table__body tr:hover > td {
    background-color: #F7F8FF !important;
  }

  ::v-deep .economic-table-wrapper .el-table {
    border: 1px solid #E0E3F5;
  }

  ::v-deep .economic-table-wrapper .el-table td,
  ::v-deep .economic-table-wrapper .el-table th {
    border-color: #E0E3F5;
  }

  ::v-deep .economic-table-wrapper .el-table__body-wrapper .el-table__body tr td {
    vertical-align: middle;
  }

  .product-intro-table {
    width: 96%;
    margin: 0 auto;
    border: 1px solid #E0E3F5;
    border-radius: 8px;
    overflow: hidden;
  }

  .product-intro-header {
    display: grid;
    grid-template-columns: 200px 1fr;
    border-bottom: 1px solid #E0E3F5;
    background: #F5F6FE;
  }

  .product-intro-label-col {
    background: #F5F6FE;
    padding: 16px;
    font-size: 14px;
    color: #363636;
    display: flex;
    align-items: center;
    border-right: 1px solid #E0E3F5;
  }

  .product-intro-value-col {
    padding: 12px 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
  }

  .product-intro-note {
    font-size: 13px;
    color: #363636;
    margin-bottom: 8px;
  }

  .product-intro-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    border-bottom: 1px solid #E0E3F5;
  }

  .product-intro-row:last-child {
    border-bottom: none;
  }

  .product-intro-row .product-intro-label-col {
    background: #F5F6FE;
    padding: 16px;
    font-size: 14px;
    color: #363636;
    display: flex;
    align-items: center;
    border-right: 1px solid #E0E3F5;
  }

  .product-intro-row .product-intro-value-col {
    padding: 12px 16px;
    background: #fff;
  }

  .product-number {
    margin-right: 8px;
    color: #363636;
  }

  .product-name {
    color: #363636;
  }

  ::v-deep .product-intro-value-col .el-textarea__inner {
    border: 1px solid #ededed;
  }

  ::v-deep .el-checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }

  ::v-deep .el-checkbox {
    margin-right: 0;
  }

  .specialization-checkbox-group ::v-deep .el-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .specialization-checkbox-group ::v-deep .el-checkbox {
    margin-right: 0;
    white-space: normal;
    line-height: 1.5;
    align-items: flex-start;
  }

  .specialization-checkbox-group ::v-deep .el-checkbox__label {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 1.5;
    padding-left: 8px;
  }

  ::v-deep .el-upload--picture-card {
    width: 100px;
    height: 100px;
    line-height: 100px;
  }

  ::v-deep .el-upload-list--picture-card .el-upload-list__item {
    width: 100px;
    height: 100px;
  }

  ::v-deep .el-input.is-disabled .el-input__inner {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #606266;
    cursor: not-allowed;
  }
  </style>