<template>
  <div class="w-table">
    <table id="cus-table" cellspacing="0">
      <!-- 综掘 -->
      <tr>
        <td rowspan="7">综掘</td>
        <td>序号</td>
        <td>名称</td>
        <td>设计断面(m)</td>
        <td>巷高(m)</td>
        <td>巷宽(m)</td>
        <td>日计划(m)</td>
        <td>日完成(m)</td>
        <td>月累计(m)</td>
        <td>欠完原因</td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="6">
          <u-textarea
            type="textarea"
            :autosize="{ minRows: 10}"
            placeholder="请输入"
            v-model="diggReasonText">
          </u-textarea>
        </td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <!-- 综采 -->
      <tr>
        <td rowspan="3">综采</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="7">
          <u-textarea
            type="textarea"
            :autosize="{ minRows: 10}"
            placeholder="请输入"
            v-model="miniingReasonText">
          </u-textarea>
        </td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <!-- 原煤产量 -->
      <tr>
        <td colspan="2">原煤产量(吨)</td>
        <td>日计</td>
        <td></td>
        <td>月累计</td>
        <td></td>
        <td></td>
        <td>库存量</td>
        <td></td>
      </tr>
      <!-- 销售量 -->
      <tr>
        <td colspan="2">销售量(吨)</td>
        <td>日计</td>
        <td></td>
        <td>月累计</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <!-- 洗煤产量 -->
      <tr>
        <td colspan="2">洗煤产量(吨)</td>
        <td>日计</td>
        <td></td>
        <td>月累计</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
      </tr>
      <!-- 矿值班领导 -->
      <tr>
        <td>矿值班领导</td>
        <td></td>
        <td>生产口</td>
        <td colspan="2"></td>
        <td colspan="2">行政口</td>
        <td colspan="2"></td>
      </tr>
      <!-- 带班领导 -->
      <tr>
        <td>带班领导</td>
        <td>0点班</td>
        <td colspan="2"></td>
        <td>8点班</td>
        <td colspan="2"></td>
        <td>4点班</td>
        <td colspan="2"></td>
      </tr>
      <!-- 下井人数 -->
      <tr>
        <td>下井人数</td>
        <td>0点班</td>
        <td></td>
        <td>8点班</td>
        <td></td>
        <td>4点班</td>
        <td></td>
        <td>合计</td>
        <td></td>
        <td></td>
      </tr>
      <!-- 安全生产信息汇总 -->
      <tr>
        <td rowspan="6">安全生产信息汇总</td>
        <td rowspan="2">生产影响:</td>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td rowspan="2">安全事故：</td>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td rowspan="2">其他:</td>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td colspan="8"></td>
      </tr>
      <tr>
        <td>调度主任：</td>
        <td colspan="6">
          <u-textarea
            type="textarea"
            :autosize="{ minRows: 1}"
            placeholder="请输入"
            v-model="directorReasonText">
          </u-textarea>
        </td>
        <td>填写人：</td>
        <td colspan="2">
          <u-textarea
            type="textarea"
            :autosize="{ minRows: 1}"
            placeholder="请输入"
            v-model="filledBy">
          </u-textarea>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
  data() {
    return {
      diggReasonText: '什么？', // 综掘原因
      miniingReasonText: '', // 综采原因
      directorReasonText: '', // 调度主任
      filledBy: '' // 填写人
    };
  },
};
</script>
<style scoped>
.w-table {
  width: 100%;
  height: 100%;
}
table td {
  width: 168px;
  height: 30px;
  border: 1px solid rgba(0, 118, 200, .3);
  background: transparent;
  color: #7a9cc2;
  font-size: 14px;
  text-align: center;
  padding: 0;
  margin: 0;
}
::v-deep .el-textarea__inner {
  background: transparent;
  color: #fff;
  border-radius: 0;
  border: 1px solid rgba(0, 118, 200, .5);
}
::v-deep .el-textarea .u-textarea__count {
  background: transparent;
}
</style>