From 184c4af1ca312a755a6379a501c1b2cf7546b22e Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 9 Jun 2023 16:53:09 +0800
Subject: [PATCH 01/22] =?UTF-8?q?=E9=A2=84=E6=8E=A5=E6=94=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                         |   2 +-
 src/assets/img/noneData.png              | Bin 0 -> 6007 bytes
 src/components/page/Complete_profile.vue |  81 ++++++
 src/components/page/ReferenceEditor.vue  | 339 +++++++++++++++++++++++
 src/components/page/RejectedArticles.vue |  18 +-
 src/components/page/articleList.vue      |  16 +-
 src/router/index.js                      |  14 +
 7 files changed, 452 insertions(+), 18 deletions(-)
 create mode 100644 src/assets/img/noneData.png
 create mode 100644 src/components/page/Complete_profile.vue
 create mode 100644 src/components/page/ReferenceEditor.vue

diff --git a/src/api/index.js b/src/api/index.js
index 8f74471..a4c8e9f 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -11,7 +11,7 @@ axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded
 
 // axios.defaults.baseURL = '/'
 // axios.defaults.baseURL = 'http://testtougao.tmrjournals.com/public/index.php/'
-// axios.defaults.baseURL = 'http://www.tougao.com/'
+// axios.defaults.baseURL = 'http://www.tougao.com/' 
 
 // 
 const service = axios.create({
diff --git a/src/assets/img/noneData.png b/src/assets/img/noneData.png
new file mode 100644
index 0000000000000000000000000000000000000000..23aac15d3796a4470b9aaf89ae4cb334723371e9
GIT binary patch
literal 6007
zcmeHLX*87o+rMWJCS_)jJsL~den@1QP>qBl#yUbGvW#tHNih+|nx)9n_?c)zmh7^I
ztf5heAtHuqY{}A~=l14#^PKaX^St}NcwXH1_jB&^y{~h9uj_klpSWwLhDTr`FaQ9K
z7+uC#fNRge!*vLJm)e$*!39FFFuVYi4T>!RfS{@o=DcNyBlB5UwfLPo-CJbBa?+V<
zcv{%X&fdagncM3&oP4c16oz*mAN`(YBdH(KBL$t$w}J@BlW>T~7Jb;q!B4iZYjIrt
z(8H?wg-TYo8czv~vnRQqK1O;TcMlrN=w&v?N>{lLW;JAKh3)s^v{+m8*1czY4Qjt~
zruUCT9xo=!R~T?yt1;)We4wQ8FY$KJOQ^lMK7_V$je{RP0I`zHf!^ileUVcu0_WgQ
zfoRc0+%!Po{l=pN0`3z|;VX4^!|Fr+leg5$>1Qa}*UtSMuQDXvcHR5)yJP&qu=OqT
z8zCVf=TK$1#vo?#&M!v!__6MD&xx9h1qAH@nZdk>VX?JM;?1SSu_s_niKOX7$|CJ<
z^M2ds&!6KjG|6gasp>~cYC;ftM*-h2#~yxA^~S=QxPVL@#y?IKH{Ql%iP?Q6R@0fZ
zQ}JaGVwBryzuyip4)P)5ke$~`P7&=Gj70E(0B9~iXV9|kd);H$y-&EXr7MX|D*Ejz
zyKJaGkFvNd?q@hbhJJ1Oo)O{Y7dJXV?DRu(0KW3t`oC?&IpF?gF7ML~E?II(4mRWg
zz_jC1K5T>1_HnSGIsTsCkT{$%nF_4_cC@6`7Ps+p3|5RfT0BM>0P7Awh?zO0D6dap
z^=7Fxz2xPVbOUtQvu3k&#FLk*bqjOmYp7!aX|&LTT04&g5bg%%XOc++XPz5&Vv|&D
zs2=Gf8aCkh>(ioAd5$9TFr5UEq^^s|u$rP|C^LvPg$aZpm?sjy`*<<)FVM;F12{Uh
z>X5)CcBx$sRLe)9D&rd^vI16ZTEU!vBJyF~1g<f?t;{`r68IV&Tje%@QxZObBD*Cv
z7~d?>7_s_y%BNL5p5iWpD6_BgF-05}Be1#7_dRL!o~&OBHLB?7=okq7wZMV2uPLg9
z4mNNDtLc<iV?P>`lapIgT*rQ_G(akEzKajOqy4Nq?GTAHB;xWV!<E{~8v}I~(mjs}
zlQpm}8QDB8DjJ6FEgPFAut~q;8I>BH*t>fKL$|pIVTcXgUC!aZO8q$Qd+*+Es&u1c
zgpK}Pt84TvD+tH8q=4@N1?6(q%Y*!Ij)F<y++T|Va1Ln(ze4a9j0Ck<<{1p#06`id
z{z+pP2L>V+e29U*3xZy)cYRaMPzv#}P88wz0r-}CbAH(ojIh3EZ?zsBfB@6i0m0?O
zQ<C$8Gr5KbK#OYI&}gI2pAz8iH~9Pj<YHe<PAN#jE;p!YGH3^25L9Ow)Z#x}ogOzJ
zm281}^J#03Rk)e+bDKqfX39ue4k9yXFa9P_Zm)+Wk+ywDCmKKg;f}naiXuzn$Cd(3
zMI<E5_T=U$yP6E$!$5?594Ep?#N}w_=ODUw*Q4-GwZarH#M)lh(@#$7_!?Z;C(oL4
zNZUWqJW=?XzRUYy_S%nE+EvhGQkh_Fn0!1XDtkaSf)71n{%@W#l4jTbcFMK%oat?y
z0Y$Dz<rA}69`vKbHa>O5M^M@*?KT|C5{Gz3h&TlBbl3mO6ah3p;8;=*@Mp!SNZOP3
zphsPPO^VfdXAXB%oYKqWqb;?s-5<w=#eb+3O;&)fRV(5JQpT)U!ho1}>3jrMe6XPv
zN-Sq<YbuDreB17GE_KLurSGviJ3EER3<pK;tvypJ;luX!_FowD<Uss7AN$)HQa$Fh
zE~cqdh!E3ROPA$}`~hEksEBVEXk&{c=`9Cp$GSBf@u;J7V$3`Jyp=T}yF6`vyVSOz
z>^Q>m3NW)0&0MY<JuY4SOiu4!%{gPut|5CbJ(+4|GUFIvn_I|yp%HboCyI`*n{p;B
zy#GokTN=XIW5dW>>ZszA>e7_FE}LX0+3}#i%egKpLMfeW2w$}>S7Q=tw;ET<oMlu;
z$GvUxS(Wo*GNNnK-Cj$?NPU!uFWNsOoYI&}F#N~1;>N`ZK6uR6*O<WP6;pF$hWO;|
zGu8(uY*%S|O2X6~!vsdHu(Et);#a|}kgZkTyeZ;@pH`rqh^MG!4=l(a=|viRe0+p+
zLoRwNM)V-UCL1>w>dWm!E!_m-U_&}&roX*b@8#GJ&PQM>kU#K9<cu)}Z8dxpQGTZD
zvP2N|j@`q&`Tk6Le*TG;iRF`VoPg=;QDb%T&w!gZDZ(9Z(`Ahe*#XBiS{tOjO21{r
z-B^|}X$Z_nq+^mITBn5wT&SRjo7k`Q#}NhqAMIVsiV4-I@oUf2(E5CT@B&>PGigF$
zLmhWdY%sd1GxB1@lW9>hvfa0K^gMkGm@xuAY)N9@UFb|mRL$e(+CId`5UXQFRxnFP
zC!`L{hWQrl+{0Tj%pifKV~B3O_t3ds6ycAKkQR2~H;6r(GoT|~i^W^NvV9#!{phT@
zf9=Dj4bWEQ9#KNPV)FyxRl0%HE4?KY!{DP)IcBSRYepyd4g@oU!h-k>a<2??_7h&!
zSll?gHJ57-H;Y)2|8TRJ5gL0&B#HANN@QhaH)ng1z-O%@JbIv|6UTCJ@La!Ca~gtV
ze``S6UXxy%n^vwGU3Yq6*{x9Cbb4#V#_8&>8#@Rure0wH6foHFA6%<MkPSR#lMsl%
zq6p#S*fj6P2;L4qz5VBrB<l~Gt=rB0FRYNT%MyV9pg%I)R#G?T-dkK)@`s?|L<z;6
z<IhO@*FSH%dNFMt)<(0qBWIK$Ga8slBb6=<g!n9Le-27tF8RZnrPpai)((Y|>k4SM
z(XV^0Axj9b45|Z?4)Bn&8tXqO-vC!R3B`sf&Q~>m6)%%KWDRyeX+XFj8$jpos#lDe
z6Mn!v13E#OYo1<wmU}{1+<=zmR<%=(1!FdmsOaz}um=|=4v0y?^RDW;l|C8tz8ci4
z5b^xf8v!7QZ~N;=TSDclU8O!Vp_o_%jTveC`CCJNetxu+l$4&}gju#0Bl!?Oli)_(
z&GjwOsC#%B(hKwyTa|=|b;KOu=|=U&B~TV0yH#b~ZPDfFI7cG=9Uc_i4n2Yp6n1G*
zs$jMpk?S+d7Nj-_1?JZTg-(Rz63{y*-ZV>7B-ZgyR2SY2?3n9YK#?(Dxq$127?z2t
z80xrJVuKxc`($}8hL6@KkwhYEmAn1WiWSV5=WsnR`#^{#(Q{$^2tg4SYi=ghQES`o
znzrg16IUA4e$ewM9moV`b6E~#G6xXeb_Gp2rTuE$`%BjC&$niB=jM6QLw|K5Yx&Ii
zl{__a(s?r?HCk2WJ{%~@Tjtn&_p47MGvk)k+mrCM3(mV+@3Yl^Y&Q@XEtTqEJ>=>E
zGhG>(v4$VfjpVCHrb;KNP9r~?s(}}WbtFdK-(L!7x>hoBR2;0(L86-k4dA+@ummdn
zIqkMsBB`lKY6QXlc87H8KIfeT)dfw=mFrGaA{UVL^l3;ABlO<<OeW5#`}?W*5W8L8
zbe_hDM<zBq&HA$sNJBng3-RH&u`6MVFSCrCBg6wp&N926N=esFX*dfxVlb58Yu9fr
zv07fXNVoK@<4gWg&qDpF7K{eN#|-r*gCyP0CyO4kKXd1}!`=3ekIRs>M{%dHc;g4*
zoide8v*TO$Y1x$nZT`ZD`<E$d2#0xAcyavs=1A{(SUYbYrnAl}uAdK>+1bvTqo$>+
zkI3Fy`YyF5Aishfcib(IOKqOODd3VOOG^mLCBW+W{4bfdUIsD{EDNh&3y=uQ<#U_?
zPJU2w(b$hzFv-36f{+F!1c#h`3^jIDV{vz+xNjHymd#4jX!&h~#fLnov9`RT@%wsr
z!i7+egfBO*HouFfa_?lhlmW@zpi@yMaz1^?@vv7lzMthUtLTzTjj{1L<7RO7IuvC?
zi;{`7`vNt>;h%c^hAP8kDE5UPccLtL+wFILLV(sMkMChNW;W@*5uHbMezuuB$BKIx
z+l1DX)MQNaP<7*1K`XD*_t~P^eimXfzQV0UQL}bkLQ98^rC$slT<a1M8*<{B6MlJB
z6eHk@35?)3NT`}z)@0OUHlANtQ&UQK<a;pybXCv#Fk-1O-_h80C2exq?<Z;dgv)z@
z3rQyjA|-_kF)=PHXYia$FceJ&n~%+{Zu<7H-=B{c(=;h0<sgGD)ni;=4zI`5I+p)B
zeAVOht$$JtIve5sLl_!BB$;m9&+|>iiYwTZP2QU8N@}WRm|3WQ!bj{ol~w;*#6}<O
zSd~TnA!6=fb}6b0d`P-a4r&+lb}(vI!ldi7Nt}1HV`~B_NO0SZ7dUC_)!-&Og0K-i
zE#_-9qM|XX(DNgcsgS5j(b_6PbyuCZCmQe)a}V_=afQV&@pf-FyN>Fw(`i)}n(I0h
zpZq-^ld*TX)?;2qs@vXc1(E2H&E5JVo<jP%-CT`7JI;%i#B9h+ZyES{QRBrx!{B>Z
z(zATDllP}vFW=PR3!g>Wg<o5^<6+eOH-sGQ$_w7gZ?dl^;DB|P&C5?=LUp*(`#*kb
z4_O->i}q3d^576VLeC}9XixCmKMn$Vw(Ex=qZ9pUm1V3g%E2Lb1-1QImZlRz$ya15
zF`a&wUyNrOng?F58o$z<)-dAPd^W}<wmLhQ&Z{VC_m|QwQ+aPi@ovSpVvLtktFY-E
z{`puFSHzkl@Ki}?MmcV=2Mj*p<W7&xkl*dEg>6ntyq{+WR1`@kX|9rxHS|hH(xtg|
z%$+wp^?@V5ni>&nrR}xdwq82}e#OsE>G{X~yuT|XD>O57Q?oLo=d@T{IBC(2yn0(B
zrzmrC)ii6(R6f#=IGwPRv*A-%X)4fFShAaGT^ask4DbsCZDFvjg$^e^k^ZQ5@#4h<
zwTzyCrON7xpS@tlcDZ!v5;>E{v-m2U-2`r~&GBA=9D0(Uqrl|0>BJ{&^mWu>U<;Y*
z8kRLe3JDxVj-z(j&-<ZK#(M1?I?0NIwy6Fb$JGVFw5Zn1cALphh4ts*xq~Yi(xw`C
zostBB>6g|o?!TUW(t1y{(q))?CaD)a<f3VzXM1e^Bv<6e5S)(OvHfSH<LhW&|1L1<
zBz{`NNdVj7yM{7%<b2@l?rV)Q`FZ6yuZSva5_FhTKV)86`P_L-FWa;-7|7alQMXQn
zgFS9KwMM2FgW-K;SLNoPfwW`f)`Q+(E+6}0=srH9!_z^CBenWI4GHvJEhTPnkqF5)
zPmJ{{c2;U|%$JEWmC@VW9joYY^Q@;v<)V|lRzy2vSFE+@m(km2k_Ri_))A8X?+ask
z{flaXCPcJ23OMzLe>SrNdP{-YhPUKW!Ab~c7erA4L;D9tCtPIg#_;J27qglzMYS0r
z5~shYpw>PQ4<F}{mXh??bc7Nm-t{Y4L>ScS>v`0gHFx3q>DvXmU_%&5D!5e+{uM9i
z1#LU#h2>A-0SESBv~9R@jMSYt?+4+-kIP!VYG90w;Ow(2iGcosXNL-puQZA_k`#PF
zwaa^L2LmzUzTC&z&(eN2m@4dbX&BwMIU7r@Dx5ymTfL@XA{KL^Jh-oULWQS;9=E7+
zqT1cwtM1LC3}_lOMTJMt1Vh1l*Q1pByZvWf<vYQ1ZJ{WOI#Q$%vg!h%y)(ycA$M-c
z*Q3Vy1=7w@b;_r1B|W3Zc+1#Y{~@SreIT}4;gYhtl)-kKiR+G1(;{02CNN`#Rb*o0
zqQ}D-A*H*f->H_Q`Zoovs_^osZh91?9ZGv@YfnKYoF5JW2mO-ms8r<nu-#hcWiYbG
zSrDS0V|qw|(Tk#I@0?QS3!ePM^wwxlg<UlFEjh;?@zL&+P8EA@pjSFCJwM^#Nl}KK
zC1|{8HsbAAJ%rLW4H&(<bIlDAjw{V@Dj5+<t~)$uH_K`XEb4X5T(fZ%KAI|lLBACu
zM7dtU;%EQ(w;+x83cg&vUM^|h5ZTFl?|D1lma?7hV_`kQYSgW=@YzRmBwg+{7Zjy@
zyJaXxus|CeR>mGt;}{~-TcM$0#TOxn$(w~1mPrbQL~z=*l+S00CxT!@hbljk_y1r1
zkJgxO1OA)YV0T~f@G4!bYL9IBRPYV<(0N-E(X1wyh%2q#0(-bQqoC&f<mRA?!p$}J
zsJzS#r}D9Z#l_q92ONvFBv<4yl*a$0O}xh|#oY(8YjB!vRi!n8F#O0X3JfH+f(^|#
z*o;DcjF#r8MeOgYBk7Lb0c;OB1!A1_G1jN`z3^o&sfp+DZl(`Zc))Q9f||If5}#RG
z^NT&`T+X-b$6zjeM9MQ&?Msi1jcrx;{n8|9AgZqP8mip9k=E+m5yKX@=mJz!N%Lcx
zXhMXh&RUzC>ktoclppo1IXQe3iO7?oI2GcloAVX`A{a%P`k0(e(p_Zj-|?W|dOakN
zvaRt$6jL3M@zz7s>V_I@R}9#EJ=$XVP`iO`*r#q<!hm)*f$P$JOD6~l2aXWG4Ggk%
zB*nm%$_KEuwY>J7S_zwUFFjY^vj~Go$9&TQLQGQM7L^;zRdoGoI(t?m>50K5D<Mf$
zX-ikX?<E$nrVd<V^&$zz0d95%KG!Ykk2rY<Y^$SMri40zC8H&x*^n0lK*mcRjk{y3
z!I6QQeXYj9nV>F3tZ*Sup(yEruzGJT`<{?iPT;J)m#<tW-8%QZkYr95$X;yzM*AXA
z>jKf4qKm3eVXsgW9dP6z9I#P%gGgac*J5~6oB!s|aVgB1%J98EU-1Ug;)c2~9$wyZ
z!%i!&u`&m%&h`#Pb8jrsm0O?w5*jN1FY#MZ*`~u?kk%c}yKqF(3<T(rkrtD3BGlp!
z_9f(75fPe3eKQffBydgNI0B|lM1x@6(uVa<GZc1t$t?d+3Kaz8@1E0zHu?~`J-JW7
zx+O>oV;z`{8?aN7g?iB<`eYD<7MI-5bcApeY*4SU^<W_!(q?yRR)#_5`SCu#C-A>1
c)Ako)`YS%?LEl{n$fN^C2Bw&@3pXPF3%eXLq5uE@

literal 0
HcmV?d00001

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
new file mode 100644
index 0000000..f99e2e0
--- /dev/null
+++ b/src/components/page/Complete_profile.vue
@@ -0,0 +1,81 @@
+<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;}
+    .helpcontent p{color: inherit; font-size: 12px;}
+  </style>
\ No newline at end of file
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
new file mode 100644
index 0000000..c279c46
--- /dev/null
+++ b/src/components/page/ReferenceEditor.vue
@@ -0,0 +1,339 @@
+<template>
+    <div>
+      <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please later">             
+           <div v-if="tableData.length == 0">  
+          <!-- 没有引用时 -->
+          <div class="noneData">            
+            <img src="../../assets/img/noneData.png" alt="" class="icon_img">
+            <p class="nodatatext">TMR did not identify an available article citation in your latest uploaded document</p>             
+          </div>
+          <el-row :gutter="20">
+          <!-- 教程 -->
+          <el-col >
+          <div class="flexbox whoDo mt20">                        
+            <div>
+                <h2>What should I do 
+                    <el-tooltip class="item" effect="light" content="click for more help" placement="right">
+                    <span class="el-icon-warning-outline help" @click="showHelp"></span>
+                </el-tooltip>
+                </h2>
+                <p class="mt10 c666">you can add a citation in the following way.</p>
+                <ul> 
+                    <!-- 文本域 -->
+                    <li>
+                        <div class="mt20">
+                            <h4>Add in bulk by text field &nbsp;&nbsp;&nbsp;<el-button @click="addText" class="inlinebutton" type="primary" plain size="mini">Add</el-button></h4> 
+                            <div v-if="textareaVisible">
+                                <el-input class="textarea mt10"
+                                type="textarea"
+                                :rows="3"
+                                placeholder="Put your reference entry here"
+                                v-model="textarea">
+                                </el-input>
+                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText">Import</el-button>
+                            </div>
+                        </div> 
+                    </li>
+                    <!-- 文件上传的形式 -->
+                    <li>
+                        <div class="mt20">
+                            <h4>Add in bulk by uploading excel files</h4>
+                            <p class="mt10 c666">Before uploading the file, you need to download the template file,  
+                                <el-link @click="" class="downloadbtn" type="primary" >click download</el-link>  
+                                ,to add your references to the template file, and upload it. &nbsp;&nbsp;&nbsp;
+                                <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">upload</el-button></p>
+                            <div v-if="uploadVisible">
+                                <div class="uploadBox">
+                                    <el-upload  ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
+                                    accept=".xls, .xlsx" name="manuscirpt" :before-upload="beforeupload_manuscirpt"
+                                    :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
+                                    :on-exceed="alertlimit" :on-remove="removefilemanuscirpt" :file-list="fileL_manuscirpt"
+                                    >
+                                        <div v-show="fileL_manuscirpt.length <= 0" class="el-upload__text" @click="clearUploadedFile">
+                                            <em>Upload</em>
+                                        </div>                                    
+                                </el-upload>
+                                </div>
+                                <el-button v-if="fileL_manuscirpt.length > 0" class="mt10" icon="el-icon-check" type="primary" size="mini">Import</el-button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>                
+            </div>
+        </div>
+        </el-col>
+          <!-- 辅助信息 -->
+        <!-- <el-col >
+            <div class="flexbox helpcontent mt20">
+                <span class="el-icon-info"></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>
+        </el-col> -->
+    </el-row>
+        </div>
+        <!-- 有引用数据-->
+        <div v-else>
+            <div class="topInfo">
+                <h4>Dear {{user_name}}</h4>
+                <p class="mt10">您可以在本页面对引用数据进行对应的修改和调整，主要包括如下操作:</p>
+                <ul class="mt20">
+                    <li>
+                        <p>需要您调整一下引用条目，将                            
+                            <el-button class="status" icon="el-icon-warning-outline"  type="warning"  plain circle></el-button>
+                        状态的引用信息调整到
+                        <el-button class="status" icon="el-icon-circle-check"  type="success"  plain circle></el-button>
+                        的状态。</p>
+                    </li>
+                    <li>
+                        <p>如果您觉得顺序有不妥，您可以点击每一条信息后面的
+                            <el-button type="primary" size="mini" plain>↑</el-button>
+                            和
+                            <el-button type="primary" size="mini" plain>↓</el-button> 调整数据的前后顺序。</p>
+                    </li>
+                    <li>
+                        <p>您可以点击 <el-button type="primary" size="mini" plain>+</el-button> 在这一行的后面再添加一行引用信息。</p>
+                    </li>
+                    <li>
+                        <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary">删除并重新导入</el-link></p>
+                    </li>
+                </ul>
+            </div>
+            <div class="refenceCentent mt20">
+                <el-table :data="tableData"  ref="multipleTable" 
+              empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">              
+              <!-- <el-table-column type="index" label="No." width="55" align="center"></el-table-column> -->
+              <el-table-column label="status" prop="status"  width="55" align="center">
+                <template slot-scope="scope">
+                    <el-button class="status" icon="el-icon-circle-check" v-if="scope.row.status == 1" type="success"  plain circle></el-button>
+                    <el-button class="status" icon="el-icon-warning-outline" v-if="scope.row.status == 0" type="warning"  plain circle></el-button>
+                </template>
+              </el-table-column>			
+              <el-table-column prop="title" label="Title" align="left">
+                  <template slot-scope="scope">
+                      <p style="text-align: left;">
+                          <!-- <el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item"> -->
+                              {{scope.row.title}}
+                          <!-- </el-badge> -->
+                      </p>
+                  </template> 
+              </el-table-column>
+              <el-table-column align="center" width="360">
+                  <div slot-scope="scope">
+                      <el-button style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">change</el-button>  
+                      <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
+                        <el-button type="primary" size="mini" plain>+</el-button>   
+                      </el-tooltip>
+                      <el-button type="primary" size="mini" plain>↑</el-button>
+                      <el-button type="primary" size="mini" plain>↓</el-button>                                   
+                      <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain>delete</el-button>
+                  </div>
+              </el-table-column>
+          </el-table>
+            </div>
+            
+        </div>
+    
+      </div>
+      <!-- 修改引用 -->
+      <el-dialog title="Add References" :visible.sync="editboxVisible" width="500px">
+                <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="60px" class="demo-ruleForm">
+                    <el-form-item label="title" prop="title">
+                        <el-input rows="8" v-model="refenceForm.title" type="textarea"></el-input>
+                    </el-form-item> 
+                </el-form>            
+              <span slot="footer" class="dialog-footer">
+                  <el-button @click="editboxVisible = false">Cancel</el-button>
+                  <el-button type="primary" @click="saveChange">Save</el-button>
+              </span>
+      </el-dialog>
+        <!-- 帮助信息 -->
+        <el-dialog title="Any questions or Help" :visible.sync="helpVisible" width="500px">          
+            <div>
+                    <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>
+              <span slot="footer" class="dialog-footer">
+                  <el-button @click="helpVisible = false" type="primary">OK</el-button>                  
+              </span>
+          </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+      data(){
+          return{
+            user_name: localStorage.getItem('U_relname'),            
+            importIoading: false,
+            baseUrl: this.Common.baseUrl,
+            // 引用数据列表
+              tableData:[
+                  {   id:'01',
+                      status:0,
+                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'02',
+                     status:1,
+                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'01',
+                    status:0,
+                    title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'02',
+                      status:0,
+                     title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`
+                }
+
+              ],              
+              editboxVisible:false,
+              helpVisible:false,
+              uploadVisible:false,
+              textarea:'',
+              textareaVisible:false,
+              fileL_manuscirpt: [],
+              form: {
+                manuscirpt: '',                
+              },
+              // 引用表单
+              refenceForm:{
+                title:''
+              },
+              refenceFormrules:{
+                title:[
+                { required: true, message: 'The title cannot be empty', trigger: 'blur' },
+                ]
+              }
+          }
+      },
+      methods:{                 
+          // 显示帮助信息
+          showHelp(){
+            this.helpVisible = true
+          },
+          // 导入文本域
+          importText(){
+            this.importIoading = true
+            setTimeout(()=>{
+                this.importIoading = false 
+                this.$message.success('Import successful!')                      
+            },3000)
+          },
+          // 文本域添加
+          addText(){
+            this.textareaVisible = true
+            this.uploadVisible = false
+          },
+          showUpload(){
+            this.textareaVisible = false
+            this.uploadVisible = true
+          },
+          // 显示修改引用
+          change(row){
+            this.editboxVisible = true
+            this.refenceForm = row
+          },
+          // 保存修改
+          saveChange(){
+
+          },
+          beforeupload_manuscirpt(file) {
+				let flieArr = file.name.split(".")
+				let fileSuffix = flieArr[flieArr.length - 1];
+				if (fileSuffix != 'docx') {
+					this.$message.error('Only excel and compressed files can be uploaded(.xls, .xlsx)');
+					return false;
+				}
+				// const ismau =
+				//     file.type === 'application/msword' ||
+				//     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
+				//     file.type === 'application/x-zip-compressed' ||
+				//     file.name.split('.')[1] === 'rar';
+				// if (!ismau) {
+				//     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
+				// }
+				// return ismau;
+			},
+            uperr_coverLetter(err) {
+				this.$message.error('Upload error');
+			},
+            upSuccess_manuscirpt(res, file) {
+				if (res.code == 0) {
+					this.form.manuscirpt = 'manuscirpt/' + res.upurl;
+					this.fileL_manuscirpt = [{}];
+					this.fileL_manuscirpt[0].name = "Manuscirpt File";
+					this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
+					// this.onStaging(5)
+				} else {
+					this.$message.error('service error: ' + res.msg);
+				}
+			},
+            //超出传送文件个数限制
+			alertlimit() {
+				this.$message.error('The maximum number of uploaded files has been exceeded');
+			},
+            removefilemanuscirpt(file, fileList) {
+				this.form.manuscirpt = '';
+				this.fileL_manuscirpt = [];   
+                this.$message.success('Deletion succeeded!');             
+				// this.$api
+				// 	.post('api/Article/delArticleFile', {
+				// 		file_id: this.form.manuscirptId
+				// 	})
+				// 	.then((res) => {
+				// 		if (res.code == 0) {
+				// 			this.$message.success('Deletion succeeded!');
+				// 		} else {
+				// 			this.$message.error(res.msg);
+				// 		}
+				// 	});
+			},
+            clearUploadedFile() {
+				this.$refs['uploadFile'].clearFiles();
+			},
+      },
+      computed: {
+        upload_manuscirpt: function() {
+				return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
+			},
+      }
+  }
+  </script>
+  
+  <style  scoped>
+ 
+  .status{border: none;}
+  .topInfo{padding: 20px;  }
+  .topInfo ul{padding-left: 30px;}
+  .topInfo ul li{margin-top: 10px;}
+  .downloadbtn{font-weight: bold;}
+  .uploadBox{width: 400px;}
+  .el-upload__text{width: 80px; height: 80px; text-align: center; line-height: 80px;}
+  .help{font-size: 18px; color: #F5BF6D; cursor: pointer;}
+  .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; font-size: 14px;}
+  .mt10{margin-top: 10px;}
+  .more{font-weight: bold;}
+  .noneData{ margin:30px 0; padding: 20px; border:3px dashed  #F8F8F8; }
+  .noneData img{display: block; margin: 10px auto; opacity: .5; width: 100px;}
+  .nodatatext{color: #666; text-align: center;}
+  .inlinebutton{}
+ .whoDo{background: #EEF7F9; padding: 30px;}
+
+  .whoDo ul{padding-left: 20px;}
+  .helpcontent{color: #888; margin-top: 150px;}
+  .helpcontent p{color: inherit; font-size: 12px;}
+  .c666{color: #666;}
+
+  /deep/ .el-table tr:nth-child(2n){
+    background: #fff;
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/page/RejectedArticles.vue b/src/components/page/RejectedArticles.vue
index ab01ea6..2ba4e93 100644
--- a/src/components/page/RejectedArticles.vue
+++ b/src/components/page/RejectedArticles.vue
@@ -25,22 +25,8 @@
 					</p>
 				</template>
 			</el-table-column>			
-			<el-table-column label="Type" align="center" width="300">
-				<template slot-scope="scope">
-                    <!-- {{scope.row.type}} -->
-                    <el-select v-model="scope.row.type" disabled style="width: 100%;">
-                        <el-option v-for="item in journal_type" :key="item.value" :label="item.name"
-									:value="item.value"></el-option>
-                    </el-select>
-					<!--- <div style="text-align: center;margin-bottom: 10px;" v-if="scope.row.emailh==1">
-						<el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square"
-							@click="linkEmailist(scope.row)">History</el-button>
-					</div>
-					<div style="text-align: center;">
-						<el-button size="mini" type="primary" plain icon="el-icon-message"
-							@click="linkEmail(scope.row)">Email</el-button>
-					</div> --->
-				</template>
+			<el-table-column label="scoring" align="center" prop="scoring">
+				
 			</el-table-column>			
 			<el-table-column label="Remarks" align="center">
 				<template slot-scope="scope">
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index e7fa16b..b12ba68 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -92,6 +92,12 @@
 						<span @click="esy_deta(item.article_id)">
 							<i class="el-icon-paperclip"></i>My Manuscript
 						</span>
+						<span v-if="item.state == 3">
+							<font> | </font>
+							<span @click="goPre_ingested(item.article_id)">
+								<i class="el-icon-paperclip"></i>Complete the profile
+							</span>
+						</span>
 					</div>
 				</div>
 
@@ -435,7 +441,15 @@
 				// }
 
 			},
-
+			// 显示预收录页面
+			goPre_ingested(id){
+				this.$router.push({
+					path: 'PreIngested',
+					query: {
+						id: id
+					}
+				});
+			},
 			// 点击稿件进程
 			esy_mtps(e) {
 				this.$router.push({
diff --git a/src/router/index.js b/src/router/index.js
index aab4ba7..aa40b3e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -885,6 +885,20 @@ export default new Router({
 						title: 'Rejected Manuscripts'
 					}
 				},
+				{
+					path: '/PreIngested', //预收录-完善资料页面
+						component: () => import('../components/page/Complete_profile'),
+					meta: {
+							title: 'Pre-ingested'
+						}
+				},
+				{
+					path: '/ReferenceEditor', //预收录-引用编辑
+						component: () => import('../components/page/ReferenceEditor'),
+					meta: {
+						title: 'ReferenceEditor'
+						}
+				},
 				{
 					path: '/404',
 					component: () => import( /* webpackChunkName: "404" */

From de67e6e742231b43226f95f1da35e42b35eb424a Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 9 Jun 2023 17:49:36 +0800
Subject: [PATCH 02/22] =?UTF-8?q?=E5=90=8C=E6=AD=A5=E8=A2=AB=E6=8B=92?=
 =?UTF-8?q?=E7=A8=BF=E4=BB=B6=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/RejectedArticles.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/page/RejectedArticles.vue b/src/components/page/RejectedArticles.vue
index 2ba4e93..9948378 100644
--- a/src/components/page/RejectedArticles.vue
+++ b/src/components/page/RejectedArticles.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<div class="container">
-			<el-table :data="tableData" border stripe class="table" ref="multipleTable"
+			<el-table :data="tableData" border stripe class="table" ref="multipleTable" v-loading="loading"
 			header-cell-class-name="table-header" empty-text="New messages (0)">
 			<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
 			<el-table-column width="180" label="Manuscript ID" align="center">
@@ -24,9 +24,17 @@
 						</el-badge>
 					</p>
 				</template>
-			</el-table-column>			
-			<el-table-column label="scoring" align="center" prop="scoring">
+			</el-table-column>
+			<el-table-column label="scoring" align="center" prop="scoring" width="90">
 				
+			</el-table-column>					
+			<el-table-column label="author" align="center" width="300">		
+				<template slot-scope="scope">
+					<b>{{scope.row.user.realname}}</b><br/>
+					{{scope.row.user.email}}
+				</template>
+
+						
 			</el-table-column>			
 			<el-table-column label="Remarks" align="center">
 				<template slot-scope="scope">
@@ -86,7 +94,8 @@
 					content: ''
 				},  
                 journal_type:[],
-                ss:''
+                ss:'',
+				loading:false
 			};
 		},
 		components: {
@@ -106,10 +115,12 @@
 			// 获取数据
 			getData() {
 				// 被拒稿件列表
+				this.loading = true
 				this.$api
 					.post('api/Article/getRejectArticles', this.query)
 					.then(res => {
 						if (res.data.count > 0) {
+							this.loading = false
 							this.tableData = res.data.articles
                             this.Total = res.data.count
 						}

From 45d06d5960eb65824c7b2cf9e816ca5b22f1c44e Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Mon, 12 Jun 2023 11:18:53 +0800
Subject: [PATCH 03/22] .

---
 src/components/page/ReferenceEditor.vue | 68 +++++++++++++++++--------
 1 file changed, 48 insertions(+), 20 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index c279c46..1150a5f 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -47,9 +47,11 @@
                                     <el-upload  ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
                                     accept=".xls, .xlsx" name="manuscirpt" :before-upload="beforeupload_manuscirpt"
                                     :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
-                                    :on-exceed="alertlimit" :on-remove="removefilemanuscirpt" :file-list="fileL_manuscirpt"
+                                    :on-exceed="alertlimit" 
+                                    :on-remove="removefilemanuscirpt"
+                                    :file-list="fileL_manuscirpt"
                                     >
-                                        <div v-show="fileL_manuscirpt.length <= 0" class="el-upload__text" @click="clearUploadedFile">
+                                        <div  class="el-upload__text" @click="clearUploadedFile">
                                             <em>Upload</em>
                                         </div>                                    
                                 </el-upload>
@@ -100,7 +102,7 @@
                         <p>您可以点击 <el-button type="primary" size="mini" plain>+</el-button> 在这一行的后面再添加一行引用信息。</p>
                     </li>
                     <li>
-                        <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary">删除并重新导入</el-link></p>
+                        <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary" @click="removeAll">删除并重新导入</el-link></p>
                     </li>
                 </ul>
             </div>
@@ -110,8 +112,8 @@
               <!-- <el-table-column type="index" label="No." width="55" align="center"></el-table-column> -->
               <el-table-column label="status" prop="status"  width="55" align="center">
                 <template slot-scope="scope">
-                    <el-button class="status" icon="el-icon-circle-check" v-if="scope.row.status == 1" type="success"  plain circle></el-button>
-                    <el-button class="status" icon="el-icon-warning-outline" v-if="scope.row.status == 0" type="warning"  plain circle></el-button>
+                    <el-button  autofocus='true' class="status" icon="el-icon-circle-check" v-if="scope.row.status == 1" type="success"  plain circle></el-button>
+                    <el-button autofocus='true' class="status" icon="el-icon-warning-outline" v-if="scope.row.status == 0" type="warning"  plain circle></el-button>
                 </template>
               </el-table-column>			
               <el-table-column prop="title" label="Title" align="left">
@@ -176,19 +178,19 @@
             baseUrl: this.Common.baseUrl,
             // 引用数据列表
               tableData:[
-                  {   id:'01',
-                      status:0,
-                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                 {   id:'02',
-                     status:1,
-                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                 {   id:'01',
-                    status:0,
-                    title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                 {   id:'02',
-                      status:0,
-                     title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`
-                }
+                //   {   id:'01',
+                //       status:0,
+                //       title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                //  {   id:'02',
+                //      status:1,
+                //       title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                //  {   id:'01',
+                //     status:0,
+                //     title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                //  {   id:'02',
+                //       status:0,
+                //      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`
+                // }
 
               ],              
               editboxVisible:false,
@@ -244,8 +246,12 @@
           },
           beforeupload_manuscirpt(file) {
 				let flieArr = file.name.split(".")
+                
+                
 				let fileSuffix = flieArr[flieArr.length - 1];
-				if (fileSuffix != 'docx') {
+                console.log(fileSuffix)
+                // return false
+				if (fileSuffix != 'xls' && fileSuffix != 'xlsx') {
 					this.$message.error('Only excel and compressed files can be uploaded(.xls, .xlsx)');
 					return false;
 				}
@@ -296,10 +302,32 @@
             clearUploadedFile() {
 				this.$refs['uploadFile'].clearFiles();
 			},
+            // 清空引用文献
+            removeAll(){ 
+                this.$api
+					.post('api/Preaccept/discardRefers', {
+						'article_id': this.$route.query.id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('success！')
+                            setTimeout(()=>{
+                              location.reload()  // 刷新本页面 
+                            },2000)
+
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+            },
       },
       computed: {
         upload_manuscirpt: function() {
-				return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
+				// return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
+                return this.baseUrl + 'api/Preaccept/up_refer_file';
 			},
       }
   }

From fa8a3caf9a135f5e16a1ec84ec4c181df4de8f6a Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Mon, 12 Jun 2023 18:07:36 +0800
Subject: [PATCH 04/22] 0612

---
 src/components/page/ReferenceEditor.vue | 245 ++++++++++++++----------
 src/components/page/articleList.vue     |   3 +-
 2 files changed, 151 insertions(+), 97 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 1150a5f..e8953fa 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -10,7 +10,7 @@
           <el-row :gutter="20">
           <!-- 教程 -->
           <el-col >
-          <div class="flexbox whoDo mt20">                        
+          <div class=" whoDo mt20">                        
             <div>
                 <h2>What should I do 
                     <el-tooltip class="item" effect="light" content="click for more help" placement="right">
@@ -30,7 +30,7 @@
                                 placeholder="Put your reference entry here"
                                 v-model="textarea">
                                 </el-input>
-                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText">Import</el-button>
+                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText()">Import</el-button>
                             </div>
                         </div> 
                     </li>
@@ -39,13 +39,13 @@
                         <div class="mt20">
                             <h4>Add in bulk by uploading excel files</h4>
                             <p class="mt10 c666">Before uploading the file, you need to download the template file,  
-                                <el-link @click="" class="downloadbtn" type="primary" >click download</el-link>  
+                                <a  href="https://submission.tmrjournals.com/public/coverLetter/system/refer.xlsx" download="refer" target="_blank" class="downloadbtn"  >click download</a>  
                                 ,to add your references to the template file, and upload it. &nbsp;&nbsp;&nbsp;
                                 <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">upload</el-button></p>
                             <div v-if="uploadVisible">
                                 <div class="uploadBox">
                                     <el-upload  ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
-                                    accept=".xls, .xlsx" name="manuscirpt" :before-upload="beforeupload_manuscirpt"
+                                    accept=".xlsx" name="referFile" :before-upload="beforeupload_manuscirpt"
                                     :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
                                     :on-exceed="alertlimit" 
                                     :on-remove="removefilemanuscirpt"
@@ -55,28 +55,14 @@
                                             <em>Upload</em>
                                         </div>                                    
                                 </el-upload>
-                                </div>
-                                <el-button v-if="fileL_manuscirpt.length > 0" class="mt10" icon="el-icon-check" type="primary" size="mini">Import</el-button>
+                                </div>                                
                             </div>
                         </div>
                     </li>
-                </ul>                
+                </ul>                               
             </div>
-        </div>
-        </el-col>
-          <!-- 辅助信息 -->
-        <!-- <el-col >
-            <div class="flexbox helpcontent mt20">
-                <span class="el-icon-info"></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>
-        </el-col> -->
+        </div>        
+        </el-col>        
     </el-row>
         </div>
         <!-- 有引用数据-->
@@ -86,10 +72,10 @@
                 <p class="mt10">您可以在本页面对引用数据进行对应的修改和调整，主要包括如下操作:</p>
                 <ul class="mt20">
                     <li>
-                        <p>需要您调整一下引用条目，将                            
-                            <el-button class="status" icon="el-icon-warning-outline"  type="warning"  plain circle></el-button>
+                        <p>需要您调整一下引用条目，将                           
+                           <span  class="status warn float" ><i class="el-icon-warning-outline"></i></span>
                         状态的引用信息调整到
-                        <el-button class="status" icon="el-icon-circle-check"  type="success"  plain circle></el-button>
+                        <span  class="status ok float" ><i class="el-icon-warning-outline"></i></span>
                         的状态。</p>
                     </li>
                     <li>
@@ -110,37 +96,41 @@
                 <el-table :data="tableData"  ref="multipleTable" 
               empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">              
               <!-- <el-table-column type="index" label="No." width="55" align="center"></el-table-column> -->
-              <el-table-column label="status" prop="status"  width="55" align="center">
-                <template slot-scope="scope">
-                    <el-button  autofocus='true' class="status" icon="el-icon-circle-check" v-if="scope.row.status == 1" type="success"  plain circle></el-button>
-                    <el-button autofocus='true' class="status" icon="el-icon-warning-outline" v-if="scope.row.status == 0" type="warning"  plain circle></el-button>
-                </template>
-              </el-table-column>			
-              <el-table-column prop="title" label="Title" align="left">
-                  <template slot-scope="scope">
-                      <p style="text-align: left;">
-                          <!-- <el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item"> -->
-                              {{scope.row.title}}
-                          <!-- </el-badge> -->
-                      </p>
-                  </template> 
-              </el-table-column>
-              <el-table-column align="center" width="360">
-                  <div slot-scope="scope">
-                      <el-button style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">change</el-button>  
-                      <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
-                        <el-button type="primary" size="mini" plain>+</el-button>   
-                      </el-tooltip>
-                      <el-button type="primary" size="mini" plain>↑</el-button>
-                      <el-button type="primary" size="mini" plain>↓</el-button>                                   
-                      <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain>delete</el-button>
-                  </div>
-              </el-table-column>
+                    <el-table-column label="state"  width="55" align="center">
+                        <template slot-scope="scope">
+                            <span  class="status warn"  v-if="scope.row.refer_doi == ''"  >
+                                <i class="el-icon-warning-outline"></i>
+                            </span>
+                            <span  class="status ok"  v-else >
+                                <i class="el-icon-circle-check"></i>
+                            </span>                            
+                        </template>
+                    </el-table-column>			
+                    <el-table-column  label="Title" align="left">
+                        <template slot-scope="scope">
+                            <p style="text-align: left;" v-if="scope.row.refer_doi == ''">
+                                {{scope.row.refer_content}}                                                                  
+                            </p>
+                            <p style="text-align: left;" v-else>
+                                {{scope.row.refer_doi}}                         
+                            </p>
+                        </template> 
+                    </el-table-column>
+                <el-table-column align="center" width="360">
+                    <div slot-scope="scope">
+                        <el-button v-if="scope.row.refer_doi == ''" style="margin-left:10px;" @click="change(scope.row)"  plain type="warning" size="mini" icon="el-icon-edit" >edit</el-button>
+                        <el-button  v-else style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">change</el-button>  
+                        <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
+                            <el-button type="primary" size="mini" plain>+</el-button>   
+                        </el-tooltip>
+                        <el-button type="primary" size="mini" plain>↑</el-button>
+                        <el-button type="primary" size="mini" plain>↓</el-button>                                   
+                        <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain>delete</el-button>
+                    </div>
+                </el-table-column>
           </el-table>
-            </div>
-            
-        </div>
-    
+            </div>            
+        </div>    
       </div>
       <!-- 修改引用 -->
       <el-dialog title="Add References" :visible.sync="editboxVisible" width="500px">
@@ -165,7 +155,32 @@
               <span slot="footer" class="dialog-footer">
                   <el-button @click="helpVisible = false" type="primary">OK</el-button>                  
               </span>
-          </el-dialog>
+        </el-dialog>
+        <!-- 临时引用信息 -->
+        <el-dialog title="Reference List" :visible.sync="linVisible" width="800px">           
+            <div class="refenceCentent mt20" v-if="Tempredable.length > 0">
+                <el-table :data="Tempredable"  ref="tempredableTable" 
+                    empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">              
+                    <el-table-column type="index" label="No." width="55" align="center"></el-table-column>
+                    <el-table-column  label="Title" align="left">
+                        <template slot-scope="scope">
+                            <p style="text-align: left;">
+                                <!-- <el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item"> -->
+                                    {{scope.row.content}}<br/><el-link type="primary">{{scope.row.doi}}</el-link>
+                                <!-- </el-badge> -->
+                            </p>
+                        </template> 
+                    </el-table-column>              
+                </el-table>
+                <div class="shuoming mt20">
+                    <p class="c888"><i class="el-icon-message-solid"></i>&nbsp;&nbsp;The above is the citation data identified according to your uploaded file, you can choose to import, or discard this data and import again.</p>
+                </div>    
+            </div>
+              <span slot="footer" class="dialog-footer" >
+                  <el-button @click="abandon">Abandon and Reimport</el-button>
+                  <el-button type="primary" @click="importText">Import</el-button>
+              </span>
+      </el-dialog>
     </div>
   </template>
   
@@ -177,30 +192,20 @@
             importIoading: false,
             baseUrl: this.Common.baseUrl,
             // 引用数据列表
-              tableData:[
-                //   {   id:'01',
-                //       status:0,
-                //       title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                //  {   id:'02',
-                //      status:1,
-                //       title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                //  {   id:'01',
-                //     status:0,
-                //     title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
-                //  {   id:'02',
-                //       status:0,
-                //      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`
-                // }
-
-              ],              
+              tableData:[              
+              ],    
+            // 临时引用列表
+              Tempredable:[              
+              ],       
               editboxVisible:false,
               helpVisible:false,
               uploadVisible:false,
+              linVisible:false,
               textarea:'',
               textareaVisible:false,
               fileL_manuscirpt: [],
               form: {
-                manuscirpt: '',                
+                referFile: '',                
               },
               // 引用表单
               refenceForm:{
@@ -213,18 +218,59 @@
               }
           }
       },
-      methods:{                 
+      created(){
+         this.getRefData()
+      },
+      methods:{ 
+         // 获取引用文献信息
+         getRefData(){
+            this.$api
+					.post('api/Preaccept/getArticleReferences',{'article_id': this.$route.query.id})
+					.then(res => {
+						console.log(res)
+                        if(res.code == 0 && res.data.refers.length > 0){
+                            this.tableData = res.data.refers
+                        }
+					})
+					.catch(err => {
+						console.log(err);
+			});
+         },
+         // 放弃导入数据
+         abandon(){            
+            this.form.referFile = '';
+			this.fileL_manuscirpt = [];
+            this.linVisible = false;
+            this.Tempredable = []
+         },                
           // 显示帮助信息
           showHelp(){
             this.helpVisible = true
           },
           // 导入文本域
           importText(){
-            this.importIoading = true
-            setTimeout(()=>{
-                this.importIoading = false 
-                this.$message.success('Import successful!')                      
-            },3000)
+            this.importIoading = true               
+                //console.log(this.form.referFile,'referFile')  
+                this.$api
+					.post('api/Preaccept/addRefersByExcel', {
+                       'article_id' :this.$route.query.id,
+                       'referFile' : this.form.referFile
+                    })
+					.then(res => {
+						if (res.code == 0) {
+                            this.$message.success('Import succeeded')
+                            this.linVisible = false
+                            this.Tempredable = []
+							this.importIoading = false                            
+                           // 有可以可用的文献数据，刷新当前页面
+                            // location.reload() // 刷新本页面
+                            this.getRefData()          
+						}
+					})
+					.catch(err => {
+						console.log(err);
+				});
+           
           },
           // 文本域添加
           addText(){
@@ -245,14 +291,13 @@
 
           },
           beforeupload_manuscirpt(file) {
-				let flieArr = file.name.split(".")
-                
-                
+				let flieArr = file.name.split(".")  
 				let fileSuffix = flieArr[flieArr.length - 1];
                 console.log(fileSuffix)
+                console.log(this.upload_manuscirpt,'upload_manuscirpt')
                 // return false
-				if (fileSuffix != 'xls' && fileSuffix != 'xlsx') {
-					this.$message.error('Only excel and compressed files can be uploaded(.xls, .xlsx)');
+				if (fileSuffix != 'xlsx') {
+					this.$message.error('Only excel and compressed files can be uploaded(.xlsx)');
 					return false;
 				}
 				// const ismau =
@@ -268,23 +313,26 @@
             uperr_coverLetter(err) {
 				this.$message.error('Upload error');
 			},
-            upSuccess_manuscirpt(res, file) {
+            upSuccess_manuscirpt(res, file) {  
 				if (res.code == 0) {
-					this.form.manuscirpt = 'manuscirpt/' + res.upurl;
+					this.form.referFile = res.upurl;
 					this.fileL_manuscirpt = [{}];
-					this.fileL_manuscirpt[0].name = "Manuscirpt File";
-					this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
-					// this.onStaging(5)
+					this.fileL_manuscirpt[0].name = "referFile";
+					this.fileL_manuscirpt[0].url = res.upurl;
+                    if(res.refers.length > 0){
+                        this.Tempredable = res.refers
+                        this.linVisible = true
+                    }    
 				} else {
 					this.$message.error('service error: ' + res.msg);
 				}
-			},
+			},            
             //超出传送文件个数限制
 			alertlimit() {
 				this.$message.error('The maximum number of uploaded files has been exceeded');
 			},
             removefilemanuscirpt(file, fileList) {
-				this.form.manuscirpt = '';
+				this.form.referFile = '';
 				this.fileL_manuscirpt = [];   
                 this.$message.success('Deletion succeeded!');             
 				// this.$api
@@ -298,7 +346,7 @@
 				// 			this.$message.error(res.msg);
 				// 		}
 				// 	});
-			},
+			},                  
             clearUploadedFile() {
 				this.$refs['uploadFile'].clearFiles();
 			},
@@ -328,18 +376,22 @@
         upload_manuscirpt: function() {
 				// return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
                 return this.baseUrl + 'api/Preaccept/up_refer_file';
-			},
+			},        
       }
   }
   </script>
   
   <style  scoped>
- 
-  .status{border: none;}
+.shuoming{font-size: 14px; line-height: 26px; }
+.shuoming i{color: #F5BF6D;}
+  .status{ display: block; width: 40px; height: 40px; border-radius: 40px; font-size: 22px; line-height: 40px; color: #fff; text-align: center;}
+  .status.ok{background: #67c23a;}
+  .status.warn{background: #e6a23c;}
+  .status.float{display: inline-block;}
   .topInfo{padding: 20px;  }
   .topInfo ul{padding-left: 30px;}
   .topInfo ul li{margin-top: 10px;}
-  .downloadbtn{font-weight: bold;}
+  .downloadbtn{font-weight: bold; color: #409EFF !important;}
   .uploadBox{width: 400px;}
   .el-upload__text{width: 80px; height: 80px; text-align: center; line-height: 80px;}
   .help{font-size: 18px; color: #F5BF6D; cursor: pointer;}
@@ -360,6 +412,7 @@
   .helpcontent{color: #888; margin-top: 150px;}
   .helpcontent p{color: inherit; font-size: 12px;}
   .c666{color: #666;}
+  .c888{color: #888;}
 
   /deep/ .el-table tr:nth-child(2n){
     background: #fff;
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index b12ba68..224dcc3 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -446,7 +446,8 @@
 				this.$router.push({
 					path: 'PreIngested',
 					query: {
-						id: id
+						// id: id
+						id: 3070
 					}
 				});
 			},

From fdeaeb57d254e473e9525613f63b6fefc445f518 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 13 Jun 2023 18:02:20 +0800
Subject: [PATCH 05/22] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=8F=B3=E4=BE=A7?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=9F=BA=E6=9C=AC=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/ReferenceEditor.vue | 90 +++++++++++++++++++------
 src/components/page/articleList.vue     |  9 ++-
 2 files changed, 75 insertions(+), 24 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index e8953fa..2ceaf5a 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -68,7 +68,7 @@
         <!-- 有引用数据-->
         <div v-else>
             <div class="topInfo">
-                <h4>Dear {{user_name}}</h4>
+                <h3>Dear {{user_name}}</h3>
                 <p class="mt10">您可以在本页面对引用数据进行对应的修改和调整，主要包括如下操作:</p>
                 <ul class="mt20">
                     <li>
@@ -80,12 +80,12 @@
                     </li>
                     <li>
                         <p>如果您觉得顺序有不妥，您可以点击每一条信息后面的
-                            <el-button type="primary" size="mini" plain>↑</el-button>
+                            <el-button type="warning" size="mini" plain>↑</el-button>
                             和
-                            <el-button type="primary" size="mini" plain>↓</el-button> 调整数据的前后顺序。</p>
+                            <el-button type="warning" size="mini" plain>↓</el-button> 调整数据的前后顺序。</p>
                     </li>
                     <li>
-                        <p>您可以点击 <el-button type="primary" size="mini" plain>+</el-button> 在这一行的后面再添加一行引用信息。</p>
+                        <p>您可以点击 <el-button type="success" size="mini" plain>Add</el-button> 在这一行的后面再添加一行引用信息。</p>
                     </li>
                     <li>
                         <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary" @click="removeAll">删除并重新导入</el-link></p>
@@ -108,24 +108,24 @@
                     </el-table-column>			
                     <el-table-column  label="Title" align="left">
                         <template slot-scope="scope">
-                            <p style="text-align: left;" v-if="scope.row.refer_doi == ''">
+                            <p class="wrongLine" style="text-align: left;" v-if="scope.row.refer_doi == ''">
                                 {{scope.row.refer_content}}                                                                  
                             </p>
-                            <p style="text-align: left;" v-else>
-                                {{scope.row.refer_doi}}                         
-                            </p>
+                            <div style="text-align: left;" v-else>
+                                <p>{{scope.row.author}}{{scope.row.title}} <em>{{scope.row.joura}}</em> {{scope.row.dateno}}<br/></p>
+                                <a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>                         
+                            </div>
                         </template> 
                     </el-table-column>
                 <el-table-column align="center" width="360">
                     <div slot-scope="scope">
-                        <el-button v-if="scope.row.refer_doi == ''" style="margin-left:10px;" @click="change(scope.row)"  plain type="warning" size="mini" icon="el-icon-edit" >edit</el-button>
-                        <el-button  v-else style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">change</el-button>  
+                        <el-button   style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">edit</el-button>  
                         <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
-                            <el-button type="primary" size="mini" plain>+</el-button>   
-                        </el-tooltip>
-                        <el-button type="primary" size="mini" plain>↑</el-button>
-                        <el-button type="primary" size="mini" plain>↓</el-button>                                   
-                        <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain>delete</el-button>
+                            <el-button @click="addLine(scope.row)" type="success" size="mini" plain>Add</el-button>   
+                        </el-tooltip>                        
+                        <el-button type="warning" size="mini" plain :disabled="scope.$index != 0 ? false : true" @click="changeOrder(scope.row,'up')">↑</el-button>
+                        <el-button type="warning" size="mini" plain :disabled="scope.$index == tableData.length-1 ? true : false" @click="changeOrder(scope.row,'down')">↓</el-button>                                                         
+                        <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain @click="deleteLine(scope.row)">delete</el-button>
                     </div>
                 </el-table-column>
           </el-table>
@@ -134,9 +134,16 @@
       </div>
       <!-- 修改引用 -->
       <el-dialog title="Add References" :visible.sync="editboxVisible" width="500px">
-                <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="60px" class="demo-ruleForm">
-                    <el-form-item label="title" prop="title">
-                        <el-input rows="8" v-model="refenceForm.title" type="textarea"></el-input>
+                <p class="yinyongPre c888">现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。</p>
+                <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
+                    <el-form-item label="Show Content" label-width="120px">                        
+                        <el-switch v-model="contentVisible"></el-switch>
+                    </el-form-item>
+                    <el-form-item label="Doi:" required prop="refer_doi" v-if="!contentVisible">
+                        <el-input  v-model="refenceForm.refer_doi" ></el-input>
+                    </el-form-item> 
+                    <el-form-item label="Content:" required prop="refer_content" v-else>
+                        <el-input rows="5" v-model="refenceForm.refer_content" type="textarea"></el-input>
                     </el-form-item> 
                 </el-form>            
               <span slot="footer" class="dialog-footer">
@@ -191,6 +198,7 @@
             user_name: localStorage.getItem('U_relname'),            
             importIoading: false,
             baseUrl: this.Common.baseUrl,
+            contentVisible:false,
             // 引用数据列表
               tableData:[              
               ],    
@@ -209,7 +217,8 @@
               },
               // 引用表单
               refenceForm:{
-                title:''
+                refer_content:'',
+                refer_doi:''
               },
               refenceFormrules:{
                 title:[
@@ -371,6 +380,41 @@
 						this.$message.error(err);
 					});
             },
+            // 添加一行
+            addLine(row){
+                this.editboxVisible = true
+                this.refenceForm = {}
+            },
+
+            // 删除一行
+            deleteLine(row){
+                this.$confirm('Are you sure you want to remove this reference?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+                }).then(() => {
+                this.$message({
+                    type: 'success',
+                    message: 'remove successed!'
+                });
+                })
+            },
+
+            // 调整顺序
+            changeOrder(row, opName){
+                let optitle = ''
+                opName == 'up' ? optitle = 'Move up this line?' : optitle = 'Move down this line?'
+                this.$confirm(optitle, 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+                }).then(() => {
+                this.$message({
+                    type: 'success',
+                    message: 'remove successed!'
+                });
+                })
+            }
       },
       computed: {
         upload_manuscirpt: function() {
@@ -382,11 +426,15 @@
   </script>
   
   <style  scoped>
+  .wrongLine{ color: #f15f44;}
+  .doiLink{color: #409EFF;}
+  .editForm{background-color:#f9f9f9; padding: 20px 0; padding-right: 20px;}
+  .yinyongPre{line-height: 28px; margin-bottom: 20px;}
 .shuoming{font-size: 14px; line-height: 26px; }
 .shuoming i{color: #F5BF6D;}
   .status{ display: block; width: 40px; height: 40px; border-radius: 40px; font-size: 22px; line-height: 40px; color: #fff; text-align: center;}
-  .status.ok{background: #67c23a;}
-  .status.warn{background: #e6a23c;}
+  .status.ok{background: #a7e389;}
+  .status.warn{background: #ffd192;}
   .status.float{display: inline-block;}
   .topInfo{padding: 20px;  }
   .topInfo ul{padding-left: 30px;}
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index 224dcc3..9238295 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -92,10 +92,12 @@
 						<span @click="esy_deta(item.article_id)">
 							<i class="el-icon-paperclip"></i>My Manuscript
 						</span>
-						<span v-if="item.state == 3">
+						<span v-if="item.state == 3" >
 							<font> | </font>
-							<span @click="goPre_ingested(item.article_id)">
-								<i class="el-icon-paperclip"></i>Complete the profile
+							<span @click="goPre_ingested(item.article_id)" class="preButton">
+								<el-badge is-dot class="item" >
+									<i class="el-icon-paperclip"></i>Complete the profile
+								</el-badge>
 							</span>
 						</span>
 					</div>
@@ -735,6 +737,7 @@
 </script>
 
 <style scoped>
+.preButton{color: #66b1ff;}
 	.container {
 		color: #333;
 	}

From 2751b840a281eef201073c8d598b27b67fa47355 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Wed, 14 Jun 2023 17:31:15 +0800
Subject: [PATCH 06/22] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/ReferenceEditor.vue | 184 +++++++++++++++++++-----
 src/components/page/articleList.vue     |  12 +-
 2 files changed, 158 insertions(+), 38 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 2ceaf5a..d17016c 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div v-loading.fullscreen.lock="holeLoading">
       <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please later">             
            <div v-if="tableData.length == 0">  
           <!-- 没有引用时 -->
@@ -113,15 +113,15 @@
                             </p>
                             <div style="text-align: left;" v-else>
                                 <p>{{scope.row.author}}{{scope.row.title}} <em>{{scope.row.joura}}</em> {{scope.row.dateno}}<br/></p>
-                                <a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>                         
+                                <a class="doiLink" :href="'http://doi.org/' + scope.row.refer_doi" target="_blank">http://doi.org/{{scope.row.refer_doi}}</a>                         
                             </div>
                         </template> 
                     </el-table-column>
                 <el-table-column align="center" width="360">
                     <div slot-scope="scope">
-                        <el-button   style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">edit</el-button>  
+                        <el-button   style="margin-left:10px;" @click="change(scope.row,'Edit')"  plain type="primary" size="mini" icon="el-icon-edit">edit</el-button>  
                         <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
-                            <el-button @click="addLine(scope.row)" type="success" size="mini" plain>Add</el-button>   
+                            <el-button @click="addLine(scope.row, 'Add')" type="success" size="mini" plain>Add</el-button>   
                         </el-tooltip>                        
                         <el-button type="warning" size="mini" plain :disabled="scope.$index != 0 ? false : true" @click="changeOrder(scope.row,'up')">↑</el-button>
                         <el-button type="warning" size="mini" plain :disabled="scope.$index == tableData.length-1 ? true : false" @click="changeOrder(scope.row,'down')">↓</el-button>                                                         
@@ -133,22 +133,24 @@
         </div>    
       </div>
       <!-- 修改引用 -->
-      <el-dialog title="Add References" :visible.sync="editboxVisible" width="500px">
+      <el-dialog v-loading="addLoading"  :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="500px">
                 <p class="yinyongPre c888">现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。</p>
                 <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
-                    <el-form-item label="Show Content" label-width="120px">                        
+                    <!-- 内容开关 -->
+                    <!-- <el-form-item label="Show Content" label-width="120px">                        
                         <el-switch v-model="contentVisible"></el-switch>
-                    </el-form-item>
-                    <el-form-item label="Doi:" required prop="refer_doi" v-if="!contentVisible">
+                    </el-form-item> -->
+                    <el-form-item label="Doi:" required  prop="refer_doi" v-if="!contentVisible">
                         <el-input  v-model="refenceForm.refer_doi" ></el-input>
                     </el-form-item> 
-                    <el-form-item label="Content:" required prop="refer_content" v-else>
+                    <!-- <el-form-item label="Content:" required prop="refer_content" v-else>
                         <el-input rows="5" v-model="refenceForm.refer_content" type="textarea"></el-input>
-                    </el-form-item> 
+                    </el-form-item>  -->
                 </el-form>            
               <span slot="footer" class="dialog-footer">
-                  <el-button @click="editboxVisible = false">Cancel</el-button>
-                  <el-button type="primary" @click="saveChange">Save</el-button>
+                  <el-button @click="cancelSave">Cancel</el-button>
+                  <el-button type="primary" @click="saveChange" v-if="dialogTitle == 'Edit'">Save</el-button>
+                  <el-button type="primary" @click="saveAdd" v-else>Save</el-button>
               </span>
       </el-dialog>
         <!-- 帮助信息 -->
@@ -195,9 +197,11 @@
   export default {
       data(){
           return{
-            user_name: localStorage.getItem('U_relname'),            
+            user_name: localStorage.getItem('U_relname'), 
+            holeLoading : false,  // 进入页面的loading           
             importIoading: false,
             baseUrl: this.Common.baseUrl,
+            addLoading:false,
             contentVisible:false,
             // 引用数据列表
               tableData:[              
@@ -218,19 +222,27 @@
               // 引用表单
               refenceForm:{
                 refer_content:'',
-                refer_doi:''
+                refer_doi:'',
+                p_refer_id:null, // 当前行一行的引用序号
               },
               refenceFormrules:{
                 title:[
                 { required: true, message: 'The title cannot be empty', trigger: 'blur' },
                 ]
-              }
+              },
+              dialogTitle:''
           }
       },
       created(){
+        this.openFullScreen1()
          this.getRefData()
+         this.holeLoading = true
       },
       methods:{ 
+        // 全页面加载动画
+            openFullScreen1() {
+            this.holeLoading = true;            
+        },
          // 获取引用文献信息
          getRefData(){
             this.$api
@@ -238,8 +250,9 @@
 					.then(res => {
 						console.log(res)
                         if(res.code == 0 && res.data.refers.length > 0){
-                            this.tableData = res.data.refers
+                            this.tableData = res.data.refers                            
                         }
+                        this.holeLoading = false
 					})
 					.catch(err => {
 						console.log(err);
@@ -291,13 +304,80 @@
             this.uploadVisible = true
           },
           // 显示修改引用
-          change(row){
+          change(row, optitle){   
+            this.dialogTitle = optitle     
             this.editboxVisible = true
-            this.refenceForm = row
+            this.refenceForm.refer_doi = row.refer_doi
+            this.refenceForm.p_refer_id = row.p_refer_id
           },
-          // 保存修改
-          saveChange(){
 
+          // 取消保存
+          cancelSave(){
+            this.editboxVisible = false
+           // refenceForm
+            this.$refs['refenceForm'].resetFields(); 
+            this.dialogTitle = ''           
+          }, 
+
+          // 编辑引用
+          saveChange(){
+              this.$refs.refenceForm.validate((valid) => {
+                this.addLoading = true
+                if(valid){
+                     this.$api
+					.post('api/Preaccept/editRefer', {
+						// 'article_id': this.$route.query.id,
+                        'p_refer_id': this.refenceForm.p_refer_id,
+                        'doi': this.refenceForm.refer_doi
+					})
+					.then(res => {
+						if (res.code == 0) {
+                            this.addLoading = false
+							this.$message.success('successed！')                                                       
+                            this.getRefData()
+                            this.cancelSave() 
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+                }else{
+
+                } 
+              }) 
+          },
+
+          // 保存新增
+          saveAdd(){
+            this.$refs.refenceForm.validate((valid) => {
+                this.addLoading = true
+                if(valid){
+                    this.$api
+					.post('api/Preaccept/addRefer', {
+						'article_id': this.$route.query.id,
+                        'pre_p_refer_id': this.refenceForm.p_refer_id,
+                        'doi': this.refenceForm.refer_doi
+					})
+					.then(res => {
+						if (res.code == 0) {
+                            this.addLoading = false
+							this.$message.success('successed！')                                                       
+                            this.getRefData()
+                            this.cancelSave() 
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+                }else{
+                    this.$message.error('error submit!!');
+                    return false;
+                }
+                })
           },
           beforeupload_manuscirpt(file) {
 				let flieArr = file.name.split(".")  
@@ -381,9 +461,15 @@
 					});
             },
             // 添加一行
-            addLine(row){
-                this.editboxVisible = true
-                this.refenceForm = {}
+            addLine(row, optitle){
+                //console.log(row)  
+                this.dialogTitle = optitle             
+                // this.$refs['refenceForm'].clearValidate()
+                this.editboxVisible = true                
+                this.refenceForm.p_refer_id = row.p_refer_id
+                this.$nextTick(()=>{
+                    this.$refs['refenceForm'].clearValidate(['refer_doi']);
+                })
             },
 
             // 删除一行
@@ -393,11 +479,27 @@
                 cancelButtonText: 'Cancel',
                 type: 'warning'
                 }).then(() => {
-                this.$message({
-                    type: 'success',
-                    message: 'remove successed!'
-                });
-                })
+                    this.$api
+					.post('api/Preaccept/delRefer', {						
+                        'p_refer_id': row.p_refer_id                        
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('remove successed!')         
+                            this.getRefData()
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});                    
+                }).catch(() => {
+                    // this.$message({
+                    //     type: 'info',
+                    //     message: '已取消删除'
+                    // });          
+                    }); 
             },
 
             // 调整顺序
@@ -409,11 +511,27 @@
                 cancelButtonText: 'Cancel',
                 type: 'warning'
                 }).then(() => {
-                this.$message({
-                    type: 'success',
-                    message: 'remove successed!'
-                });
-                })
+                    this.$api
+					.post('api/Preaccept/sortRefer', {						
+                        'p_refer_id': row.p_refer_id,
+                        'act': opName                     
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('successed!')         
+                            this.getRefData()
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					}); 
+                // this.$message({
+                //     type: 'success',
+                //     message: 'remove successed!'
+                // });
+                }).catch(()=>{});
             }
       },
       computed: {
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index 9238295..a3f1772 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div >		
 		<div class="crumbs">
 			<el-breadcrumb separator="/">
 				<el-breadcrumb-item>
@@ -92,12 +92,12 @@
 						<span @click="esy_deta(item.article_id)">
 							<i class="el-icon-paperclip"></i>My Manuscript
 						</span>
-						<span v-if="item.state == 3" >
+						<span v-if="item.state == 3" style="text-decoration: none;">
 							<font> | </font>
 							<span @click="goPre_ingested(item.article_id)" class="preButton">
-								<el-badge is-dot class="item" >
+								<!-- <el-badge is-dot class="item" > -->
 									<i class="el-icon-paperclip"></i>Complete the profile
-								</el-badge>
+								 <!-- </el-badge>  -->
 							</span>
 						</span>
 					</div>
@@ -737,7 +737,9 @@
 </script>
 
 <style scoped>
-.preButton{color: #66b1ff;}
+.preButton{color: #66b1ff;   display: inline-block; position: relative; }
+.preButton:after{content: ''; display: block; width: 6px; height: 6px; background: #ff0000; position: absolute; right: 0; top: -5px; border-radius: 6px;}
+.preButton:hover{text-decoration:underline !important;}
 	.container {
 		color: #333;
 	}

From 531726439b6e595b0cb1b39412abac3495cb106c Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Sun, 25 Jun 2023 14:19:50 +0800
Subject: [PATCH 07/22] =?UTF-8?q?=E5=BC=95=E7=94=A8=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Complete_profile.vue |   2 +-
 src/components/page/ReferenceEditor.vue  | 198 +++++++++++++++++------
 2 files changed, 148 insertions(+), 52 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index f99e2e0..1252077 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -76,6 +76,6 @@
     p{color: #333;}
     .mt10{margin-top: 10px;}
     .more{font-weight: bold;}
-    .helpcontent{color: #888; margin-top: 150px;}
+    .helpcontent{color: #888; margin-top: 150px; padding-top: 30px; border-top: 2px solid #f1f1f1;}
     .helpcontent p{color: inherit; font-size: 12px;}
   </style>
\ No newline at end of file
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index d17016c..ea5fe80 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-loading.fullscreen.lock="holeLoading">
-      <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please later">             
+      <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please wait">             
            <div v-if="tableData.length == 0">  
           <!-- 没有引用时 -->
           <div class="noneData">            
@@ -19,32 +19,20 @@
                 </h2>
                 <p class="mt10 c666">you can add a citation in the following way.</p>
                 <ul> 
-                    <!-- 文本域 -->
-                    <li>
-                        <div class="mt20">
-                            <h4>Add in bulk by text field &nbsp;&nbsp;&nbsp;<el-button @click="addText" class="inlinebutton" type="primary" plain size="mini">Add</el-button></h4> 
-                            <div v-if="textareaVisible">
-                                <el-input class="textarea mt10"
-                                type="textarea"
-                                :rows="3"
-                                placeholder="Put your reference entry here"
-                                v-model="textarea">
-                                </el-input>
-                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText()">Import</el-button>
-                            </div>
-                        </div> 
-                    </li>
                     <!-- 文件上传的形式 -->
                     <li>
                         <div class="mt20">
-                            <h4>Add in bulk by uploading excel files</h4>
+                            <h4>Add in bulk by uploading excel files &nbsp;&nbsp;
+                                <!-- <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">Add</el-button> -->
+                            </h4>
                             <p class="mt10 c666">Before uploading the file, you need to download the template file,  
                                 <a  href="https://submission.tmrjournals.com/public/coverLetter/system/refer.xlsx" download="refer" target="_blank" class="downloadbtn"  >click download</a>  
-                                ,to add your references to the template file, and upload it. &nbsp;&nbsp;&nbsp;
-                                <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">upload</el-button></p>
+                                ,to add your references to the template file, and upload it.                                 
+                              
+                            </p>
                             <div v-if="uploadVisible">
                                 <div class="uploadBox">
-                                    <el-upload  ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
+                                    <el-upload  ref="uploadFile" class="upload-demo up_newstyle mt10" :action="upload_manuscirpt"
                                     accept=".xlsx" name="referFile" :before-upload="beforeupload_manuscirpt"
                                     :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
                                     :on-exceed="alertlimit" 
@@ -59,6 +47,21 @@
                             </div>
                         </div>
                     </li>
+                    <!-- 文本域 -->
+                    <!-- <li>
+                        <div class="mt20">
+                            <h4>Add in bulk by text field &nbsp;&nbsp;&nbsp;<el-button @click="addText" class="inlinebutton" type="primary" plain size="mini">Add</el-button></h4> 
+                            <div v-if="textareaVisible">
+                                <el-input class="textarea mt10"
+                                type="textarea"
+                                :rows="3"
+                                placeholder="Put your reference entry here"
+                                v-model="textarea">
+                                </el-input>
+                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText()">Import</el-button>
+                            </div>
+                        </div> 
+                    </li> -->                    
                 </ul>                               
             </div>
         </div>        
@@ -112,8 +115,8 @@
                                 {{scope.row.refer_content}}                                                                  
                             </p>
                             <div style="text-align: left;" v-else>
-                                <p>{{scope.row.author}}{{scope.row.title}} <em>{{scope.row.joura}}</em> {{scope.row.dateno}}<br/></p>
-                                <a class="doiLink" :href="'http://doi.org/' + scope.row.refer_doi" target="_blank">http://doi.org/{{scope.row.refer_doi}}</a>                         
+                                <p>{{scope.row.author}},{{scope.row.title}}, <em>{{scope.row.joura}}</em> ,{{scope.row.dateno}}<br/></p>
+                                <a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>                         
                             </div>
                         </template> 
                     </el-table-column>
@@ -135,17 +138,33 @@
       <!-- 修改引用 -->
       <el-dialog v-loading="addLoading"  :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="500px">
                 <p class="yinyongPre c888">现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。</p>
-                <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
-                    <!-- 内容开关 -->
-                    <!-- <el-form-item label="Show Content" label-width="120px">                        
-                        <el-switch v-model="contentVisible"></el-switch>
-                    </el-form-item> -->
-                    <el-form-item label="Doi:" required  prop="refer_doi" v-if="!contentVisible">
+                <p v-if="this.dialogTitle == 'Add'">There is no Doi data:  <el-switch v-model="contentVisible"></el-switch></p>
+                <el-form v-show="!contentVisible" :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
+                    <!-- 内容开关 -->                    
+                    <el-form-item label="Doi:" required  prop="refer_doi" >
                         <el-input  v-model="refenceForm.refer_doi" ></el-input>
                     </el-form-item> 
-                    <!-- <el-form-item label="Content:" required prop="refer_content" v-else>
-                        <el-input rows="5" v-model="refenceForm.refer_content" type="textarea"></el-input>
-                    </el-form-item>  -->
+                </el-form> 
+                <el-form v-show="contentVisible" :model="refenceLinkForm" :rules="refenceLinkFormrules" ref="refenceLinkForm" label-width="80px" class="editForm mt10">
+                    <!-- 内容开关 -->
+                    <!-- <el-form-item label="There is no Doi data" label-width="160px">                        
+                        <el-switch v-model="contentVisible"></el-switch>
+                    </el-form-item>                     -->
+                    <el-form-item label="author:" required prop="author" >
+                        <el-input  v-model="refenceLinkForm.author"></el-input>
+                    </el-form-item> 
+                    <el-form-item label="title:" required prop="title" >
+                        <el-input  v-model="refenceLinkForm.title" ></el-input>
+                    </el-form-item> 
+                    <el-form-item label="joura:" required prop="joura" >
+                        <el-input  v-model="refenceLinkForm.joura" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="dateno:" required prop="dateno" >
+                        <el-input  v-model="refenceLinkForm.dateno" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="link:" required prop="link" >
+                        <el-input  v-model="refenceLinkForm.link" ></el-input>
+                    </el-form-item>
                 </el-form>            
               <span slot="footer" class="dialog-footer">
                   <el-button @click="cancelSave">Cancel</el-button>
@@ -168,7 +187,7 @@
         <!-- 临时引用信息 -->
         <el-dialog title="Reference List" :visible.sync="linVisible" width="800px">           
             <div class="refenceCentent mt20" v-if="Tempredable.length > 0">
-                <el-table :data="Tempredable"  ref="tempredableTable" 
+                <el-table :data="Tempredable"  ref="tempredableTable" max-height="400px"
                     empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">              
                     <el-table-column type="index" label="No." width="55" align="center"></el-table-column>
                     <el-table-column  label="Title" align="left">
@@ -182,7 +201,7 @@
                     </el-table-column>              
                 </el-table>
                 <div class="shuoming mt20">
-                    <p class="c888"><i class="el-icon-message-solid"></i>&nbsp;&nbsp;The above is the citation data identified according to your uploaded file, you can choose to import, or discard this data and import again.</p>
+                    <p class="c888"><i class="el-icon-message-solid"></i>&nbsp;&nbsp;The above is the citation data identified according to your uploaded file, you can choose to import, or discard this data and upload again.</p>
                 </div>    
             </div>
               <span slot="footer" class="dialog-footer" >
@@ -211,7 +230,7 @@
               ],       
               editboxVisible:false,
               helpVisible:false,
-              uploadVisible:false,
+              uploadVisible:true,
               linVisible:false,
               textarea:'',
               textareaVisible:false,
@@ -220,15 +239,37 @@
                 referFile: '',                
               },
               // 引用表单
-              refenceForm:{
-                refer_content:'',
+              refenceForm:{                
                 refer_doi:'',
                 p_refer_id:null, // 当前行一行的引用序号
               },
               refenceFormrules:{
+                refer_doi:[
+                { required: true, message: 'The Doi cannot be empty', trigger: 'blur' },
+                ]
+              },
+              // 引用表单
+              refenceLinkForm:{
+                author:'',
+                title:'',
+                joura:'',
+                dateno:'',
+                link:'',
+                p_refer_id:null, // 当前行一行的引用序号
+              },
+              refenceLinkFormrules:{
+                author:[
+                { required: true, message: 'The author cannot be empty', trigger: 'blur' },
+                ],
                 title:[
                 { required: true, message: 'The title cannot be empty', trigger: 'blur' },
-                ]
+                ],
+                dateno:[
+                { required: true, message: 'The dateno cannot be empty', trigger: 'blur' },
+                ],
+                link:[
+                { required: true, message: 'The link cannot be empty', trigger: 'blur' },
+                ]                
               },
               dialogTitle:''
           }
@@ -271,6 +312,7 @@
           },
           // 导入文本域
           importText(){
+            this.linVisible = false
             this.importIoading = true               
                 //console.log(this.form.referFile,'referFile')  
                 this.$api
@@ -307,8 +349,16 @@
           change(row, optitle){   
             this.dialogTitle = optitle     
             this.editboxVisible = true
-            this.refenceForm.refer_doi = row.refer_doi
-            this.refenceForm.p_refer_id = row.p_refer_id
+            if(row.refer_doi){
+                // 有doi
+                this.refenceForm.refer_doi = row.refer_doi
+                this.refenceForm.p_refer_id = row.p_refer_id
+            }else{
+                // doi
+                this.contentVisible = true
+            }
+            
+
           },
 
           // 取消保存
@@ -316,14 +366,34 @@
             this.editboxVisible = false
            // refenceForm
             this.$refs['refenceForm'].resetFields(); 
+            this.refenceForm.refer_doi = ''
             this.dialogTitle = ''           
           }, 
 
           // 编辑引用
           saveChange(){
-              this.$refs.refenceForm.validate((valid) => {
+            if(this.contentVisible){ // 无doi形式
+                this.editNoneDoi()
+            }else{
+                this.editHaveDoi()
+            }
+            
+          },
+          //  编辑无doi
+          editNoneDoi(){
+            this.$refs.refenceLinkForm.validate((valid) => {
                 this.addLoading = true
                 if(valid){
+                    console.log('没有doi编辑情况')
+                }
+            })
+          },
+
+          // 编辑有doi
+          editHaveDoi(){            
+            this.$refs.refenceForm.validate((valid) => {
+                this.addLoading = true
+                if(valid){                                    
                      this.$api
 					.post('api/Preaccept/editRefer', {
 						// 'article_id': this.$route.query.id,
@@ -336,7 +406,10 @@
 							this.$message.success('successed！')                                                       
                             this.getRefData()
                             this.cancelSave() 
-						} else {
+						}else if(res.code == 1){
+                            this.addLoading = false
+							this.$message.error(res.msg)     
+                        } else {
 							this.$message.error(res.msg);
 						}
 					})
@@ -351,9 +424,9 @@
 
           // 保存新增
           saveAdd(){
-            this.$refs.refenceForm.validate((valid) => {
-                this.addLoading = true
+            this.$refs.refenceForm.validate((valid) => {               
                 if(valid){
+                    this.addLoading = true
                     this.$api
 					.post('api/Preaccept/addRefer', {
 						'article_id': this.$route.query.id,
@@ -366,7 +439,13 @@
 							this.$message.success('successed！')                                                       
                             this.getRefData()
                             this.cancelSave() 
-						} else {
+						}else if(res.code == 1){
+                            // doi 错误
+                            this.addLoading = false
+							this.$message.error(res.msg)                                                       
+                          //  this.getRefData()
+                           // this.cancelSave() 
+                        } else {
 							this.$message.error(res.msg);
 						}
 					})
@@ -440,17 +519,20 @@
 				this.$refs['uploadFile'].clearFiles();
 			},
             // 清空引用文献
-            removeAll(){ 
+            removeAll(){
+                this.$confirm('Are you sure you want to empty the reference?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+                }).then(()=>{ 
                 this.$api
 					.post('api/Preaccept/discardRefers', {
 						'article_id': this.$route.query.id
 					})
 					.then(res => {
 						if (res.code == 0) {
-							this.$message.success('success！')
-                            setTimeout(()=>{
+							this.$message.success('success！')                            
                               location.reload()  // 刷新本页面 
-                            },2000)
 
 						} else {
 							this.$message.error(res.msg);
@@ -459,6 +541,7 @@
 					.catch(err => {
 						this.$message.error(err);
 					});
+                }).catch(()=>{})
             },
             // 添加一行
             addLine(row, optitle){
@@ -539,11 +622,24 @@
 				// return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
                 return this.baseUrl + 'api/Preaccept/up_refer_file';
 			},        
-      }
-  }
+      },
+      watch: {
+        contentVisible: {
+        handler(newVal, oldVal) {  
+            this.$nextTick(()=>{                  
+                this.$refs['refenceLinkForm'].clearValidate()                
+                this.$refs['refenceForm'].clearValidate()                               
+            })
+            console.log(newVal)
+        },
+       // immediate: true,
+        deep: true // 可以深度检测到 person 对象的属性值的变化
+        }
+        }
+    }
   </script>
   
-  <style  scoped>
+  <style  scoped> 
   .wrongLine{ color: #f15f44;}
   .doiLink{color: #409EFF;}
   .editForm{background-color:#f9f9f9; padding: 20px 0; padding-right: 20px;}

From c0bbe5a67161d3e6cf70f84ecc90d9c40e21232e Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 27 Jun 2023 11:36:40 +0800
Subject: [PATCH 08/22] 0627

---
 src/components/page/RejectedArticles.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/page/RejectedArticles.vue b/src/components/page/RejectedArticles.vue
index 9948378..1b2de4d 100644
--- a/src/components/page/RejectedArticles.vue
+++ b/src/components/page/RejectedArticles.vue
@@ -13,7 +13,7 @@
 						{{scope.row.accept_sn}}
 					</p>					
 					<!-- <el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain style="margin-top: 10px;">
-						Put into special issue</el-button> -->
+						Put into special issue</el-button> ---->
 				</template>
 			</el-table-column>
 			<el-table-column prop="title" label="Title" align="center">

From 20c809387dedbc0d949917587cbd075e2fb9eaf7 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 27 Jun 2023 15:10:56 +0800
Subject: [PATCH 09/22] 15:08

---
 src/components/page/PreIngestedEditor.vue   | 2670 +++++++++++++++++++
 src/components/page/articleListEditor_A.vue |   49 +-
 src/router/index.js                         |   11 +-
 3 files changed, 2724 insertions(+), 6 deletions(-)
 create mode 100644 src/components/page/PreIngestedEditor.vue

diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
new file mode 100644
index 0000000..280bd11
--- /dev/null
+++ b/src/components/page/PreIngestedEditor.vue
@@ -0,0 +1,2670 @@
+<template>
+	<div>
+		<div class="tab_post">
+			<div v-for="(item, index) in tabsList" @click="jumpTab(index,item)"
+				:class="tabName==item.refName?'P_style':''">
+				<h5>
+					<span>{{index+1}}</span>
+					{{item.name}}
+				</h5>
+				<p>{{item.rongCont}}</p>
+				<div class="line"></div>
+			</div>
+			<div style="margin: 30px 0 0 0;">
+				<el-button type="primary" @click="pushProduce(detailMes)" style="width: 220px;">
+					<i class="el-icon-finished"></i>
+					Push Online
+				</el-button>
+			</div>
+		</div>
+
+		<div class="scroll-content guanSty" @scroll="onScroll"
+			:style="'overflow-x: hidden; overflow-y: auto;height:' + contentStyleObj.height">
+			<!-- 基本信息 -->			
+
+			<!-- 作者列表 -->
+
+			<!-- 文件上传 -->
+			
+
+
+			<!-- 文章正文 -->
+			
+
+			<!-- 参考文献 -->
+			<div :ref="tabsList[0].refName" class="scroll-item">
+				<div class="bor_style_onli">
+					<h4>{{tabsList[0].name}}</h4>
+					<div class="liter_ture">
+						<div class="chanSelLef">
+							<!-- 1 -->
+							<div :class="showB_step ==1?'C_style':''">
+								<h3><span>1</span>Check References and Doi</h3>
+								<div v-if="showB_step ==1">
+									<p>
+										You need to click
+										<el-button type="warning" @click="StepBOper(1)" size="mini"
+											style="padding: 5px 8px;font-size: 12px;margin: 0 5px;">
+											<i class="el-icon-edit-outline"></i>
+											Crossref
+										</el-button>
+										 to open the website, then paste the references part of the
+										<a :href='mediaUrl+this.gridData' target="_blank">
+											<el-button type="text" size="mini"
+												style="font-size: 12px;margin: 0 5px;font-weight: bold;">
+												<i class="el-icon-download" style="font-weight: bold;"></i>
+												manuscript
+											</el-button>
+										</a>
+										to get the new references part, please paste the new one into the input box.
+									</p>
+									<el-button @click="StepBNext(2)" plain type="primary"
+										style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
+										<i class="el-icon-right"
+											style="font-size: 18px;position: absolute;right: 8px;top: 5px;"></i>
+										Next Step
+									</el-button>
+								</div>
+							</div>
+
+							<!-- 2 -->
+							<div :class="showB_step ==2?'C_style':''">
+								<h3><span>2</span>Check Standard</h3>
+								<div v-if="showB_step ==2">
+									<p>Convert to standard format.</p>
+									<p style="background-color: #fdf3e3;padding: 10px;margin: 10px 0 0 30px;">The
+										references
+										with yellow background
+										are problematic, so you can check and correct them yourself.</p>
+									<el-button @click="StepBNext(1)" type="primary" plain
+										style="width: 85%;margin: 15px 0px 0px 30px;position: relative;">
+										<i class="el-icon-back"
+											style="font-size: 18px;margin:0;position:absolute;left: 8px;top: 5px;"></i>
+										Back Step and Reset
+									</el-button>
+								</div>
+							</div>
+						</div>
+						<div class="chanFerAll">
+							<div v-if="showB_step ==1">
+								<el-input v-model="refAarray" type="textarea" rows="20" style="width: 100%;"
+									:placeholder="placeRef"></el-input>
+								<el-button type="primary" @click="StepBOper(2)"
+									style="width: 250px;margin: 20px 0 0 0;float: right;">
+									<i class="el-icon-document-checked"></i>
+									Complete and conversion
+								</el-button>
+								<br clear="both">
+							</div>
+
+							<div v-for="(item,index) in this.chanFerForm" v-if="showB_step ==2" class="ref_list">
+								<div>
+									<span
+										style="float:left;margin: 3px 10px 0 0;width: 80px;text-align: right;font-size: 14px;">DOI
+										:</span>
+									<p style="float:left;font-size: 14px;color: #555;">{{item.refer_doi}}</p>
+									<br clear="both">
+								</div>
+								<div v-if="item.cs==1&&item.edit_mark!=0" style="margin-bottom: 0;">
+									<span
+										style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
+										:</span>
+									<p v-if="item.author==''"
+										style="float:left;width:74.5%;font-size: 14px;color: #555;line-height: 20px;">
+										{{item.refer_frag}}
+									</p>
+									<p v-if="item.author!=''"
+										style="float:left;width:74.5%;font-size: 14px;color: #555;line-height: 20px;">
+										{{item.author}} {{item.title}} {{item.joura}}{{item.dateno}}. Available at:
+										{{item.doilink}}
+									</p>
+									<br clear="both">
+								</div>
+								<div v-if="item.cs==0||item.edit_mark==0" :class="item.cs==0?'BG_yell':''"
+									style="margin-bottom: 0;">
+									<span
+										style="float:left;margin: 0 12px 0 0;width: 80px;text-align: right;font-size: 14px;">Standard
+										:</span>
+									<el-input type="textarea" v-model="item.refer_frag" autosize
+										style="width: 60%;display: inline-block;"></el-input>
+
+									<div style="display: inline-block;width: 50px;vertical-align: top;">
+										<el-button @click="ChanFerEditFrag(item,index)" type="primary"
+											icon="el-icon-check" size="mini" style="margin: 0 5px 0 15px;">
+										</el-button>
+										<el-button @click="ChanFerMashUp(item)" type="warning" size="mini"
+											style="margin: 10px 5px 0 15px;" v-if="index!=0">Up</el-button>
+									</div>
+								</div>
+								<b>{{index+1}}</b>
+								<i class="el-icon-edit-outline" @click="referMark(index)"
+									v-if="item.edit_mark==1&&item.cs!=0&&item.author==''"></i>
+								<i class="el-icon-top" @click="ChanFerMashUp(item)"
+									v-if="index!=0&&item.edit_mark==1&&item.cs!=0"
+									style="right: 40px;font-size: 10px;">up</i>
+							</div>
+						</div>
+						<br clear="both">
+						<!-- <p v-if="this.chanFerForm==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
+						<!-- 进度条 -->
+						<div v-if="refProcess==1" class="RefProBar">
+							<div>
+								<el-progress :text-inside="true" :stroke-width="24" :percentage="refReal"
+									:color="customColorMethod"></el-progress>
+								<p>
+									<img src="../../assets/img/Ip_spinner.gif">
+									<span>{{this.refReal}}%</span> completed, please wait...
+								</p>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+
+			<!-- Html排版 -->			
+            
+			<!-- 生成文章 -->
+			
+
+
+			<!-- 作者确认 -->
+			
+
+		</div>
+
+
+		<!-- 上线弹出框 -->
+		<el-dialog title="Tips" :visible.sync="onlineVisible" width="680px">
+			<p style="line-height: 24px;">
+				Are you sure you want to push this manuscript to the official website?
+				You can preview first.
+			</p>
+			<div style="text-align: right;margin-top:30px;">
+				<el-button @click="onlineVisible = false">Cancel</el-button>
+				<el-button type="warning" @click="gOpreviewList()" icon="el-icon-tickets">Preview list</el-button>
+				<el-button type="warning" @click="gOpreviewArt()" icon="el-icon-document">Preview article</el-button>
+				<el-button type="warning" @click="gOpreviewPDF()" icon="el-icon-notebook-2">Preview PDF</el-button>
+				<el-button type="primary" @click="gOline()" icon="el-icon-finished">Push Online</el-button>
+			</div>
+		</el-dialog>
+
+		<!-- 预览列表 -->
+		<el-dialog title="" :visible.sync="preLisVisible" width="850px">
+			<div class="aMesage">
+				<div class="aMes_typ">
+					{{deMesYul.type}}
+				</div>
+				<div class="aMes_tit">
+					{{deMesYul.title}}
+				</div>
+				<div class="aMes_autor">
+					<span v-for="(item,index) in authorData">
+						{{item.author_name}}
+						<span v-if="index!=authorData.length-1" style="margin-right: 3px;">,</span>
+					</span>
+				</div>
+				<div class="aMes_doi">
+					{{deMesYul.journal_title}}
+					<span>https://doi.org/10.53388/{{deMesYul.doi}}</span>
+				</div>
+				<div class="aMes_asbimg">
+					<img :src="mediaUrl + 'articleicon/' + deMesYul.icon" alt="">
+					<div>
+						<p style="font-weight: bold;color:#006699;margin:10px 0 5px 0" v-html="deMesYul.tradition_tag">
+						</p>
+						<p v-html="deMesYul.tradition" style="color: #888;line-height: 20px;">{{deMesYul.tradition}}</p>
+					</div>
+					<br clear="both">
+				</div>
+			</div>
+			<span slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="preLisVisible = false">OK</el-button>
+			</span>
+		</el-dialog>
+
+		<!-- 预览文章-->
+		<el-dialog title="" :visible.sync="preArtVisible" width="800px">
+			<div class="aArticle">
+				<div class="aArt_doi">
+					{{deMesYul.journal_title}}
+					<span style="margin: 0 40px;">|</span>
+					<span>DOI: 10.53388/{{deMesYul.doi}}</span>
+				</div>
+				<div class="aArt_tit">
+					{{deMesYul.title}}
+				</div>
+				<div class="aArt_autor">
+					<p v-html="deAuthorYul.author"></p>
+				</div>
+				<div class="aArt_jigou">
+					<p v-for="(item,index) in deAuthorYul.addressList">
+						<sup style="margin-right: 5px;">{{index+1}}</sup>{{item}}
+					</p>
+				</div>
+				<div class="aArt_abst">
+					<div class="titTop">
+						<b :class="preactive == 1?'Tab_col':''" @click="preactive = 1">Abstract</b>
+						<b :class="preactive == 2?'Tab_col':''" @click="preactive = 2">Medical history of objective</b>
+						<b :class="preactive == 3?'Tab_col':''" @click="preactive = 3"
+							v-if="deMesYul.htmlList!=''&&deMesYul.htmlList!=undefined">Html</b>
+					</div>
+					<p v-if="preactive==1" v-html="deMesYul.abstract"></p>
+					<p v-if="preactive==2" v-html="deMesYul.mhoo"></p>
+					<div v-if="preactive==3" v-for="(item,index) in deMesYul.htmlList" class="titHtml">
+						<p v-html="item.content" v-if="!item.p_main_img_id"></p>
+						<p v-if="item.p_main_img_id" 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>
+			<span slot="footer" class="dialog-footer">
+				<el-button type="primary" @click="preArtVisible = false">OK</el-button>
+			</span>
+		</el-dialog>
+
+	</div>
+</template>
+
+<script>
+	import 'quill/dist/quill.core.css';
+	import 'quill/dist/quill.snow.css';
+	import 'quill/dist/quill.bubble.css';
+	import {
+		quillEditor
+	} from 'vue-quill-editor';
+	import {
+		Loading
+	} from 'element-ui';
+	export default {
+		data() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				mediaUrl: this.Common.mediaUrl,
+				// p_article_id: this.$route.query.id,
+                p_article_id: 426,
+				idform: {},
+				imageUrl: '',
+				contentStyleObj: {
+					height: '100px',
+				},
+				tabName: 'setOneRef',
+				tabClick: 'setOneRef',
+				tabsList: [
+                    // {
+					// 	name: 'Essential Information',
+					// 	refName: 'setOneRef',
+					// 	rongCont: 'Improve and check the basic information of the manuscript.'
+					// },
+					// {
+					// 	name: 'Author Information',
+					// 	refName: 'setTwoRef',
+					// 	rongCont: 'Please fill in the author information.'
+					// },
+					// {
+					// 	name: 'Article File',
+					// 	refName: 'setThreeRef',
+					// 	rongCont: 'Please upload the article file.'
+					// },
+					{
+						name: 'Reference Conversion',
+						refName: 'setFourRef',
+						rongCont: 'Revise, check and complete the references of the manuscript.'
+					},
+					// {
+					// 	name: 'MainText',
+					// 	refName: 'setFiveRef',
+					// 	rongCont: 'Modify the article body.'
+					// },
+					//  {
+					// 	name: 'Html',
+					// 	refName: 'setSixRef',
+					// 	rongCont: 'HTML layout.'
+					// },
+					// {
+					// 	name: 'Create Build',
+					// 	refName: 'setSevenRef',
+					// 	rongCont: 'Create different types of checked manuscripts and download them.'
+					// },
+					// {
+					// 	name: 'Proof',
+					// 	refName: 'setEightRef',
+					// 	rongCont: ''
+					// }
+				],
+				detailMes: {
+                    title:'454545',
+					type: "",
+					journal_special_id: "None",
+				},
+				opInstal: [],
+				opMedical: [{
+						label: 'None',
+						value: ''
+					},
+					{
+						label: 'ARTICLE',
+						value: 'Article'
+					},
+					{
+						label: 'REVIEW',
+						value: 'Review'
+					},
+					{
+						label: 'CASE REPORT',
+						value: 'Case report'
+					},
+					{
+						label: 'RESEARCH PROPOSAL',
+						value: 'Research proposal'
+					},
+					{
+						label: 'NEWS',
+						value: 'News'
+					},
+					{
+						label: 'COMMENT',
+						value: 'Comment'
+					},
+					{
+						label: 'CORRECTION',
+						value: 'Correction'
+					},
+					{
+						label: 'HYPOTHESIS',
+						value: 'Hypothesis'
+					},
+					{
+						label: 'PREFACE',
+						value: 'Preface'
+					},
+					{
+						label: 'EDITORIAL',
+						value: 'Editorial'
+					},
+					{
+						label: 'REPORT',
+						value: 'Report'
+					},
+					{
+						label: 'LETTER',
+						value: 'Letter'
+					},
+					{
+						label: 'EMPIRICAL FORMULA',
+						value: 'Empirical formula'
+					},
+					{
+						label: 'EVIDENCE-BASED MEDICINE',
+						value: 'Evidence-based medicine'
+					},
+					{
+						label: 'EXPERT CONSENSUS',
+						value: 'Expert consensus'
+					},
+					{
+						label: 'LETTER TO EDITOR',
+						value: 'Letter to editor'
+					},
+					{
+						label: 'QUESTIONNAIRE INVESTIGATION',
+						value: 'Questionnaire investigation'
+					},
+					{
+						label: 'PROTOCOL',
+						value: 'Protocol'
+					},
+					{
+						label: 'CASE SERIES',
+						value: 'Case Series'
+					},
+					{
+						label: 'RETRACTION',
+						value: 'Retraction'
+					},
+					{
+						label: 'MINI REVIEW',
+						value: 'Mini Review'
+					},
+					{
+						label: 'RETRACTION NOTE',
+						value: 'Retraction Note'
+					},
+					{
+						label: '内经难经',
+						value: '内经难经'
+					},
+					{
+						label: '伤寒金匮',
+						value: '伤寒金匮'
+					},
+					{
+						label: '神农本草经',
+						value: '神农本草经'
+					},
+					{
+						label: '温病研究',
+						value: '温病研究'
+					},
+					{
+						label: '唐宋方药',
+						value: '唐宋方药'
+					},
+					{
+						label: '金元各家',
+						value: '金元各家'
+					},
+					{
+						label: '明清经典',
+						value: '明清经典'
+					},
+					{
+						label: '中西汇通',
+						value: '中西汇通'
+					},
+					{
+						label: '太湖选粹',
+						value: '太湖选粹'
+					},
+					{
+						label: '针灸推拿',
+						value: '针灸推拿'
+					},
+					{
+						label: '名医名方',
+						value: '名医名方'
+					},
+					{
+						label: '新冠肺炎',
+						value: '新冠肺炎'
+					},
+					{
+						label: '书评',
+						value: '书评'
+					}
+				],
+				editAuthor: false,
+				addAuthor: false,
+				editSchool: false,
+				addSchool: false,
+				authorData: [],
+				schoolData: [],
+				addFomauthor: {
+					is_first: '0',
+					is_report: '0',
+					organs: []
+				},
+				editFomauthor: {},
+				addFomschool: {},
+				editFomschool: {},
+				showB_step: 1,
+				chanFerForm: [],
+				refProcess: 0,
+				refReal: 0,
+				refAarray: '',
+				placeRef: 'eg:\n[1]Kagabu M, Nagasawa T, Fukagawa D, et al. Immunotherapy for Uterine Cervical Cancer. Healthcare (Basel). 2019 Sep 17;7(3):108. PMID: 31533297; PMCID: PMC6787701.\nhttps://doi.org/10.3390/healthcare7030108\n\n[2]Small W Jr, Bacon MA, Bajaj A, et al. Cervical cancer: A global health crisis. Cancer. 2017 Jul 1;123(13):2404-2412. Epub 2017 May 2. PMID: 28464289.\nhttps://doi.org/10.1002/cncr.30667\n\n[3]Cohen PA, Jhingran A, Oaknin A, et al. Cervical cancer. Lancet. 2019 Jan 12;393(10167):169-182. PMID: 30638582.\nhttps://doi.org/10.1016/S0140-6736(18)32470-X',
+				gridData: '',
+				Main_List: [],
+				file_picF: [],
+				fileL_sub: [],
+				fileL_sub2: [],
+				fileL_Note: [],
+				fileL_Tex: [],
+				fileL_Icm: [],
+				content: '',
+				editorOption: {
+					placeholder: 'Please enter...'
+				},
+				opCountry: [],
+				jour_id_: '',
+				mechanism: [],
+				fol_low: [{
+					value: 1,
+					label: 'Default Template'
+				}],
+				DLfileList: [],
+				UpTypeFile: {
+					pdf: ''
+				},
+				UpTyFIle: '',
+				shuTter: {
+					board: 1
+				},
+				exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!",
+				onlineVisible: false,
+				preLisVisible: false,
+				preArtVisible: false,
+				prePdfVisible: false,
+				preactive: 1,
+				deAuthorYul: {},
+				deMesYul: {},
+				rules: {
+					title: [{
+						required: true,
+						message: 'Please enter title',
+						trigger: 'blur'
+					}],
+					npp: [{
+						required: true,
+						message: 'Please enter page',
+						trigger: 'blur'
+					}],
+					journal_stage_id: [{
+						required: true,
+						message: 'Please select stage',
+						trigger: 'blur'
+					}],
+					type: [{
+						required: true,
+						message: 'Please select type',
+						trigger: 'blur'
+					}],
+					icon: [{
+						required: true,
+						message: 'Please select picture',
+						trigger: 'blur'
+					}],
+					abbr: [{
+						required: true,
+						message: 'Please enter abbr',
+						trigger: 'blur'
+					}],
+					tradition_tag: [{
+						required: true,
+						message: 'Please enter tradition tag',
+						trigger: 'blur'
+					}],
+					tradition: [{
+						required: true,
+						message: 'Please enter tradition',
+						trigger: 'blur'
+					}],
+					pubDate: [{
+						required: true,
+						message: 'Please select pubDate',
+						trigger: 'blur'
+					}],
+					doi: [{
+						required: true,
+						message: 'Please enter doi',
+						trigger: 'blur'
+					}],
+					abstract: [{
+						required: true,
+						message: 'Please enter abstract',
+						trigger: 'blur'
+					}],
+					keywords: [{
+						required: true,
+						message: 'Please enter keywords',
+						trigger: 'blur'
+					}],
+					fund: [{
+						required: true,
+						message: 'Please enter Fund',
+						trigger: 'blur'
+					}],
+					acknowledgment: [{
+						required: true,
+						message: 'Please enter acknowledgment',
+						trigger: 'blur'
+					}],
+					abbreviation: [{
+						required: true,
+						message: 'Please enter abbreviation',
+						trigger: 'blur'
+					}],
+					author_contribution: [{
+						required: true,
+						message: 'Please enter author contribution',
+						trigger: 'blur'
+					}],
+					pub_date: [{
+						required: true,
+						message: 'Please enter date',
+						trigger: 'blur'
+					}],
+					first_name: [{
+						required: true,
+						message: 'Please enter author name',
+						trigger: 'blur'
+					}],
+					last_name: [{
+						required: true,
+						message: 'Please enter author name',
+						trigger: 'blur'
+					}],
+					email: [{
+						required: true,
+						message: 'Please enter contact author email',
+						trigger: 'blur'
+					}],
+					author_country: [{
+						required: true,
+						message: 'Please select a country',
+						trigger: 'blur'
+					}],
+					organ_name: [{
+						required: true,
+						message: 'Please enter mechanism',
+						trigger: 'blur'
+					}]
+				},
+
+			};
+		},
+		created() {
+			this.getHight();
+			window.addEventListener('resize', this.getHight);
+			this.getData();
+			this.getAuthorJG();
+			this.getCount();
+			this.getWorldPdf();
+
+		},
+		methods: {
+			allLoad() {
+				let excelList = [
+					'https://submission.tmrjournals.com/public/manuscirpt/20220831/c7d75d49bf25cf56906d56d07e00a31e.docx',
+					'https://submission.tmrjournals.com/public/manuscirpt/20220925/d1106d60fbfa04e900e98aacb5fdf71a.docx'
+				]
+				for (let i = 0; i < excelList.length; i++) {
+					if (i == 0) {
+						const a_b = document.createElement('a');
+						a_b.href = excelList[i];
+						a_b.download = '1world.docx';
+						console.log(a_b)
+						a_b.click()
+						setTimeout(() => {
+							a_b.remove();
+						}, 1000);
+					}
+					if (i == 1) {
+						setTimeout(() => {
+							const c_d = document.createElement('a');
+							c_d.href = excelList[i];
+							c_d.download = '2world.docx';
+							console.log(c_d)
+							c_d.click()
+							setTimeout(() => {
+								c_d.remove();
+							}, 1000);
+						}, 2000);
+					}
+				}
+			},
+
+			getData() {
+				this.idform.p_article_id = this.p_article_id;
+				this.detailMes.p_article_id = this.p_article_id;
+				this.addFomauthor.p_article_id = this.p_article_id;
+				this.addFomschool.p_article_id = this.p_article_id;
+				this.UpTypeFile.p_article_id = this.p_article_id;
+
+				const loading = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});
+
+				// 获取文章信息
+				this.$api
+					.post('api/Production/getProductionDetail', this.idform)
+					.then(res => {
+						if (res.code == 0) {
+							this.detailMes = res.data.production;
+							this.UpTyFIle = res.data.production.file_pdf;
+
+							if (res.data.production.icon != "") {
+								this.imageUrl = this.mediaUrl + 'articleicon/' + res.data.production.icon;
+							}
+							if (res.data.production.file_pdf != "") {
+								this.file_picF = [{}];
+								this.file_picF[0].name = 'articlePDF';
+								this.file_picF[0].url = this.mediaUrl + 'articlePDF/' + res.data.production.file_pdf;
+							}
+							if (res.data.production.file_sub != "") {
+								this.fileL_sub = [{}];
+								this.fileL_sub[0].name = 'articleSUB';
+								this.fileL_sub[0].url = this.mediaUrl + 'articleSUB/' + res.data.production.file_sub;
+							}
+							if (res.data.production.file_sub2 != "") {
+								this.fileL_sub2 = [{}];
+								this.fileL_sub2[0].name = 'articleSUB2';
+								this.fileL_sub2[0].url = this.mediaUrl + 'articleSUB2/' + res.data.production
+									.file_sub2;
+							}
+							if (res.data.production.endnote != "") {
+								this.fileL_Note = [{}];
+								this.fileL_Note[0].name = 'endNote';
+								this.fileL_Note[0].url = this.mediaUrl + 'endNote/' + res.data.production.endnote;
+							}
+							if (res.data.production.bibtex != "") {
+								this.fileL_Tex = [{}];
+								this.fileL_Tex[0].name = 'bibTex';
+								this.fileL_Tex[0].url = this.mediaUrl + 'bibTex/' + res.data.production.bibtex;
+							}
+							if (res.data.production.file_cdf != "") {
+								this.fileL_Icm = [{}];
+								this.fileL_Icm[0].name = 'articleCDF';
+								this.fileL_Icm[0].url = this.mediaUrl + 'articleCDF/' + res.data.production.file_cdf;
+							}
+
+
+							// if (this.detailMes.main != '') {
+							// 	this.detailMes.main = JSON.parse(this.detailMes.main)
+							// 	if (typeof(this.detailMes.main) != 'object') {
+							// 		this.detailMes.main = eval("(" + this.detailMes.main + ")")
+							// 	}
+							// }
+
+							// this.Main_List = []
+							// for (let i = 0; i < this.detailMes.main.length; i++) {
+							// 	this.Main_List.push({
+							// 		name: this.detailMes.main[i],
+							// 		value: i,
+							// 	})
+							// }
+
+
+							this.CSonline()
+
+							// 获取分期信息
+							this.$api
+								.post('api/Typeset/getStagesOnline', {
+									'journal_id': this.detailMes.journal_id
+								})
+								.then(res => {
+									if (res.code == 0) {
+										this.opInstal = res.data.stages;
+
+									} else {
+										this.$message.error(res.msg);
+									}
+								})
+								.catch(err => {
+									this.$message.error(err);
+								});
+
+							// 下载稿件列表
+							this.$api
+								.post('api/Article/getFilesForArticle', {
+									'article_id': this.detailMes.article_id,
+									'type': 'm'
+								})
+								.then(res => {
+									this.gridData = res.data.files[res.data.files.length - 1].file_url
+								})
+								.catch(err => {
+									console.log(err);
+								});
+
+							loading.close()
+
+						} else {
+							this.$message.error(res.msg);
+							loading.close()
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+						loading.close()
+					});
+
+				// 获取参考文献
+				this.$api
+					.post('api/Production/getReferList', {
+						'p_article_id': this.p_article_id
+					})
+					.then(res => {
+						this.chanFerForm = res.data.refers
+						for (var i = 0; i < this.chanFerForm.length; i++) {
+							this.chanFerForm[i].edit_mark = 1
+							if (this.chanFerForm[i].refer_frag != '') {
+								this.showB_step = 2
+							}
+						}
+					})
+					.catch(err => {
+						console.log(err);
+					});
+
+				// 预览
+				this.$api
+					.post('api/Production/getProductionPreview', {
+						'p_article_id': this.p_article_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.deAuthorYul = res.data.author
+							this.deMesYul = res.data.production
+							// this.deMesYul.journal_title = res.data.journal.title
+                            this.deMesYul.journal_title = 3333
+							let reg = new RegExp('<q>', "g")
+							let reb = new RegExp('</q>', "g")
+							this.deAuthorYul.author = this.deAuthorYul.author.replace(reg, '<sup>');
+							this.deAuthorYul.author = this.deAuthorYul.author.replace(reb,
+								'</sup>,<span style="margin-left:8px"></span>'
+							);
+							let lastIndex = this.deAuthorYul.author.lastIndexOf(',');
+							this.deAuthorYul.author = this.deAuthorYul.author.substring(0, lastIndex) + this
+								.deAuthorYul.author.substring(lastIndex + 1, this.deAuthorYul.author.length);
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+			},
+
+			getWorldPdf() {
+				// 可以下载的word列表
+				this.$api
+					.post('api/Production/getArticleFrags', {
+						p_article_id: this.p_article_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.DLfileList = res.data.frags
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+			},
+
+			getCount() {
+				// 获取国家列表
+				this.$api
+					.post('api/Admin/getCountrys')
+					.then(res => {
+						this.opCountry = res;
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			getAuthorJG() {
+				// 获取作者列表
+				this.$api
+					.post('api/Production/getAuthorlist', this.idform)
+					.then(res => {
+						if (res.code == 0) {
+							this.authorData = res.data.authors;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+				// 获取机构列表
+				this.$api
+					.post('api/Production/getOrganList', this.idform)
+					.then(res => {
+						if (res.code == 0) {
+							this.schoolData = res.data.organs;
+							this.mechanism = res.data.organs;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 1----时间初始化
+			CSonline() {
+				if (this.detailMes.pub_date != '') {
+					this.detailMes.pubDate = ''
+					let date = this.detailMes.pub_date;
+					let dataM = date.split(" ")[1]
+					let Y = date.substring(date.lastIndexOf("\ ") + 1, date.length);
+					let M = 0
+					let D = date.split(" ")[0]
+					if (dataM == 'January') {
+						M = 1
+					} else if (dataM == 'February') {
+						M = 2
+					} else if (dataM == 'March') {
+						M = 3
+					} else if (dataM == 'April') {
+						M = 4
+					} else if (dataM == 'May') {
+						M = 5
+					} else if (dataM == 'June') {
+						M = 6
+					} else if (dataM == 'July') {
+						M = 7
+					} else if (dataM == 'August') {
+						M = 8
+					} else if (dataM == 'September') {
+						M = 9
+					} else if (dataM == 'October') {
+						M = 10
+					} else if (dataM == 'November') {
+						M = 11
+					} else if (dataM == 'December') {
+						M = 12
+					}
+					this.detailMes.pubDate = Y + '-' + M + '-' + D
+				}
+			},
+
+			// 1----转化日期格式
+			dateBlur(e) {
+				//1
+				this.$forceUpdate()
+				//2、或者自己修改数据监听的最新数据
+				this.itemKey = Math.random()
+				let date = new Date(e);
+				let Y = date.getFullYear();
+				let M = date.getMonth() + 1;
+				let D = date.getDate();
+				if (M == 1) {
+					M = 'January'
+				} else if (M == 2) {
+					M = 'February'
+				} else if (M == 3) {
+					M = 'March'
+				} else if (M == 4) {
+					M = 'April'
+				} else if (M == 5) {
+					M = 'May'
+				} else if (M == 6) {
+					M = 'June'
+				} else if (M == 7) {
+					M = 'July'
+				} else if (M == 8) {
+					M = 'August'
+				} else if (M == 9) {
+					M = 'September'
+				} else if (M == 10) {
+					M = 'October'
+				} else if (M == 11) {
+					M = 'November'
+				} else if (M == 12) {
+					M = 'December'
+				}
+				this.detailMes.pub_date = D + ' ' + M + ' ' + Y
+			},
+
+
+
+			// 1----分期组合格式
+			neYStage(e) {
+				return e.stage_year + ' Vol.' + e.stage_vol + ' issue.' + e.stage_no + e.stage_pagename + e.stage_page
+			},
+
+			// 1----保存稿件信息
+			ZsSaveMes() {
+				if (this.detailMes.journal_stage_id == 0) {
+					this.$message.error('Please select an installment!');
+					return
+				}
+				this.$refs.Mes_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/editProduction', this.detailMes)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success(`Successfully save the article!`);
+									this.getData();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						this.$message.error('Please complete Essential Information first!');
+						this.jumpTab(0, this.tabsList[0])
+						return false;
+					}
+				});
+
+			},
+
+
+			// 2----添加作者操作
+			add_Authorclick(index, row) {
+				this.aid = index;
+				this.addAuthor = true;
+			},
+			authorAdd(addFomauthor) {
+				this.$refs.add_Author.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/addAuthor', this.addFomauthor)
+							.then(res => {
+								if (res.code == 0) {
+									this.addAuthor = false;
+									this.$refs.add_Author.resetFields();
+									this.addFomauthor.organs = [];
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+			handleCheckedCitiesChange(value) {
+
+			},
+			// 2----编辑作者操作
+			authorhandEdit(index, row) {
+				this.idx = index;
+				this.editFomauthor = Object.assign({}, row);
+				this.editAuthor = true;
+				let xzjg_list = [];
+				for (var i = 0; i < this.editFomauthor.organs.length; i++) {
+					xzjg_list.push(this.editFomauthor.organs[i].p_article_organ_id + '');
+				};
+				this.editFomauthor.organs = xzjg_list;
+			},
+			authorEdit(editFomauthor) {
+				this.$refs.edit_Author.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/editAuthor', this.editFomauthor)
+							.then(res => {
+								if (res.code == 0) {
+									this.editAuthor = false;
+									this.$message.success(
+										`Successfully changed the author of line ${this.idx + 1} !`);
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+			// 2----删除作者
+			authorDelete(index, row) {
+				// 二次确认删除
+				this.$confirm('Whether to delete the authors joint and several institutional relationships？', 'Tips', {
+						type: 'warning'
+					})
+					.then(() => {
+						this.$api
+							.post('api/Production/delAuthor', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Deletion succeeded!');
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			},
+			// 2----添加机构操作
+			add_Schoolclick(index, row) {
+				this.aid = index;
+				this.addSchool = true;
+			},
+			schoolAdd(addFomschool) {
+				this.$refs.add_School.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/addAuthorOrgan', this.addFomschool)
+							.then(res => {
+								if (res.code == 0) {
+									this.addSchool = false;
+									this.$refs.add_School.resetFields();
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+			// 2----编辑机构操作
+			schoolhandEdit(index, row) {
+				this.idx = index;
+				this.editFomschool = Object.assign({}, row);
+				this.editSchool = true;
+			},
+			schoolEdit(editFomschool) {
+				this.$refs.edit_School.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/editAuthorOrgan', this.editFomschool)
+							.then(res => {
+								if (res.code == 0) {
+									this.editSchool = false;
+									this.$message.success(
+										`Successfully changed the mechanism of row ${this.idx + 1} !`);
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+			// 2----删除机构
+			schoolDelete(index, row) {
+				// 二次确认删除
+				this.$confirm(
+						'Do you want to delete the author relationship between the organization and its associated authors？',
+						'Tips', {
+							type: 'warning'
+						})
+					.then(() => {
+						this.$api
+							.post('api/Production/delAuthorOrgan', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Deletion succeeded!');
+									this.getAuthorJG();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			},
+
+			// 4----删除MainText
+			MTxtDelet(c, v) {
+				this.Main_List.splice(v, 1)
+			},
+
+			// 4----保存MainText
+			mtxt_save() {
+				let ts_main = []
+				for (let i in this.Main_List) {
+					ts_main.push(this.Main_List[i].name)
+				}
+				ts_main = JSON.stringify(ts_main)
+
+				this.$api
+					.post('api/Production/editMainContent', {
+						'p_article_id': this.p_article_id,
+						'main': ts_main
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('Successfully modified the article body!');
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+			},
+
+
+
+			//5----参考文献左侧步骤条
+			StepBNext(e) {
+				this.showB_step = e
+			},
+
+			//5----按钮每一步操作
+			StepBOper(e) {
+				if (e == 1) {
+					// 弹出新的页面粘贴DOI
+					window.open(
+						"https://apps.crossref.org/SimpleTextQuery",
+						'_blank',
+						'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
+					)
+				} else if (e == 2) {
+					// 发送转化为标准格式
+					let refAarray_list = []
+					if (this.refAarray != '') {
+						refAarray_list = this.refAarray.split(/[\r\n\r\n]/)
+						for (var i = 0; i < refAarray_list.length; i++) {
+							if (refAarray_list[i] == " " || refAarray_list[i] == "") {
+								refAarray_list.splice(i, 1)
+								i = i - 1
+							}
+							if (refAarray_list[i].indexOf("https://") == 0) {
+								refAarray_list[i - 1] = refAarray_list[i - 1] + refAarray_list[i]
+								refAarray_list.splice(i, 1)
+								i = i - 1
+							}
+						}
+
+						// 参考文献接口
+						this.$api
+							.post('api/Production/freshRefers', {
+								'refers': refAarray_list,
+								'p_article_id': this.p_article_id
+							})
+							.then(res => {
+								if (res.code == 0) {
+									// 获取进度百分比
+									this.refProcess = 1
+									this.refReal = 0
+									let timeRef = setInterval(() => {
+										this.$api
+											.post('api/Production/getFragBF', {
+												'p_article_id': this.p_article_id
+											})
+											.then(res => {
+												if (res.code == 0) {
+													if (res.data.bf < 100) {
+														this.refReal = res.data.bf
+													} else {
+														clearInterval(timeRef)
+														this.refProcess = 0
+														this.$message.success(
+															'Successfully converted to standard format!'
+														);
+														this.changeRefer()
+														this.showB_step = 2
+													}
+												} else {
+													this.refProcess = 0
+													this.$message.error(res.msg);
+												}
+											})
+											.catch(err => {
+												this.refProcess = 0
+												console.log(err);
+											});
+									}, 3000)
+								}
+							})
+							.catch(err => {
+								console.log(err);
+							});
+					} else {
+						this.$message.error('Please fill in the content!');
+					}
+				}
+			},
+
+
+			// 5----数组排序
+			DownNumber(a, b) {
+				return (a > b) ? 1 : -1
+			},
+
+
+			// 5----重新获取加载参考文献
+			changeRefer(val) {
+				this.$api
+					.post('api/Production/getReferList', {
+						'p_article_id': this.p_article_id
+					})
+					.then(res => {
+						this.chanFerForm = res.data.refers
+						for (var i = 0; i < this.chanFerForm.length; i++) {
+							this.chanFerForm[i].edit_mark = 1
+						}
+						console.log(this.chanFerForm)
+					})
+					.catch(err => {
+						console.log(err);
+					});
+			},
+
+
+			// 5----点击修改参考文献
+			referMark(e) {
+				this.chanFerForm[e].edit_mark = 0
+				this.$forceUpdate()
+			},
+
+			// 5----参考文献修改最终结果
+			ChanFerEditFrag(e, v) {
+				e.article_id = this.acticleId
+				this.$api
+					.post('api/Production/editReferFrag', e)
+					.then(res => {
+						if (res.code == 0) {
+							this.$message.success('Successfully modified the standard format!');
+							this.changeRefer(e)
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						console.log(err);
+					});
+			},
+
+			// 5----参考文献向上合并
+			ChanFerMashUp(e) {
+				console.log(e)
+				this.$api
+					.post('api/Production/referHB', e)
+					.then(res => {
+						if (res.code == 0) {
+							this.changeRefer(e)
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						console.log(err);
+					});
+			},
+
+			// 5----进度条颜色
+			customColorMethod(percentage) {
+				if (percentage < 20) {
+					return '#f95f30';
+				} else if (percentage < 40) {
+					return '#f6ac3d';
+				} else if (percentage < 60) {
+					return '#e6a23c';
+				} else if (percentage < 80) {
+					return '#afbd0d';
+				} else {
+					return '#79bd0d';
+				}
+			},
+
+			// 6----模板选择
+			select_tem() {
+
+			},
+
+			// 6----创建文章
+			EstaBlish() {
+				this.$api
+					.post('api/Production/checkRefer', {
+						'p_article_id': this.p_article_id,
+					})
+					.then(res => {
+						if (res.code == 0) {
+							const loading = this.$loading({
+								lock: true,
+								text: 'Loading...',
+								spinner: 'el-icon-loading',
+								background: 'rgba(0, 0, 0, 0.7)'
+							});
+							this.$api
+								.post('api/Production/doTypeSetting', {
+									p_article_id: this.p_article_id
+								})
+								.then(res => {
+									if (res.code == 0) {
+										this.getWorldPdf();
+										this.$message.success('Successfully generated manuscript!');
+										loading.close();
+									} else {
+										this.$message.error(res.msg);
+										loading.close();
+									}
+								})
+								.catch(err => {
+									this.$message.error(err);
+									loading.close();
+								});
+						} else {
+							this.$message.error(res.msg);
+							return
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 6----校对文章
+			htmlContet() {
+				this.$api
+					.post('api/Production/getProductionMains', {
+						p_article_id: this.p_article_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.$router.push({
+								path: 'comArtHtmlCreat',
+								query: {
+									id: this.p_article_id
+								}
+							});
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 6----修改时间为年月日
+			modifDate(e) {
+				let date = new Date(parseInt(e));
+				let Y = date.getFullYear() + '-';
+				let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+				let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+				let H = date.getHours() < 10 ? '0' + date.getHours() + ':' : date.getHours() + ':';
+				let U = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+				return Y + M + D + ' ' + H + U;
+			},
+
+			// 6----保存稿件信息
+			ZsSaveAbs() {
+				this.$refs.Abs_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Production/editArticleLast', {
+								'p_article_id': this.detailMes.p_article_id,
+								'abstract': this.detailMes.abstract,
+								'doi': this.detailMes.doi,
+								'pub_date': this.detailMes.pub_date,
+							})
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success(`Successfully save the article!`);
+									this.getData();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+
+			// 6----文件上传
+			beforeupload_UpTy(file) {
+
+			},
+			uperr_UpTy(err) {
+				this.$message.error('upload error');
+			},
+			upSuccess_UpTy(res, file) {
+				if (res.code == 0) {
+					this.UpTypeFile.pdf = 'pdf/' + res.upurl;
+					this.$api
+						.post('api/Production/updateArticlePdf', this.UpTypeFile)
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('Upload PDF succeeded!');
+								this.$refs.uploadUpty.clearFiles();
+								this.UpTypeFile.pdf = '';
+								this.getData();
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error('service error：' + res.msg);
+				}
+			},
+			removefileUpTy(file, fileList) {
+				this.UpTypeFile.pdf = '';
+			},
+			alertlimit() {
+				this.$message.error('The maximum number of uploaded files has been exceeded');
+			},
+
+
+
+			// 7-----等待作者确定
+			TjQdingFirm() {
+				if (this.UpTyFIle == '') {
+					this.$message.error('Please upload PDF first!');
+					return
+				}
+				this.$refs.Mes_Form.validate((valid) => {
+					if (valid) {
+						this.$confirm(
+								'Are you sure to submit to the author for confirmation?',
+								'Tips', {
+									confirmButtonText: 'OK',
+									cancelButtonText: 'Cancel',
+									type: 'warning'
+								})
+							.then(() => {
+								const loading = this.$loading({
+									lock: true,
+									text: 'Loading...',
+									spinner: 'el-icon-loading',
+									background: 'rgba(0, 0, 0, 0.7)'
+								});
+								this.$api
+									.post('api/Production/pushProof', {
+										'p_article_id': this.detailMes.p_article_id
+									})
+									.then(res => {
+										if (res.code == 0) {
+											this.$message.success(
+												'Proof succeeded!');
+											loading.close();
+											localStorage.setItem('U_point', 3)
+											localStorage.setItem('U_pointJour', this.detailMes.journal_id)
+											this.$router.push('/articleListEditor');
+										} else {
+											this.$message.error(res.msg);
+											loading.close();
+										}
+									})
+									.catch(err => {
+										this.$message.error(err);
+										loading.close();
+									});
+							})
+							.catch(() => {});
+
+					} else {
+						this.$message.error('Please complete Essential Information first!');
+						this.jumpTab(0, this.tabsList[0])
+						return false;
+					}
+				});
+			},
+
+
+			// 1----上传图片
+			handleAvatarSuccess(res, file) {
+				if (res.code == 0) {
+					this.detailMes.icon = res.upurl;
+				} else {
+					this.$message.error(res.msg);
+				}
+				this.imageUrl = URL.createObjectURL(file.raw);
+			},
+			handleAvatarError(res, file) {
+
+			},
+			beforeAvatarUpload(file) {
+				const isLt2M = file.size / 1024 / 1024 < 1;
+				if (!isLt2M) {
+					this.$message.error('Picture size cannot exceed 1M!');
+				}
+				return isLt2M;
+			},
+
+
+			// 3----上传文件
+			handleChangeF(file, fileList) {
+				if (fileList.length > 0) {
+					this.file_picF = [fileList[fileList.length - 1]]
+				}
+			},
+			handleChange3(file, fileList) {
+				if (fileList.length > 0) {
+					this.fileL_sub = [fileList[fileList.length - 1]]
+				}
+			},
+			handleChange4(file, fileList) {
+				if (fileList.length > 0) {
+					this.fileL_sub2 = [fileList[fileList.length - 1]]
+				}
+			},
+			handleChange5(file, fileList) {
+				if (fileList.length > 0) {
+					this.fileL_Note = [fileList[fileList.length - 1]]
+				}
+			},
+			handleChange6(file, fileList) {
+				if (fileList.length > 0) {
+					this.fileL_Tex = [fileList[fileList.length - 1]]
+				}
+			},
+			handleChange7(file, fileList) {
+				if (fileList.length > 0) {
+					this.fileL_Icm = [fileList[fileList.length - 1]]
+				}
+			},
+
+
+			// 3----上传文件
+			handleFileSuccess3(res, file) {
+				if (res.code == 0) {
+					this.$api
+						.post('api/Production/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'SUB',
+							'fileURL': res.upurl
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('SUB File upload succeeded!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error(res.msg);
+				}
+			},
+			handleFileSuccess4(res, file) {
+				if (res.code == 0) {
+					this.$api
+						.post('api/Production/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'SUB2',
+							'fileURL': res.upurl
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('SUB2 File upload succeeded!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error(res.msg);
+				}
+			},
+			handleFileSuccess5(res, file) {
+				if (res.code == 0) {
+					this.$api
+						.post('api/Production/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'endNote',
+							'fileURL': res.upurl
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('EndNote File upload succeeded!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error(res.msg);
+				}
+			},
+			handleFileSuccess6(res, file) {
+				if (res.code == 0) {
+					this.$api
+						.post('api/Production/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'bibTex',
+							'fileURL': res.upurl
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('BibTeX File upload succeeded!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error(res.msg);
+				}
+			},
+			handleFileSuccess7(res, file) {
+				if (res.code == 0) {
+					this.$api
+						.post('api/Production/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'CDF',
+							'fileURL': res.upurl
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('ICMJE DISCLOSURE FORM File upload succeeded!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				} else {
+					this.$message.error(res.msg);
+				}
+			},
+			handleFileError(res, file) {
+
+			},
+			handleRemove(file, fileList) {
+
+			},
+			handlePreview(file) {
+				window.open(file.url);
+			},
+			handleExceed(files, fileList) {
+				this.$message.warning("The current limit is 1 file. Please delete the current file first!");
+			},
+			// 3----删除文件
+			beforeRemove3(file, fileList) {
+				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
+					this.$api
+						.post('master/Article/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'SUB',
+							'fileURL': ''
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('SUB File deleted successfully!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				});
+			},
+			beforeRemove4(file, fileList) {
+				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
+					this.$api
+						.post('master/Article/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'SUB2',
+							'fileURL': ''
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('SUB2 File deleted successfully!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				});
+			},
+			beforeRemove5(file, fileList) {
+				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
+					this.$api
+						.post('master/Article/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'endNote',
+							'fileURL': ''
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('EndNote File deleted successfully!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				});
+			},
+			beforeRemove6(file, fileList) {
+				return this.$confirm(`Are you sure to remove ${ file.name }?`).then(() => {
+					this.$api
+						.post('master/Article/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'bibTex',
+							'fileURL': ''
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('BibTeX File deleted successfully!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				});
+			},
+			beforeRemove7(file, fileList) {
+				return this.$confirm(`Are you sure to remove${ file.name }?`).then(() => {
+					this.$api
+						.post('master/Article/editArticleFile', {
+							'p_article_id': this.p_article_id,
+							'filetype': 'CDF',
+							'fileURL': ''
+						})
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('ICMJE DISCLOSURE FORM File deleted successfully!');
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				});
+			},
+
+			// 富文本编辑器
+			onEditorChange({
+				editor,
+				html,
+				text
+			}) {
+				this.content = html;
+			},
+
+            // 提交到produce
+            pushProduce(detailMes){
+                this.$message.error('还没对接接口')
+            },
+			// 点击开始上线显示
+			pushOnline(detailMes) {
+				if (this.authorData.length == 0) {
+					this.$message.error('Please complete the author information!');
+					return
+				}
+				this.$refs.Mes_Form.validate((valid) => {
+					if (valid) {
+						this.onlineVisible = true
+					} else {
+						this.$message.error('Please complete Essential Information first!');
+						this.jumpTab(0, this.tabsList[0])
+						return false;
+					}
+				});
+			},
+
+			// 预览列表
+			gOpreviewList() {
+				this.preLisVisible = true
+			},
+
+			// 预览文章
+			gOpreviewArt() {
+				
+				// 获取文章信息
+				this.$api
+					.post('api/Production/getProductionMains', {
+						p_article_id: this.p_article_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.deMesYul.htmlList = res.data.mains
+									this.preArtVisible = true
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+		
+			},
+
+			// 预览pdf
+			gOpreviewPDF() {
+				if (this.UpTyFIle == '') {
+					this.$message.error('Please upload PDF first!');
+					return
+				} else {
+					let urlBlan = this.baseUrl + 'public/' + this.UpTyFIle
+					window.open(urlBlan, '_blank')
+				}
+			},
+
+			// 上线
+			gOline() {
+				if (this.UpTyFIle == '') {
+					this.$message.error('Please upload PDF first!');
+					return
+				}
+				// 二次确认
+				this.$confirm(
+						'Are you sure you want to push this manuscript to the official website?',
+						'Tips', {
+							confirmButtonText: 'OK',
+							cancelButtonText: 'Cancel',
+							type: 'warning'
+						})
+					.then(() => {
+						const loading = this.$loading({
+							lock: true,
+							text: 'Loading...',
+							spinner: 'el-icon-loading',
+							background: 'rgba(0, 0, 0, 0.7)'
+						});
+						this.$api
+							.post('api/Production/pushArticleToSystem', {
+								'p_article_id': this.detailMes.p_article_id
+							})
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success(
+										'Creat Online succeeded!');
+									loading.close();
+									localStorage.setItem('U_point', 3)
+									localStorage.setItem('U_pointJour', this.detailMes.journal_id)
+									this.$router.push('/articleListEditor');
+								} else {
+									this.$message.error(res.msg);
+									loading.close();
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+								loading.close();
+							});
+					})
+					.catch(() => {});
+			},
+
+
+			// tab click锚点滚动
+			jumpTab(tab, event) {
+				this.tabClick = event.refName
+				let target = document.querySelector('.scroll-content')
+				// console.log(target)
+				let scrollItems = document.querySelectorAll('.scroll-item')
+				// 判断滚动条是否滚动到底部
+				if (target.scrollHeight <= target.scrollTop + target.clientHeight) {
+					this.tabIndex = tab
+				}
+				let totalY = scrollItems[tab].offsetTop - scrollItems[0]
+					.offsetTop // 锚点元素距离其offsetParent(这里是body)顶部的距离(待滚动的距离)
+				let distance = document.querySelector('.scroll-content').scrollTop // 滚动条距离滚动区域顶部的距离
+				// let distance = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset // 滚动条距离滚动区域顶部的距离(滚动区域为窗口)
+				// 滚动动画实现, 使用setTimeout的递归实现平滑滚动，将距离细分为50小段，10ms滚动一次
+				// 计算每一小段的距离
+				let step = totalY / 50
+				if (totalY > distance) {
+					smoothDown(document.querySelector('.scroll-content'))
+				} else {
+					let newTotal = distance - totalY
+					step = newTotal / 50
+					smoothUp(document.querySelector('.scroll-content'))
+				}
+
+				// 参数element为滚动区域
+				function smoothDown(element) {
+					if (distance < totalY) {
+						distance += step
+						element.scrollTop = distance
+						setTimeout(smoothDown.bind(this, element), 10)
+					} else {
+						element.scrollTop = totalY
+					}
+				}
+
+				// 参数element为滚动区域
+				function smoothUp(element) {
+					if (distance > totalY) {
+						distance -= step
+						element.scrollTop = distance
+						setTimeout(smoothUp.bind(this, element), 10)
+					} else {
+						element.scrollTop = totalY
+					}
+				}
+			},
+
+
+			// 滚动条滚动
+			onScroll(e) {
+				let scrollItems = document.querySelectorAll('.scroll-item')
+				for (let i = scrollItems.length - 1; i >= 0; i--) {
+					// 判断滚动条滚动距离是否大于当前滚动项可滚动距离
+					let judge =
+						e.target.scrollTop >=
+						scrollItems[i].offsetTop - scrollItems[0].offsetTop
+					if (judge) {
+						this.tabIndex = i.toString()
+						// 找对应的tab-name值
+						this.tabName = this.tabsList[this.tabIndex].refName
+						// this.tabClick = this.tabsList[this.tabIndex].refName
+						break
+					}
+				}
+			},
+
+
+			getHight() {
+				this.contentStyleObj.height = window.innerHeight - 120 + 'px'
+				// this.jumpTab(0,this.tabsList[0])
+			},
+		},
+		components: {
+			quillEditor
+		},
+	}
+</script>
+
+<style>
+	.handle-box {
+		margin-bottom: 20px;
+	}
+
+	.title_header {
+		margin-bottom: 20px;
+	}
+
+	.tab_post {
+		background-color: #fafafa;
+		position: absolute;
+		left: 25px;
+		top: 60px;
+		width: 220px;
+		z-index: 50;
+	}
+
+	.tab_post>div {
+		margin-bottom: 30px;
+		cursor: pointer;
+		position: relative;
+	}
+
+	.tab_post>div h5 {
+		padding: 10px 10px 0 0;
+		margin-bottom: 5px;
+		border-radius: 10px;
+		font-size: 16px;
+		color: #333;
+		font-weight: bold;
+		letter-spacing: -0.6px;
+	}
+
+	.tab_post>div h5 span {
+		border: 2px solid #333;
+		padding: 0 7px;
+		margin: 0 5px 0 0;
+		border-radius: 15px;
+		font-size: 12px;
+		display: inline-block;
+	}
+
+	.tab_post>div p {
+		margin: 0 20px 0 33px;
+		color: #999;
+		font-size: 14px;
+		line-height: 18px;
+	}
+
+	.tab_post>div .line {
+		top: 50px;
+		left: 11px;
+		bottom: -25px;
+		position: absolute;
+		border: 1px dashed #999;
+	}
+
+
+	.tab_post>div:nth-child(7) .line {
+		border: none;
+	}
+
+	.tab_post>div.P_style h5 {
+		color: #006699;
+	}
+
+	.tab_post>div.P_style h5 span {
+		background-color: #006699;
+		border: 2px solid #006699;
+		color: #fff;
+	}
+
+	.tab_post>div.P_style p {
+		color: #333;
+	}
+
+	.tab_post>div.P_style .line {
+		/* border-color: #006699; */
+	}
+
+
+
+
+
+	.scroll-item {
+		margin: 0 30px 50px 255px;
+	}
+
+	.bor_style_onli {
+		border: 2px solid #0066991a;
+		background-color: #fff;
+		border-radius: 5px;
+		padding: 20px;
+	}
+
+	.bor_style_onli>h4 {
+		margin: 0 0 20px 0;
+		letter-spacing: -0.5px;
+	}
+
+
+	.captcha-img.el-switch.is-disabled {
+		opacity: 1;
+	}
+
+	.captcha-img.el-switch.is-disabled .el-switch__core {
+		cursor: pointer;
+	}
+
+	.message-title {
+		cursor: pointer;
+	}
+
+
+
+	.guanSty {
+		min-width: 1000px;
+	}
+
+	.guanSty .quill-editor {
+		margin-bottom: 20px;
+		/* height: 200px; */
+	}
+
+	.guanSty .ql-toolbar {
+		border: 1px solid #DCDFE6 !important;
+	}
+
+	.guanSty .ql-container {
+		min-height: 100px !important;
+		border: 1px solid #DCDFE6 !important;
+	}
+
+	.guanSty .ql-editor {
+		height: 100px;
+	}
+
+	.guanSty .upload-demo .el-upload {
+		width: 55px;
+		float: left;
+		margin-left: 5px;
+		border: none;
+		text-align: left;
+		height: 35px;
+	}
+
+	.guanSty .el-upload-list {
+		margin-top: 4px;
+		margin-left: 20px;
+		float: left;
+		width: 35px;
+	}
+
+	.guanSty .el-upload-list .el-upload-list__item {
+		width: 30px !important;
+	}
+
+	.guanSty .el-upload-list .el-upload-list__item:hover {
+		cursor: pointer;
+	}
+
+	.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-name {
+		width: 30px;
+	}
+
+	.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
+		display: none;
+	}
+
+	.guanSty .el-upload-list__item:hover .el-icon-close {
+		display: none;
+	}
+
+
+	.guanSty .avatar-uploader .el-upload {
+		border: 1px dashed #d9d9d9;
+		border-radius: 6px;
+		cursor: pointer;
+		position: relative;
+		overflow: hidden;
+		width: 140px;
+		height: 140px;
+	}
+
+	.guanSty .avatar-uploader .el-upload:hover {
+		border-color: #409EFF;
+	}
+
+	.guanSty .avatar-uploader-icon {
+		font-size: 28px;
+		color: #8c939d;
+		width: 140px;
+		height: 140px;
+		line-height: 140px;
+		text-align: center;
+	}
+
+	.guanSty .avatar {
+		width: 140px;
+		height: 140px;
+		display: block;
+	}
+
+	.guanSty .upload-demo .el-upload-list__item:first-child {
+		margin-top: 0;
+		width: 300px;
+	}
+
+	.suoshu_jigou .el-checkbox__label {
+		white-space: normal;
+	}
+
+	.suoshu_jigou .el-checkbox__input {
+		vertical-align: top;
+		margin-top: 8px;
+	}
+
+
+
+	.liter_ture {
+		position: relative;
+		margin-top: 30px;
+	}
+
+	.chanSelLef {
+		float: left;
+		width: 30%;
+		margin: 0 50px 0 0;
+	}
+
+	.chanSelLef>p {
+		font-size: 14px;
+		color: #333;
+		margin: 10px 0 30px 0;
+		line-height: 22px;
+	}
+
+	.chanSelLef>div {
+		margin: 0 0 20px 0;
+	}
+
+
+
+	.chanSelLef>div>h3 {
+		font-size: 14px;
+		letter-spacing: -0.5px;
+		color: #999;
+	}
+
+	.chanSelLef>div>h3:hover {
+		/* text-decoration: underline; */
+	}
+
+	.chanSelLef>div>h3>span {
+		color: #fff;
+		background-color: #999;
+		padding: 2px 6px;
+		margin: 0 10px 0 0;
+	}
+
+	.chanSelLef>div>div>p {
+		font-size: 14px;
+		color: #333;
+		margin: 10px 0 0 32px;
+		line-height: 24px;
+	}
+
+	.chanSelLef>div.C_style>h3 {
+		color: #006699;
+
+	}
+
+	.chanSelLef>div.C_style>h3>span {
+		background-color: #006699;
+	}
+
+	.chanFerAll {
+		float: left;
+		position: relative;
+		width: 61.5%;
+	}
+
+	.chanFerAll .chanFerBtn {
+		cursor: pointer;
+	}
+
+	.chanFerAll .ref_list:nth-child(2n) {}
+
+	.chanFerAll .ref_list:nth-child(2n+1) {
+		background-color: #ecf5ff;
+	}
+
+	.ref_list {
+		padding: 20px;
+		position: relative;
+	}
+
+	.ref_list>b {
+		position: absolute;
+		top: 5px;
+		left: 10px;
+		font-size: 12px;
+	}
+
+	.ref_list>i {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		font-size: 16px;
+		color: #006699;
+		cursor: pointer;
+	}
+
+	.ref_list>div:nth-child(1) {
+		margin: 0 0 15px 0;
+	}
+
+	.ref_list>div:nth-child(1) input {}
+
+	.ref_list>div:nth-child(1) button {
+		float: right;
+	}
+
+	.ref_list>div:nth-child(2) {
+		margin: 0 0 15px 0;
+	}
+
+	.ref_list>div.BG_yell {
+		background-color: #fdf3e3;
+		padding: 15px 0;
+	}
+
+	.RefProBar {
+		position: absolute;
+		background: rgba(0, 0, 0, 0.7);
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+	}
+
+	.RefProBar>div {
+		width: 76%;
+		position: absolute;
+		top: 40%;
+		left: 12%;
+	}
+
+	.RefProBar>div>p {
+		color: #fff;
+		margin: 20px 0 0 0;
+	}
+
+	.RefProBar>div>p>img {
+		width: 30px;
+		vertical-align: middle;
+		margin: 0 10px 0 5px;
+	}
+
+	.RefProBar>div>p>span {
+		font-size: 18px;
+	}
+
+	.upload-demo_6 {
+		overflow: auto;
+	}
+
+	.upload-demo_6 .el-upload {
+		margin-left: 0 !important;
+		width: 150px !important;
+		height: auto !important;
+		text-align: center !important;
+	}
+
+	.upload-demo_6 .el-upload__tip {
+		margin-left: 15px;
+		float: left;
+	}
+
+	.typeA_MTxt>div>div {
+		position: relative;
+		border-bottom: 1px solid #d6e5ec;
+		padding: 10px 0 12px 0;
+	}
+
+	.typeA_MTxt>div>div .el-button {
+		position: absolute;
+		right: 5px;
+		top: -1px;
+	}
+
+	.typeA_MTxt>h5 {
+		margin: 25px 0 15px 0;
+		line-height: 18px;
+		font-size: 13px;
+		color: #bbb;
+		font-weight: 400;
+	}
+
+	.bor_style_onli .load_pdf {
+		margin-bottom: 20px;
+	}
+
+	.bor_style_onli .load_pdf>img {
+		vertical-align: sub;
+		margin: 0 15px 0 0;
+	}
+
+	.bor_style_onli .load_pdf a i:hover {
+		color: #006699 !important;
+		transform: scale(1.3);
+	}
+
+
+	.con_firm {
+		font-size: 14px;
+		line-height: 28px;
+	}
+
+	.con_firm b {
+		margin-left: 5px;
+	}
+
+	.con_firm i {
+		font-size: 18px;
+		margin-right: 5px;
+		vertical-align: text-bottom;
+	}
+
+	.aMesage {
+		font-size: 14px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+		word-break: break-all;
+	}
+
+	.aMes_typ {
+		line-height: 35px;
+		border-bottom: 1px solid #f1f1f1;
+		color: #7f0202;
+		font-weight: bold;
+	}
+
+	.aMes_tit {
+		color: #222;
+		font-weight: bold;
+		margin-top: 8px;
+		line-height: 20px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.aMes_autor {
+		margin-top: 5px;
+		font-size: 15px;
+		font-family: Calibri;
+	}
+
+	.aMes_doi {
+		margin-top: 8px;
+	}
+
+	.aMes_doi span {
+		margin-left: 20px;
+	}
+
+	.aMes_asbimg {
+		margin-top: 20px;
+
+	}
+
+	.aMes_asbimg img {
+		float: left;
+		width: 290px;
+	}
+
+	.aMes_asbimg div {
+		float: left;
+		font-family: Calibri;
+		width: 430px;
+		padding-left: 30px;
+	}
+
+	.aArticle {
+		font-size: 14px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+		word-break: break-all;
+	}
+
+	.aArt_doi {}
+
+	.aArt_tit {
+		font-size: 16px;
+		color: #333333;
+		font-weight: bold;
+		margin: 20px 0 15px 0;
+		line-height: 24px;
+	}
+
+	.aArt_autor {
+		margin-top: 5px;
+		font-size: 15px;
+		font-family: Calibri;
+	}
+
+	.aArt_autor img {
+		width: 13px;
+		margin-left: 3px;
+	}
+
+	.aArt_jigou {
+		margin-top: 10px;
+		line-height: 20px;
+		font-family: Calibri;
+	}
+
+	.aArt_abst {
+		margin-top: 30px;
+	}
+
+	.aArt_abst .titTop {
+		border-bottom: 1px solid #ddd;
+		margin-bottom: 20px;
+	}
+
+	.aArt_abst .titTop b {
+		font-weight: normal;
+		display: inline-block;
+		padding: 8px 10px;
+		border: 1px solid transparent;
+		margin-bottom: -1px;
+		border-radius: 4px 4px 0 0;
+		cursor: pointer;
+	}
+
+	.aArt_abst .titTop b.Tab_col {
+		border: 1px solid #ddd;
+		border-bottom-color: #fff;
+	}
+
+	.aArt_abst .titHtml {
+		letter-spacing: .03em;
+		margin: 15px 10px 0 10px;
+		color: #444;
+		font-size: 15px;
+		line-height: 1.4;
+		word-break: break-word;
+	}
+
+	.aArt_abst>p {
+		margin: 25px 10px 0 10px;
+		text-align: justify;
+		color: #666;
+		font-size: 15px;
+		line-height: 1.4;
+		/* text-indent: 2.6rem; */
+		word-break: break-word;
+	}
+
+
+	.aArt_abst .titHtml .MaxPicture {
+		text-align: center;
+	}
+
+	.aArt_abst .titHtml .MaxPicture>img {
+		margin-bottom: 10px;
+	}
+
+	.aArt_abst .titHtml .MaxPicture>font {
+		display: block;
+		margin: 0 auto;
+		font-size: 13px;
+	}
+</style>
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 27268ba..b7a6558 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -39,7 +39,7 @@
 			<el-button type="primary" icon="el-icon-search" @click="handleSearch" style="margin:0 0 10px 0;">Search
 			</el-button>
 		</div>
-
+		<div v-if="!PreAcpVisible" >
 		<div v-for="(item,ikgn) in tableData" class="mangu_list">
 			<div>
 				<font style="color: #666b7a;">ID : </font>
@@ -305,8 +305,39 @@
 					<i class="el-icon-edit"></i> Change
 				</b>
 			</div>
-
 		</div>
+		</div>
+		<!-- 预接收表 -->
+		<el-table v-if="PreAcpVisible" :data="tableData" border stripe class="table" ref="multipleTable"
+			header-cell-class-name="table-header" empty-text="New messages (0)">
+			<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
+			<el-table-column width="160" label="Doi" align="center">
+				<template slot-scope="scope">
+					<p style="margin-bottom: 5px;">
+						{{scope.row.doi}}
+					</p>
+					<el-button size="mini" type="primary" plain icon="el-icon-tickets"
+						@click="showdetaileditor(scope.row)">Detail</el-button>
+				</template>
+			</el-table-column>
+			<el-table-column prop="accept_sn" label="SN" width="180px"></el-table-column>
+			<el-table-column prop="" label="Title">
+				<template slot-scope="scope">
+					<p v-if="scope.row.title==''">
+						Article{{scope.row.p_article_id}}
+					</p>
+					<p else>
+						{{scope.row.title}}
+					</p>
+				</template>
+			</el-table-column>
+			<el-table-column label=" " align="center" width="200px">
+				<template slot-scope="scope">
+					<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain
+						icon="el-icon-paperclip">Enter</el-button>					
+				</template>
+			</el-table-column>
+		</el-table>
 
 		<!-- <el-table :data="tableData" border stripe class="table" ref="multipleTable"
 			header-cell-class-name="table-header" empty-text="New messages (0)">
@@ -813,7 +844,11 @@
 					state: 4
 				}, {
 					state: 3
-				}, {
+				},
+				{
+					state: 6
+				},
+				{
 					state: 5
 				}],
 				Total: 0,
@@ -821,6 +856,7 @@
 				IndexForm: {},
 				editVisible: false,
 				guestVisible: false,
+				PreAcpVisible:false,
 				editbox: false,
 				repebox: false,
 				aiSorbox: false,
@@ -927,6 +963,10 @@
 						console.log(err);
 					});
 			},
+			// 跳入预收录编辑页面			
+			changeEnter(val) {				
+				this.$router.push('/PreIngestedEditor?id=' + val.article_id);
+			},
 			// 改变期刊
 			chageJour() {
 				this.$api
@@ -955,7 +995,8 @@
 				this.getdate()
 			},
 			// 获取数据
-			getdate() {
+			getdate() {	
+				this.query.state == 6 ? this.PreAcpVisible = true : this.PreAcpVisible = false
 				const loading = this.$loading({
 					lock: true,
 					text: 'Loading...',
diff --git a/src/router/index.js b/src/router/index.js
index 6b16edf..67f73db 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -788,7 +788,7 @@ export default new Router({
 					}
 				},
 				{
-					path: '/partyListPot', //用户列表-待开发
+					path: '/partyListPot', //用户列表-待开发(灰库)
 					component: () => import('../components/page/partyListPot'),
 					meta: {
 						title: 'Potential Users'
@@ -893,12 +893,19 @@ export default new Router({
 						}
 				},
 				{
-					path: '/ReferenceEditor', //预收录-引用编辑1
+					path: '/ReferenceEditor', //用户端预收录-引用编辑
 						component: () => import('../components/page/ReferenceEditor'),
 					meta: {
 						title: 'ReferenceEditor'
 						}
 				},
+				{
+					path: '/PreIngestedEditor', // 编辑端 - 预收录编辑页面
+						component: () => import('../components/page/PreIngestedEditor'),
+					meta: {
+						title: 'PreIngestedEditor'
+						}
+				},
 				{
 					path: '/404',
 					component: () => import( /* webpackChunkName: "404" */

From fbfbd8b6f6edc42dd40da36b754684cb3455285a Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Tue, 27 Jun 2023 17:04:55 +0800
Subject: [PATCH 10/22] =?UTF-8?q?17=EF=BC=9A04?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/PreIngestedEditor.vue | 74 ++++++++++++-----------
 1 file changed, 40 insertions(+), 34 deletions(-)

diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index 280bd11..ee0a4e8 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -13,7 +13,7 @@
 			<div style="margin: 30px 0 0 0;">
 				<el-button type="primary" @click="pushProduce(detailMes)" style="width: 220px;">
 					<i class="el-icon-finished"></i>
-					Push Online
+					Push To Produce
 				</el-button>
 			</div>
 		</div>
@@ -284,8 +284,9 @@
 			return {
 				baseUrl: this.Common.baseUrl,
 				mediaUrl: this.Common.mediaUrl,
-				// p_article_id: this.$route.query.id,
-                p_article_id: 426,
+                article_id: this.$route.query.id,   // 文章id
+				p_article_id: null,
+                //p_article_id: 426,
 				idform: {},
 				imageUrl: '',
 				contentStyleObj: {
@@ -665,37 +666,41 @@
 			this.getWorldPdf();
 
 		},
-		methods: {
-			allLoad() {
-				let excelList = [
-					'https://submission.tmrjournals.com/public/manuscirpt/20220831/c7d75d49bf25cf56906d56d07e00a31e.docx',
-					'https://submission.tmrjournals.com/public/manuscirpt/20220925/d1106d60fbfa04e900e98aacb5fdf71a.docx'
-				]
-				for (let i = 0; i < excelList.length; i++) {
-					if (i == 0) {
-						const a_b = document.createElement('a');
-						a_b.href = excelList[i];
-						a_b.download = '1world.docx';
-						console.log(a_b)
-						a_b.click()
-						setTimeout(() => {
-							a_b.remove();
-						}, 1000);
-					}
-					if (i == 1) {
-						setTimeout(() => {
-							const c_d = document.createElement('a');
-							c_d.href = excelList[i];
-							c_d.download = '2world.docx';
-							console.log(c_d)
-							c_d.click()
-							setTimeout(() => {
-								c_d.remove();
-							}, 1000);
-						}, 2000);
-					}
-				}
-			},
+		methods: {            
+			// allLoad() {
+			// 	let excelList = [
+			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220831/c7d75d49bf25cf56906d56d07e00a31e.docx',
+			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220925/d1106d60fbfa04e900e98aacb5fdf71a.docx'
+			// 	]
+			// 	for (let i = 0; i < excelList.length; i++) {
+			// 		if (i == 0) {
+			// 			const a_b = document.createElement('a');
+			// 			a_b.href = excelList[i];
+			// 			a_b.download = '1world.docx';
+			// 			console.log(a_b)
+			// 			a_b.click()
+			// 			setTimeout(() => {
+			// 				a_b.remove();
+			// 			}, 1000);
+			// 		}
+			// 		if (i == 1) {
+			// 			setTimeout(() => {
+			// 				const c_d = document.createElement('a');
+			// 				c_d.href = excelList[i];
+			// 				c_d.download = '2world.docx';
+			// 				console.log(c_d)
+			// 				c_d.click()
+			// 				setTimeout(() => {
+			// 					c_d.remove();
+			// 				}, 1000);
+			// 			}, 2000);
+			// 		}
+			// 	}
+			// },
+            // 获取p_article_id的值
+            getParticle_id(){
+
+            },
 
 			getData() {
 				this.idform.p_article_id = this.p_article_id;
@@ -2185,6 +2190,7 @@
 	}
 
 	.bor_style_onli {
+        height: 700px; overflow-y: scroll;
 		border: 2px solid #0066991a;
 		background-color: #fff;
 		border-radius: 5px;

From cf880b0864d103f70e19234e64e5ec249f19f579 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Wed, 28 Jun 2023 15:39:53 +0800
Subject: [PATCH 11/22] 15:39

---
 src/components/page/Complete_profile.vue    | 28 ++++++---
 src/components/page/PreIngestedEditor.vue   | 67 +++++++++++++++------
 src/components/page/articleList.vue         |  6 +-
 src/components/page/articleListEditor_A.vue | 14 +++--
 4 files changed, 81 insertions(+), 34 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 1252077..3395ddd 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -12,17 +12,22 @@
           </el-col>  
     </el-row>
     <!-- 内容 -->
-    <el-row :gutter="20" class="content_box mt20">            
-        <el-col> 
-            <!-- 文章引用 -->
-          <div  class="scroll-item">
+    <el-row :gutter="20" class="content_box mt20">
+        <!-- 文章引用 -->             
+        <el-col class="item borderBottom passStatus">
             <div class="" style="margin: 20px 0;">
-                <h4>Add Reference</h4>
+                <h4>Add Reference <span class="el-icon-check pass status"> Pass</span></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>              
+        </el-col> 
+        <el-col class="item notPassStatus">
+            <div class="" style="margin: 20px 0;">
+                <h4>Add Reference  <span class="el-icon-pie-chart notPass status"> Some information needs to be improved</span>   </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>
     <!-- 答疑 -->
@@ -68,10 +73,17 @@
   </script>
   
   <style  scoped>
+    .borderBottom{ border-bottom:1px solid  #f1f1f1; margin-bottom: 20px; }    
     .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; }
+    .content_box{padding:15px 10px; border:3px dashed  #eff6ff;  }
+    .content_box .item{position: relative; padding-left: 20px !important;}
+    .passStatus{ border-left:solid 5px #67C23A;}
+    .notPassStatus{border-left:solid 5px #e6a23c;}
+    .content_box .item .status{ padding: 5px ; border-radius: 5px; font-size: 12px;}
+    .content_box .item .status.pass{background: #f0f9eb; color: #67C23A;}
+    .content_box .item .status.notPass{background: #fdf6ec; color: #e6a23c;}
     .flexbox{display: flex;}
     p{color: #333;}
     .mt10{margin-top: 10px;}
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index ee0a4e8..81c2584 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -8,12 +8,16 @@
 					{{item.name}}
 				</h5>
 				<p>{{item.rongCont}}</p>
-				<div class="line"></div>
+				<!-- <div class="line"></div> -->
+			</div>
+			<!-- 作者联系 -->
+			<div class="contactAuthor">
+				
 			</div>
 			<div style="margin: 30px 0 0 0;">
-				<el-button type="primary" @click="pushProduce(detailMes)" style="width: 220px;">
+				<el-button type="primary" @click="pushToAccept(detailMes)" style="width: 220px;">
 					<i class="el-icon-finished"></i>
-					Push To Produce
+					Push To Accept
 				</el-button>
 			</div>
 		</div>
@@ -25,11 +29,9 @@
 			<!-- 作者列表 -->
 
 			<!-- 文件上传 -->
-			
 
 
 			<!-- 文章正文 -->
-			
 
 			<!-- 参考文献 -->
 			<div :ref="tabsList[0].refName" class="scroll-item">
@@ -337,7 +339,7 @@
 					// }
 				],
 				detailMes: {
-                    title:'454545',
+                    title:'',
 					type: "",
 					journal_special_id: "None",
 				},
@@ -660,10 +662,11 @@
 		created() {
 			this.getHight();
 			window.addEventListener('resize', this.getHight);
-			this.getData();
-			this.getAuthorJG();
-			this.getCount();
-			this.getWorldPdf();
+			// this.getData();
+			this.getArtcleDetails()
+			// this.getAuthorJG();
+			// this.getCount();
+			// this.getWorldPdf();
 
 		},
 		methods: {            
@@ -698,10 +701,32 @@
 			// 	}
 			// },
             // 获取p_article_id的值
-            getParticle_id(){
-
-            },
-
+            
+			getArtcleDetails(){
+				// 获得文章详情
+				const loading = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});
+				this.$api
+					.post('api/Article/getPreacceptArticleDetail', {'article_id': this.article_id})
+					.then(res => {
+						loading.close()
+						this.p_article_id = res.data.production.p_article_id
+						if(this.p_article_id != null){
+							this.getData()
+							this.getAuthorJG();
+			 				this.getCount();
+			 				this.getWorldPdf();
+						}						
+					})
+					.catch(err => {
+						this.$message.error(err);
+						loading.close()
+					});
+			},
 			getData() {
 				this.idform.p_article_id = this.p_article_id;
 				this.detailMes.p_article_id = this.p_article_id;
@@ -1915,9 +1940,17 @@
 				this.content = html;
 			},
 
-            // 提交到produce
-            pushProduce(detailMes){
-                this.$message.error('还没对接接口')
+            // 提交到 accept
+            pushToAccept(detailMes){
+				this.$confirm(`Are you sure you want to adjust this article status to 'accept'?`, 'Prompt', {
+				confirmButtonText: 'Yes',
+				cancelButtonText: 'Cancle',
+				type: 'warning'
+				}).then(() => {
+					this.$message.error('还没对接接口')
+				}).catch(() => {				         
+				});
+                
             },
 			// 点击开始上线显示
 			pushOnline(detailMes) {
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index a3f1772..0b95cbd 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -96,7 +96,7 @@
 							<font> | </font>
 							<span @click="goPre_ingested(item.article_id)" class="preButton">
 								<!-- <el-badge is-dot class="item" > -->
-									<i class="el-icon-paperclip"></i>Complete the profile
+									<i class="el-icon-edit"></i>Complete the profile
 								 <!-- </el-badge>  -->
 							</span>
 						</span>
@@ -737,8 +737,8 @@
 </script>
 
 <style scoped>
-.preButton{color: #66b1ff;   display: inline-block; position: relative; }
-.preButton:after{content: ''; display: block; width: 6px; height: 6px; background: #ff0000; position: absolute; right: 0; top: -5px; border-radius: 6px;}
+.preButton{  display: inline-block; position: relative; }
+/* .preButton:after{content: ''; display: block; width: 6px; height: 6px; background: #ff0000; position: absolute; right: 0; top: -5px; border-radius: 6px;} */
 .preButton:hover{text-decoration:underline !important;}
 	.container {
 		color: #333;
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index b7a6558..109a4b3 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -334,7 +334,7 @@
 			<el-table-column label=" " align="center" width="200px">
 				<template slot-scope="scope">
 					<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain
-						icon="el-icon-paperclip">Enter</el-button>					
+						icon="el-icon-paperclip">Edit</el-button>					
 				</template>
 			</el-table-column>
 		</el-table>
@@ -842,15 +842,17 @@
 					state: 2
 				}, {
 					state: 4
-				}, {
-					state: 3
 				},
 				{
 					state: 6
 				},
 				{
 					state: 5
-				}],
+				},
+				{
+					state: 3
+				},
+			],
 				Total: 0,
 				geogleList: [],
 				IndexForm: {},
@@ -1074,10 +1076,10 @@
 								};
 							}
 						};
-						for (let i = 0; i < res.state_num.length; i++) {
+						for (let i = 0; i < res.state_num.length; i++) {							
 							for (let j = 0; j < this.statList.length; j++) {
 								if (i == this.statList[j].state) {
-									this.statList[j].num = res.state_num[i]
+									this.statList[j].num = res.state_num[i]									
 								}
 							}
 						}

From b230e61de9c23301887b83e47bdf82953b5f0124 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Thu, 29 Jun 2023 18:02:21 +0800
Subject: [PATCH 12/22] =?UTF-8?q?18=EF=BC=9A02?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Complete_profile.vue    |  80 +++++++----
 src/components/page/PreIngestedEditor.vue   | 140 ++++++++++++++------
 src/components/page/ReferenceEditor.vue     |   7 +-
 src/components/page/articleList.vue         |   6 +-
 src/components/page/articleListEditor_A.vue |   9 +-
 src/components/page/time_talk.vue           |  11 +-
 src/router/index.js                         |   2 +
 7 files changed, 174 insertions(+), 81 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 3395ddd..5ba1ce2 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -14,21 +14,18 @@
     <!-- 内容 -->
     <el-row :gutter="20" class="content_box mt20">
         <!-- 文章引用 -->             
-        <el-col class="item borderBottom passStatus">
-            <div class="" style="margin: 20px 0;">
-                <h4>Add Reference <span class="el-icon-check pass status"> Pass</span></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> 
+        <el-col :class="['item', 'borderBottom', Ainfo.refer_state.state? 'passborder' : 'notPassborder']">            
+                <h5 :class="['statusTop', Ainfo.refer_state.state? 'passStatus' : 'notPassStatus']">
+                    <span v-if="Ainfo.refer_state.state" class="el-icon-check pass status"> Complete</span>
+                    <span v-else class="el-icon-pie-chart notPass status"> Pending</span>
+                </h5>
+            <div class="con">
+                <h4>References </h4>
+               <p class="mt20">The references for this article have been compiled <i class="tip">{{Ainfo.refer_state.num}}</i> entries recorded in total.</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>  -->
+               <p class="mt10"><el-button @click="goAddReferences(thisArtcleId)" icon="el-icon-edit" type="text">Edit</el-button></p>
             </div>              
-        </el-col> 
-        <el-col class="item notPassStatus">
-            <div class="" style="margin: 20px 0;">
-                <h4>Add Reference  <span class="el-icon-pie-chart notPass status"> Some information needs to be improved</span>   </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>
-                   
-        </el-col>    
+        </el-col>         
     </el-row>
     <!-- 答疑 -->
     <div class="mt20 helpcontent">
@@ -36,10 +33,7 @@
             <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>
+                <p class="mt20">If you experience any problems, please contact us by <i class="tip">publisher@tmrjournals.com</i></p>                
             </div>
         </div>
     </div>
@@ -53,10 +47,17 @@
             user_name: localStorage.getItem('U_relname'),
             thisArtcleId: this.$route.query.id,
             // 引用表单数据
-            ReferenceList:[]
+            ReferenceList:[],
+            Ainfo:{
+                refer_state:{
+                    state:null,
+                    num: null
+                }
+            }
         }
       },
       created() {
+        this.getInfoStatu()
       },
       methods:{
         // 跳转到引用编辑页面
@@ -67,23 +68,50 @@
                           id: id
                       }
                   });
+        },
+
+        // 获取资料状态
+        getInfoStatu(){
+            this.$api
+            .post('/api/Article/getPreacceptStatus', {
+						'article_id': this.$route.query.id
+					})
+					.then(res => {
+                        if(res.code == 0){
+						    // console.log(res, 'res')
+                            this.Ainfo = {
+                                refer_state:{
+                                    state: res.data.refer_state.state,
+                                    num:res.data.refer_state.num
+                                }
+                            }
+                        }
+					})
+					.catch(err => {
+						console.log(err);
+					});
         }
       }
   }
   </script>
   
   <style  scoped>
+  .tip{background: #e6effb; padding: 4px; font-style: normal; border-radius:10px ;}
+  .passborder{border:1px solid #f0f9eb;}
+  .notPassborder{border:1px solid #fdf6ec;}
+  .con{padding: 20px;}
+  .statusTop{height:30px;}
     .borderBottom{ border-bottom:1px solid  #f1f1f1; margin-bottom: 20px; }    
     .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;  }
-    .content_box .item{position: relative; padding-left: 20px !important;}
-    .passStatus{ border-left:solid 5px #67C23A;}
-    .notPassStatus{border-left:solid 5px #e6a23c;}
-    .content_box .item .status{ padding: 5px ; border-radius: 5px; font-size: 12px;}
-    .content_box .item .status.pass{background: #f0f9eb; color: #67C23A;}
-    .content_box .item .status.notPass{background: #fdf6ec; color: #e6a23c;}
+    /* .content_box{padding:15px 10px; border:3px dashed  #eff6ff;  } */
+    .content_box .item{padding: 0 !important; border-radius: 20px 20px 0 0; overflow: hidden;}
+    .passStatus{ background:  #f0f9eb;}
+    .notPassStatus{background:  #fdf6ec;}
+    .content_box .item .status{  font-size: 16px; padding:0 10px; line-height: 30px; }
+    .content_box .item .status.pass{ color: #67c23a;}
+    .content_box .item .status.notPass{ color: #e6a23c;}
     .flexbox{display: flex;}
     p{color: #333;}
     .mt10{margin-top: 10px;}
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index 81c2584..35f6845 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -9,17 +9,27 @@
 				</h5>
 				<p>{{item.rongCont}}</p>
 				<!-- <div class="line"></div> -->
-			</div>
-			<!-- 作者联系 -->
-			<div class="contactAuthor">
-				
-			</div>
+			</div>			
 			<div style="margin: 30px 0 0 0;">
 				<el-button type="primary" @click="pushToAccept(detailMes)" style="width: 220px;">
 					<i class="el-icon-finished"></i>
 					Push To Accept
 				</el-button>
 			</div>
+			<!-- 作者联系 -->
+			<div class="contactAuthor">
+				<h4>Contact author</h4>
+				<p>→  Send email
+					<b @click="linkEmail" class="btnCliArt" style="margin-left: 15px;">
+						<i class="el-icon-message"></i>
+					</b>	
+				</p>
+				<p style=" margin-top: 10px;">→  Chat width communication
+					<b @click="chatcommunication" class="btnCliArt" style="margin-left: 15px;">
+						<i class="el-icon-chat-line-square"></i>
+					</b>	
+				</p>				
+			</div>
 		</div>
 
 		<div class="scroll-content guanSty" @scroll="onScroll"
@@ -268,6 +278,16 @@
 			</span>
 		</el-dialog>
 
+		<el-dialog  title="" :visible.sync="communVisible" width="800px" >
+			<!-- <p
+				style="word-break: normal;margin-bottom: 20px;font-size: 15px;font-weight: bold;letter-spacing: -0.5px;line-height: 22px;">
+				{{msgform.title}}
+			</p> -->
+			<div class="talkDialog">
+				<timetalk :talkMsgs="talkMsgs" :msgform="msgform" @talksave="getTalkList"></timetalk>
+			</div>
+		</el-dialog>
+
 	</div>
 </template>
 
@@ -281,9 +301,18 @@
 	import {
 		Loading
 	} from 'element-ui';
+	import timetalk from './time_talk'
 	export default {
 		data() {
 			return {
+				talkMsgs: [],
+				communVisible:false,
+				msgform: {
+					username: localStorage.getItem('U_name'),
+					article_id: this.$route.query.id,
+					user_id: this.$route.query.uid,
+					ad_content: '',					
+				},				
 				baseUrl: this.Common.baseUrl,
 				mediaUrl: this.Common.mediaUrl,
                 article_id: this.$route.query.id,   // 文章id
@@ -664,44 +693,42 @@
 			window.addEventListener('resize', this.getHight);
 			// this.getData();
 			this.getArtcleDetails()
+			this.getTalkList()
 			// this.getAuthorJG();
 			// this.getCount();
 			// this.getWorldPdf();
 
 		},
 		methods: {            
-			// allLoad() {
-			// 	let excelList = [
-			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220831/c7d75d49bf25cf56906d56d07e00a31e.docx',
-			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220925/d1106d60fbfa04e900e98aacb5fdf71a.docx'
-			// 	]
-			// 	for (let i = 0; i < excelList.length; i++) {
-			// 		if (i == 0) {
-			// 			const a_b = document.createElement('a');
-			// 			a_b.href = excelList[i];
-			// 			a_b.download = '1world.docx';
-			// 			console.log(a_b)
-			// 			a_b.click()
-			// 			setTimeout(() => {
-			// 				a_b.remove();
-			// 			}, 1000);
-			// 		}
-			// 		if (i == 1) {
-			// 			setTimeout(() => {
-			// 				const c_d = document.createElement('a');
-			// 				c_d.href = excelList[i];
-			// 				c_d.download = '2world.docx';
-			// 				console.log(c_d)
-			// 				c_d.click()
-			// 				setTimeout(() => {
-			// 					c_d.remove();
-			// 				}, 1000);
-			// 			}, 2000);
-			// 		}
-			// 	}
-			// },
-            // 获取p_article_id的值
-            
+			// 跳转邮件
+			linkEmail() {
+				this.$router.push({
+					path: 'articleDetailEmail',
+					query: {
+						id: this.article_id
+					}
+				});
+			},			
+			
+			// 显示即时聊天创口
+			chatcommunication(){
+				console.log(this.msgform)				
+				this.communVisible = true				
+			},
+			// 获取留言列表
+			getTalkList(){				
+				this.$api
+					.post('api/Article/getArticleDialogs', {
+						article_id: this.$route.query.id
+					})
+					.then((res) => {
+						this.talkMsgs = res.data.dialogs;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+            // 获取p_article_id的值            
 			getArtcleDetails(){
 				// 获得文章详情
 				const loading = this.$loading({
@@ -1946,8 +1973,26 @@
 				confirmButtonText: 'Yes',
 				cancelButtonText: 'Cancle',
 				type: 'warning'
-				}).then(() => {
-					this.$message.error('还没对接接口')
+				}).then(() => {					
+					this.$api
+            		.post('api/Article/articleAccept', {
+						'article_id': this.$route.query.id
+					})
+					.then(res => {
+                        if(res.code == 0){
+						    // console.log(res, 'res')
+                           this.$message.success('successed!')
+						   setTimeout(()=>{
+							this.$router.push({
+								path: 'articleListEditor',
+								params: { state: 6 }
+                  			});
+						   },1000)
+                        }
+					})
+					.catch(err => {
+						console.log(err);
+					});
 				}).catch(() => {				         
 				});
                 
@@ -2128,12 +2173,25 @@
 			},
 		},
 		components: {
-			quillEditor
+			quillEditor,
+			timetalk
 		},
 	}
 </script>
 
+<style scoped>
+	.tab_post {width: 260px !important;}
+	.scroll-item{margin: 0 30px 50px 276px;}
+</style>
 <style>
+	.talkDialog{height: 500px; overflow-y: scroll;}
+
+	.contactAuthor{
+		margin-top: 50px; color: #8c939d; 
+	}
+	.contactAuthor>p{font-size: 12px; margin-left: 0 !important;}
+	.contactAuthor>p>.btnCliArt{color: #409EFF;}
+	.contactAuthor>h4{margin-bottom: 10px;}
 	.handle-box {
 		margin-bottom: 20px;
 	}
@@ -2147,7 +2205,7 @@
 		position: absolute;
 		left: 25px;
 		top: 60px;
-		width: 220px;
+		/* width: 220px; */
 		z-index: 50;
 	}
 
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index ea5fe80..d16a3cf 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -175,10 +175,8 @@
         <!-- 帮助信息 -->
         <el-dialog title="Any questions or Help" :visible.sync="helpVisible" width="500px">          
             <div>
-                    <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>
+                    <p class="mt20" style="line-height: 28px;">If you experience any problems, <br/>
+                        please contact us by <i class="tip">publisher@tmrjournals.com</i></p>                    
                 </div>
               <span slot="footer" class="dialog-footer">
                   <el-button @click="helpVisible = false" type="primary">OK</el-button>                  
@@ -640,6 +638,7 @@
   </script>
   
   <style  scoped> 
+ .tip{background: #e6effb; padding: 2px; font-style: normal; border-radius:10px ;}
   .wrongLine{ color: #f15f44;}
   .doiLink{color: #409EFF;}
   .editForm{background-color:#f9f9f9; padding: 20px 0; padding-right: 20px;}
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index 0b95cbd..4fb5e7c 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -92,7 +92,7 @@
 						<span @click="esy_deta(item.article_id)">
 							<i class="el-icon-paperclip"></i>My Manuscript
 						</span>
-						<span v-if="item.state == 3" style="text-decoration: none;">
+						<span v-if="item.state == 6" style="text-decoration: none;">
 							<font> | </font>
 							<span @click="goPre_ingested(item.article_id)" class="preButton">
 								<!-- <el-badge is-dot class="item" > -->
@@ -448,8 +448,8 @@
 				this.$router.push({
 					path: 'PreIngested',
 					query: {
-						// id: id
-						id: 3070
+						 id: id
+						// id: 3070
 					}
 				});
 			},
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 109a4b3..50c8677 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -966,8 +966,9 @@
 					});
 			},
 			// 跳入预收录编辑页面			
-			changeEnter(val) {				
-				this.$router.push('/PreIngestedEditor?id=' + val.article_id);
+			changeEnter(val) {
+				console.log(val,'val')
+				this.$router.push({name: 'PreIngestedEditor', query: {id: val.article_id, uid:val.user_id}})
 			},
 			// 改变期刊
 			chageJour() {
@@ -1439,11 +1440,11 @@
 					});
 			},
 			// 留言板弹出层
-			articleCommun(e) {
+			articleCommun(e) {				
 				this.msgform.user_id = e.user_id
 				this.msgform.article_id = e.article_id
 				this.msgform.title = e.title
-				this.talkMsgs = []
+				this.talkMsgs = []				
 				this.$api
 					.post('api/Article/getArticleDialogs', {
 						article_id: e.article_id
diff --git a/src/components/page/time_talk.vue b/src/components/page/time_talk.vue
index 1b09ea6..a4b9906 100644
--- a/src/components/page/time_talk.vue
+++ b/src/components/page/time_talk.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script>
-	import Vue from 'vue'
+	import Vue from 'vue'	
 	export default {
 		props: {
 			talkMsgs: {
@@ -85,10 +85,15 @@
 					.post('api/Article/pushArticleDialog', this.msgform)
 					.then((res) => {
 						this.loading = false;
-						this.$message.success('Sent successfully');
-						this.$router.go(0);
+						// this.$message.success('Sent successfully');
+						this.$emit('talksave',true) // 传递成功信号
+						// setTimeout(()=>{
+						// 	this.$router.go(0);
+						// },1000)
+						
 					});
 			},
+
 		}
 	}
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index 67f73db..6546b0f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -900,9 +900,11 @@ export default new Router({
 						}
 				},
 				{
+					name:'PreIngestedEditor',
 					path: '/PreIngestedEditor', // 编辑端 - 预收录编辑页面
 						component: () => import('../components/page/PreIngestedEditor'),
 					meta: {
+						
 						title: 'PreIngestedEditor'
 						}
 				},

From f6db714b46d25ab401c86b2e6beaead2237bf1d8 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 11:35:04 +0800
Subject: [PATCH 13/22] =?UTF-8?q?=E9=A2=84=E6=8E=A5=E6=94=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Complete_profile.vue | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 5ba1ce2..1923902 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="container" >
       <el-row :gutter="20" >        
-          <el-alert
-          :title="'Dear '+ user_name + ' Congratulations! '"
+          <el-alert v-if="alertShow"
+          :title="'Dear '+ user_name + ' Congratulations! , The information will be hidden after ' + hideSec + ' seconds'"
     type="success"    
     show-icon>
     
@@ -46,6 +46,9 @@
         return {
             user_name: localStorage.getItem('U_relname'),
             thisArtcleId: this.$route.query.id,
+            alertShow:true,
+            dingshi:null, 
+            hideSec:5,
             // 引用表单数据
             ReferenceList:[],
             Ainfo:{
@@ -58,6 +61,7 @@
       },
       created() {
         this.getInfoStatu()
+        this.hideAlert()
       },
       methods:{
         // 跳转到引用编辑页面
@@ -70,6 +74,20 @@
                   });
         },
 
+        // 隐藏alert
+        hideAlert(){
+           this.dingshi = setInterval(()=>{
+                this.hideSec -= 1
+                // console.log(this.hideSec)
+                if(this.hideSec == 0){
+                    this.alertShow = false 
+                    clearInterval(this.dingshi)
+                }
+           },1000)
+            // setTimeout(()=>{
+                   
+            // },5000)
+        },
         // 获取资料状态
         getInfoStatu(){
             this.$api

From 607c377e8959d274c23c1dfc57ad6ebab6eb4e34 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 13:29:51 +0800
Subject: [PATCH 14/22] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Complete_profile.vue    | 4 +---
 src/components/page/articleListEditor_A.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 1923902..2545e2a 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -84,9 +84,7 @@
                     clearInterval(this.dingshi)
                 }
            },1000)
-            // setTimeout(()=>{
-                   
-            // },5000)
+            
         },
         // 获取资料状态
         getInfoStatu(){
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 50c8677..9a8f4fc 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -569,7 +569,7 @@
 						<el-option :key="3" label="Reject" :value="3"></el-option>
 						<el-option :key="4" label="Revision" :value="4"></el-option>
 						<el-option :key="6" label="Pre-accept" :value="6"></el-option>
-						<el-option :key="5" label="Accept" :value="5"></el-option>
+						<el-option :key="5" label="Accept" :value="5" :disabled="curState == 6 ? false : true"></el-option>
 					</el-select>
 				</el-form-item>
 				<el-form-item label="Comments for authors :" v-show="editform.state==4">
@@ -585,7 +585,7 @@
 				</el-form-item>
 			</el-form>
 			<span slot="footer" class="dialog-footer">
-				<el-button @click="editVisible = false">Cancel</el-button>
+				<el-button @click="editVisible = false; curState = null">Cancel</el-button>
 				<el-button type="primary" @click="saveEdit">Save</el-button>
 			</span>
 		</el-dialog>
@@ -817,6 +817,7 @@
 		},
 		data() {
 			return {
+				curState:null,
 				baseUrl: this.Common.baseUrl,
 				mediaUrl: this.Common.mediaUrl,
 				items: '',
@@ -1112,6 +1113,8 @@
 			},
 			// 修改文章状态弹出框
 			testvis(e) {
+				// console.log(e,'e')
+				this.curState = e.state
 				this.editVisible = true;
 				this.editform.title = e.title;
 				this.editform.articleId = e.article_id;
@@ -1120,6 +1123,7 @@
 				this.editform.state_old = e.state;
 				this.editform.editormsg = '';
 				this.editform.proposal_content = '';
+				 
 				this.$api
 					.post('api/Article/getArticleDetail', {
 						articleId: e.article_id,

From d6decc78bddb7c0b937766f587198d3f097c32fb Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 13:46:56 +0800
Subject: [PATCH 15/22] .

---
 src/components/page/ReferenceEditor.vue     | 2 +-
 src/components/page/articleListEditor_A.vue | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index d16a3cf..8db9e2b 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -26,7 +26,7 @@
                                 <!-- <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">Add</el-button> -->
                             </h4>
                             <p class="mt10 c666">Before uploading the file, you need to download the template file,  
-                                <a  href="https://submission.tmrjournals.com/public/coverLetter/system/refer.xlsx" download="refer" target="_blank" class="downloadbtn"  >click download</a>  
+                                <a  href="https://submission.tmrjournals.com/public/system/refer.xlsx" download="refer" target="_blank" class="downloadbtn"  >click download</a>  
                                 ,to add your references to the template file, and upload it.                                 
                               
                             </p>
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 9a8f4fc..cf340de 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -1247,6 +1247,7 @@
 			},
 			//修改文章状态
 			saveEdit() {
+				
 				this.$api
 					.post('api/Article/editArticleEditor', this.editform)
 					.then(res => {

From aad848171992e595bb640e08bb9ee21edd9fbb09 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 16:05:19 +0800
Subject: [PATCH 16/22] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/ReferenceEditor.vue     | 111 +++++++++++++++-----
 src/components/page/articleListEditor_A.vue |   9 +-
 2 files changed, 91 insertions(+), 29 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 8db9e2b..3535c78 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -136,9 +136,9 @@
         </div>    
       </div>
       <!-- 修改引用 -->
-      <el-dialog v-loading="addLoading"  :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="500px">
+      <el-dialog v-loading="addLoading"  :title= "dialogTitle + ' References'" :visible.sync="editboxVisible" width="500px" @close="cancelSave">
                 <p class="yinyongPre c888">现在您可以添加或者修改您的引用文献信息，如果您有引用文献的Doi数据，可以直接复制到Doi输入框，并提交，系统会自动识别您的引用文献，如果您没有Doi数据，也可以打开“Show Content”开关，直接填写您的引用文献内容。</p>
-                <p v-if="this.dialogTitle == 'Add'">There is no Doi data:  <el-switch v-model="contentVisible"></el-switch></p>
+                <p v-if="dialogTitle == 'Add'">There is no Doi data:  <el-switch v-model="contentVisible"></el-switch></p>
                 <el-form v-show="!contentVisible" :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="80px" class="editForm mt10">
                     <!-- 内容开关 -->                    
                     <el-form-item label="Doi:" required  prop="refer_doi" >
@@ -151,19 +151,19 @@
                         <el-switch v-model="contentVisible"></el-switch>
                     </el-form-item>                     -->
                     <el-form-item label="author:" required prop="author" >
-                        <el-input  v-model="refenceLinkForm.author"></el-input>
+                        <el-input  v-model="refenceLinkForm.author" placeholder="eg:Kagabu M, Nagasawa T, Fukagawa D, et al."></el-input>
                     </el-form-item> 
                     <el-form-item label="title:" required prop="title" >
-                        <el-input  v-model="refenceLinkForm.title" ></el-input>
+                        <el-input  v-model="refenceLinkForm.title" placeholder="eg:Immunotherapy for Uterine Cervical Cancer."></el-input>
                     </el-form-item> 
                     <el-form-item label="joura:" required prop="joura" >
-                        <el-input  v-model="refenceLinkForm.joura" ></el-input>
+                        <el-input  v-model="refenceLinkForm.joura" placeholder="eg:Healthcare (Basel)."></el-input>
                     </el-form-item>
                     <el-form-item label="dateno:" required prop="dateno" >
-                        <el-input  v-model="refenceLinkForm.dateno" ></el-input>
+                        <el-input  v-model="refenceLinkForm.dateno" placeholder="eg:2019 Sep 17;7(3):108."></el-input>
                     </el-form-item>
-                    <el-form-item label="link:" required prop="link" >
-                        <el-input  v-model="refenceLinkForm.link" ></el-input>
+                    <el-form-item label="doilink:" required prop="doilink" >
+                        <el-input  v-model="refenceLinkForm.doilink" placeholder="eg:https://doi.org/10.1002/cncr.30667"></el-input>
                     </el-form-item>
                 </el-form>            
               <span slot="footer" class="dialog-footer">
@@ -252,8 +252,10 @@
                 title:'',
                 joura:'',
                 dateno:'',
-                link:'',
-                p_refer_id:null, // 当前行一行的引用序号
+                doilink:'',
+                pre_p_refer_id:null, // 当前行一行的引用序号,                
+                article_id: null,
+                p_refer_id: null
               },
               refenceLinkFormrules:{
                 author:[
@@ -265,8 +267,8 @@
                 dateno:[
                 { required: true, message: 'The dateno cannot be empty', trigger: 'blur' },
                 ],
-                link:[
-                { required: true, message: 'The link cannot be empty', trigger: 'blur' },
+                doilink:[
+                { required: true, message: 'The doilink cannot be empty', trigger: 'blur' },
                 ]                
               },
               dialogTitle:''
@@ -347,23 +349,36 @@
           change(row, optitle){   
             this.dialogTitle = optitle     
             this.editboxVisible = true
-            if(row.refer_doi){
-                // 有doi
-                this.refenceForm.refer_doi = row.refer_doi
-                this.refenceForm.p_refer_id = row.p_refer_id
-            }else{
-                // doi
-                this.contentVisible = true
-            }
-            
+            this.$nextTick(() => {
+                if(row.is_web == 0){
+                    // 有doi row.is_web: 00
+                    this.refenceForm.refer_doi = row.refer_doi
+                    this.refenceForm.p_refer_id = row.p_refer_id
+                }else{
+                    // 无doi row.is_web: 1
+                    this.contentVisible = true
+                    this.refenceLinkForm.article_id = this.$route.query.id
+                    this.refenceLinkForm.p_refer_id = row.p_refer_id
+                    this.refenceLinkForm.author = row.author
+                    this.refenceLinkForm.title = row.title
+                    this.refenceLinkForm.joura = row.joura
+                    this.refenceLinkForm.dateno = row.dateno
+                    this.refenceLinkForm.doilink = row.doilink 
+                }
+             })
 
           },
 
           // 取消保存
-          cancelSave(){
+          cancelSave(){           
             this.editboxVisible = false
            // refenceForm
-            this.$refs['refenceForm'].resetFields(); 
+           this.$refs['refenceForm'].clearValidate();            
+           this.$refs['refenceForm'].resetFields(); 
+            
+           this.$refs['refenceLinkForm'].clearValidate();            
+           this.$refs['refenceLinkForm'].resetFields(); 
+
             this.refenceForm.refer_doi = ''
             this.dialogTitle = ''           
           }, 
@@ -379,10 +394,25 @@
           },
           //  编辑无doi
           editNoneDoi(){
-            this.$refs.refenceLinkForm.validate((valid) => {
+            this.$refs.refenceLinkForm.validate((valid) => {                              
                 this.addLoading = true
                 if(valid){
-                    console.log('没有doi编辑情况')
+                    this.$api
+					.post('api/Preaccept/editReferNotdoi', this.refenceLinkForm)
+					.then(res => {
+						if (res.code == 0) {
+                            this.addLoading = false 
+                            this.$message.success('successed!')  
+                            this.cancelSave()                          
+                            this.getRefData()  
+
+                        } else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
                 }
             })
           },
@@ -422,6 +452,27 @@
 
           // 保存新增
           saveAdd(){
+            if(this.contentVisible){ // 无doi形式                                                        
+                this.$refs.refenceLinkForm.validate((valid) => {               
+                if(valid){ 
+                    this.addLoading = true
+                    this.$api
+					.post('api/Preaccept/addReferNotdoi', this.refenceLinkForm)
+					.then(res => {
+						if (res.code == 0) {
+                            this.addLoading = false
+                            this.$message.success('successed!')
+                            this.editboxVisible = false
+                            this.getRefData()
+                            this.cancelSave() 
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+                }
+                })
+            }else{ // 有doi形式
             this.$refs.refenceForm.validate((valid) => {               
                 if(valid){
                     this.addLoading = true
@@ -455,12 +506,13 @@
                     return false;
                 }
                 })
+            }
           },
           beforeupload_manuscirpt(file) {
 				let flieArr = file.name.split(".")  
 				let fileSuffix = flieArr[flieArr.length - 1];
                 console.log(fileSuffix)
-                console.log(this.upload_manuscirpt,'upload_manuscirpt')
+                
                 // return false
 				if (fileSuffix != 'xlsx') {
 					this.$message.error('Only excel and compressed files can be uploaded(.xlsx)');
@@ -548,6 +600,10 @@
                 // this.$refs['refenceForm'].clearValidate()
                 this.editboxVisible = true                
                 this.refenceForm.p_refer_id = row.p_refer_id
+
+                this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
+                this.refenceLinkForm.article_id = this.$route.query.id
+               
                 this.$nextTick(()=>{
                     this.$refs['refenceForm'].clearValidate(['refer_doi']);
                 })
@@ -627,8 +683,7 @@
             this.$nextTick(()=>{                  
                 this.$refs['refenceLinkForm'].clearValidate()                
                 this.$refs['refenceForm'].clearValidate()                               
-            })
-            console.log(newVal)
+            })           
         },
        // immediate: true,
         deep: true // 可以深度检测到 person 对象的属性值的变化
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index cf340de..2a6ecea 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -1247,15 +1247,22 @@
 			},
 			//修改文章状态
 			saveEdit() {
-				
+				const loading33 = this.$loading({
+					lock: true,
+					text: 'Loading...',
+					spinner: 'el-icon-loading',
+					background: 'rgba(0, 0, 0, 0.7)'
+				});
 				this.$api
 					.post('api/Article/editArticleEditor', this.editform)
 					.then(res => {
 						if (res.code == 0) {
+							loading33.close()
 							this.$message.success('success');
 							this.editVisible = false;
 							this.getdate();
 						} else {
+							loading33.close()
 							this.$message.error(res.msg);
 						}
 					})

From 9cd6916febb86a85bea8b8f2e4f56340049a15bb Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 16:09:55 +0800
Subject: [PATCH 17/22] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/Complete_profile.vue | 2 +-
 src/components/page/ReferenceEditor.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
index 2545e2a..6b31e16 100644
--- a/src/components/page/Complete_profile.vue
+++ b/src/components/page/Complete_profile.vue
@@ -33,7 +33,7 @@
             <span class="el-icon-info help"></span>
             <div>
                 <h4>Any questions/Help</h4>
-                <p class="mt20">If you experience any problems, please contact us by <i class="tip">publisher@tmrjournals.com</i></p>                
+                <p class="mt20">If you experience any problems, please contact us by publisher@tmrjournals.com</p>                
             </div>
         </div>
     </div>
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 3535c78..2156e9f 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -176,7 +176,7 @@
         <el-dialog title="Any questions or Help" :visible.sync="helpVisible" width="500px">          
             <div>
                     <p class="mt20" style="line-height: 28px;">If you experience any problems, <br/>
-                        please contact us by <i class="tip">publisher@tmrjournals.com</i></p>                    
+                        please contact us by publisher@tmrjournals.com</p>                    
                 </div>
               <span slot="footer" class="dialog-footer">
                   <el-button @click="helpVisible = false" type="primary">OK</el-button>                  

From e53bbd0c3f17dcdf4f99a39bc23530773e5b01db Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 16:34:59 +0800
Subject: [PATCH 18/22] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/ReferenceEditor.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 2156e9f..4fbf1cd 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -3,10 +3,10 @@
       <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please wait">             
            <div v-if="tableData.length == 0">  
           <!-- 没有引用时 -->
-          <div class="noneData">            
+          <!-- <div class="noneData">            
             <img src="../../assets/img/noneData.png" alt="" class="icon_img">
             <p class="nodatatext">TMR did not identify an available article citation in your latest uploaded document</p>             
-          </div>
+          </div> -->
           <el-row :gutter="20">
           <!-- 教程 -->
           <el-col >

From 2bfb4e237dcbb1bac7ed6e85c4bb9145fb8323b9 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 17:03:52 +0800
Subject: [PATCH 19/22] =?UTF-8?q?=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/ReferenceEditor.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 4fbf1cd..9bf6a68 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -72,26 +72,25 @@
         <div v-else>
             <div class="topInfo">
                 <h3>Dear {{user_name}}</h3>
-                <p class="mt10">您可以在本页面对引用数据进行对应的修改和调整，主要包括如下操作:</p>
+                <p class="mt10">Please check and modify the reference’s information on this page with the following instructions:</p>
                 <ul class="mt20">
                     <li>
-                        <p>需要您调整一下引用条目，将                           
+                        <p>- Please modify the reference in the
                            <span  class="status warn float" ><i class="el-icon-warning-outline"></i></span>
-                        状态的引用信息调整到
-                        <span  class="status ok float" ><i class="el-icon-warning-outline"></i></span>
-                        的状态。</p>
+                            status, moving the reference information from <span  class="status warn float" ><i class="el-icon-warning-outline"></i></span>                         
+                        status to <span  class="status ok float" ><i class="el-icon-circle-check"></i></span> status.</p>
                     </li>
                     <li>
-                        <p>如果您觉得顺序有不妥，您可以点击每一条信息后面的
+                        <p>- If you find the number of reference is disorder for technical reason, please click the  
                             <el-button type="warning" size="mini" plain>↑</el-button>
-                            和
-                            <el-button type="warning" size="mini" plain>↓</el-button> 调整数据的前后顺序。</p>
+                            and
+                            <el-button type="warning" size="mini" plain>↓</el-button> behind each piece of information to adjust the order of the data.</p>
                     </li>
                     <li>
-                        <p>您可以点击 <el-button type="success" size="mini" plain>Add</el-button> 在这一行的后面再添加一行引用信息。</p>
+                        <p>- Please click <el-button type="success" size="mini" plain>Add</el-button> to add another line of reference information after this row.  </p>
                     </li>
                     <li>
-                        <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary" @click="removeAll">删除并重新导入</el-link></p>
+                        <p>- If you want to discard all references and import a new batch of reference information, please click <el-button type="text" @click="removeAll">Delete and re-import</el-button>.</p>
                     </li>
                 </ul>
             </div>

From 0660931ba9166498e6599c5e37846ee73f0a65da Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 17:08:07 +0800
Subject: [PATCH 20/22] .

---
 src/components/page/ReferenceEditor.vue | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 9bf6a68..185c5cd 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -99,24 +99,25 @@
               empty-text="New messages (0)" :show-header="false" :stripe="false" :highlight-current-row="false">              
               <!-- <el-table-column type="index" label="No." width="55" align="center"></el-table-column> -->
                     <el-table-column label="state"  width="55" align="center">
-                        <template slot-scope="scope">
-                            <span  class="status warn"  v-if="scope.row.refer_doi == ''"  >
-                                <i class="el-icon-warning-outline"></i>
-                            </span>
-                            <span  class="status ok"  v-else >
+                        <template slot-scope="scope">                           
+                            <span  class="status ok"   v-if="scope.row.refer_doi != '' && scope.row.author != ''" >
                                 <i class="el-icon-circle-check"></i>
+                            </span>
+                            <span  class="status warn"  v-else >
+                                <i class="el-icon-warning-outline"></i>
                             </span>                            
                         </template>
                     </el-table-column>			
                     <el-table-column  label="Title" align="left">
                         <template slot-scope="scope">
-                            <p class="wrongLine" style="text-align: left;" v-if="scope.row.refer_doi == ''">
-                                {{scope.row.refer_content}}                                                                  
-                            </p>
-                            <div style="text-align: left;" v-else>
+                            <div style="text-align: left;" v-if="scope.row.refer_doi != '' && scope.row.author != ''">
                                 <p>{{scope.row.author}},{{scope.row.title}}, <em>{{scope.row.joura}}</em> ,{{scope.row.dateno}}<br/></p>
                                 <a class="doiLink" :href="scope.row.doilink" target="_blank">{{scope.row.doilink}}</a>                         
                             </div>
+                            <p class="wrongLine" style="text-align: left;" v-else>
+                                {{scope.row.refer_content}}                                                                  
+                            </p>
+                           
                         </template> 
                     </el-table-column>
                 <el-table-column align="center" width="360">

From d0741468cd311129bba3610c73bbfcfb92b495c7 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 17:17:04 +0800
Subject: [PATCH 21/22] .

---
 src/components/page/articleListEditor_A.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 2a6ecea..b23b43b 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -334,7 +334,7 @@
 			<el-table-column label=" " align="center" width="200px">
 				<template slot-scope="scope">
 					<el-button @click="changeEnter(scope.row)" size="mini" type="primary" plain
-						icon="el-icon-paperclip">Edit</el-button>					
+						icon="el-icon-edit">Edit</el-button>					
 				</template>
 			</el-table-column>
 		</el-table>

From 1be18db3ea8435f5e5c58c462960d37186c7f84f Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 30 Jun 2023 17:54:50 +0800
Subject: [PATCH 22/22] =?UTF-8?q?=E7=99=BB=E9=99=86=E9=AA=8C=E8=AF=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/verification.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/page/verification.vue b/src/components/page/verification.vue
index e3ac17c..f0e519d 100644
--- a/src/components/page/verification.vue
+++ b/src/components/page/verification.vue
@@ -1,9 +1,14 @@
 <template>
 	<div class="login-wrap">
-		<p class="yuju">
+		<!-- <p class="yuju">
 			You are almost done.
-			<br>
-			Please click on the link sent to your email inbox to complete your registration.
+			<br>			
+			Please click on the link sent to your email inbox to complete your registration.        
+		</p> -->
+		<p class="yuju">
+			Congratulations! 
+			<br>			
+			Your account registration has been successfully completed. Please log in by <a @click="tologin" type="text">clicking here</a>.      
 		</p>
 	</div>
 </template>
@@ -20,7 +25,11 @@
 
 		},
 		methods: {
-
+			tologin(){
+				this.$router.push({
+					path:'/login'
+				})
+			}
 		}
 	};
 </script>
@@ -44,4 +53,5 @@
 	padding: 20px;
 	font-size: 20px;
 }
+.yuju>a{color: #66b1ff; cursor: pointer;}
 </style>