cmc-oa/oa-ui/src/views/flowable/form/scTable.vue

<template>
  <div style="padding:10px">
    <h2 style="text-align: center;">生产部门考核表</h2>
    <table class="table">
      <tr>
        <td class="table-title">项目编号</td>
        <td colspan="1"></td>
        <td class="table-title">项目名称</td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td class="table-title">姓名</td>
        <td></td>
        <td class="table-title">考核年度</td>
        <td></td>
        <td colspan="3" class="table-title">部门负责人考核意见</td>
        <td colspan="3" class="table-title">分管领导考核意见</td>
      </tr>
      <tr>
        <td class="table-title">所在部门</td>
        <td colspan="3"></td>
        <td colspan="3">
          <el-radio-group v-model="tableForm.deptAssessment">
            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
              {{ dict.label }}
            </el-radio>
          </el-radio-group>
        </td>
        <td colspan="3">
          <el-radio-group v-model="tableForm.managerAssessment">
            <el-radio v-for="dict in dict.type.cmc_accessment" :key="dict.value" :label="dict.value">
              {{ dict.label }}
            </el-radio>
          </el-radio-group>
        </td>
      </tr>
      <tr>
        <td class="table-title">部门职务</td>
        <td colspan="3"></td>
        <td colspan="3" rowspan="5">
          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="textarea1">
          </el-input>
          <el-row justify="center">
            <el-col :span="12">考核人：</el-col>
            <el-col :span="12">日期：</el-col>
          </el-row>
        </td>
        <td colspan="3" rowspan="5">
          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="textarea2">
          </el-input>
          <el-row justify="center">
            <el-col :span="12">考核人：</el-col>
            <el-col :span="12">日期：</el-col>
          </el-row>
        </td>
      </tr>
      <tr>
        <td class="table-title">项目经理</td>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td class="table-title">技术职称</td>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td class="table-title">作业类别</td>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td class="table-title">入职年月</td>
        <td></td>
        <td class="table-title">年龄</td>
        <td></td>
      </tr>
      <tr>
        <td rowspan="2" class="table-title">考核内容</td>
        <td colspan="6" class="table-title">被考核人填写</td>
        <td colspan="3" class="table-title">负责人考核</td>
      </tr>
      <tr>
        <td class="table-title">等级、比例尺等</td>
        <td class="table-title">单位</td>
        <td class="table-title">工作量</td>
        <td class="table-title">熟练程度</td>
        <td class="table-title">承担角色</td>
        <td class="table-title">备注</td>
        <td class="table-title">产品质量</td>
        <td class="table-title">技能掌握</td>
        <td class="table-title">考核建议</td>
      </tr>
      <tr>
        <td rowspan="5">项目负责</td>
        <td>项目负责</td>
        <td>项</td>
        <td class="personInput">{{ tableForm.f0101 }}</td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar01" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-checkbox-group v-model="form.role01" disabled>
            <div><el-checkbox label="03" style="display:inline-block">常规项目</el-checkbox></div>
            <div><el-checkbox label="04" style="display:inline-block">监测项目</el-checkbox></div>
            <div><el-checkbox label="05" style="display:inline-block">调查项目</el-checkbox></div>
            <div><el-checkbox label="06" style="display:inline-block">测量项目</el-checkbox></div>
            <div><el-checkbox label="07" style="display:inline-block">其他项目</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="5">
          <div>{{ tableForm.remark01 }}</div>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality01" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'quality01')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill01" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'skill01')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice01" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>外业负责</td>
        <td>项</td>
        <td class="personInput">{{ tableForm.f0102 }}</td>
      </tr>
      <tr>
        <td>内业负责</td>
        <td>项</td>
        <td class="personInput">{{ tableForm.f0103 }}</td>
      </tr>
      <tr>
        <td>技术设计</td>
        <td>项</td>
        <td class="personInput">{{ tableForm.f0104 }}</td>
      </tr>
      <tr>
        <td>资料整编</td>
        <td>项</td>
        <td class="personInput">{{ tableForm.f0105 }}</td>
      </tr>
      <tr>
        <td rowspan="10">精密测量项目（施控网、监测网）</td>
        <td>施控网技术设计</td>
        <td>项</td>
        <td>{{ tableForm.f0201 }}</td>
        <td rowspan="10">
          <div>
            <el-radio :label="0" v-model="tableForm.familiar02" disabled>生疏</el-radio>
          </div>
          <div>
            <el-radio :label="2" v-model="tableForm.familiar02" disabled>熟练</el-radio>
          </div>
        </td>
        <td rowspan="10">
          <el-checkbox-group v-model="form.role02" disabled>
            <div><el-checkbox label="08" style="display:inline-block">选点</el-checkbox></div>
            <div><el-checkbox label="09" style="display:inline-block">埋石</el-checkbox></div>
            <div><el-checkbox label="10" style="display:inline-block">观测</el-checkbox></div>
            <div><el-checkbox label="11" style="display:inline-block">计算</el-checkbox></div>
            <div><el-checkbox label="12" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="13" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="10">
          <div>{{ tableForm.remark02 }}</div>
        </td>
        <td rowspan="10">
          <el-radio-group v-model="tableForm.quality02" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'quality02')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="10">
          <el-radio-group v-model="tableForm.skill02" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'skill02')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="10">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice02" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>监测网技术设计</td>
        <td>项</td>
        <td>{{ tableForm.f0202 }}</td>
      </tr>
      <tr>
        <td>观测墩选埋</td>
        <td>点</td>
        <td>{{ tableForm.f0203 }}</td>
      </tr>
      <tr>
        <td>水准点选埋</td>
        <td>点</td>
        <td>{{ tableForm.f0203 }}</td>
      </tr>
      <tr>
        <td>一等平面网测量</td>
        <td>点</td>
        <td>{{ tableForm.f0204 }}</td>
      </tr>
      <tr>
        <td>二等平面网测量</td>
        <td>点</td>
        <td>{{ tableForm.f0205 }}</td>
      </tr>
      <tr>
        <td>三等平面网测量</td>
        <td>点</td>
        <td>{{ tableForm.f0206 }}</td>
      </tr>
      <tr>
        <td>一等水准测量</td>
        <td>km</td>
        <td>{{ tableForm.f0207 }}</td>
      </tr>
      <tr>
        <td>二等水准测量</td>
        <td>km</td>
        <td>{{ tableForm.f0208 }}</td>
      </tr>
      <tr>
        <td>整编与报告编写</td>
        <td>项</td>
        <td>{{ tableForm.f0209 }}</td>
      </tr>
      <tr>
        <td>外业-界桩测设</td>
        <td>含钻孔、地质点等</td>
        <td>点</td>
        <td>{{ tableForm.f0301 }}</td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar03" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-checkbox-group v-model="form.role03" disabled>
            <div><el-checkbox label="10" style="display:inline-block">观测</el-checkbox></div>
            <div><el-checkbox label="11" style="display:inline-block">计算</el-checkbox></div>
            <div><el-checkbox label="14" style="display:inline-block">前视</el-checkbox></div>
            <div><el-checkbox label="15" style="display:inline-block">后视</el-checkbox></div>
            <div><el-checkbox label="16" style="display:inline-block">水准</el-checkbox></div>
            <div><el-checkbox label="17" style="display:inline-block">三角高程</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="5">
          <div>{{ tableForm.remark03 }}</div>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality03" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'quality03')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill03" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value"  @click.native.prevent="cancelSelect(dict.value,'skill03')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice03" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>外业-配合测量</td>
        <td>含配合外业检查等</td>
        <td>人天</td>
        <td>{{ tableForm.f0302 }}</td>
      </tr>
      <tr>
        <td rowspan="3">外业-导线、高程测量</td>
        <td>三</td>
        <td>km</td>
        <td>{{ tableForm.f0303 }}</td>
      </tr>
      <tr>
        <td>四</td>
        <td>km</td>
        <td>{{ tableForm.f0304 }}</td>
      </tr>
      <tr>
        <td>五</td>
        <td>km</td>
        <td>{{ tableForm.f0305 }}</td>
      </tr>
      <tr>
        <td rowspan="4">外业-GNSS测量</td>
        <td>二</td>
        <td>点</td>
        <td>{{ tableForm.f0401 }}</td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar04" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-checkbox-group v-model="form.role04" disabled>
            <div><el-checkbox label="10" style="display:inline-block">观测</el-checkbox></div>
            <div><el-checkbox label="11" style="display:inline-block">计算</el-checkbox></div>
            <div><el-checkbox label="08" style="display:inline-block">选点</el-checkbox></div>
            <div><el-checkbox label="09" style="display:inline-block">埋石</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="4">
          <div>{{ tableForm.remark04 }}</div>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality04" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality04')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill04" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill04')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice04" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>三</td>
        <td>点</td>
        <td>{{ tableForm.f0402 }}</td>
      </tr>
      <tr>
        <td>四</td>
        <td>点</td>
        <td>{{ tableForm.f0403 }}</td>
      </tr>
      <tr>
        <td>五</td>
        <td>点</td>
        <td>{{ tableForm.f0404 }}</td>
      </tr>
      <tr>
        <td rowspan="6">外业-地形图测绘</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f0501 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar05" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role05" disabled>
            <div><el-checkbox label="18" style="display:inline-block">实测</el-checkbox></div>
            <div><el-checkbox label="19" style="display:inline-block">相控</el-checkbox></div>
            <div><el-checkbox label="20" style="display:inline-block">调绘</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark05 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality05" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality05')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill05" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill05')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice05" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f0502 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f0503 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f0504 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f0505 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f0506 }}</td>
      </tr>
      <tr>
        <td rowspan="6">外业-断面测量</td>
        <td>1:200</td>
        <td>km</td>
        <td>{{ tableForm.f0601 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar06" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role06" disabled>
            <div><el-checkbox label="21" style="display:inline-block">测量</el-checkbox></div>
            <div><el-checkbox label="22" style="display:inline-block">整理</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark06 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality06" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality06')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill06" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill06')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice06" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km</td>
        <td>{{ tableForm.f0602 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km</td>
        <td>{{ tableForm.f0603 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km</td>
        <td>{{ tableForm.f0604 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km</td>
        <td>{{ tableForm.f0605 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km</td>
        <td>{{ tableForm.f0606 }}</td>
      </tr>
      <tr>
        <td rowspan="4">外业-航飞</td>
        <td>傲视</td>
        <td>人天</td>
        <td>{{ tableForm.f0701 }}</td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar07" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-checkbox-group v-model="form.role07" disabled>
            <div><el-checkbox label="23" style="display:inline-block">主飞</el-checkbox></div>
            <div><el-checkbox label="24" style="display:inline-block">协助</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="4">
          <div>{{ tableForm.remark07 }}</div>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality07" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality07')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill07" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill07')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice07" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>飞马</td>
        <td>人天</td>
        <td>{{ tableForm.f0702 }}</td>
      </tr>
      <tr>
        <td>华测</td>
        <td>人天</td>
        <td>{{ tableForm.f0703 }}</td>
      </tr>
      <tr>
        <td>其他</td>
        <td>人天</td>
        <td>{{ tableForm.f0704 }}</td>
      </tr>
      <tr>
        <td rowspan="2">内业-空三</td>
        <td>卫片</td>
        <td>项</td>
        <td>{{ tableForm.f0801 }}</td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.familiar08" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="3">
          <el-checkbox-group v-model="form.role08" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="3">
          <div>{{ tableForm.remark08 }}</div>
        </td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.quality08" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality08')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.skill08" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill08')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td  rowspan="3">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice08" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>航片</td>
        <td>项</td>
        <td>{{ tableForm.f0802 }}</td>
      </tr>
      <tr>
        <td>内业-坐标转换</td>
        <td>坐标、地形图等</td>
        <td>项</td>
        <td>{{ tableForm.f0803 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-航测地形图</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f0901 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar09" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role09" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark09 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality09" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality09')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill09" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill09')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice09" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f0902 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f0903 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f0904 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f0905 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f0906 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-激光制图</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1001 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar10" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role10" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark10 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality10" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality10')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill10" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill10')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice10" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1002 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1003 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1004 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1005 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1006 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-编图</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1101 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar11" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role11" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark11 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality11" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality11')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill11" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill11')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice11" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1102 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1103 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1104 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1105 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1106 }}</td>
      </tr>
      <tr>
        <td rowspan="5">内业-点云分类</td>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1201 }}</td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar12" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-checkbox-group v-model="form.role12" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="5">
          <div>{{ tableForm.remark12 }}</div>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality12" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality12')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill12" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill12')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice12" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1202 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1203 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1204 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1205 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-三维地形面</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1301 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar13" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role13" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark13 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality13" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality13')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill13" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill13')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice13" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1302 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1303 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1304 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1305 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1306 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-DOM</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1401 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar14" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role14" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark14 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality14" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality14')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill14" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill14')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice14" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1402 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1403 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1404 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1405 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1406 }}</td>
      </tr>
      <tr>
        <td rowspan="6">内业-DEM</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1501 }}</td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar15" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-checkbox-group v-model="form.role15" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
            <div><el-checkbox label="27" style="display:inline-block">负责</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="6">
          <div>{{ tableForm.remark15 }}</div>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality15" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality15')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill15" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill15')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice15" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1502 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1503 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1504 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1505 }}</td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>{{ tableForm.f1506 }}</td>
      </tr>
      <tr>
        <td rowspan="4">内业-三维模型、电子沙盘制作</td>
        <td>gsd ≤2.9cm</td>
        <td>km²</td>
        <td>{{ tableForm.f1601 }}</td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar16" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-checkbox-group v-model="form.role16" disabled>
            <div><el-checkbox label="28" style="display:inline-block">空三</el-checkbox></div>
            <div><el-checkbox label="29" style="display:inline-block">建模</el-checkbox></div>
            <div><el-checkbox label="30" style="display:inline-block">修模</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="4">
          <div>{{ tableForm.remark16 }}</div>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality16" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality16')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill16" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill16')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice16" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>gsd 3cm～4.9cm</td>
        <td>km²</td>
        <td>{{ tableForm.f1602 }}</td>
      </tr>
      <tr>
        <td>gsd 5cm～9.9cm</td>
        <td>km²</td>
        <td>{{ tableForm.f1603 }}</td>
      </tr>
      <tr>
        <td>gsd 10cm～20cm</td>
        <td>km²</td>
        <td>{{ tableForm.f1604 }}</td>
      </tr>
      <tr>
        <td rowspan="5">内业-激光预处理</td>
        <td>1:200</td>
        <td>km²</td>
        <td>{{ tableForm.f1701 }}</td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar17" disabled>
            <div><el-radio :label="0">生疏</el-radio></div>
            <div><el-radio :label="2">熟练</el-radio></div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-checkbox-group v-model="form.role17" disabled>
            <div><el-checkbox label="25" style="display:inline-block">作业</el-checkbox></div>
            <div><el-checkbox label="26" style="display:inline-block">检查</el-checkbox></div>
          </el-checkbox-group>
        </td>
        <td rowspan="5">
          <div>{{ tableForm.remark17 }}</div>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality17" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_accessment" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'quality17')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill17" :disabled="!isDeptLeader">
            <div v-for="dict in dict.type.cmc_skill" style="text-align:left">
              <el-radio :key="dict.value" :label="dict.value" @click.native.prevent="cancelSelect(dict.value,'skill17')">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4"  v-model="tableForm.advice17" :disabled="!isDeptLeader"> 
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>{{ tableForm.f1702 }}</td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>{{ tableForm.f1703 }}</td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>{{ tableForm.f1704 }}</td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>{{ tableForm.f1705 }}</td>
      </tr>
      <tr style="height:90px;">
        <td>其他工作</td>
        <td colspan="9">{{ tableForm.otherWork }}</td>
      </tr>
      <tr style="height:90px;">
        <td>年度自述</td>
        <td colspan="9">{{ tableForm.selfAssess }}</td>
      </tr>
    </table>
    <el-row justify="center" type="flex" style="margin-top:20px;" v-if="tableForm.taskName == undefined">
      <el-button type="primary" @click="submit">提交</el-button>
      <el-button>取消</el-button>
    </el-row>
  </div>
</template>

<script>
import { SCContent } from '@/assets/datas/SCContent'
import { getDicts as getDicts } from '@/api/system/dict/data'
export default {
  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment'],
  props: {
    tableForm: {
      type: Object,
      required: true
    },
  },
  watch: {
    tableForm: function (newval, oldval) {
      this.formatForm();
      console.log(newval);
    }
  },
  data() {
    return {
      form: {},
      radio1: "",
      radio2: "",
      textarea1: "",
      textarea2: "",
      isDeptLeader: false,
      isManager: false
    }
  },
  created() {
    this.initForm();
  },
  mounted() {
    this.formatForm();
  },
  methods: {
    initForm() {
      for (let i = 0; i < SCContent.length + 1; i++) {
        if (i.toString().length == 1) {
          this.$set(this.form, 'role' + '0' + i, []);
        }
        else {
          this.$set(this.form, 'role' + i, []);
        }
      }
    },
    formatForm() {
      for (let i = 0; i < SCContent.length + 1; i++) {
        if (i.toString().length == 1) {
          if (this.tableForm['role0' + i] != undefined)
            this.form['role0' + i] = this.tableForm['role0' + i]
        }
        else {
          if (this.tableForm['role' + i] != undefined)
            this.form['role' + i] = this.tableForm['role' + i]
        }
      }
      if (this.tableForm.taskName == '项目负责人审核') {
        this.isDeptLeader = true;
      }
    },
    submit() {
      this.$emit('submit', this.tableForm);
    },
    cancelSelect(value,name){
      debugger
      if(this.tableForm[name] == value){
        this.tableForm[name] = null
      }else{
        if(this.tableForm[name] !== undefined)
          this.tableForm[name] = value
      }
    }
  },
}
</script>

<style lang="scss" scoped>
.table {
  border-collapse: collapse;
  width: 100%;
}

.table-title {
  background-color: #dad4d4;
}

.table,
th,
td {
  border: 1px solid black;
  text-align: center;
}

td {
  height: 24px;
  width: 100px;
}

.head {
  background-color: #ccc;
}

::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff;
}

::v-deep .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #409eff;
  border-color: #409eff;
}

::v-deep .el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #000;
}

::v-deep .el-checkbox__label {
  font-size: 12px;
}

::v-deep .el-radio__input.is-disabled .el-radio__inner,
.el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

::v-deep .el-radio__input.is-disabled+span.el-radio__label {
  color: #000;
}


::v-deep .el-radio__input.is-checked .el-radio__inner::after {
  content: "";
  width: 10px;
  height: 5px;
  border: 2px solid #409eff;
  border-top: transparent;
  border-right: transparent;
  text-align: center;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  vertical-align: middle;
  transform: rotate(-45deg);
  border-radius: 0px;
  background: none;
}
</style>