<template>
  <div class="detailWrapper">
    <section class="section1 public-flex">
      <div class="public-margin-r-20">
        <h4>
          投资项目
          <span class="alreadyStop" v-if="detailInfo.delFlag === '1'"
            >已终止</span
          >
        </h4>
        <p class="projectNameTit">{{ detailInfo.projectName }}</p>
      </div>
    </section>
    <el-divider></el-divider>
    <section>
      <el-divider></el-divider>
      <div
        class="public-flex-between basicsInfo"
        v-if="detailInfo.projectState != '1'"
      >
        <div class="public-flex-center-column">
          <div>项目公司名称</div>
          <p
            style="width: 250px; text-align: center"
            class="yichu1"
            v-if="
              detailInfo.tProjectCompany &&
              detailInfo.tProjectCompany.companyName
            "
          >
            {{ detailInfo.tProjectCompany.companyName }}
          </p>
        </div>
        <div class="public-flex-center-column">
          <div>渠道</div>
          <p
            v-if="
              detailInfo.tProjectChannel &&
              detailInfo.tProjectChannel.channelName
            "
          >
            {{ detailInfo.tProjectChannel.channelName }}
          </p>
          <p v-else>无</p>
        </div>
        <div class="public-flex-center-column">
          <div>项目负责人</div>
          <p>{{ detailInfo.investHead }}</p>
        </div>
        <div class="public-flex-center-column" v-if="detailInfo.projectDate">
          <div>立项通过日期</div>
          <p>{{ detailInfo.projectDate }}</p>
        </div>
        <div class="public-flex-center-column" v-if="detailInfo.decisionDate">
          <div>投决通过日期</div>
          <p>{{ detailInfo.decisionDate }}</p>
        </div>
        <div class="public-flex-center-column">
          <div>投前估值（万元）</div>
          <p>{{ detailInfo.investValuation }}</p>
        </div>
        <div class="public-flex-center-column">
          <div>预计投资金额（万元）</div>
          <p>{{ detailInfo.investMoney }}</p>
        </div>
      </div>
    </section>
    <section class="section3">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="立项信息" name="0"></el-tab-pane>
        <el-tab-pane label="项目基本信息" name="1"></el-tab-pane>
      </el-tabs>
      <section>
        <div v-if="activeName === '0'" class="public-padded-20 detail-meeting">
          <el-tabs type="border-card">
            <el-tab-pane label="项目立项申请表">
              <el-form
                v-if="formLXApply.id"
                class="special-el-form public-padded-t-20"
                ref="formLXApply"
                :model="formLXApply"
                label-width="120px"
              >
                <el-form-item
                  label="项目概况"
                  prop="projectOverview"
                  class="special-el-form-item"
                >
                  <el-input
                    rows="4"
                    type="textarea"
                    maxlength="200"
                    v-model="formLXApply.projectOverview"
                    disabled
                  />
                </el-form-item>
                <el-form-item
                  label="项目亮点"
                  prop="projectSparkle"
                  class="special-el-form-item"
                >
                  <el-input
                    rows="4"
                    type="textarea"
                    maxlength="200"
                    v-model="formLXApply.projectSparkle"
                    disabled
                  />
                </el-form-item>
                <el-form-item
                  label="立项资料"
                  prop="listFile"
                  class="special-el-form-item"
                >
                  <fileItem
                    ref="fileItemLXApply"
                    :id="formLXApply.id"
                    :is-detail="true"
                  ></fileItem>
                </el-form-item>
              </el-form>
              <div
                v-else
                class="public-flex-center public-padded-20"
                style="color: #909399"
              >
                暂无数据
              </div>
            </el-tab-pane>
            <el-tab-pane label="项目立项评估评审汇总表" v-if="formLXApply.participantsId!=null&&formLXApply.taskDefKey!='modifyApply'&&formLXApply.taskDefKey!='deptLeader'&&formLXApply.taskDefKey!='meeting'&&formLXApply.taskDefKey!='decision'" name="review">
              <el-form
                class="table-form ss_scoreTable"
                ref="scoreForm"
                :model="scoreForm"
                label-width="0px"
              >
                <table
                  border="1"
                  cellpadding="0"
                  cellspacing="0"
                  class="allScoring"
                >
                  <thead>
                  <tr>
                    <th colspan="10" class="bg-blue">项目立项评估评审汇总表</th>
                  </tr>
                  <tr class="specificTr">
                    <th>项目名称</th>
                    <th>
              <textarea
                class="table-textarea"
                v-model="scoreForm.projectName"
                name=""
                disabled
              ></textarea>
                    </th>
                    <th>项目所属公司</th>
                    <th colspan="3">
              <textarea
                class="table-textarea"
                v-model="form1.tProjectPool.company"
                name=""
                disabled
              ></textarea>
                    </th>

                    <th>项目负责人</th>
                    <th>
              <textarea
                class="table-textarea"
                name=""
                v-model="collectForm.investCommissioner"
                disabled
              ></textarea>
                    </th>
                    <th>总人数</th>
                    <th>
              <textarea
                v-model="collectForm.totalPerson"
                class="table-textarea"
                name=""
                disabled
              ></textarea>
                    </th>
                  </tr>
                  <tr class="bg-blue">
                    <th>序号</th>
                    <th>评审类别</th>
                    <th>评审事项</th>
                    <th colspan="3">评审指标</th>
                    <th>标准分值（满分50）</th>
                    <th colspan="2">汇总分数</th>
                    <th>平均分数</th>
                  </tr>
                  </thead>
                  <tbody class="text-center">
                  <tr>
                    <td rowspan="2">1</td>
                    <td rowspan="2">模式先进</td>
                    <td>产业优势</td>
                    <td colspan="3" class="text-left">
                      满足以下条件之一：市场热点、新经济、强势传统产业
                    </td>
                    <td>
                      阶段性：0-1<br />
                      持久：2-3<br />
                      持久重大：4-5
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        v-model="collectForm.industryAdvantageSum"
                        name="industryAdvantageSum"
                        type="text"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.industryAdvantageAvg"
                        name="industryAdvantageAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>商业模式</td>
                    <td colspan="3" class="text-left">
                      满足以下条件之一：技术/行业/渠道优势明显、模式创新度高、降本增效显著
                    </td>
                    <td>
                      先进：0-3<br />
                      非常先进：4-5<br />
                      超级先进：6-7<br />
                      颠覆性的：8-9
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.businessModelSum"
                        name="businessModelSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.businessModelAvg"
                        name="businessModelAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="4">2</td>
                    <td rowspan="4">团队优秀</td>
                    <td rowspan="4">核心团队优秀</td>
                    <td colspan="3">
                      创业团队专业，产业背景出身，至少十年以上行业经验
                    </td>
                    <td>
                      10年以上产业经验：0-2<br />
                      15年以上产业经验：3-4
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamExperienceSum"
                        name="teamExperienceSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamExperienceAvg"
                        name="teamExperienceAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      创始团队背景为行业内专家/教授/名校哈佛大学博士/行业内龙头企业技术团队等
                    </td>
                    <td>
                      硕士博士团队：0-2<br />
                      行业内知名专家、世界名校博士、行业内龙头企业技术团队：3-4
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamBackgroundSum"
                        name="teamBackgroundSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamBackgroundAvg"
                        name="teamBackgroundAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      拥有3位以上德才兼备、同心同德的核心团队成员，能够支撑企业快速扩张
                    </td>
                    <td>
                      强：0-2 <br />
                      很强：3-4
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamHeartSum"
                        name="teamHeartSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamHeartAvg"
                        name="teamHeartAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      团队领袖诚信、学习能力意愿强，具有很强的职业精神、职业道德、职业技能
                    </td>
                    <td>
                      合格：0-2<br />
                      优秀：3-5 <br />
                      卓越：6-8
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamFaithSum"
                        name="teamFaithSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.teamFaithAvg"
                        name="teamFaithAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="5">3</td>
                    <td rowspan="5">企业价值</td>
                    <td rowspan="2">初步产品原型</td>
                    <td colspan="3">
                      具备一定的技术基础和原型，能够证明产品的可行性和创新性，能够为用户真正带来价值。
                    </td>
                    <td>2</td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.productBaseSum"
                        name="productBaseSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.productBaseAvg"
                        name="productBaseAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">具有明确的盈利模式</td>
                    <td>2</td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.productProfitSum"
                        name="productProfitSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.productProfitAvg"
                        name="productProfitAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="2">机构认可</td>
                    <td colspan="3">
                      清科、投中年度排行前一百位的投资机构或上市公司、中国500强知名企业或知名投资人投资。
                    </td>
                    <td>1</td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.organInvestSum"
                        name="organInvestSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.organInvestAvg"
                        name="organInvestAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      公司近期12个月内估值XX万元以上，且与项目公司无关联关系的专业化投资机构（人）的投资超过500万元。
                    </td>
                    <td>1</td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        v-model="collectForm.organValuationSum"
                        name="organValuationSum"
                        type="text"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        v-model="collectForm.organValuationAvg"
                        name="organValuationAvg"
                        type="text"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>估值</td>
                    <td colspan="3">估值水平、预期收益合理</td>
                    <td>1</td>
                    <td colspan="2">
                      <input
                        type="text"
                        v-model="collectForm.valuationSum"
                        name="valuationSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.valuationAvg"
                        name="valuationAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="2">4</td>
                    <td rowspan="2">市场广阔</td>
                    <td>市场空间大</td>
                    <td colspan="3">
                      行业具有高成长性，细分市场年销售规模已经达到或五年内达到50亿元。
                    </td>
                    <td>
                      50-100亿：0.5<br />
                      100-200亿：1<br />
                      200亿以上：2
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.marketSpaceSum"
                        name="marketSpaceSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.marketSpaceAvg"
                        name="marketSpaceAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>成长空间大</td>
                    <td colspan="3">预计年增长率在30%以上</td>
                    <td>
                      收入年增长率30%以上：1<br />
                      收入年增长率50%以上：2<br />
                      收入年增长率70%以上：3
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.developSpaceSum"
                        name="developSpaceSum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.developSpaceAvg"
                        name="developSpaceAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td>5</td>
                    <td>股权收益</td>
                    <td>退出方式</td>
                    <td colspan="3">通过并购、股权转让、股权回购等方式退出</td>
                    <td>
                      退出收益5%-15%：1<br />
                      退出收益15%-50%：2<br />
                      退出收益50%-100%：3<br />
                      退出收益1倍以上：4
                    </td>
                    <td colspan="2">
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.quitWaySum"
                        name="quitWaySum"
                        class="table-input"
                        disabled
                      />
                    </td>
                    <td>
                      <input
                        autocomplete="off"
                        type="text"
                        v-model="collectForm.quitWayAvg"
                        name="quitWayAvg"
                        class="table-input"
                        disabled
                      />
                    </td>
                  </tr>
                  <tr>
                    <td colspan="10" class="text-left big-font">
                      评分说明：<br />
                      1.
                      固定指标分值部分，评分人需根据项目实际情况，评分范围仅有0分和满分，满分为各评审指标对应的标准分值。<br />
                      2.
                      浮动指标分值部分，最高分值为各评审指标对应的最高区间分值，最低分值为0分，分值保留小数点后一位数字。
                    </td>
                  </tr>
                  </tbody>
                </table>

              </el-form>
            </el-tab-pane>
          </el-tabs>
        </div>
        <div v-show="activeName === '1'">
          <poolForm :type="type" :id="id"></poolForm>
        </div>
      </section>
    </section>
    <section>
      <flowBase :procInstId="pInstId" :id="id" v-if="pInstId"></flowBase>
    </section>
  </div>
</template>
<script>
import poolForm from "../../invest/components/poolForm";
import fileItem from "../../invest/components/fileItem";
import flowBase from "../flowBase.vue";
import {
  getPool,
} from "@/api/invest/pool";
import {
  listMeeting,
} from "@/api/invest/meeting";
import{
  getApprovalInfo,
  getMeetingInfo,
  getSumScore
} from "@/api/project/approval/pool"

import { mapGetters } from "vuex";

export default {
  name: "approvalDetail",
  components: {
    poolForm,
    fileItem,
    flowBase
  },
  data() {
    return {
      showDueApply: false,
      meetingId: "0",
      type: "2",
      id: "",
      active: 0,
      detailInfo: {
        projectName: "",
      },
      activeName: "0",
      pInstId: null,
      formLXApply: {
        id: null,
        procInstId:null,
        projectPoolId: null,
        projectName: null,
        projectOverview: null,
        projectSparkle: null,
        listFile: null,
        participants: null,
        participantsId: null,
      },
      // 打分表单参数
      scoreForm: {
        businessModel: null,
        businessModelNote: null,
        createBy: null,
        createTime: null,
        delFlag: null,
        developSpace: null,
        developSpaceNote: null,
        examine: null,
        id: null,
        illustrate: null, //说明
        industryAdvantage: null,
        industryAdvantageNote: null,
        investCommissioner: null, //项目负责人
        marketSpace: null, //市场空间
        marketSpaceNote: null,
        meetingId: null, //
        organInvest: null,
        organInvestNote: null,
        organValuation: null,
        organValuationNote: null,
        params: {},
        productBase: null,
        productBaseNote: null,
        productProfit: null,
        productProfitNote: null,
        projectPoolId: null,
        quitWay: null,
        quitWayNote: null,
        remark: null,
        scoringPerson: null, //打分人
        teamBackground: null,
        teamBackgroundNote: null,
        teamExperience: null,
        teamExperienceNote: null,
        teamFaith: null,
        teamFaithNote: null,
        teamHeart: null,
        teamHeartNote: null,
        type: null,
        updateBy: null,
        updateTime: null,
        valuation: null,
        valuationNote: null,
      },
      // 会议详情表单
      form1: {
        meetingTheme: null,
        meetingCode: null,
        meetingType: null,
        projectPoolId: null,
        projectName: null,
        projectStage: null,
        projectGroup: "",
        startTime: null,
        endTime: null,
        place: null,
        promoter: null,
        promoterId: null,
        participants: null,
        participantsId: null,
        tProjectPool: {
          company: null,
          projectName: null,
          projectStage: null,
        },
      },
      // 汇总分数表单
      collectForm: {
        businessModelAvg: null,
        businessModelSum: null,
        developSpaceAvg: null,
        developSpaceSum: null,
        industryAdvantageAvg: null,
        industryAdvantageSum: null,
        investCommissioner: null,
        marketSpaceAvg: null,
        marketSpaceSum: null,
        meetingId: null,
        organInvestAvg: null,
        organInvestSum: null,
        organValuationAvg: null,
        organValuationSum: null,
        productBaseAvg: null,
        productBaseSum: null,
        productProfitAvg: null,
        productProfitSum: null,
        projectPoolId: null,
        quitWayAvg: null,
        quitWaySum: null,
        scoringPerson: null,
        teamBackgroundAvg: null,
        teamBackgroundSum: null,
        teamExperienceAvg: null,
        teamExperienceSum: null,
        teamFaithAvg: null,
        teamFaithSum: null,
        teamHeartAvg: null,
        teamHeartSum: null,
        valuationAvg: null,
        valuationSum: null,
      },
    };
  },
  computed: {
    ...mapGetters(["user"]),
  },
  created() {
    this.id = this.$route.query.id;
    this.pInstId=this.$route.query.pInstId;
    this.getDetail();
    this.getlistProjectPoolIdNewApproval();
    if (this.$route.query.activeName) {
      this.activeName = this.$route.query.activeName;
    }
  },
  methods: {
    getMettingId(type) {
      let queryParams = {
        pageNum: 1,
        pageSize: 10,
        meetingType: type,
        orderByColumn: "createTime",
        isAsc: "desc",
        projectPoolId: this.id,
      };
      listMeeting(queryParams).then((response) => {
        let meetingList = response.rows;
        if (meetingList.length > 0) {
          let meetingId = meetingList[0].id;
          if (type === "LX") {
            this.$refs.approvalTableForm.initialize(meetingId);
          } else if (type === "TJ") {
            this.$refs.voteTableForm.initialize(meetingId);
          }
        } else {
          if (type === "LX") {
            this.$refs.approvalTableForm.showNodata();
          } else if (type === "TJ") {
            this.$refs.voteTableForm.showNodata();
          }
        }
      });
    },
    handleClick(tab, event) {
      let that = this;
      if (this.activeName === "0") {
        // 项目立项
        this.getMettingId("LX");
        this.getlistProjectPoolIdNewApproval();
      } else if (this.activeName === "1") {
        // 项目报备
        this.getDetail();
      }
    },
    // 获取立项申请
    getlistProjectPoolIdNewApproval() {
      let that = this;
      getApprovalInfo(this.$route.query.pInstId).then((response) => {
        if (response && response.data) {
          that.formLXApply = response.data;
          if(response.data.participantsId!=null&&response.data.taskDefKey!='modifyApply'
              &&response.data.taskDefKey != "deptLeader"&&response.data.taskDefKey != "decision"&&response.data.taskDefKey != "meeting"){
            //总裁室
            this.getMeeting();
            this.getSelectMeetingId();
          }
          setTimeout(() => {
            that.$refs.fileItemLXApply.handleButton();
            that.$refs.fileItemLXApply.fileList = [];
            that.$refs.fileItemLXApply.getListFileBusinessId(
              that.formLXApply.id
            );
          }, 300);
        }
      });
    },
    //项目报备
    getDetail() {
      getPool(this.id).then((response) => {
        this.detailInfo = response.data;
        // 项目退出完成n
        if (response.data.projectState === "n") {
          this.active = parseInt(response.data.projectStage);
        } else {
          this.active = parseInt(response.data.projectStage) - 1;
        }
      });
    },
//会议投决
    getMeeting(){
      getMeetingInfo(this.$route.query.pInstId).then((response) => {
        this.form1 = response.data;
        this.form1.projectPoolId = response.data.projectPoolId;
        this.form1.projectName = response.data.tProjectPool.projectName;
        this.form1.projectStage = response.data.tProjectPool.projectStage;

        this.scoreForm.projectPoolId = response.data.projectPoolId;
        this.scoreForm.projectName = response.data.tProjectPool.projectName;
        // 打分人
        this.scoreForm.scoringPerson = this.user.userId;
        //  项目负责人
        this.scoreForm.investCommissioner = response.data.tProjectPool.investHead;
        this.collectForm.investCommissioner =
          response.data.tProjectPool.investHead;
        this.scoreForm.meetingId = response.data.id;
        /*setTimeout(() => {
          this.$refs.fileItems.fileList = [];
          this.$refs.fileItems.getListFileBusinessId();
          this.$refs.fileItems.handleButton();
        }, 300);*/
      });
    },
    //总裁室
    // 根据会议ID查询汇总分数和平均分数
    getSelectMeetingId() {
      getSumScore(this.$route.query.pInstId).then((response) => {
        this.collectForm = response.data;
        this.collectForm.investCommissioner = this.scoreForm.investCommissioner;
      });
    },

  },
};
</script>
<style lang="scss" scoped>
.detailWrapper {
  padding: 20px 0;
  width: 92%;
  margin: 0 auto;
  .section1 {
    p {
      font-size: 24px;
      font-weight: bold;
      margin: 0;
    }
    > div:first-child {
      // width: calc(100% - 700px);
      width: 100%;
    }
    .btnList {
      width: 700px;
      display: flex;
      justify-content: flex-end;
    }
  }
  .basicsInfo {
    font-size: 14px;
    background: #f1f1f1;
    margin-top: -24px;
    width: 100%;
    padding: 30px 20px 10px;
    div {
      color: #7e7d7d;
    }
    p {
      font-size: 16px;
      color: #333;
      font-weight: bold;
    }
  }
  .section3 {
    margin-top: 40px;
  }
}
.projectNameTit {
}
.alreadyStop {
  font-weight: normal;
  font-size: 12px;
  background: #ff0000;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px;
  margin-left: 10px;
}
/*表格样式开始*/
.ss_scoreTable {
  padding-bottom: 50px;
  ::v-deep .el-input.is-disabled .el-input__inner {
    background-color: #fff !important;
    color: #606266;
  }
  ::v-deep .el-input__inner {
    border: 1px solid transparent;
    text-align: center;
  }
  ::v-deep.el-textarea__inner {
    border: none;
    height: 50px;
    resize: none;
  }
  ::v-deep .el-textarea.is-disabled .el-textarea__inner {
    background-color: #fff !important;
  }
  textarea:disabled,
  input:disabled {
    background-color: #fff !important;
  }
  // ::v-deep .el-textarea__inner {
  //   // border: 1px solid transparent!important;
  // }
  table {
    // width:80%;
    // width: 600px;
    margin: 0 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-selece: none;
    /*上面都是兼容性问题，具体看浏览器版本或什么浏览器*/
    user-select: none; /*内容禁止选中*/
  }
  tbody td {
    font-size: 14px;
  }
  thead th,
  .big-font {
    font-size: 16px !important;
    font-weight: bold;
  }
  .public-pedded-0 {
    padding: 0;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .table-textarea {
    width: 100%;
    // width: 180px;
    border: none;
    height: 50px;
    resize: none;
  }
  .table-input {
    width: 100%;
    // width: 100%;
    // height: 80px;
    border: none;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
  }
  .bg-blue,
  .specificTr > th:nth-child(2n-1) {
    background-color: #9bc2e6;
  }
  .specificTr > th:nth-child(2n-1) {
    white-space: nowrap;
    padding: 0 15px;
  }
  .specificTr .table-textarea {
    padding-top: 16px;
    background-color: #fff;
  }
  tr > th {
    height: 50px;
  }
  input:disabled {
    // background-color: #fff !important;
  }
  .btnList {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
    margin-top: 30px;
  }
}
</style>
