<template>
    <div class="container" >
      <el-row :gutter="20" >        
          <el-alert
          :title="'Dear '+ user_name + ' Congratulations! '"
    type="success"    
    show-icon>
    
  </el-alert>        
        <el-col class="mt20">
            <p>Now your article has entered the pre-inclusion state, and the platform also needs you to improve the following content for the final publication of the article.</p>  
          </el-col>  
    </el-row>
    <!-- 内容 -->
    <el-row :gutter="20" class="content_box mt20">            
        <el-col> 
            <!-- 文章引用 -->
          <div  class="scroll-item">
            <div class="" style="margin: 20px 0;">
                <h4>Add Reference</h4>
               <p class="mt20">Please proofread against the reference documents identified by the system, you can modify the content of existing documents, you can modify the ordering of adjacent items, and you can add your reference entries.</p>
               <p class="mt10"><img src="../../assets/img/icon_9.png" alt="" class="icon_img"> <el-link @click="goAddReferences(thisArtcleId)" type="primary" >&nbsp; &nbsp;Click here to edit</el-link> </p> 
               
            </div>
          </div>
        </el-col>    
    </el-row>
    <!-- 答疑 -->
    <div class="mt20 helpcontent">
        <div class="flexbox">
            <span class="el-icon-info help"></span>
            <div>
                <h4>Any questions/Help</h4>
                <p class="mt20">If you do not understand the operation items on this page or need help, you can find us in the following ways:</p>
                <p class="mt20">- Way one</p>
                <p class="mt10">- Way two</p>
                <p class="mt10">- Way three</p>
            </div>
        </div>
    </div>
    </div>
  </template>
  
  <script>
  export default {
    data() {
        return {
            user_name: localStorage.getItem('U_relname'),
            thisArtcleId: this.$route.query.id,
            // 引用表单数据
            ReferenceList:[]
        }
      },
      created() {
      },
      methods:{
        // 跳转到引用编辑页面
        goAddReferences(id){
          this.$router.push({
                      path: 'ReferenceEditor',
                      query: {
                          id: id
                      }
                  });
        }
      }
  }
  </script>
  
  <style  scoped>
    .help{font-size: 22px; margin-right: 10px;}
    .el-alert__title{font-size: 26px;}
    .mt20{margin-top: 20px;}
    .content_box{padding:15px 10px; border:3px dashed  #eff6ff; }
    .flexbox{display: flex;}
    p{color: #333;}
    .mt10{margin-top: 10px;}
    .more{font-weight: bold;}
    .helpcontent{color: #888; margin-top: 150px; padding-top: 30px; border-top: 2px solid #f1f1f1;}
    .helpcontent p{color: inherit; font-size: 12px;}
  </style>