协同--新增项目

Posted 2020-12-08 xiaoxiao95

    <basic-container>

          <div @click="Newproject" class="link">

            <div class="box">

              <div>

                <img src="@/assets/index/1.png" alt />

              </div>

              <p>新增项目</p>

            </div>

          </div>

        </basic-container>

    <!-- 创建新项目弹框 -->

    <el-dialog

      :visible.sync="dialogFormVisible"

      :close-on-click-modal="false"

      @closeClick="dialogFormVisible=false"

      width="1020px"

      top="5vh"

      :modal-append-to-body="false"

      :close-on-press-escape="false"

      append-to-body

      class="createNewProject"

    >

      <about :DetailsID="DetailsID" v-if="dialogFormVisible"></about>

    </el-dialog>

  data() {

    return {

      // 新增项目是否展示

      dialogFormVisible: false,

　　　　　}

　　　　}

  Newproject() {

      this.dialogFormVisible = true;

    },

.createNewProject .button-new-tag {

  margin: 0 10px;

  width: 32px;

  height: 32px;

  line-height: 0;

  border-radius: 50%;

  border: 1px solid #453e9a;

  color: #453e9a;

  font-size: 20px;

  background-color: #fff;

  vertical-align: middle;

}