<template>
  <div class="app-container">
    <div class="table">
      <div class="name">
        <span>项目名称</span>
        <el-select v-model="projectValue" placeholder="请选择项目名称" filterable>
          <el-option
            v-for="item in project"
            :key="item.value"
            :label="item.label"
            :value="item.value"/>
        </el-select>
        <el-button v-if="isEdit" type="primary" class="el-icon-edit" style="margin-left: 20px;">修改</el-button>
        <el-button v-else type="primary" class="el-icon-circle-check-outline" style="margin-left: 20px;">保存</el-button>
        <table class="tg">
          <colgroup>
            <col style="width: 50px">
            <col style="width: 100px">
            <col style="width: 100px">
            <col style="width: 180px">
            <col style="width: 100px">
            <col style="width: 100px">
            <col style="width: 500px">
            <col style="width: 100px">
            <col style="width: 150px">
            <col style="width: 200px">
            <col style="width: 200px">
          </colgroup>
          <tr>
            <th>序号</th>
            <th>部门</th>
            <th>部门分配比例</th>
            <th>阶段</th>
            <th>阶段分配比例</th>
            <th>阶段应发</th>
            <th>考核条件</th>
            <th>考核系数</th>
            <th >考核部门</th>
            <th >实际完成情况</th>
            <th >应得系数</th>
          </tr>
          <tr>
            <td rowspan="8">1 </td>
            <td rowspan="8">电气</td>
            <td rowspan="8">20%</td>
            <td rowspan="2">设计完成</td>
            <td rowspan="2">20%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.8</td>
            <td>销售/采购</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="3">装配完成（发货）</td>
            <td rowspan="3">20%</td>
            <td rowspan="3"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.5</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
            <td>0.3</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
            <td>0.2</td>
            <td>设计部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="2">客户调试</td>
            <td rowspan="2">40%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.8</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>终验收</td>
            <td>20%</td>
            <td></td>
            <td>a）终验收通过</td>
            <td>1</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="8">1 </td>
            <td rowspan="8">机械</td>
            <td rowspan="8">20%</td>
            <td rowspan="2">设计完成</td>
            <td rowspan="2">20%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.8</td>
            <td>销售/采购</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="3">装配完成（发货）</td>
            <td rowspan="3">20%</td>
            <td rowspan="3"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.5</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
            <td>0.3</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
            <td>0.2</td>
            <td>设计部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="2">客户调试</td>
            <td rowspan="2">40%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.8</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>终验收</td>
            <td>20%</td>
            <td></td>
            <td>a）终验收通过</td>
            <td>1</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="8">1 </td>
            <td rowspan="8">生产</td>
            <td rowspan="8">20%</td>
            <td rowspan="2">设计完成</td>
            <td rowspan="2">20%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.8</td>
            <td>销售/采购</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="3">装配完成（发货）</td>
            <td rowspan="3">20%</td>
            <td rowspan="3"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.5</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
            <td>0.3</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
            <td>0.2</td>
            <td>设计部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="2">客户调试</td>
            <td rowspan="2">40%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.8</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>终验收</td>
            <td>20%</td>
            <td></td>
            <td>a）终验收通过</td>
            <td>1</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="8">1 </td>
            <td rowspan="8">采购与外协</td>
            <td rowspan="8">10%</td>
            <td rowspan="2">设计完成</td>
            <td rowspan="2">20%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.8</td>
            <td>销售/采购</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="3">装配完成（发货）</td>
            <td rowspan="3">20%</td>
            <td rowspan="3"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.5</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）差错率；（基本无差错1、机构小改动0.8、大的机构变更0.5）</td>
            <td>0.3</td>
            <td>生产部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>c）设计合理性；（设计合理1、设计不合理0.5）</td>
            <td>0.2</td>
            <td>设计部</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td rowspan="2">客户调试</td>
            <td rowspan="2">40%</td>
            <td rowspan="2"></td>
            <td>a）按时完成率；（1-拖期时间/计划时间）</td>
            <td>0.2</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>b）客户满意度；（满意1、不满意0~0.5）</td>
            <td>0.8</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td>终验收</td>
            <td>20%</td>
            <td></td>
            <td>a）终验收通过</td>
            <td>1</td>
            <td>销售</td>
            <td></td>
            <td></td>
          </tr>
        </table>
      </div>
    </div>
  </div>
</template>

<script>
import { projectSelect } from '../../api/ProjectManagement/summarize'
export default {
  name: 'Summarize',
  data() {
    return {
      projectValue: '',
      project: [],
      isEdit: true
    }
  },
  watch: {
    project(val) {
      if (val.length > 0) {
      }
    }
  },
  mounted() {
    this.fetchData()
  },
  methods: {
    fetchData() {
      this.getSelect(projectSelect, ['项目名称', '项目流水号'], 'project')
    }
  }
}
</script>

<style scoped>
  .tg{
    border-collapse:collapse;
    border-spacing:0;
  }
  .tg td{
    font-size:16px;
    padding:12px 10px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
    word-break:normal;
    color: #606266;
    border-color:#ebeef5;
  }
  .tg th{
    font-size:14px;
    font-weight:bolder;
    padding:10px 5px;
    border-style:solid;
    border-width:1px;
    overflow:hidden;
    word-break:normal;
    color: #909399;
    border-color:#ebeef5;
  }
  .tg .title{
    font-weight: 500;
    font-size: 24px;
    color: #909399;
  }
  .table table{
    margin: 20px auto;
  }
  .main {
    font-size: 30px;
    font-weight: bolder;
  }
  .name {
    margin: 10px auto;
  }
  span {
    font-size: 22px;
    margin: 20px;
  }
</style>
