<template>
  <div>
    <el-tag
      v-for="(tag,index) in value"
      :key="index"
      type="warning"
      :disable-transitions="false"
      :closable="!readonly"
      @close="value.splice(index,1)"
    >
      {{ tag.tagName }}
    </el-tag>
    <el-button icon="el-icon-plus" type="warning" class="el-button-tag" @click="openProjectTagDialog"
               v-if="!readonly"></el-button>
    <projectTagDialog v-if="showProjectTagDialog"
                      :visiable.sync="showProjectTagDialog"
                      @confirm="confirmProjectTagDialog"
                      :multi="true"
                      :rows="checkRows"
                      fieldKey="tagCode"></projectTagDialog>
  </div>
</template>
<script>
import mixin from "./mixins/view";

export default {
  name: "projectTagView",
  mixins: [mixin]
}
</script>
<style scoped>

</style>
