From 1ed566c97f046868d583779de54d7721415f96f9 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: Wed, 15 Jan 2025 09:59:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=BC=95=E7=94=A8=E5=88=A4?=
 =?UTF-8?q?=E6=96=AD=E5=9C=A8online=E5=92=8Cpublish?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/articleListEditor_E.vue   |  10 +-
 src/components/page/components/html/index.vue | 289 +++++++++---------
 2 files changed, 145 insertions(+), 154 deletions(-)

diff --git a/src/components/page/articleListEditor_E.vue b/src/components/page/articleListEditor_E.vue
index 7c0ae1c..015142a 100644
--- a/src/components/page/articleListEditor_E.vue
+++ b/src/components/page/articleListEditor_E.vue
@@ -410,6 +410,10 @@
                                 <el-table-column type="index" align="center" width="50"> </el-table-column>
                                 <el-table-column label="CONTENT" align="center">
                                     <template slot-scope="scope">
+                                    <p class="wrongLine" style="text-align: left" v-if="scope.row.author == ''">
+                                        {{ scope.row.refer_frag }}
+                                    </p>
+                                    <div v-else>
                                         <div style="text-align: left" v-if="scope.row.refer_type == 'journal'">
                                             <p>
                                                 {{ scope.row.author }},{{ scope.row.title }}, <em>{{ scope.row.joura }}</em> ,{{
@@ -422,10 +426,8 @@
                                             <p>{{ scope.row.author }},{{ scope.row.title }},{{ scope.row.dateno }}<br /></p>
                                             <a class="doiLink" :href="scope.row.isbn" target="_blank">{{ scope.row.isbn }}</a>
                                         </div>
-                                        <p class="wrongLine" style="text-align: left" v-if="scope.row.refer_type == 'other'">
-                                            {{ scope.row.refer_frag }}
-                                        </p>
-                                    </template>
+                                    </div>
+                                </template>
                                 </el-table-column>
                             </el-table>
                         </div>
diff --git a/src/components/page/components/html/index.vue b/src/components/page/components/html/index.vue
index 8d0cc99..77ea5a7 100644
--- a/src/components/page/components/html/index.vue
+++ b/src/components/page/components/html/index.vue
@@ -1,27 +1,24 @@
 <template>
-   
-        
-
-        <!-- Html排版 -->
-        <el-dialog title="HTML layout" :visible.sync="HtmlVisible" width="900px" :close-on-click-modal="false" @close="CancelHtml">
-            <div style="margin: 0 0 0 10px" class="htmlfile">
-                <h3
-                    style="font-size: 16px; margin-bottom: 25px; line-height: 22px; letter-spacing: -0.5px; word-break: break-word"
-                    v-html="UpHtpFIle.title"
-                ></h3>
-                <div target="_blank" v-if="UpHtpFIle.htmlfile == ''">
-                    <font style="font-size: 16px">Html File :</font>
-                    <span style="color: rgb(102, 102, 102); margin-left: 15px">No Manuscript</span>
-                </div>
-                <div target="_blank" v-if="UpHtpFIle.htmlfile != ''">
-                    <font style="font-size: 16px">Html File :</font>
-                    <a :href="'https://www.tmrjournals.com/public/articleHTML/' + UpHtpFIle.htmlfile" target="_blank">
-                        <img src="@/assets/img/icon_0.png" style="vertical-align: sub; margin: 0 15px" />
-                        <span style="color: #333">Html File</span>
-                        <i class="el-icon-view" style="color: #66b1ff; font-weight: bold; margin-left: 20px"></i>
-                    </a>
-                </div>
-                <!-- <div style="margin: 20px 0 0 88px">
+    <!-- Html排版 -->
+    <el-dialog title="HTML layout" :visible.sync="HtmlVisible" width="900px" :close-on-click-modal="false" @close="CancelHtml">
+        <div style="margin: 0 0 0 10px" class="htmlfile">
+            <h3
+                style="font-size: 16px; margin-bottom: 25px; line-height: 22px; letter-spacing: -0.5px; word-break: break-word"
+                v-html="UpHtpFIle.title"
+            ></h3>
+            <div target="_blank" v-if="UpHtpFIle.htmlfile == ''">
+                <font style="font-size: 16px">Html File :</font>
+                <span style="color: rgb(102, 102, 102); margin-left: 15px">No Manuscript</span>
+            </div>
+            <div target="_blank" v-if="UpHtpFIle.htmlfile != ''">
+                <font style="font-size: 16px">Html File :</font>
+                <a :href="'https://www.tmrjournals.com/public/articleHTML/' + UpHtpFIle.htmlfile" target="_blank">
+                    <img src="@/assets/img/icon_0.png" style="vertical-align: sub; margin: 0 15px" />
+                    <span style="color: #333">Html File</span>
+                    <i class="el-icon-view" style="color: #66b1ff; font-weight: bold; margin-left: 20px"></i>
+                </a>
+            </div>
+            <!-- <div style="margin: 20px 0 0 88px">
 					<el-upload ref="uploadUpHt" class="upload-demo" :action="baseUrl + 'api/Production/up_pdf_file'"
 						accept=".pdf," name="pdf" :before-upload="beforeupload_UpHt" :on-error="uperr_UpHt"
 						:on-success="upSuccess_UpHt" :limit="1" :on-exceed="alertlimit" :on-remove="removefileUpHt"
@@ -36,73 +33,68 @@
 							can be uploaded(.pdf)</div>
 					</el-upload>
 				</div> -->
-                <p style="border-top: 2px dashed #0066994d; margin: 20px 0 0 0; padding: 20px 0 0 0"></p>
-                <el-collapse v-model="collapseActiveNames">
-                    <el-collapse-item name="html" v-loading="loadHtml">
-                        <template slot="title">
-                            Html Layout :
-                            <span style="margin-left: 15px; color: #666" v-if="mains == ''">No Layout</span>
+            <p style="border-top: 2px dashed #0066994d; margin: 20px 0 0 0; padding: 20px 0 0 0"></p>
+            <el-collapse v-model="collapseActiveNames">
+                <el-collapse-item name="html" v-loading="loadHtml">
+                    <template slot="title">
+                        Html Layout :
+                        <span style="margin-left: 15px; color: #666" v-if="mains == ''">No Layout</span>
+                        <el-button type="primary" @click="htmlLayout2('creat')" style="margin-left: 20px" class="import" v-if="mains == ''"
+                            >Create Html Proofread</el-button
+                        >
+                        <span style="margin-left: 15px; color: #0b4b6a" v-if="mains != ''">Typesetting completed</span>
+                        <template v-if="mains != ''">
                             <el-button
+                                v-if="html_type == 2 && tg_article_id != 0"
                                 type="primary"
-                                @click="htmlLayout2('creat')"
-                                style="margin-left: 20px"
-                                class="import"
-                                v-if="mains == ''"
-                                >Create Html Proofread</el-button
-                            >
-                            <span style="margin-left: 15px; color: #0b4b6a" v-if="mains != ''">Typesetting completed</span>
-                            <template v-if="mains != ''">
-                                <el-button
-                                    v-if="html_type == 2&&tg_article_id!=0"
-                                    type="primary"
-                                    plain
-                                    icon="el-icon-document-copy"
-                                    @click.stop
-                                    @click=" htmlLayout2()"
-                                    style="margin-left: 20px"
-                                >
-                                    <font>Edit Html Proofread</font>
-                                </el-button>
-                                <el-button
-                                    v-if="html_type != 2"
-                                    type="primary"
-                                    plain
-                                    icon="el-icon-document-copy"
-                                    @click.stop
-                                    @click="htmlLayout()"
-                                    style="margin-left: 20px"
-                                >
-                                    <font>Edit Html Proofread</font>
-                                </el-button>
-                            </template>
-
-                            <el-button
-                                v-if="mains != '' && html_type == 0"
-                                type="danger"
                                 plain
                                 icon="el-icon-document-copy"
                                 @click.stop
-                                @click="clearHtmlLayout()"
+                                @click="htmlLayout2()"
                                 style="margin-left: 20px"
                             >
-                                <font>Remove Html Proofread</font>
+                                <font>Edit Html Proofread</font>
+                            </el-button>
+                            <el-button
+                                v-if="html_type != 2"
+                                type="primary"
+                                plain
+                                icon="el-icon-document-copy"
+                                @click.stop
+                                @click="htmlLayout()"
+                                style="margin-left: 20px"
+                            >
+                                <font>Edit Html Proofread</font>
                             </el-button>
                         </template>
-                        <div>
-                            <!-- 生成选项 -->
-                            <!-- <div v-if="mains == ''">
+
+                        <el-button
+                            v-if="mains != '' && html_type == 0"
+                            type="danger"
+                            plain
+                            icon="el-icon-document-copy"
+                            @click.stop
+                            @click="clearHtmlLayout()"
+                            style="margin-left: 20px"
+                        >
+                            <font>Remove Html Proofread</font>
+                        </el-button>
+                    </template>
+                    <div>
+                        <!-- 生成选项 -->
+                        <!-- <div v-if="mains == ''">
                                 <div style="margin: 20px 0 0 0" >
                                     <el-button type="primary" @click="htmlLayout2('creat')" class="import"
                                         >Create Html Proofread</el-button
                                     >
                                 </div> -->
-                            <!-- <el-radio v-model="createType" label="1">Use last manuscirpt version</el-radio>
+                        <!-- <el-radio v-model="createType" label="1">Use last manuscirpt version</el-radio>
                                 <el-radio v-model="createType" label="2">Use new file upload</el-radio> -->
 
-                            <!-- 使用默认最新稿件生成 -->
+                        <!-- 使用默认最新稿件生成 -->
 
-                            <!-- 文件上传 -->
-                            <!-- <div class="up" style="margin: 20px 0 0 0" v-if="createType == '2'">
+                        <!-- 文件上传 -->
+                        <!-- <div class="up" style="margin: 20px 0 0 0" v-if="createType == '2'">
                                     <el-upload
                                         ref="uploadFile"
                                         class="upload-demo up_newstyle"
@@ -124,64 +116,68 @@
                                     </el-upload>
                                     <el-button type="primary" @click="htmlLayout" class="import">Create Html Proofread</el-button>
                                 </div> -->
-                            <!-- end -->
-                            <!-- </div> -->
-                            <!-- end -->
+                        <!-- end -->
+                        <!-- </div> -->
+                        <!-- end -->
 
-                            <div class="titHtml" v-if="mains != '' && html_type != 2" style="height: 50vh; overflow-y: auto">
-                                <div v-for="(item, index) in mains" :key="index">
-                                    <p v-html="item.content" v-if="item.width == 0"></p>
-                                    <p v-if="item.width != 0" class="MaxPicture">
-                                        <img :src="baseUrl + 'public/mainimg/' + item.content" :style="'width:' + item.width + 'px'" />
-                                        <font :style="'width:' + item.width + 'px'">{{ item.note }}</font>
-                                    </p>
-                                </div>
-                            </div>
-                            <div class="titHtml titHtml1" v-if="htmlContent && html_type == 2">
-                                <common-word
-                                    :readonly="true"
-                                    v-if="htmlContent"
-                                    ref="commonWord"
-                                    :value="htmlContent"
-                                    :wordStyle="wordStyle"
-                                    style="width: calc(100%); height: 50vh"
-                                    :style="`100%`"
-                                ></common-word>
-                                <!-- <div v-html="htmlContent"></div> -->
+                        <div class="titHtml" v-if="mains != '' && html_type != 2" style="height: 50vh; overflow-y: auto">
+                            <div v-for="(item, index) in mains" :key="index">
+                                <p v-html="item.content" v-if="item.width == 0"></p>
+                                <p v-if="item.width != 0" class="MaxPicture">
+                                    <img :src="baseUrl + 'public/mainimg/' + item.content" :style="'width:' + item.width + 'px'" />
+                                    <font :style="'width:' + item.width + 'px'">{{ item.note }}</font>
+                                </p>
                             </div>
                         </div>
-                    </el-collapse-item>
-                    <el-collapse-item name="references">
-                        <template slot="title">
-                            References :
-                            <span style="margin-left: 15px; color: #666" v-if="refersList.length == 0">Have no refernces</span>
-                            <span style="margin-left: 15px; color: #0b4b6a" v-if="refersList.length > 0"
-                                >There are {{ refersList.length }} pieces of data in total.</span
-                            >
-                            <el-button
-                                type="primary"
-                                plain
-                                icon="el-icon-document-copy"
-                                @click="goEditRefernces"
-                                @click.stop
-                                style="margin-left: 20px"
-                            >
-                                <font>Edit References</font>
-                            </el-button>
-                        </template>
-                        <div>
-                            <el-table
-                                class="table99"
-                                v-if="refersList.length > 0"
-                                height="400px"
-                                :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
-                                :data="refersList"
-                                stripe
-                                style="width: 100%"
-                            >
-                                <el-table-column type="index" align="center" width="50"> </el-table-column>
-                                <el-table-column label="CONTENT" align="center">
-                                    <template slot-scope="scope">
+                        <div class="titHtml titHtml1" v-if="htmlContent && html_type == 2">
+                            <common-word
+                                :readonly="true"
+                                v-if="htmlContent"
+                                ref="commonWord"
+                                :value="htmlContent"
+                                :wordStyle="wordStyle"
+                                style="width: calc(100%); height: 50vh"
+                                :style="`100%`"
+                            ></common-word>
+                            <!-- <div v-html="htmlContent"></div> -->
+                        </div>
+                    </div>
+                </el-collapse-item>
+                <el-collapse-item name="references">
+                    <template slot="title">
+                        References :
+                        <span style="margin-left: 15px; color: #666" v-if="refersList.length == 0">Have no refernces</span>
+                        <span style="margin-left: 15px; color: #0b4b6a" v-if="refersList.length > 0"
+                            >There are {{ refersList.length }} pieces of data in total.</span
+                        >
+                        <el-button
+                            type="primary"
+                            plain
+                            icon="el-icon-document-copy"
+                            @click="goEditRefernces"
+                            @click.stop
+                            style="margin-left: 20px"
+                        >
+                            <font>Edit References</font>
+                        </el-button>
+                    </template>
+                    <div>
+                        <el-table
+                            class="table99"
+                            v-if="refersList.length > 0"
+                            height="400px"
+                            :header-cell-style="{ background: '#eef1f6', color: '#606266' }"
+                            :data="refersList"
+                            stripe
+                            style="width: 100%"
+                        >
+                            <el-table-column type="index" align="center" width="50"> </el-table-column>
+                            <el-table-column label="CONTENT" align="center">
+                                <template slot-scope="scope">
+                                    <p class="wrongLine" style="text-align: left" v-if="scope.row.author == ''">
+                                        {{ scope.row.refer_frag }}
+                                    </p>
+                                    <div v-else>
                                         <div style="text-align: left" v-if="scope.row.refer_type == 'journal'">
                                             <p>
                                                 {{ scope.row.author }},{{ scope.row.title }}, <em>{{ scope.row.joura }}</em> ,{{
@@ -194,21 +190,18 @@
                                             <p>{{ scope.row.author }},{{ scope.row.title }},{{ scope.row.dateno }}<br /></p>
                                             <a class="doiLink" :href="scope.row.isbn" target="_blank">{{ scope.row.isbn }}</a>
                                         </div>
-                                        <p class="wrongLine" style="text-align: left" v-if="scope.row.refer_type == 'other'">
-                                            {{ scope.row.refer_frag }}
-                                        </p>
-                                    </template>
-                                </el-table-column>
-                            </el-table>
-                        </div>
-                    </el-collapse-item>
-                </el-collapse>
-            </div>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="CancelHtml" plain>Cancel</el-button>
-            </span>
-        </el-dialog>
-    
+                                    </div>
+                                </template>
+                            </el-table-column>
+                        </el-table>
+                    </div>
+                </el-collapse-item>
+            </el-collapse>
+        </div>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="CancelHtml" plain>Cancel</el-button>
+        </span>
+    </el-dialog>
 </template>
 
 <script>
@@ -328,12 +321,8 @@ export default {
             newMains: []
         };
     },
-    created() {
-       
-    },
-    computed: {
-       
-    },
+    created() {},
+    computed: {},
     methods: {
         //跳转婴用列表
         goCite(row) {
@@ -921,7 +910,7 @@ export default {
         },
         // 文章html弹出层
         async htmlContet(e) {
-        console.log('e at line 923:', e)
+            console.log('e at line 923:', e);
             this.articleId = e.article_id;
             this.tg_article_id = e.tg_article_id;
             // this.articleId = '3444';