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

<template>
  <div style="padding:10px">
    <h2 style="text-align: center;">生产部门考核表</h2>
    <table class="table" ref="tableDatas">
      <tr>
        <td class="table-title">项目编号</td>
        <td colspan="1" style="text-align:left;padding-left:10px;">
          <div v-if="!isStaff">{{ tableForm.projectNumber }}</div>
          <div v-if="isStaff">
            <el-select v-model="tableForm.projectNumber" @change="getProjectById(tableForm.projectNumber)">
              <el-option v-for="item in projectList" :key="item.projectId" :label="item.projectNumber"
                :value="item.projectId">
              </el-option>
            </el-select>
          </div>
        </td>
        <td class="table-title">项目名称</td>
        <td colspan="9" style="text-align:left;padding-left:10px;">
          <div v-if="!isStaff">{{ tableForm.projectName }}</div>
          <div v-if="isStaff">{{ tableForm.projectName }}</div>
        </td>
      </tr>
      <tr>
        <td class="table-title">姓名</td>
        <td style="text-align:left;padding-left:10px;">{{ tableForm.nickName }}</td>
        <td class="table-title" style="width:50px">考核时间</td>
        <td>
          <el-date-picker v-model="tableForm.assessTime" type="month" placeholder="选择日期">
          </el-date-picker>
        </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" style="text-align:left;padding-left:10px;">{{ tableForm.deptName }}</td>
        <td colspan="3">
          <el-radio-group v-model="tableForm.deptAssessment" :disabled="!isDeptLeader">
            <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" :disabled="!isManager">
            <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" style="text-align:left;padding-left:10px;">{{ tableForm.postGroup }}</td>
        <td colspan="3" rowspan="5">
          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.deptAdvice"
            :disabled="!isDeptLeader">
          </el-input>
          <el-row justify="center" type="flex">
            <el-col :span="12" style="text-align:center; padding-top:7px;">考核人：
              <span class="auditor"> {{ tableForm.deptAssesser ? tableForm.deptAssesser.nickName : deptAssesser }} </span>
            </el-col>
            <el-col :span="12" style="text-align:center; padding-top:7px;">日期：
              <span> {{ tableForm.deptTime ? tableForm.deptTime : deptTime }} </span>
            </el-col>
          </el-row>
        </td>
        <td colspan="3" rowspan="5">
          <el-input type="textarea" :rows="4" placeholder="请输入考核意见" v-model="tableForm.managerAdvice"
            :disabled="!isManager">
          </el-input>
          <el-row justify="center">
            <el-col :span="12" style="text-align:center; padding-top:7px;">考核人：
              <span class="auditor"> {{ tableForm.managerAssesser ? tableForm.managerAssesser.nickName : managerAssesser }} </span>
            </el-col>
            <el-col :span="12" style="text-align:center; padding-top:7px;">日期：
              <span> {{ tableForm.managerTime ? tableForm.managerTime : managerTime }} </span>
            </el-col>
          </el-row>
        </td>
      </tr>
      <tr>
        <td class="table-title">项目经理</td>
        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.pmLevel }}</td>
      </tr>
      <tr>
        <td class="table-title">技术职称</td>
        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.titles }}</td>
      </tr>
      <tr>
        <td class="table-title">作业类别</td>
        <td colspan="3" style="text-align:left;padding-left:10px;">{{ tableForm.remark }}</td>
      </tr>
      <tr>
        <td class="table-title">入职年月</td>
        <td style="text-align:left;padding-left:10px;">{{ tableForm.entryDate != null ?
          tableForm.entryDate.substring(0, 10) : tableForm.entryDate }}</td>
        <td class="table-title">年龄</td>
        <td style="text-align:left;padding-left:10px;">{{ tableForm.age }}</td>
      </tr>
      <tr>
        <td rowspan="2" class="table-title" style="width:100px">考核内容</td>
        <td colspan="6" class="table-fillin">被考核人填写</td>
        <td colspan="3" class="table-fzr">项目负责人考核</td>
      </tr>
      <tr>
        <td class="table-fillin">等级、比例尺等</td>
        <td class="table-fillin">单位</td>
        <td class="table-fillin">工作量</td>
        <td class="table-fillin">熟练程度</td>
        <td class="table-fillin">承担角色</td>
        <td class="table-fillin">备注</td>
        <td class="table-fzr">产品质量</td>
        <td class="table-fzr">技能掌握</td>
        <td class="table-fzr">考核建议</td>
      </tr>
      <tr>
        <td rowspan="5">项目负责</td>
        <td>项目负责</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0101 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0101"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar01" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark01 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark01" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality01" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill01" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice01" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>外业负责</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0102 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0102"></el-input>
        </td>
      </tr>
      <tr>
        <td>内业负责</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0103 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0103"></el-input>
        </td>
      </tr>
      <tr>
        <td>技术设计</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0104 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0104"></el-input>
        </td>
      </tr>
      <tr>
        <td>资料整编</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0105 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0105">
          </el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="10">精密测量项目（施控网、监测网）</td>
        <td>施控网技术设计</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0201 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0201"></el-input>
        </td>
        <td rowspan="10">
          <div>
            <el-radio :label="0" v-model="tableForm.familiar02" :disabled="!isStaff">生疏</el-radio>
          </div>
          <div>
            <el-radio :label="2" v-model="tableForm.familiar02" :disabled="!isStaff">熟练</el-radio>
          </div>
        </td>
        <td rowspan="10">
          <el-checkbox-group v-model="form.role02" :disabled="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark02 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark02" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="10">
          <el-radio-group v-model="tableForm.quality02" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="10">
          <el-radio-group v-model="tableForm.skill02" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="10">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice02" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>监测网技术设计</td>
        <td>项</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0202 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0202"></el-input>
        </td>
      </tr>
      <tr>
        <td>观测墩选埋</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0203 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0203"></el-input>
        </td>
      </tr>
      <tr>
        <td>水准点选埋</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0204 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0204"></el-input>
        </td>
      </tr>
      <tr>
        <td>一等平面网测量</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0205 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0205"></el-input>
        </td>
      </tr>
      <tr>
        <td>二等平面网测量</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0206 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0206"></el-input>
        </td>
      </tr>
      <tr>
        <td>三等平面网测量</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0207 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0207"></el-input>
        </td>
      </tr>
      <tr>
        <td>一等水准测量</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0208 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0208"></el-input>
        </td>
      </tr>
      <tr>
        <td>二等水准测量</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0209 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0209"></el-input>
        </td>
      </tr>
      <tr>
        <td>整编与报告编写</td>
        <td>项</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0210 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0210"></el-input>
        </td>
      </tr>
      <tr>
        <td>外业-界桩测设</td>
        <td>含钻孔、地质点等</td>
        <td>点</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0301 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0301"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar03" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark03 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark03" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality03" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill03" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice03" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>外业-配合测量</td>
        <td>含配合外业检查等</td>
        <td>人天</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0302 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0302"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="3">外业-导线、高程测量</td>
        <td>三</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0303 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0303"></el-input>
        </td>
      </tr>
      <tr>
        <td>四</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0304 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0304"></el-input>
        </td>
      </tr>
      <tr>
        <td>五</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0305 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0305"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="4">外业-GNSS测量</td>
        <td>二</td>
        <td>点</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0401 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0401"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar04" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark04 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark04" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality04" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill04" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice04" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>三</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0402 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0402"></el-input>
        </td>
      </tr>
      <tr>
        <td>四</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0403 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0403"></el-input>
        </td>
      </tr>
      <tr>
        <td>五</td>
        <td>点</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0404 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0404"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">外业-地形图测绘</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0501 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0501"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar05" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark05 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark05" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality05" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill05" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice05" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0502 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0502"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0503 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0503"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0504 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0504"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0505 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0505"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0506 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0506"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">外业-断面测量</td>
        <td>1:200</td>
        <td>km</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0601 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0601"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar06" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark06 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark06" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality06" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill06" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice06" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0602 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0602"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0603 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0603"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0604 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0604"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0605 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0605"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0606 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0606"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="4">外业-航飞</td>
        <td>傲视</td>
        <td>人天</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0701 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0701"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar07" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark07 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark07" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality07" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill07" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice07" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>飞马</td>
        <td>人天</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0702 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0702"></el-input>
        </td>
      </tr>
      <tr>
        <td>华测</td>
        <td>人天</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0703 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0703"></el-input>
        </td>
      </tr>
      <tr>
        <td>其他</td>
        <td>人天</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0704 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0704"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="2">内业-空三</td>
        <td>卫片</td>
        <td>项</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0801 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0801"></el-input>
        </td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.familiar08" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark08 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark08" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.quality08" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="3">
          <el-radio-group v-model="tableForm.skill08" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="3">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice08" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>航片</td>
        <td>项</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0802 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0802"></el-input>
        </td>
      </tr>
      <tr>
        <td>内业-坐标转换</td>
        <td>坐标、地形图等</td>
        <td>项</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0803 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0803"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">内业-航测地形图</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f0901 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0901"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar09" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark09 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark09" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality09" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill09" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice09" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0902 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0902"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0903 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0903"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0904 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0904"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0905 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0905"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f0906 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f0906"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="5">内业-激光制图</td>
        <td>1:500</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1001 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1001"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar10" :disabled="!isStaff">
            <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.role10" :disabled="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark10 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark10" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality10" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill10" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice10" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1002 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1002"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1003 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1003"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1004 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1004"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1005 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1005"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">内业-编图</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1101 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1101"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar11" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark11 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark11" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality11" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill11" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice11" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1102 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1102"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1103 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1103"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1104 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1104"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1105 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1105"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1106 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1106"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="5">内业-点云分类</td>
        <td>1:500</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1201 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1201"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar12" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark12 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark12" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality12" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill12" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice12" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1202 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1202"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1203 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1203"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1204 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1204"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1205 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1205"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">内业-三维地形面</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1301 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1301"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar13" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark13 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark13" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality13" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill13" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice13" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1302 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1302"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1303 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1303"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1304 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1304"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1305 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1305"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1306 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1306"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">内业-DOM</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1401 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1401"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar14" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark14 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark14" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality14" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill14" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice14" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1402 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1402"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1403 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1403"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1404 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1404"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1405 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1405"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1406 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1406"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="6">内业-DEM</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1501 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1501"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.familiar15" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark15 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark15" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.quality15" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-radio-group v-model="tableForm.skill15" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="6">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice15" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1502 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1502"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1503 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1503"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1504 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1504"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1505 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1505"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:10000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1506 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1506"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="4">内业-三维模型、电子沙盘制作</td>
        <td>gsd ≤2.9cm</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1601 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1601"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.familiar16" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark16 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark16" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.quality16" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-radio-group v-model="tableForm.skill16" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="4">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice16" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>gsd 3cm～4.9cm</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1602 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1602"></el-input>
        </td>
      </tr>
      <tr>
        <td>gsd 5cm～9.9cm</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1603 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1603"></el-input>
        </td>
      </tr>
      <tr>
        <td>gsd 10cm～20cm</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1604 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1604"></el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="5">内业-激光预处理</td>
        <td>1:200</td>
        <td>km²</td>
        <td class="personInput">
          <span v-if="!isStaff">{{ tableForm.f1701 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1701"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.familiar17" :disabled="!isStaff">
            <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="!isStaff">
            <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 v-if="!isStaff">{{ tableForm.remark17 }}</div>
          <el-input v-if="isStaff" v-model="tableForm.remark17" type="textarea" :rows="4"></el-input>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.quality17" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-radio-group v-model="tableForm.skill17" :disabled="!isPiLeader">
            <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', isStaff)">
                {{ dict.label }}
              </el-radio>
            </div>
          </el-radio-group>
        </td>
        <td rowspan="5">
          <el-input type="textarea" :rows="4" v-model="tableForm.advice17" :disabled="!isPiLeader">
          </el-input>
        </td>
      </tr>
      <tr>
        <td>1:500</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1702 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1702"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:1000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1703 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1703"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:2000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1704 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1704"></el-input>
        </td>
      </tr>
      <tr>
        <td>1:5000</td>
        <td>km²</td>
        <td>
          <span v-if="!isStaff">{{ tableForm.f1705 }}</span>
          <el-input v-if="isStaff" v-model="tableForm.f1705"></el-input>
        </td>
      </tr>
      <tr style="height:90px;">
        <td>其他工作</td>
        <td colspan="9">
          <span v-if="!isStaff">{{ tableForm.otherWork }}</span>
          <el-input v-if="isStaff" v-model="tableForm.otherWork" type="textarea" :rows="2"></el-input>
        </td>
      </tr>
      <tr style="height:90px;">
        <td>年度自述</td>
        <td colspan="9">
          <span v-if="!isStaff">{{ tableForm.selfAssess }}</span>
          <el-input v-if="isStaff" v-model="tableForm.selfAssess" type="textarea" :rows="2"></el-input>
        </td>
      </tr>
    </table>
    <el-row justify="center" type="flex" style="margin-top:20px;">
      <el-button type="primary" size="mini" @click="submit">{{ taskName == '员工填报' ? '提交' : '审核通过'  }}</el-button>
      <el-button v-if="taskName == '员工填报'" type="warning" size="mini" @click="$emit('close')">取消</el-button>
    </el-row>
  </div>
</template>

<script>
import { parseTime } from "@/utils/ruoyi";
import { mapGetters } from "vuex";
import { SCContent } from '@/assets/datas/SCContent'
import { getDicts as getDicts } from '@/api/system/dict/data'
import { listProject } from '@/api/oa/project/project.js'
import { getProject } from '@/api/oa/project/project'
import { complete, getNextFlowNode } from "@/api/flowable/todo";
import { getAssess, modifyAssess, submitAssess, listAssess } from '@/api/oa/assess/assess';
import { getUsersDeptLeader, getUsersManageLeader } from '@/api/system/post.js'

export default {
  dicts: ['cmc_role', 'cmc_skill', 'cmc_accessment'],
  props: {
    taskName: {
      type: String
    },
    taskForm: {
      type: Object
    }
  },
  watch: {
    tableForm: function (newval, oldval) {
      this.formatForm();
    }
  },
  data() {
    return {
      deptAssesser: '',
      deptTime: undefined,
      managerAssesser: '',
      managerTime: undefined,
      tableForm: {},
      form: {},
      radio1: "",
      radio2: "",
      textarea1: "",
      textarea2: "",
      isDeptLeader: false,
      isPiLeader: false,
      isManager: false,
      isStaff: false,
      projectList: [],
    }
  },
  created() {
    if (this.taskName == '部门审核') {
      this.deptTime = parseTime(new Date(), '{y}-{m}-{d}')
      this.deptAssesser = this.name;
    }
    else if (this.taskName == '分管审核') {
      this.managerTime = parseTime(new Date(), '{y}-{m}-{d}')
      this.managerAssesser = this.name;
    }
    this.initForm();
  },
  mounted() {
    this.formatForm();
  },
  methods: {
    initForm() {
      getAssess(this.taskForm.formId).then(res => {
        let data = res.data;
        for (let d in data) {
          if (d.includes('role')) {
            if (data[d] != "" && data[d] != undefined && data[d] != null)
              data[d] = data[d].split(',')
          }
          if (d.includes('familiar')) {
            if (data[d] != "" && data[d] != undefined && data[d] != null)
              data[d] = parseInt(data[d])
          }
        }
        this.tableForm = data;
      })
      listProject({ pageSize: 200 }).then(res => {
        this.projectList = res.rows;
      })
      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.taskName == '项目负责人审核') {
        this.isPiLeader = true;
        this.isDeptLeader = false;
        this.isManager = false;
        this.isStaff = false;
      } else if (this.taskName == '部门审核') {
        this.isPiLeader = false;
        this.isDeptLeader = true;
        this.isManager = false;
        this.isStaff = false;
      } else if (this.taskName == '分管审核') {
        this.isPiLeader = false;
        this.isDeptLeader = false;
        this.isManager = true;
        this.isStaff = false;
      } else if (this.taskName == '员工填报') {
        this.isPiLeader = false;
        this.isDeptLeader = false;
        this.isManager = false;
        this.isStaff = true;
      }
    },
    // 员工修改之后传值
    assignmentToTableForm() {
      for (let i in this.tableForm) {
        if (i.includes('role')) {
          this.tableForm[i] = this.form[i]
        }
      }
    },
    // 初始化tableForm，得到承担角色的值
    initTableFormFromForm() {
      for (let f in this.form) {
        if (this.form[f] != "" && this.form[f] != undefined && this.form[f] != null) {
          this.tableForm[f] = this.form[f];
        }
      }
    },
    getProjectById(id) {
      getProject(id).then(res => {
        if (res.data != undefined) {
          this.tableForm.projectName = res.data.projectName;
          this.tableForm.projectNumber = res.data.projectNumber;
          this.tableForm.projectId = id
        }
      })
    },
    submit() {
      let flag = this.formValidate(this.tableForm)
      if (flag) {
        this.assignmentToTableForm();
        this.initTableFormFromForm();
        // this.$emit('submit', this.tableForm);
        let formData = new FormData();
        this.tableForm.formId = this.taskForm.formId;
        let form = JSON.stringify(this.tableForm);
        formData.append("form", form);
        listAssess({ assessId: this.tableForm.formId }).then(result => {
          let list = result;
          if (list.total != 0) {
            modifyAssess(formData);
          } else {
            submitAssess(formData);
          }
        })
        const params = { taskId: this.taskForm.taskId }
        getNextFlowNode(params).then(res => {
          if (this.taskName == '员工填报') {
            console.log(this.tableForm);
            getProject(this.tableForm.projectId).then(res => {
              if (res.data)
                this.$set(this.taskForm.variables, "approval", res.data.projectLeader);
              complete(this.taskForm).then(response => {
                this.$modal.msgSuccess(response.msg);
                this.$emit("goBack");
              });
            })
          } else if (this.taskName == '项目负责人审核') {
            getUsersDeptLeader({ userId: this.$store.getters.userId }).then(res => {
              if (res.data)
                this.$set(this.taskForm.variables, "approval", res.data.userId);
              complete(this.taskForm).then(response => {
                this.$modal.msgSuccess(response.msg);
                this.$emit("goBack");
              });
            })
          } else if (this.taskName == '部门审核') {
            getUsersManageLeader({ userId: this.$store.getters.userId }).then(res => {
              let userId = res.data.userId;
              this.$set(this.taskForm.variables, "approval", userId);
              complete(this.taskForm).then(response => {
                this.$modal.msgSuccess(response.msg);
                this.$emit("goBack");
              });
            })
          } else if (this.taskName == '分管审核') {
            complete(this.taskForm).then(response => {
              this.$modal.msgSuccess(response.msg);
              this.$emit("goBack");
            });
          }
        })
      }
    },
    formValidate(form) {
      let flag = [];
      for (let f in form) {
        if (f.startsWith('familiar') && form[f] != null) {
          flag.push(f.slice(-2));
        } else if (f.length == 5 && f.startsWith('f')) {
          if (form[f] != "" && form[f] != undefined && form[f] != null)
            flag.push(f.substring(1, 3));
        }
      }
      let isF = false;
      if (flag.length == 0) {
        this.$modal.msgError("表格未填写，请填写表格");
      } else {
        isF = true
      }
      return isF
    },
    cancelSelect(value, name, disabled) {
      if (disabled) {
        return
      }
      if (this.isStaff) {
        if (this.tableForm[name] == value) {
          this.tableForm[name] = null
        } else {
          if (this.tableForm[name] !== undefined)
            this.tableForm[name] = value
          else {
            this.$set(this.tableForm, name, value)
          }
        }
      }
      if (this.isPiLeader) {
        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: #90d6f1;
  font-weight: bold;
}

.table-fillin {
  background-color: #bfee93;
  font-weight: bold;
}

.table-fzr {
  background-color: #eead93;
  font-weight: bold;
}

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

td {
  height: 50px;
  // 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;
}
.auditor {
  font-family: '华文行楷';
  font-size: 20px;
}
</style>