<template>
  <div class="app-container">
    <el-row :gutter="3" >
      <el-col :span="10"  >
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>编码规则</span>
          </div>
          <div class="item">
            <ruleindex @refreshApplyView="refreshApplyView" />
          </div>
        </el-card>

      </el-col>
      <el-col :span="14">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>[{{ registName }}]登记列表</span>
          </div>
          <div class="item">
            <registindex ref="registindex" />
          </div>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>

  import ruleindex from './components/ruleindex'
  import registindex from './components/registindex'

  export default {
    name: 'taskId',
    components: { ruleindex, registindex },
    data() {
      return {
        registName: '未选择'
      }
    },
    methods: {
      refreshApplyView(row) {
        console.log('row',row)
        this.registName = row.summary
        this.$refs.registindex.refreshApplyView(row)
      }
    }
  }
</script>
