<template>
  <div class="app-container">
    <el-table :data="selectList" border>
       <el-table-column :label="$t('page.business.resource.gyzj.mc')" align="left" prop="mc"
          :show-overflow-tooltip="true" />
        <el-table-column :label="$t('page.business.resource.gyzj.bh')" align="center" prop="bh"
          :show-overflow-tooltip="true" />
           <el-table-column :label="$t('page.business.resource.gyzj.jlzt')" align="center" width="100px" fixed="right">
          <template slot-scope="scope">
            <span v-if="scope.row.jlzt == 1">{{ $t('page.business.resource.resource.jlzt.wsd') }}</span>
            <span v-if="scope.row.jlzt == 3">{{ $t('page.business.resource.resource.jlzt.ysd') }}</span>
            <span v-if="scope.row.jlzt == 5">{{ $t('page.business.resource.resource.jlzt.dgd') }}</span>
            <span v-if="scope.row.jlzt == 7">{{ $t('page.business.resource.resource.jlzt.gd') }}</span>
            <span v-if="scope.row.jlzt == 9">{{ $t('page.business.resource.resource.jlzt.djd') }}</span>
          </template>
        </el-table-column>
        <el-table-column :label="$t('page.business.resource.gyzj.jyzt')" align="center" width="100px"  fixed="right">
          <template slot-scope="scope">
            <span v-if="scope.row.jyzt == 1">{{ $t('page.business.resource.resource.jyzt.wjy') }}</span>
            <span v-if="scope.row.jyzt == 3">{{ $t('page.business.resource.resource.jyzt.djy') }}</span>
            <span v-if="scope.row.jyzt == 5">{{ $t('page.business.resource.resource.jyzt.jyz') }}</span>
          </template>
        </el-table-column>
    </el-table>
  </div>
</template>

<script>

export default {
  name: "SelectList",
  data() {
    return {
      selectList: []
    }
  },
  props: {
    value: {
      type: Array,
      default: () => []
    }
  },
  watch: {
    value: {
      immediate: true,
      handler(v) {
        this.selectList = v || []
      }
    },
  },
  created() {
  },
  methods: {
  }
}
</script>
