eta_front/src/views/BI_manage/components/SetCommon.vue

<template>
  <el-dialog
    title="设置公共看板"
    :visible.sync="show"
    :modal-append-to-body="false"
    :close-on-click-modal="false"
    :center="true"
    v-dialogDrag
    custom-class="dialogclass"
    width="680px"
    @close="handleClose"
  >
    <div class="BI-share-wrap">
      <div class="board-title">
        <div style="flex:1">看板名称</div>
        <el-tag size="mini">审批状态</el-tag>
      </div>
      <el-select placeholder="请选择分类" style="width:100%;margin:20px 0"></el-select>
      <div class="tips">提示：个人看板设为公共看板，请先选择公共看板分类，提交审批，审批通过后可设置公开！</div>
      <div class="tips">提示：设置公开看板失败，若要编辑，请先执行撤销操作！<el-button type="text">撤销</el-button></div>
      <div class="tips">提示：审批通过后，个人看板则设置公开成功！</div>
      <div class="tips">提示：设置公开看板成功，若要编辑，请先撤销操作（即取消公开）！<el-button type="text">撤销</el-button></div>
      
      <div class="dia-bot">
        <el-button
          type="primary"
          plain
          @click="handleClose"
          style="margin-right: 20px"
          >{{ $t("Dialog.cancel_btn") }}</el-button
        >
        <el-button type="primary" @click="saveHandle">提交审批</el-button>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: "setCommon",
  model: {
    prop: 'show',
    event: 'showChange'
  },
  props: {
    show: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
    }
  },
  created() {
  },
  methods: {
    handleClose() {
      this.$emit('showChange', false)
    },
    
  },
}
</script>

<style lang="scss" scoped>
.select-user-box {
  margin-top: 20px;
  padding: 20px;
  border: 1px dashed #c8cdd9;
}
.board-title{
  display: flex;
  
}
.dia-bot {
  display: flex;
  justify-content: center;
  margin: 40px 0;
}
</style>