From bc5f3d7456eb33b71fc722b3dc59315bd34c9046 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Thu, 12 Sep 2024 17:26:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E6=95=B0=E6=8D=AE=E5=BA=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/langs/en.js |  8 +++
 src/components/common/langs/zh.js |  7 +++
 src/components/page/partyRole.vue | 94 ++++++++++++++++++++++++++++---
 3 files changed, 101 insertions(+), 8 deletions(-)

diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index eff04f8..65ec5fc 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -59,6 +59,14 @@ const en = {
 		all:'All references',
 		factor: 'Factor',
 	},
+
+	partyRole:{
+		identity:'Identity',
+		InvestorProducer:'Investor Producer',
+		author:'Author',
+		status:'Status',
+		Published:'Published',
+	},
 	paperArticleCount:{
 		Periodroll:'Period Roll',
 		article:'Articles',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 207fc76..bb13c9f 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -68,6 +68,13 @@ const zh = {
 		 relation: '关联',
 
 	},
+	partyRole:{
+		identity:'身份',
+		InvestorProducer:'投稿者',
+		author:'作者',
+		status:'状态',
+		Published:'已发表',
+	},
 	sidebar: {
 		main: '个人中心',
 		author: '作者',
diff --git a/src/components/page/partyRole.vue b/src/components/page/partyRole.vue
index 250d514..054bd3b 100644
--- a/src/components/page/partyRole.vue
+++ b/src/components/page/partyRole.vue
@@ -108,8 +108,10 @@
                             <!-- <p style="color: #aaa; margin: 0 0 30px 28px" v-if="cvitaTable.length == 0">No data</p> -->
 
                             <div style="width: calc(100% - 175px); float: right">
-                                <p  v-if="cvitaTable && cvitaTable.length > 0" style="margin: 0 0 25px 0">If you want to update your resume, please upload it.</p>
-                                <el-form :model="cvitaForm" :rules="rules" ref="cvita_Form" label-width="0px" >
+                                <p v-if="cvitaTable && cvitaTable.length > 0" style="margin: 0 0 25px 0">
+                                    If you want to update your resume, please upload it.
+                                </p>
+                                <el-form :model="cvitaForm" :rules="rules" ref="cvita_Form" label-width="0px">
                                     <el-form-item label="">
                                         <el-upload
                                             style="float: left"
@@ -145,9 +147,6 @@
                                     </el-form-item>
                                 </el-form>
 
-
-
-								
                                 <p
                                     style="width: 100%; background-color: #d7d7d7; height: 1px; margin: -10px auto 10px auto"
                                     v-if="cvitaTable && cvitaTable.length > 0"
@@ -288,8 +287,78 @@
 
                     <div class="s_rol" v-if="this.role_author == 1">
                         <h3 style="color: #006699">Author</h3>
-                        <div class="rol_art">
-                            <p v-if="authorTable.manuscriptNum != undefined">
+                        <div class="rol_art" style="padding: 0" v-if="authorArticlesList.length > 0">
+                            <div class="articleTable">
+                                <el-table
+                                    row-key="article_id"
+                                    style="width: calc(100%); margin-top: 15px; margin-bottom: 20px"
+                                    :data="authorArticlesList"
+                                    class=""
+                                    empty-text="New Data (0)"
+                                >
+                                    <!-- <el-table-column type="index" label="No." width="45" align="center"></el-table-column> -->
+                                    <el-table-column :label="`${$t('paperArticleCount.articleTitle')}`" width="" prop="title">
+                                        <template slot-scope="scope">
+                                            <span style="font-size: 700">{{ scope.$index + 1 }}. &nbsp;&nbsp;</span>
+
+                                            <span v-if="scope.row.link" style=" text-decoration: underline; ">
+                                                <a target="_blank" :href="scope.row.link" style="color: #006699 !important">{{
+                                                    scope.row.title
+                                                }}</a>
+                                            </span>
+
+                                            <span v-else style="color: rgb(113 112 112)">
+                                                {{ scope.row.title }}
+                                            </span>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column :label="$t('partyRole.identity')" prop="title" width="200">
+                                        <template slot-scope="scope">
+                                            <div style="color: ">
+                                                <span
+                                                    v-for="(v, i) in scope.row.role"
+                                                    style="
+                                                        padding: 4px;
+                                                        border-radius: 2px;
+                                                        margin-right: 10px;
+                                                        color: #409eff !important;
+                                                        background: #ecf5ff !important;
+                                                        border-color: #b3d8ff !important;
+                                                    "
+                                                >
+                                                    {{
+                                                        v == 'user'
+                                                            ? $t('partyRole.InvestorProducer')
+                                                            : v == 'author'
+                                                            ? $t('partyRole.author')
+                                                            : ''
+                                                    }}
+                                                </span>
+                                            </div>
+                                        </template>
+                                    </el-table-column>
+                                    <el-table-column :label="$t('partyRole.status')" prop="title" width="80">
+                                        <template slot-scope="scope">
+                                            <div
+                                                style=""
+                                                v-if="
+                                                    scope.row.state == 0 ||
+                                                    scope.row.state == 1 ||
+                                                    scope.row.state == 2 ||
+                                                    scope.row.state == 3 ||
+                                                    scope.row.state == 4 ||
+                                                    scope.row.state == 5 ||
+                                                    scope.row.state == 6
+                                                "
+                                            >
+                                                <!-- {{ scope.row.link ?$t('partyRole.Published')  : '' }} -->
+                                                {{ $t(`artstate.state${scope.row.state}`) }}
+                                            </div>
+                                        </template>
+                                    </el-table-column>
+                                </el-table>
+                            </div>
+                            <!-- <p v-if="authorTable.manuscriptNum != undefined">
                                 <b class="colNUmber">{{ authorTable.manuscriptNum }}</b>
                                 articles submitted.
                             </p>
@@ -300,7 +369,7 @@
                             <p v-if="authorTable.index != undefined">
                                 <b class="colNUmber">{{ authorTable.index }}</b>
                                 records citing.
-                            </p>
+                            </p> -->
                         </div>
                     </div>
                     <div class="s_rol" v-if="this.role_editor == 1">
@@ -690,6 +759,7 @@ export default {
     data() {
         return {
             loading: false,
+            authorArticlesList: [],
             userrole: localStorage.getItem('U_status'),
             baseUrl: this.Common.baseUrl,
             mediaUrl: this.Common.mediaUrl,
@@ -1025,6 +1095,9 @@ export default {
                         this.coreTable = res.data.baseInfo;
                         this.cvitaTable = res.data.cvs;
 
+                        if (res.data.Author) {
+                            this.authorArticlesList = res.data.Author.articles ? res.data.Author.articles : [];
+                        }
                         if (res.data.asAuthor) {
                             this.authorTable = res.data.asAuthor;
                         }
@@ -1981,4 +2054,9 @@ export default {
     font-weight: bold;
     margin-left: 10px;
 }
+/deep/.articleTable .el-table th {
+    background-color: #f0f0f0 !important;
+    color: #006699 !important;
+    padding: 3px !important;
+}
 </style>