<!--
 * @Descripttion: 当前组件信息
 * @version: 1.0.0
 * @Author: 无尘
 * @Date: 2020-12-21 15:23:14
 * @LastEditors: 无尘
 * @LastEditTime: 2020-12-21 15:45:50
-->
<!--
<disable-card-show :cardName="cardName"></disable-card-show>

import disableCardShow from '@/components/active-config/configs/disable-card-show.vue';
 -->
<template>
  <div class="el-select w-146">
    <div class="el-input is-disabled el-input--suffix">
      <div class="el-input__inner text-ellipsis">{{cardName || '--'}}</div>
      <span class="el-input__suffix">
        <span class="el-input__suffix-inner">
          <i class="el-select__caret el-input__icon el-icon-arrow-up"></i>
        </span>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  name: '',
  props: {
    cardName: {
      type: String,
      default: ''
    }
  },
  components: {},
  data() {
    return {

    };
  },

};
</script>
<style lang='less' scoped>
  .text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

</style>
