弹框修改

chenzeping

2021-04-19 253590ef9d0ec11b526321c2c18d60c53990fd45

 src/components/panel/topicSearch/SewersSelect/AnalysisChoose/Tube.vue

@@ -1,45 +1,99 @@
<template>
  <div class="connectivity">
    <el-row>
      <el-button type="primary" size="mini">选择管线</el-button>
      <el-button type="primary" size="mini">清除</el-button>
      <span class="tube-span">爆管(相关开关)</span>
      <el-button type="primary" size="mini" @click="bgClick">选择管线</el-button>
      <el-button type="primary" size="mini" @click="handleClick('czp')">清除</el-button>
    </el-row>
    <el-table
        :data="tableData"
        height="250"
        border
        style="width: 100%">
      <el-table-column
          prop="date"
          label="管线名称"
          width="180">
      </el-table-column>
      <el-table-column
          prop="name"
          label="管线类型"
          width="180">
      </el-table-column>
      <el-table-column
          prop="address"
          label="操作">
      </el-table-column>
    </el-table>
    <el-card class="box-card">
      <el-scrollbar style="height:350px">
        <span class="clearfix">发生爆裂的管段</span>
        <el-table
            :data="tableData"
            style="width: 100%">
          <el-table-column
              prop="date"
              label="管线类型">
          </el-table-column>
          <el-table-column
              prop="name"
              label="管线名称">
          </el-table-column>
          <el-table-column
              prop="province"
              label="起点编号">
          </el-table-column>
          <el-table-column
              prop="city"
              label="终点编号">
          </el-table-column>
          <el-table-column
              class-name="fixed-table"
              fixed="right"
              label="操作">
          </el-table-column>
        </el-table>
        <span class="clearfix">需要关闭的阀门</span>
        <el-table
            :data="tableData"
            style="width: 100%">
          <el-table-column
              prop="date"
              label="管线类型">
          </el-table-column>
          <el-table-column
              prop="name"
              label="管线名称">
          </el-table-column>
          <el-table-column
              prop="province"
              label="起点编号">
          </el-table-column>
          <el-table-column
              prop="city"
              label="终点编号">
          </el-table-column>
          <el-table-column
              class-name="fixed-table"
              fixed="right"
              label="操作">
          </el-table-column>
        </el-table>
      </el-scrollbar>
    </el-card>
  </div>
</template>

<script>

// import PublicWay from '@components/panel/topicSearch/SewersSelect/AnalysisChoose/PublicWay'

export default {
  name: 'Tube',
  data () {
    return {
      tableData: []
      tableData: [],
      tube: []
    }
  },
  methods: {
    // 选指管线
    bgClick () {
      this.selectPipeLine()
    },
    // 清楚绘制
    handleClick (val) {
      console.log(val)
      // PublicWay.handleClick(val)
    }
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-table {
  margin-top: 15px;
.tube-span {
  color: #ffffff !important;
  font-size: 14px;
  margin: 0 15px;
}
</style>