<template>
  <el-dialog title="详情" :visible.sync="open" width="900px" append-to-body destroy-on-close :close-on-click-modal="false">

    <table class="inspect-table" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="4">线路日常检查</td>
      </tr>

      <tr>
        <td colspan="2">检查内容</td>
        <td>检查结果</td>
        <td>具体情况描述</td>
      </tr>

      <tr>
        <td rowspan="2">检查管道沿线情况</td>
        <td>管道沿线地貌是否变化</td>
        <td><el-checkbox v-model="jsondata.one.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.one.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.one.text }}</td>
      </tr>

      <tr>
        <td>管道沿线是否有泄漏</td>
        <td><el-checkbox v-model="jsondata.two.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.two.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.two.text }}</td>
      </tr>

      <tr>
        <td rowspan="4">管道附属设施（地面标识、水工等）的完好性</td>
        <td>水工工程是否损坏</td>
        <td><el-checkbox v-model="jsondata.three.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.three.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.three.text }}</td>
      </tr>

      <tr>
        <td>管道四周有无水土流失现象</td>
        <td><el-checkbox v-model="jsondata.four.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.four.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.four.text }}</td>
      </tr>

      <tr>
        <td>三桩一牌有无破损、歪斜、丢失</td>
        <td><el-checkbox v-model="jsondata.five.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.five.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.five.text }}</td>
      </tr>

      <tr>
        <td>三桩周边2米范围内有无杂草</td>
        <td><el-checkbox v-model="jsondata.six.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.six.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.six.text }}</td>
      </tr>

      <tr>
        <td rowspan="3">管道线路中心线两侧各5米地域范围内</td>
        <td>是否种植深根植物</td>
        <td><el-checkbox v-model="jsondata.seven.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.seven.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.seven.text }}</td>
      </tr>

      <tr>
        <td>是否有取土、采石、用火、堆放重物、排放腐蚀性物质、使用机械工具进行挖掘施工的行为</td>
        <td><el-checkbox v-model="jsondata.eight.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.eight.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.eight.text }}</td>
      </tr>

      <tr>
        <td>是否有挖塘、清淤、修渠、修晒场、修建水产养殖场、建温室、建家畜棚圈、建房以及修建其他建筑物、构筑物的行为</td>
        <td><el-checkbox v-model="jsondata.nine.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.nine.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.nine.text }}</td>
      </tr>

      <tr>
        <td rowspan="3">管道线路中心线两侧各200米范围内</td>
        <td>是否有定向钻</td>
        <td><el-checkbox v-model="jsondata.ten.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.ten.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.ten.text }}</td>
      </tr>

      <tr>
        <td>是否有顶管作业、公路交叉、铁路交叉、电力线路交叉、光缆交叉、其他管道交叉等交叉作业</td>
        <td><el-checkbox v-model="jsondata.eleven.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.eleven.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.eleven.text }}</td>
      </tr>

      <tr>
        <td>是否有侵占、城建、爆破等施工活动</td>
        <td><el-checkbox v-model="jsondata.twelve.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.twelve.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.twelve.text }}</td>
      </tr>

      <tr>
        <td>管道线路中心线两侧各500米范围内</td>
        <td>河道内是否有抛锚、拖锚、挖砂、挖泥、清淤、采石、水下爆破等</td>
        <td><el-checkbox v-model="jsondata.thirteen.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.thirteen.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.thirteen.text }}</td>
      </tr>

      <tr>
        <td>高后果区管段巡护</td>
        <td>观察重点企业周边管道是否异常变化，是否重物占压管道，管道周边是否有可疑车辆、人员活动等</td>
        <td><el-checkbox v-model="jsondata.fourteen.checkyes" class="input-disabled">是</el-checkbox>  <el-checkbox v-model="jsondata.fourteen.checkno" class="input-disabled">否</el-checkbox></td>
        <td>{{ jsondata.fourteen.text }}</td>
      </tr>

     <!-- <tr>
        <td colspan="5">日常活动</td>
      </tr>

      <tr>
        <td>工作内容</td>
        <td colspan="2">工作内容描述</td>
        <td>联系情况</td>
        <td>备注</td>
      </tr>

      <tr>
        <td>高后果区管段巡护</td>
        <td colspan="2">巡线过程中对重点单位联系人（物业公司、厂区负责人）进行走访，收集重点企业和周边第三方施工信息</td>
        <td>今日走访了___________收集施工信息</td>
        <td></td>
      </tr>

      <tr>
        <td>沿线村书记和信息员走访</td>
        <td colspan="2">巡线过程中走访沿线村书记和信息员，收集盖房和清淤等第三方施工信息</td>
        <td>今日走访了___________收集施工信息</td>
        <td></td>
      </tr>

      <tr>
        <td>沿线村占地户和信息员走访</td>
        <td colspan="2">巡线过程中走访沿线占地户和信息员，收集问题和第三方施工信息</td>
        <td>今日走访了___________收集施工信息</td>
        <td></td>
      </tr>

      <tr>
        <td colspan="5" style="height: 250px;text-align: left;vertical-align: top;">巡线记录：</td>
      </tr>-->

    </table>
  </el-dialog>
</template>

<script>
  export default {
    name: "inspect-table",
    data(){
      return{
        open: false,
        jsondata:{
          one:{
            checkyes:false,
            checkno:false,
            text:''
          },
          two:{
            checkyes:false,
            checkno:false,
            text:''
          },
          three:{
            checkyes:false,
            checkno:false,
            text:''
          },
          four:{
            checkyes:false,
            checkno:false,
            text:''
          },
          five:{
            checkyes:false,
            checkno:false,
            text:''
          },
          six:{
            checkyes:false,
            checkno:false,
            text:''
          },
          seven:{
            checkyes:false,
            checkno:false,
            text:''
          },
          eight:{
            checkyes:false,
            checkno:false,
            text:''
          },
          nine:{
            checkyes:false,
            checkno:false,
            text:''
          },
          ten:{
            checkyes:false,
            checkno:false,
            text:''
          },
          eleven:{
            checkyes:false,
            checkno:false,
            text:''
          },
          twelve:{
            checkyes:false,
            checkno:false,
            text:''
          },
          thirteen:{
            checkyes:false,
            checkno:false,
            text:''
          },
          fourteen:{
            checkyes:false,
            checkno:false,
            text:''
          }
        }
      }
    },
    methods: {

    }
  }
</script>

<style scoped lang="scss">

  .inspect-table{
    width: 100%;
    td{
      width: 25%;
      text-align: center;
      height: 29px;
    }
  }

  .input-disabled{
    pointer-events: none;
  }
</style>
