From 25ae58a82bd4fb8126e4e8bf27359bfe64508bb8 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Thu, 15 Dec 2022 17:27:26 +0800
Subject: [PATCH] =?UTF-8?q?=E5=89=8D=E5=8F=B0=E6=88=91=E7=9A=84=E7=94=B3?=
 =?UTF-8?q?=E8=AF=B7=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/api/personalCenter.js               |   18 +-
 front/src/assets/newHome/nengli1.png          |  Bin 0 -> 1702 bytes
 front/src/assets/newHome/nengli2.png          |  Bin 0 -> 1689 bytes
 front/src/assets/newHome/nengli3.png          |  Bin 0 -> 1675 bytes
 front/src/assets/newHome/nengli4.png          |  Bin 0 -> 1822 bytes
 .../components/CloudDetails.vue               |   24 +-
 .../personalCenter/components/MyApply.vue     | 2482 +++++++++--------
 7 files changed, 1306 insertions(+), 1218 deletions(-)
 create mode 100644 front/src/assets/newHome/nengli1.png
 create mode 100644 front/src/assets/newHome/nengli2.png
 create mode 100644 front/src/assets/newHome/nengli3.png
 create mode 100644 front/src/assets/newHome/nengli4.png

diff --git a/front/src/api/personalCenter.js b/front/src/api/personalCenter.js
index f5cc8367..b6ef6c6f 100644
--- a/front/src/api/personalCenter.js
+++ b/front/src/api/personalCenter.js
@@ -346,6 +346,7 @@ export function getZwyBusinessList(params) {
     params,
   })
 }
+
 // 政务云资源列详情
 export function getZwyBusinessInfoById(params) {
   return request({
@@ -354,7 +355,22 @@ export function getZwyBusinessInfoById(params) {
     params,
   })
 }
-
+// 视频列表
+export function getZwyVideoList(params) {
+  return request({
+    url: '/act/task/getZwyVideoList',
+    method: 'get',
+    params,
+  })
+}
+// 视频详情
+export function getZwyVideoInfoById(params) {
+  return request({
+    url: '/act/task/getZwyVideoInfoById',
+    method: 'get',
+    params,
+  })
+}
 // 催办
 export function treminders(data) {
   return request({
diff --git a/front/src/assets/newHome/nengli1.png b/front/src/assets/newHome/nengli1.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaa33515926b1ae555650b8cc1d514439cee17d0
GIT binary patch
literal 1702
zcmaJ?X;2eq7~Y7*3lIbqu$5)isZ~fe2?$vTkb_GJq`;8Kj4hjF0}*#OB#Q}$4yAz9
z0fC}+I6OGiih?48cp+L9jffSbwJJqNDOE%Y7IYMCyFtMIDBYRe@0jO#-sgS4_nZAj
z8Xjyt*Lf}g0M?-);z)V~&F^eW`m0Y(9iay&Do{>Ek!s3->M%f{A{7`IilgyZB!;R|
zl1!K{09Y*7M9V3;Bn(lKI1@Evm_}SnvjM=@->5~Ei5LYcuy_r@hyFO*0)ZM8ACh@W
zV2M_QC1^rYby!qtc(gJ#QOQ$5{(hjZ5upWej6y*pzKPHyMm{vIi_mlPHVXpBAygtC
zdT&ZDk%A&phk;&9w!0FBVbF`mRG|t~sZh9q9GJsq!5%EOhdT@-Tpr@#0Zu#+9ZsiG
zBaz~uiD2}K4<%5P7Gbdr1_RT;Ws<sh7MsW8v0x61!*Qn(?)nshLXGZ(e%Yjg7}G0t
z8ZD(E3DB&FD#&Dt57AcN=YVUcWC{I5o#=|OjHs5yX2Ry2CV>*k|3h(n3azIiu@8R#
zQ&=CJqQzK|n4V15De03_FEfYIA|f4zQlu`LBsWc#QJO$fq&|Vvf*dXr23N{7go-ri
zKN}}VBuFTsr%*zPg^KwQEy2`iRERJrFvyD&#91Tq=CRp<Vje8?<_Sb%w!qWVn+ppk
zxnfe8jAH~f$yI&ea;N2*n*rC-k;Rx!vl&wb=|~(L&l%B7?**P#Z-T3u-V1wLE{it9
zGN0_fPI_{SZXfe>s&VPXRO@2|-S0ZOvDYK9mGpga3>6EajrRs*eA0n!yJvV1_YOG)
zN<mkl6qGI(XLnYcTmmXHa(3@nH0-ipl$p6bXF<m;SJw(Egjy+HTeJ$21za=ehVNba
z<yrIS;PdR{Qjhf-0zVf2w#TR*5J8#6=`+iR^mD<wCFL8sOFqh)-(9X|3tp5RxKb%!
zu)ChIg5qxT-*>(}uZQeoSi1;1JXlRPf_&WU-4@H4j1KRDmU^kfu0WsM(i2U%sAsQc
zfDu!AVrOp5sb*_CH8;P)!PDY3Bg9EbAt#@ozMxwCX7H<)c1HEiXN~R_ZL=GiPJW4G
zC%FVj(tt2~phl5BM(t<VA3{ybz`p03h<d-2W`VCYP`K?}T=-$GxYc*mV*Xg0(dJdF
ztwjT%y4&<~SnrIr!unM_BH8JoBI~bWP?2DDywKjG@=0U9>XmhMiVtZz5kB0^S=7r|
zmuHiA_I1g_n^DVSAHR%HH$C%Nx^D1O@-cgzl~rvP&ti@&VB_trgN}UD8@O~!{Eyet
ziJRSaa8J=*FIDcWyl=5^gVQ^X7oooV1o_*IQ+xPm!EbWlMNOqkg`;!U`6VeyLk-Ze
zgm)j`h^mTQoDNqc2c%lAPLmH=H3!Ez0{+Lp@9VmFU2anoYc=mJgPjriU0#*!{<TFG
zBdfmH5O~lp?5Jty1!46D<a70cdCV(!qb!BQ(l=wl73<*(M;>XN&$r7vuH2e8=Q@hU
zxYs<%?<_JDAHTG+-Nv=CN>CCdjpNlGfpZ+vbpEE4I>VfUf~)o2Ar*Y5mV}5E_s;~^
zZVcsZcYUp#aq{Jzt}03vvBt8nZnd}1CoSiOPc?M*=WgrIxZJUDOGsbCZpVv1?J|@-
zNNed$R{~vC2ipGpUE8Y|+1ye#Bk1bcVP}44-dLeugX~TjDJZBLJ@XW$4mB5ri5~}C
zon>1R3&s`TJJwj*?z#AKUv~2>C?_7W)5rEZjxBt^Vh4^Wf6bO^2U>6KTGGF<>xcXK
zjLUd=R9Syp|5&Z;hQj2u@N2smCvbki-m;lZkJw2C_}1Fd&Zqls7h4WRWH5kMQHka0
S#70N+pCdFdTwEuN%lrpfZjhM(

literal 0
HcmV?d00001

diff --git a/front/src/assets/newHome/nengli2.png b/front/src/assets/newHome/nengli2.png
new file mode 100644
index 0000000000000000000000000000000000000000..793dd90d9ac6064060aeb689969f422a5dfa564a
GIT binary patch
literal 1689
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@%qp275hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y
zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP
zs8ErclUHn2VXFi-*9yo63F|8<fR&VF+bTgE72zA8;GAESs$i~XsGDqHV4z@bsh5(N
zl$e~9q@!SDU}UIoV4`nmqHADaWo&6>Vxj;AN<iz1Qqrt~T->0R0eQAc86_nJR{Hwo
z<>h+i#(Mch>H3D2mX`VkM*2oZx<D1W#g%y_i50qe#mX=fTvCgZi!uvJGV}8kKqe+8
z<(HP&Dgm7e@k4F_+}ONgXgC2wOur(rK;KZ$0OTi_LSJ9}N^^7Js*6j4QW5UOYH)E#
zWkITbP-=00X;CsT=F*fwRuxz|7o{ea<QIkH=jXtJF(4zqB)>Q#zd*srSkFK~BRn%N
zCBM8_6Rg44*UB@mxFj(zIn~p}Rtac?US?*Bm6Mr~v7xiExtX(trJ<p#i=(llft!Ju
zo3p8*vx}pv8%(cDesXDUYF-IUZwf-M1x~%7#E@G6wAm%KD6=dz#jPkmR{`v2t4!Q(
zF~w;fRBsAyx0vD7s}FRHJ}739Vj3m{Og<ncJmCU4@T8xb2Tbopz=S>H|J_@_{KD<&
z;uunK>rJ?A{uKv-xz9JhcT#Yj<+A0W^P)uyof{h1CahpGahTY~_mAIc(ZU4`DqKr0
zEOA(}SUpI}!NX&TqoUA+n0IZ@w|=+Ty^X(%`+7p=o4a4%yqj$<pY0r)IxAc$c;7NU
zg|EH4<LhsJES{1+<tFEwkF$zS^VvksS;=g0J@Ay2>g)*<%{5m~SzZ5_Dd3)8L2-TT
z!ZrP@6H+XW99MgKgK_8YH7jxyj|L_4JUMwI+GG34gVtqi><kMIZx#QxpTFOP>BpBB
zx6dCwzB~Oy%ZmpLS<Xz1KmUDPsQ)QpAzy>O-1|NEqf?3>C?y{0=I6cdzGai!d(~OV
zU#3V@-AH@x$LnBqKhpF0|Hxn089lmW?>&FD%`{RrOH`^Otxe}i)Y5Z)#RAJXI@`q7
zFg~rSDdOoW^4`s;^(paKbFtdPsJw&Eyfk7L^IPm$Xc(n4Nn4S#R`x}NilMfri262x
z)SR+FkFaTrc+%EP$$Ru$e@2A*kC?SDQ&v2?er%E$TM?_oE4P0dE5v=*IId4AuQ(jq
z-5004!t~tEC09zlcUZRB>E1XI%aB>vSQhA0VE27?mC<A)o(lO>TEB|sUh8IF;HQ_}
zW*%a*K8f+bFVmi>Qp~n9rhNMsJb$0vg!w^vuXFs=1)s2LtG8`+{Z-VMW0RhJ(_d8j
zz*e4>I}f<;y2`6_GqwKc&QsC%8<`jIB-}iIykP#`r-Bt5vlnI7&t~O#ev~!fLUMic
zdD|vW2_bRIf2_`yM?X%F$vhEdB)lQx=J&j*DLvdv6x$7*rkYRF%Gw!eI8R<rU3=GT
zEkmv8TXrqz-t=Kg!|A5P_fzxd8a5lP|9!BNLD*YLEhsf0T8eG!S@sH+JzZxLFSb15
zcNb0)Sj*#LDi;(fJcnc5;`yI1Ih?Q8*(9#W!ONRx9lS_~Lw3b6)<QPslg?t(c=Jkb
zUDMqncS7QS=$qJtMf+w6Ef2i7=lMzYDE?Dv^(IUn(lVj5L;4?uJ@@i{o5|j=Gi+6f
zj_~9C;wES2{g|z6I=^T3Q~QG{>#Z`Q55E3yzx*=Whv)`I2Byah(t^MI3_z8Ir>mdK
II;Vst0DgRdDF6Tf

literal 0
HcmV?d00001

diff --git a/front/src/assets/newHome/nengli3.png b/front/src/assets/newHome/nengli3.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe48150bb1806659a9045d0cb94a02a0daa46cb3
GIT binary patch
literal 1675
zcmaJ?c~BE)99;oLkwb(Lkx`dL1uD6?6T^{YgGLetAp(jNHpzyhVY5qifdICkMZl_9
z)OwDCqfiu4wAwm?fQVu}>L^tT6e$Q^BjSOAC+!9S`$y@{?0(0*_kP!#*^QAAOKq&?
zSOEZFBUuJV(JN?rr%s{2WLDNIdU2-2aa1&}rZNx%3J6rV0tF=)l8i>7h$=Jn3d#on
z^95RY92F;%@{~BnL`)c_5hG|e0PsVM1ftZT6sSOxwfZ3FSxr3zYE?l{te=c6BSff1
zyDZCqMrTFHm03C^R|SOxgM1^87Qj#n0gYISp5z&Wpb=djy*FL6AaDdi>4Kn7NyW(`
zK@o01!2l+Qp=7h!U;vk?LKKKnq3{B|+1?x$+n2@hWw6;iA1=?=7aV;cI-EhJ=0(9_
zqrvD?5Tv0fg2!TIWMnWie3-Z)nZ@C9xh%Ff%iEhlBN$|+o<fWaJ?S>40HdVRpd~0R
zt_MwuhyqWef*?B8Pc>k~xU8NW?GxQGmJuOX946aT(-=@D`+q2gjiX5_3jLh#e+rZG
zOaf&^p(LJWP|}lAyO}}}JdpuKDBK{&@szPPMrv>hCp9<$diyZhphv7$ufj7(&k=%5
z#*^qt3ehW32^<8`5=^aD#e+E<{{SC9vA-yg%i)M&K_C|ng#En*93e*-$Q6%qVO*Jp
zp?YeJtNP3hn~-ZV14hu1Vbq{aM^#}490Nyc=4mI+MKqz_C|5OcF7Sk07M%>sG}(Vm
zdhCj}k7+w@T>3C>eN<2T-9Q_=U`lB|0GNH0zyi6ky)U*_=O}Q@sc);bb1=6uG{j(&
zr!N+zSggoCcKSrjKvnBBs5Nf&{98gt>%yt_f*I>UPsf>gGwil>B=o;k<LZpML22>8
z9LvrdeQSq1v+DzJr|Z&FUf-$LsBOVBTjJyE?+&BI<q%mwH2D;}=r3=-lx}_A(_Q>!
zp|7pv$`j})6l-_Stngg$#YXHb^pn4R?pIxfau=w)ytjX$qCKoAT4MVsDJAV?!pVju
znQbLzxzfRY>zvI+izcN6x3}#J`JG?27n~Q-tp}z$->PDnAN(Q0I&{jsq2Sj}WoHxH
zER-=Pw7Wj`o-5d3zWl7n`c70$bG7rNU$-Wo8OU)O<^Wf3ZGULyp5`(XqwKD%wy!CY
zCBEoe$OVDTFDk@M!!P9*52q*R<4AgkTit_Z^!fQ+RaZPTtu}Yw5HSz#u0N?i?ILjd
zv$%!h9J5m+KaP^SE6O(|ulupWee2TDxCPgQe+<oB<8;64&a1UjP-Ag^zp`~cXWoX%
z)-Ek&?aD5<&5y&MZc1Ib+BUSSqICL>LkPiMlawDNoqNQ;EV$u5f8}pvi%%-n%A1wz
zFw|>**rL=AxqbN?&W(m(SJx-N>B^0jTzgHAKcYPvUbEbj-)X*XN$u@M2d^0nLK@yt
zZhx22XLt3|P`tV+dBwXTqdL@TpgA?<pl!L(-{NL&RrhYJKcc#P@#}zBWquxhZ<)IJ
zM0C%ERfz)9a<=eW>~PB}Afocg)2@V`c1hy>3)SFX68wNWx`=!PH&T1@KXkY;X14TB
zTOcjl<MA`QYDIpy@2=YB5(a-qUCAMx!5APnYr5BEo&aySfee13*nKUjd9Tp&O?YYp
z_ejXi?{}7#hht*bhaW@pQU!B!^Oxssl({Ywcg7bNZ0mXUn7^$~bTsn#zHZ<^VBWcO
z&3=f8ZOS%Wdj9Ctq#e=&_PN(5&xQqG4{n(@Yn?i$a%Y~6*PA&C#jN)_WT|t=F|XUJ
qk{UlaNNZBEe|i5m$<qNj7PEnpca}F7FJh;eeh(6H1bkeWwEiDl*?`ml

literal 0
HcmV?d00001

diff --git a/front/src/assets/newHome/nengli4.png b/front/src/assets/newHome/nengli4.png
new file mode 100644
index 0000000000000000000000000000000000000000..327b1c525ed33aaf80d263f6c33bdaa6e7da98d1
GIT binary patch
literal 1822
zcmaJ?Yfuws6kS4rNXrOH6+~rCq{=G^0f9s!<Uu4#07EdbL(xsLfdI*-n}tL~K`k>n
zB1TbBtH`4&3aBWKD3zBY4;5`uRD7Tm@Hv8_iAuHISi$}%-I?9*G3T6n?)~mJyD=te
zp@aQ2djJ3&1Q9$DK7y8)Xp4V!85ytf!4(UaVzG!4(?ci>uoZ|51_f#;5f;IaV&#u*
za0mcc&sK@0m{b_alp|^iWWi7jYAwzNfRIpw7LupH7$}1iRT>s)u(qBAsuV1eWS)>F
z)N<h@RYV2~$7V!{<ryh*hJqBj01PoOaRD`qL7+jMs?jkGEYc@kCO)@pQ%T?_2$sSk
z{bNchi~+d_3WGruKVLbGMgxNw6a^%M<T9BLNT<>LsI&m8Uw|)-#`I?}0|LO$4+#&4
zDwIqSkN-IszG9J*Figv&QuTU0Mek2R&_t>qgTbKE=u|r07f1N&R%$TF;H%M*M-_Om
zPL8Uym<rK=7DY&gq+u))ZuOrW)Y>swjqY=u@QP6lke2F4p;>Yo1qy}#4^^wj&^k;6
zfARaD!aDIvEld@`IwTF1<0q#iTS94>Toi^d1QjDl>S!5bk`N5hB_Udn?oXkCb0sQ`
z0@3R{KM{mNra+^^AdMUr@K_{Vf}&C>nB3rSPB1$>JdhjA@be4jF}Q*Lyg)vm8x+I|
zr28>OxjaOkriL}xC|B`?%O96(X$G|xkIaKnRXVKTqlg;(lrvK`z8CJedY`$9@xAcI
z<x+7oRLjZ!>!e4w@b<Ax#~K%3jI}<j!TTM>8~akjjjQ;5F$#EWv7!69<Xnm~+c^tS
z>aTbdEG}VR2d8)iR>kq68#x|X><l;dlE|<PIZFkTBT{{?gTz4DoJMkz=PlwvVJX|$
zW8*CMf_Rh0T!^HbUzmnZ6gc0kq5XWutQ;^eSTlIVb|bO-9WiORGu^s6_+gG+J#Yl*
zuMeDFSD3T*;q+aLyVPJ!OLE_DK1gf#?L2b#htM3-pKEHZGWKKfA3_+$j_mGI^CD@X
zH)o*6cJ(9rqf6zcCjkjhSiS879M_%7P2l{T6x7@4!J&ed8O8Dfcv3~yJ=bUTw@%H?
zP1g0qB}tDZR#(1xC!|R#syZg~C&slYZg|h^5lzb;4C5p~u67=~E}8Nx-TN1YEI+P4
zB0Sl^m#a>_s(Rf?sFXw*zxUeb_|0%|eh1+2>WykkcDwRTzxh#0^kyzvnA!xSw@$h4
z=#^p;+}BA43)b8_{Mz%Hc74#mUL!rbwb%GVNpY{t)zNK&$A*KF17VM!V_lLJFPdb@
z))6K7sW%x@2`7nXC8zq9?BfhQ?!0lI-6>jFv{bkNP=s-M?)Gq6SJi$ObMBn+YCvkS
zJr?<R*+=X1b$`t1T5kVTyJeqoW1owYOJ=6DOKLV&y}E3IXr!|jBW74xldW>eg@@c5
z?S<=`tDSls+-`3sB!o2;Vzb3vBkkUKtUjfJ;A2Z2wqI{EBiX&f_|v3k2_w4&zG)n?
zDBh~R&9`|;*)`|w(iRU1>xfmi&%J>N>2|vd=a%!mdR~el8a6;KYN|V5Uu$y>a4&6$
zE8zKP>yWZV0&de+){|TY4dJJY2v>{5X$|bP5<}(T-1UToS8XH=^kW92VJF$KZ*7pf
zO@8C)WxMjjT4onDqXU4QGOzr>p4yH(<q3V$?oYB4pDDhnE$Z5`^<v{X&$?fLnwHqm
zRZ01T(1wn>#G&$!ugdhz{J}*C&=nyyUtm-|h?&*GkgP7`<~`lEW60)!OGQwdZJhO!
z(wzdA+l_U^V;u4AW#E~+3yvGEwJpUy9DQ&lHf$^5*UPpQWzqA#wKHYfdK6aLc;$+w
zLg?H4Snye{IbXjwE6*<T>l_yER=1Pzn2qmC3X$x1K{0RJ+Y1wSbiL1>GE#Ym=<z;g
zLT`Io*8cu@(e74gt5#InasC8xWN)U+$R=R+$xQP|&(_4>xf5#IR?Qr)ATtQU60TEb
o+We@NJ*L0*cc!}yMQ2+9)uv!o<hu7yEq^RQcogp_XT`d|0U=M=NdN!<

literal 0
HcmV?d00001

diff --git a/front/src/views/personalCenter/components/CloudDetails.vue b/front/src/views/personalCenter/components/CloudDetails.vue
index 296a2091..9061523b 100644
--- a/front/src/views/personalCenter/components/CloudDetails.vue
+++ b/front/src/views/personalCenter/components/CloudDetails.vue
@@ -30,16 +30,20 @@
 <script setup>
 import { onMounted, defineProps, ref } from 'vue'
 import {
-  getZwyBusinessInfoById
+  getZwyBusinessInfoById,
+  getZwyVideoInfoById
 } from '@/api/personalCenter'
 const props = defineProps({
   BSNUM: { type: String, default: '' },
   baseInfo: { type: Object, default: null },
+  chooseTab: { type: Number, default: 0 },
 
 })
 const BSNUM = ref('')
+const chooseTab = ref(0)
 const baseInfo = ref({})
 BSNUM.value = props.BSNUM
+chooseTab.value=props.chooseTab
 baseInfo.value = props.baseInfo
 const columns = ref([
   {
@@ -57,17 +61,27 @@ const xVideoList = ref([
   
 ])
 onMounted(() => {
-  
   const params={
     "id":BSNUM.value
   }
-  getZwyBusinessInfoById(params).then(
+  if(chooseTab.value===2){
+    getZwyBusinessInfoById(params).then(
       (res) => {
         xVideoList.value = res.data.data
-        num.value = []
-        total.value = res.data.data.total
+     
+      //  total.value = res.data.data.length
       }
     )
+  }else if(chooseTab.value===3){
+    getZwyVideoInfoById(params).then(
+      (res) => {
+        xVideoList.value = res.data.data
+     
+      //  total.value = res.data.data.length
+      }
+    )
+  }
+ 
 })
 
 </script>
diff --git a/front/src/views/personalCenter/components/MyApply.vue b/front/src/views/personalCenter/components/MyApply.vue
index 4be62503..2d6aa9b4 100644
--- a/front/src/views/personalCenter/components/MyApply.vue
+++ b/front/src/views/personalCenter/components/MyApply.vue
@@ -1,93 +1,77 @@
 <template>
   <div class="on-the-right-side-of-the-list">
-    <div class="title" style="margin-bottom: 0.2rem">我的申请</div>
+    <!-- <div class="title" style="margin-bottom: 0.2rem">我的申请</div> -->
+    <div style=" background: #fff;;width:100%;height:75px">
     <div class="second-title">
-      <div
-        style="margin-right: 30px"
-        v-for="(item, index) in chooseList"
-        :class="chooseTab == index ? 'chooseStyle' : 'noChooseStyle'"
-        :key="index"
-        @click="handleTab(index)"
-      >
+      <div style="margin-right: 30px" v-for="(item, index) in chooseList"
+        :class="chooseTab == index ? 'chooseStyle' : 'noChooseStyle'" :key="index" @click="handleTab(index)">
         {{ item }}
       </div>
     </div>
-    <div class="tab" style="margin-bottom: 0.1rem" v-show="chooseTab == 0">
-      <span>类型</span>
-      <div
-        :class="typeIndex == index ? 'tabclass' : ' '"
-        @click="changeType(item, index)"
-        v-for="(item, index) in typeList"
-        :key="index"
-      >
-        {{ item }}
+  </div>
+    <!--类型-->
+    <div class="top-title" v-show="chooseTab == 0">
+      <div v-for="(item, index) in typeList" :key="index" :class="index === typeIndex ? 'sel' : ''"
+        @click="changeType(item, index)">
+        <span class="photo" :style="{
+          backgroundImage: `url(${item.photo}) `,
+          backgroundSize: 'cover',
+        }"></span>
+        <span>
+          {{ item.name }}
+        </span>
       </div>
+
     </div>
-    <div class="tab" v-if="chooseTab != 1 && chooseTab != 2 && chooseTab != 3">
-      <span>申请状态</span>
-      <div
-        :class="tabIndex == index ? 'tabclass' : ' '"
-        @click="changeApplyState(item, index)"
-        v-for="(item, index) in tabList"
-        :key="index"
-      >
-        <a-badge
-          :count="item === '审核中' ? num.unfinished : num.finished"
-          v-if="item !== '全部'"
-        >
+
+    <!--申请状态-->
+    <div class="tab" v-show="chooseTab == 0">
+      <!-- <span>申请状态</span> -->
+      <div :class="tabIndex == 0 ? 'tabclass' : ' '" @click="changeApplyState('全部', 0)">
+      全部
+      </div>
+      <div :class="tabIndex == 1 ? 'tabclass' : ' '" @click="changeApplyState('审核中', 1)">
+      审核中<span v-if="num.unfinished !==0  " style="margin-left:4px">{{num.unfinished}}</span>
+      </div>
+      <div :class="tabIndex == 2 ? 'tabclass' : ' '" @click="changeApplyState('审核完成', 2)">
+      审核完成<span v-if="num.finished !==0" style="margin-left:4px">{{num.finished}}</span>
+      </div>
+        <!-- v-for="(item, index) in tabList" :key="index">
+        <a-badge :count="item === '审核中' ? num.unfinished : num.finished" v-if="item !== '全部'">
           {{ item }}
         </a-badge>
         <template v-else>
           {{ item }}
-        </template>
-      </div>
+        </template> -->
+      <!-- </div> -->
     </div>
-    <!--政务云资源-->
-    <template v-if="chooseTab == 2">
-      <a-form
-        :label-col="{ style: { width: '80px' } }"
-        :wrapper-col="{ style: { width: '200px' } }"
-        labelAlign="center"
-      >
+    <!--政务云资源和视频资源-->
+    <template v-if="chooseTab == 2 || chooseTab == 3">
+      <div  style="margin-top:22px;margin-left:16px">
+      <a-form :label-col="{ style: { width: '80px' } }" :wrapper-col="{ style: { width: '200px' } }"
+        labelAlign="center">
         <a-row>
           <a-form-item label="业务名称">
-            <a-input
-              placeholder="请输入业务名称"
-              v-model:value="yunForm.busineesName"
-              style="width: 200px"
-            />
+            <a-input placeholder="请输入业务名称" v-model:value="yunForm.busineesName" style="width: 200px" />
           </a-form-item>
           <a-form-item label="状态">
-            <a-select
-              ref="select"
-              v-model:value="yunForm.status"
-              placeholder="请选择状态"
-              style="width: 200px"
-            >
-              <a-select-option
-                v-for="(item, index) in cloudResourceStatusList"
-                :key="index"
-                :value="item.dictValue"
-                clearable
-              >
+            <a-select ref="select" v-model:value="yunForm.status" placeholder="请选择状态" style="width: 200px">
+              <a-select-option v-for="(item, index) in cloudResourceStatusList" :key="index" :value="item.dictValue"
+                clearable>
                 {{ item.dictLabel }}
               </a-select-option>
             </a-select>
           </a-form-item>
-          <button class="queryButton" @click="getCloudList()">查询</button>
+          <button class="queryButton" @click="getChooseeList()">查询</button>
           <button class="queryButton" @click="cloudSearchReserve()">
             重置
           </button>
         </a-row>
       </a-form>
-
+    </div>
       <div v-if="cloudList.data.length > 0">
         <div class="content-cloud">
-          <div
-            class="content-cloud-body"
-            v-for="item in cloudList.data"
-            :key="item.index"
-          >
+          <div class="content-cloud-body" v-for="item in cloudList.data" :key="item.index">
             <div class="content-body-left">
               <div class="content-body-left-one">
                 <div style="font-size: 16px">{{ item.BUSINESS_NAME }}</div>
@@ -105,38 +89,30 @@
           </div>
         </div>
         <div class="bottom">
-          <a-pagination
-            size="small"
-            pageSize="4"
-            :total="total"
-            :showTotal="(total) => `共 ${total} 项`"
-            :current="page"
-            @change="handleCurrentChange"
-            @showSizeChange="handlePageSizeChange"
-            :showSizeChanger="false"
-          />
+          <a-pagination size="small" pageSize="4" :total="total" :showTotal="(total) => `共 ${total} 项`" :current="page"
+            @change="handleCurrentChange" @showSizeChange="handlePageSizeChange" :showSizeChanger="false" />
         </div>
       </div>
-      <a-empty v-else />
+      <div style="height: 740px;background: #fff;    padding-top: 200px;" v-else>
+        <a-empty  /></div>
+    
     </template>
     <!--数据资源和视频资源-->
-    <template v-else-if="chooseTab == 1 || chooseTab == 3">
+    <template v-else-if="chooseTab == 1">
+      <div style="height: 740px;background: #fff;    padding-top: 250px;" >
       <a-empty></a-empty>
+      </div>
     </template>
     <!--UCS内部资源-->
     <template v-else>
       <div v-if="contentList.data.length > 0">
         <div class="content">
-          <div
-            class="content-body"
-            v-for="item in contentList.data"
-            :key="item.index"
-          >
+          <div class="content-body" v-for="item in contentList.data" :key="item.index">
             <div class="withdraw" v-if="item.approveStatus === '不通过'"></div>
             <div class="content-body-title">
               <span>
                 申请单号：{{
-                  item.applyNumber || item.GUID || item.BSNUM || '--'
+                    item.applyNumber || item.GUID || item.BSNUM || '--'
                 }}
               </span>
               <div></div>
@@ -144,9 +120,9 @@
             <a-tooltip>
               <template #title>
                 {{
-                  item.cameraList
-                    ? item.system
-                    : item.title ||
+                    item.cameraList
+                      ? item.system
+                      : item.title ||
                       item.name ||
                       item.title ||
                       item.BUSINESS_NAME
@@ -155,9 +131,9 @@
               <div class="content-body-title">
                 <span>
                   名称：{{
-                    item.cameraList
-                      ? item.system
-                      : item.title ||
+                      item.cameraList
+                        ? item.system
+                        : item.title ||
                         item.name ||
                         item.title ||
                         item.BUSINESS_NAME
@@ -170,179 +146,104 @@
               <p class="content-body-content-son" v-if="typeName == '设备申请'">
                 审核结果：{{ item.state === 0 ? '审核中' : '审核完成' }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '数据资源申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '数据资源申请'">
                 审核结果：{{ item.bmyijian === 0 ? '审核中' : '审核完成' }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '云资源申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '云资源申请'">
                 审核结果：{{ status[item.STATUS] }}
               </p>
-              <p
-                class="content-body-content-son"
-                v-else-if="typeName == '云视频申请'"
-              >
+              <p class="content-body-content-son" v-else-if="typeName == '云视频申请'">
                 审核结果：{{ status2[item.STATUS] }}
               </p>
               <p class="content-body-content-son" v-else>
                 审核结果：{{
-                  item.ended
-                    ? '审核完成'
-                    : item.backToFirst
-                    ? '审核中（请修改被驳回内容）'
-                    : '审核中'
+                    item.ended
+                      ? '审核完成'
+                      : item.backToFirst
+                        ? '审核中（请修改被驳回内容）'
+                        : '审核中'
                 }}
               </p>
               <div>
                 申请日期：{{
-                  item.createDate ||
-                  item.startTime ||
-                  item.tbsj ||
-                  (item.CREATE_TIME &&
-                    moment(item.CREATE_TIME.time + 480 * 60 * 1000).format(
-                      'YYYY-MM-DD HH:mm:ss'
-                    ))
+                    item.createDate ||
+                    item.startTime ||
+                    item.tbsj ||
+                    (item.CREATE_TIME &&
+                      moment(item.CREATE_TIME.time + 480 * 60 * 1000).format(
+                        'YYYY-MM-DD HH:mm:ss'
+                      ))
                 }}
               </div>
               <!-- 西海岸--增加过期时间显示 -->
               <div v-if="isXiHaiAn">过期时间：{{ item.expireDate || '' }}</div>
             </div>
             <div class="button-box">
-              <div
-                class="button"
-                v-if="typeName == '设备申请' && phoneSate.includes(item.state)"
-                @click="showPhoneModal(item)"
-              >
+              <div class="button" v-if="typeName == '设备申请' && phoneSate.includes(item.state)"
+                @click="showPhoneModal(item)">
                 联系方式
               </div>
               <div class="button" @click="showDetail(item)">查看详情</div>
-              <div
-                class="button"
-                @click="showAdd(item)"
-                v-if="typeName !== '能力申请' && item.backToFirst"
-              >
+              <div class="button" @click="showAdd(item)" v-if="typeName !== '能力申请' && item.backToFirst">
                 修改
               </div>
-              <svg
-                t="1652233950228"
-                class="icon"
-                viewBox="0 0 1024 1024"
-                version="1.1"
-                xmlns="http://www.w3.org/2000/svg"
-                p-id="5970"
-                data-spm-anchor-id="a313x.7781069.0.i8"
-                width="80"
-                height="80"
-                v-if="
+              <svg t="1652233950228" class="icon" viewBox="0 0 1024 1024" version="1.1"
+                xmlns="http://www.w3.org/2000/svg" p-id="5970" data-spm-anchor-id="a313x.7781069.0.i8" width="80"
+                height="80" v-if="
                   item.processDefinitionName != '能力资源下架' &&
                   item.approveStatus !== '不通过' &&
                   (item.resourceStatus == 4 || item.resourceStatus == 5)
-                "
-                style="position: absolute; top: 20px; left: -850px"
-              >
+                " style="position: absolute; top: 20px; left: -850px">
                 <path
                   d="M955.22053 256C813.82053 11.2 500.72053-72.6 255.92053 68.8S-72.67947 523.2 68.72053 768 523.22053 1096.6 768.02053 955.2c244.7-141.2 328.6-454.1 187.4-698.8 0-0.1-0.1-0.3-0.2-0.4zM762.02053 944.7c-239 138.1-544.8 56.2-682.9-182.8S22.92053 217.1 261.92053 79.1s544.8-56.2 682.9 182.8c137.9 239 56.1 544.6-182.8 682.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5971"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5971"></path>
                 <path
                   d="M898.12053 289.2C775.02053 76 502.42053 2.9 289.22053 126 76.02053 249.1 3.02053 521.6 126.02053 734.8 249.12053 948 521.62053 1021.1 734.82053 898 947.92053 774.9 1021.02053 502.4 898.12053 289.2zM731.62053 892.8C521.32053 1014.3 252.42053 942.2 131.02053 731.9 9.52053 521.6 81.62053 252.7 291.92053 131.3 502.12053 9.9 771.02053 81.8 892.42053 292c121.5 210.3 49.5 479.3-160.8 600.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5972"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5972"></path>
                 <path
                   d="M323.62053 176.8c3.6-2 6 0.8 8.8 2.8 6 4.4 12.4 8.8 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.4 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.6 0.6-2zM200.72053 289.2c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 13.6-5.6 20.8 4.8 6 10 11.6 14.8 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.4-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.4-1.2 0-1.6 0.8-2.4l0.2 0.4z m276.6-159.6c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.8-1.2-0.4-1.6 0.4-2.4l0.2 0.4z m141.9 29.6c3.6-2 6 0.8 8.8 2.8l18.8 12.8c7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-3.6 14-5.6 20.8 4.8 6 10 12 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4-7.7 0.4-15.2 0.8-22.4 0.8-4.4 6.8-8.4 13.2-12.8 20-1.6 2.4-4 5.1-7.2 4-2.4-1.9-3.9-4.7-4.4-7.7l-7.2-20.5c-8.4-2-16.8-4.4-25.2-6.4-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 4-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.5-1.2 0.2-1.6 0.6-2zM150.02053 430c3.6-2 6 0.8 8.8 2.8 6.4 4.4 12.4 8.4 18.8 12.8 7.2-2.4 14.4-5.1 21.6-7.7 3.6-1.2 6-2.8 8.8 0.4 2.4 2.8 0.4 6.4-0.4 8.8-2 6.8-4 14-5.6 20.8 4.8 6 10 11.6 15.2 17.6 2.4 2.8 4.4 5.6 2.8 8.4-1.2 2.8-5.6 2.4-7.7 2.4l-22.4 0.8c-4.4 6.8-8.8 13.6-12.8 20-1.6 2.4-4 5.1-7.2 4-2.2-2-3.8-4.7-4.4-7.7l-7.2-20.5-25.2-6.4c-2.3-1.2-3.6-3.8-3.2-6.4 1.3-1.8 2.9-3.3 4.8-4.4 3.6-3.2 7.7-6.8 11.6-10 1.9-1.3 3.6-2.7 5.1-4.4-0.4-6.8-1.2-13.6-1.6-20.5-0.7-2.9-0.9-5.9-0.4-8.8-0.7-0.8-0.3-1.5 0.6-2z m558.9 414.4c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.1 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-1.1 0.8-1.1 1.6-1.1h0.1z m-158.8 50c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.1-3.7-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2-1 4.2-1.7 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.4-0.8 0.8-0.8 1.7-0.7z m276.5-159.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8s-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.2 4.4-0.7 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0-0.8 0.8-1.2 1.6-1.2l0.1 0.1z m45.6-137.6c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-1.6-14-3.6-20.8-5.6l-7.7-22c-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.2-0.7 0.6-0.7 1.4-0.7h0.3zM402.72053 868c3.6-2.4 2.4-5.6 2-8.8l-1.6-22.4 17.2-14.8c2.8-2.4 5.1-4 4-7.7-1.2-3.2-5.6-3.6-7.7-4-6.8-2-14-3.6-20.8-5.6-2.8-7.2-5.1-14.4-7.7-21.6-1.2-3.6-2.8-6.4-5.6-6.8-2.8-0.4-4.8 3.6-5.6 5.1l-12 19.2-24 1.2c-2.8 0-6.8 0.8-6.8 4.4 0.5 3 2 5.7 4.4 7.7 4.8 5.6 9.2 11.2 14 16.4l-7.2 25.2c-0.3 2.7 1.4 5.2 4 6 2.2-0.3 4.3-0.9 6.4-1.6l14.4-4.8c2.1-0.8 4.2-1.5 6.4-2 5.6 4 11.2 7.7 16.8 11.6 2.2 2.1 4.8 3.6 7.7 4.4 0.5-0.8 1-1.1 1.7-1.1z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5973"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5973"></path>
                 <path
                   d="M386.42053 590.4l-43.8-75.9L207.02053 592.7l10.2 17.7L334.02053 543l23.4 40.4-90.5 52.2-13.5-23.4-18.7 10.8 53.1 92c9.1 15.8 21.2 19.5 36.4 10.7l98.8-57c6.2-3.6 11-9.3 13.4-16.1-1.4-15.9-6.2-31.2-14.2-45l-21.4 4.8c6.7 10.3 11 21.9 12.8 34-1 3.3-3.2 6-6.1 7.8l-88.3 51c-6.2 3.6-11.1 2.1-14.8-4.3l-27.3-47.4 109.3-63.1z m2.9-103.2l10.4 18.1 65.6-37.9 79.9 138.4 18.6-10.8-55.9-96.9c18.8-0.9 43.2-0.6 73 0.7l1.5-23.1c-29.8-0.3-58.4 0.4-86 2.6l-12.5-21.6 74.9-43.2-10.4-18.1-159.1 91.8zM669.52053 329l38.2 66.2 61.4-35.4-38.1-66.1-61.5 35.3z m72.4 24.2l-26.3 15.2-19-33 26.3-15.2 19 33zM599.02053 356.7l7.9 13.7-23.3 13.5 9.8 17 21.8-12.6c7.5 18.7 6.6 39.6-2.5 57.6l20.7 4.4c10.3-23.1 10.3-49.4 0-72.5l18.8-10.9c6 9.2 10.7 19.2 14.2 29.7 0.3 5-2.6 9.7-7.2 11.7-2.9 1.2-6.4 2.8-10.9 4.9l14.1 14.1c3.7-1.3 7.3-2.9 10.7-4.8 8.6-3.9 14.4-12.2 15.2-21.6-5.4-22.1-14.6-43-27.4-61.8l-36.1 20.8-7.9-13.7-17.9 10.5z m29.9 108.1l10 17.4 53.2-30.7c-7.8 23.7-20.6 45.4-37.5 63.6l20.6 11.1c18.6-24.2 30-53.1 33-83.4l29.8 51.5 18.4-10.7-29.8-51.5c27.4 11.5 57.2 16.3 86.9 14.1l3.5-23.5c-24.7 5.1-50.1 5-74.8-0.1l53.5-30.9-10-17.3-69.3 40-7.3-12.6-18.4 10.7L698.02053 425l-69.1 39.8z"
-                  fill="#515151"
-                  opacity=".5"
-                  p-id="5974"
-                ></path>
+                  fill="#515151" opacity=".5" p-id="5974"></path>
               </svg>
             </div>
           </div>
         </div>
         <div class="bottom">
-          <a-pagination
-            size="small"
-            pageSize="4"
-            :total="total"
-            :current="page"
-            :showTotal="(total) => `共 ${total} 项`"
-            @change="handleCurrentChange"
-            @showSizeChange="handlePageSizeChange"
-            :showSizeChanger="false"
-          />
+          <a-pagination size="small" pageSize="4" :total="total" :current="page" :showTotal="(total) => `共 ${total} 项`"
+            @change="handleCurrentChange" @showSizeChange="handlePageSizeChange" :showSizeChanger="false" />
         </div>
       </div>
-      <a-empty v-else />
+      <div style="height: 640px;background: #fff;    padding-top: 200px;" v-else>
+      <a-empty  />
+    </div>
     </template>
   </div>
   <!-- 政务云资源详情-->
-  <a-modal
-    bodyStyle="padding:0.1rem 0"
-    v-model:visible="cloudVisible"
-    style="width: 1000px"
-    :footer="null"
-    destroyOnClose="true"
-    :maskClosable="false"
-  >
+  <a-modal bodyStyle="padding:0.1rem 0" v-model:visible="cloudVisible" style="width: 1000px" :footer="null"
+    destroyOnClose="true" :maskClosable="false">
     <template v-slot:title>申请详情</template>
-    <cloud-details :BSNUM="BSNUM" :baseInfo="baseInfo"></cloud-details>
+    <cloud-details :BSNUM="BSNUM" :chooseTab="chooseTab" :baseInfo="baseInfo"></cloud-details>
   </a-modal>
-  <a-modal
-    bodyStyle="padding:0.1rem 0"
-    v-model:visible="detailsVisible"
-    style="width: 1000px"
-    :footer="null"
-    destroyOnClose="true"
-    :maskClosable="false"
-  >
+  <a-modal bodyStyle="padding:0.1rem 0" v-model:visible="detailsVisible" style="width: 1000px" :footer="null"
+    destroyOnClose="true" :maskClosable="false">
     <template v-slot:title>
       {{
-        refObj.description && itShowXiHaiAn
-          ? refObj.description + '申请详情'
-          : '申请详情'
+          refObj.description && itShowXiHaiAn
+            ? refObj.description + '申请详情'
+            : '申请详情'
       }}
     </template>
-    <apply-details
-      :processDefinitionName="processDefinitionName"
-      :businessKey="businessKey"
-      :processInstanceId="processInstanceId"
-      :resourceId="resourceId"
-      :refObj="refObj"
-      :showType="showType"
-    ></apply-details>
+    <apply-details :processDefinitionName="processDefinitionName" :businessKey="businessKey"
+      :processInstanceId="processInstanceId" :resourceId="resourceId" :refObj="refObj"
+      :showType="showType"></apply-details>
   </a-modal>
-  <a-modal
-    v-model:visible="visible"
-    title="下架原因"
-    @ok="del()"
-    @cancel="reason = ''"
-  >
+  <a-modal v-model:visible="visible" title="下架原因" @ok="del()" @cancel="reason = ''">
     <a-input v-model:value="reason" placeholder="请输入下架原因" />
   </a-modal>
-  <a-modal
-    v-model:visible="videoVisible"
-    title="已申请摄像头列表"
-    @ok="videoVisible = false"
-  >
-    <a-table
-      :columns="columns"
-      :data-source="xVideoList"
-      bordered
-      :pagination="{ defaultPageSize: 6 }"
-    >
+  <a-modal v-model:visible="videoVisible" title="已申请摄像头列表" @ok="videoVisible = false">
+    <a-table :columns="columns" :data-source="xVideoList" bordered :pagination="{ defaultPageSize: 6 }">
       <template #bodyCell="{ column, text }">
         <!-- <template>
         <a>{{ text }}</a>
@@ -351,1090 +252,1247 @@
     </a-table>
   </a-modal>
   <!-- 联系方式弹框 -->
-  <a-modal
-    v-model:visible="phoneVisible"
-    title="提示"
-    @ok="phoneVisible = false"
-  >
+  <a-modal v-model:visible="phoneVisible" title="提示" @ok="phoneVisible = false">
     <!-- 工业信息化局那个号，电话配这个号：199 6399 0996 -->
     <p>请联系工业信息化局，电话：199 6399 0996</p>
   </a-modal>
 </template>
 
 <script setup>
-  import {
-    onMounted,
-    reactive,
-    ref,
-    onBeforeUnmount,
-    h,
-    defineProps,
-    nextTick,
-  } from 'vue'
-  import {
-    getMyProcessInstancePage,
-    getTabilityapplication,
-    getByApplyFlag,
-    nengliziyuanshangjiaapply,
-    getDemandForm,
-    demandComment,
-    deviceApplylist,
-    getDeviceDetail,
-    yaweiApproveStatus,
-    yaweiApproveDetails,
-    getResourceBusinessList,
-    getVideoBusinessList,
-    getCategoryTreePage,
-    getZwyBusinessList,
-  } from '@/api/personalCenter'
-  import {
-    updateRes,
-    relaunch,
-    selectOne,
-    getApplyCameraList,
-    selectOneDel,
-  } from '@/api/home'
-  import { useRouter } from 'vue-router'
-  import { getUserInfo } from '@/api/user'
-  import { message } from 'ant-design-vue'
-  import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
-  import CloudDetails from '@/views/personalCenter/components/CloudDetails'
-  import mybus from '@/myplugins/mybus'
-  import * as moment from 'moment'
+import {
+  onMounted,
+  reactive,
+  ref,
+  onBeforeUnmount,
+  h,
+  defineProps,
+  nextTick,
+} from 'vue'
+import {
+  getMyProcessInstancePage,
+  getTabilityapplication,
+  getByApplyFlag,
+  nengliziyuanshangjiaapply,
+  getDemandForm,
+  demandComment,
+  deviceApplylist,
+  getDeviceDetail,
+  yaweiApproveStatus,
+  yaweiApproveDetails,
+  getResourceBusinessList,
+  getVideoBusinessList,
+  getCategoryTreePage,
+  getZwyBusinessList,
+  getZwyVideoList
+} from '@/api/personalCenter'
+import {
+  updateRes,
+  relaunch,
+  selectOne,
+  getApplyCameraList,
+  selectOneDel,
+} from '@/api/home'
+import { useRouter } from 'vue-router'
+import { getUserInfo } from '@/api/user'
+import { message } from 'ant-design-vue'
+import ApplyDetails from '@/views/personalCenter/components/ApplyDetails'
+import CloudDetails from '@/views/personalCenter/components/CloudDetails'
+import mybus from '@/myplugins/mybus'
+import * as moment from 'moment'
 
-  const props = defineProps({
-    tabTypeName: { type: String, default: '' },
-  })
-  const router = useRouter()
-  const userName = ref('')
-  //云资源下拉框
-  let cloudResourceStatusList = ref([])
-  getUserInfo().then((res) => {
-    userName.value = res.data.data.username
-  })
-  const formState = ref({ name: '' })
-  // 西海岸-设备申请
-  let isXiHaiAn = whoShow.itShowXiHaiAn
-  //选择展示的Tab页
-  let chooseTab = ref(0)
-  //云资源查询条件
-  let yunForm = reactive({
-    status: '',
-    busineesName: '',
-  })
-  let chooseList = ref(['UCS内部资源', '数据资源', '政务云资源', '视频资源'])
-  let typeList = ref([
-    '能力申请',
-    '能力上架',
-    '能力下架',
-    '能力需求',
-    '需求评论',
-    // '数据资源申请',
-    // '云资源申请',
-    // '云视频申请',
-  ])
 
-  const itShowXiHaiAn = ref(isXiHaiAn)
-  const phoneSate = ref([2, 3])
-  if (isXiHaiAn) {
-    typeList.value.push('设备申请')
+const props = defineProps({
+  tabTypeName: { type: String, default: '' },
+})
+const router = useRouter()
+const userName = ref('')
+//云资源下拉框
+let cloudResourceStatusList = ref([])
+getUserInfo().then((res) => {
+  userName.value = res.data.data.username
+})
+const formState = ref({ name: '' })
+// 西海岸-设备申请
+let isXiHaiAn = whoShow.itShowXiHaiAn
+//选择展示的Tab页
+let chooseTab = ref(0)
+//云资源查询条件
+let yunForm = reactive({
+  status: '',
+  busineesName: '',
+})
+let chooseList = ref(['UCS内部资源', '数据资源', '政务云资源', '视频资源'])
+let typeList = ref([
+  {
+    photo: require('@/assets/newHome/nengli1.png'),
+    name: '能力申请',
+  }, {
+    photo: require('@/assets/newHome/nengli2.png'),
+    name: '能力上架',
+  }, {
+    photo: require('@/assets/newHome/nengli3.png'),
+    name: '能力下架',
+  }, {
+    photo: require('@/assets/newHome/nengli4.png'),
+    name: '能力需求',
+  }, {
+    photo: require('@/assets/newHome/nengli1.png'),
+    name: '需求评论',
   }
-  const typeStrObj = {
-    能力上架: 'resourcemountapply',
-    能力下架: 'resourcundercarriageapply',
-    能力需求: 'abilitydemandapply',
-    需求评论: 'comment_review',
-  }
-  let tabList = ref(['全部', '审核中', '审核完成'])
-  const contentList = reactive({ data: [] })
-  const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
-  //政务云资源
-  const cloudList = reactive({ data: [] })
-  let tabIndex = ref(0)
-  let typeIndex = ref(0)
-  let typeName = ref(typeList.value[0])
+])
 
-  if (router.currentRoute.value.query.tabTypeName) {
-    typeName.value = router.currentRoute.value.query.tabTypeName
-  }
-  const videoVisible = ref(false)
-  const numFlag = ref(true)
-  const columns = ref([
-    {
-      title: '摄像头名称',
-      dataIndex: 'name',
-    },
-  ])
-  const xVideoList = ref([])
+const itShowXiHaiAn = ref(isXiHaiAn)
+const phoneSate = ref([2, 3])
+if (isXiHaiAn) {
+  typeList.value.push('设备申请')
+}
+const typeStrObj = {
+  能力上架: 'resourcemountapply',
+  能力下架: 'resourcundercarriageapply',
+  能力需求: 'abilitydemandapply',
+  需求评论: 'comment_review',
+}
+let tabList = ref(['全部', '审核中', '审核完成'])
+const contentList = reactive({ data: [] })
+const contentList2 = reactive({ data: [] }) // 云资源 云视频前端过滤使用
+//政务云资源
+const cloudList = reactive({ data: [] })
+let tabIndex = ref(0)
+let typeIndex = ref(0)
+let typeName = ref('能力申请')
 
-  let name = ref('')
-  const detailsVisible = ref(false)
-  const detailsVisible2 = ref(false)
-  //政务云资源详情
-  const cloudVisible = ref(false)
-  const businessKey = ref('')
-  const processInstanceId = ref('')
-  const processDefinitionName = ref('')
-  const resourceId = ref('')
-  const reason = ref('')
-  const visible = ref(false)
-  const delObj = ref({})
-  const taskId = ref('')
-  const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
-  const refObj = ref({})
-  //政务云详情
-  const BSNUM = ref('')
-  const baseInfo = ref({})
-  const num = ref({
-    finished: 0,
-    unfinished: 0,
-  })
-  const total = ref('')
-  const showType = ref('')
-  const page = ref('1')
-  const ended = ref('')
-  const processDefinitionKey = ref('')
-  const phoneVisible = ref(false)
+if (router.currentRoute.value.query.tabTypeName) {
+  typeName.value = router.currentRoute.value.query.tabTypeName
+}
+const videoVisible = ref(false)
+const numFlag = ref(true)
+const columns = ref([
+  {
+    title: '摄像头名称',
+    dataIndex: 'name',
+  },
+])
+const xVideoList = ref([])
 
-  // 选择类型
-  const changeType = (item, index) => {
-    contentList.data = []
-    formState.value.name = ''
+let name = ref('')
+const detailsVisible = ref(false)
+const detailsVisible2 = ref(false)
+//政务云资源详情
+const cloudVisible = ref(false)
+const businessKey = ref('')
+const processInstanceId = ref('')
+const processDefinitionName = ref('')
+const resourceId = ref('')
+const reason = ref('')
+const visible = ref(false)
+const delObj = ref({})
+const taskId = ref('')
+const backUrl = ref(window.SITE_CONFIG.apiURL + '/')
+const refObj = ref({})
+//政务云详情
+const BSNUM = ref('')
+const baseInfo = ref({})
+const num = ref({
+  finished: 0,
+  unfinished: 0,
+})
+const total = ref('')
+const showType = ref('')
+const page = ref('1')
+const ended = ref('')
+const processDefinitionKey = ref('')
+const phoneVisible = ref(false)
 
-    numFlag.value = true
-    num.value = []
-    showType.value = ''
-    tabIndex.value = 0
-    ended.value = ''
-    page.value = 1
-    typeIndex.value = index
-    typeName.value = item
-    getApplyList()
-  }
-  //选择tab
-  const handleTab = (index) => {
-    chooseTab.value = index
-    if (index == 2) {
-      //查询政务云状态
-      getCloudResource()
-      getCloudList()
-    }
-  }
-  const cloudSearchReserve = () => {
-    Object.keys(yunForm).map((key) => {
-      delete yunForm[key]
-    })
+// 选择类型
+const changeType = (item, index) => {
+  contentList.data = []
+  formState.value.name = ''
+
+  numFlag.value = true
+  num.value = []
+  showType.value = ''
+  tabIndex.value = 0
+  ended.value = ''
+  page.value = 1
+  typeIndex.value = index
+  typeName.value = item.name
+  getApplyList()
+}
+const getChooseeList = () => {
+  if (index == 2) {
+    //查询政务云状态
     getCloudList()
+  } else if (index == 3) {//视频
+    getVideoList()
   }
-  //查询政务云数据
-  const getCloudList = () => {
-    const params = {
-      pageNum: page.value,
-      pageSize: 5,
-      status: yunForm.status,
-      name: yunForm.busineesName,
-    }
-    total.value = 5
-    getZwyBusinessList(params).then((res) => {
-      cloudList.data = res.data.data.list
-      num.value = []
-      total.value = res.data.data.total
-    })
+}
+//选择tab
+const handleTab = (index) => {
+  chooseTab.value = index
+  Object.keys(yunForm).map((key) => {
+    delete yunForm[key]
+  })
+  if (index == 2) {
+    cloudList.data=[]
+    //查询政务云状态
+    getCloudResource()
+    getCloudList()
+  } else if (index == 3) {//视频
+    cloudList.data=[]
+    getCloudResource()
+    getVideoList()
   }
-  //查询政务云状态
-  const getCloudResource = () => {
-    getCategoryTreePage({
-      page: 1,
-      limit: 20,
-      dictTypeId: '1601043884320755714',
-      deFlage: 0,
-    }).then((res) => {
-      cloudResourceStatusList.value = res.data.data.list
-    })
+}
+const cloudSearchReserve = () => {
+  Object.keys(yunForm).map((key) => {
+    delete yunForm[key]
+  })
+  if (index == 2) {
+    getCloudList()
+  } else if (index == 3) {//视频
+    getVideoList()
   }
+}
+//查询云资源数据
+const getVideoList = () => {
+  const params = {
+    pageNum: page.value,
+    pageSize: 5,
+    status: yunForm.status,
+    name: yunForm.busineesName,
+  }
+  total.value = 5
+  //     cloudList.data = [
+  // {
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-20 02:04:30",
+  // "STATUS":"06",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-22 02:04:30",
+  // "STATUS":"06",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-05 02:04:30",
+  // "STATUS":"04",
+  // },{
+  // "BSNUM":"0120221010000008",
+  // "BUSINESS_NAME":"应急指挥系统建设项目新增",
+  // "CREATE_TIME":"2022-11-01 02:04:30",
+  // "STATUS":"04",
+  // }
+  // ]
 
-  // 申请状态切换
-  function changeApplyState(item, index) {
-    tabIndex.value = index
-    switch (item) {
-      case '审核中':
-        page.value = 1
-        ended.value = false
-        getApplyList()
-        break
-      case '审核完成':
-        page.value = 1
-        ended.value = true
-        getApplyList()
-        break
-      case '全部':
-        page.value = 1
-        ended.value = ''
-        getApplyList()
-        break
-    }
+  getZwyVideoList(params).then((res) => {
+    cloudList.data = res.data.data.list
+    num.value = []
+    total.value = res.data.data.total
+  })
+}
+//查询政务云数据
+const getCloudList = () => {
+  const params = {
+    pageNum: page.value,
+    pageSize: 5,
+    status: yunForm.status,
+    name: yunForm.busineesName,
   }
+  total.value = 5
+  getZwyBusinessList(params).then((res) => {
+    cloudList.data = res.data.data.list
+    num.value = []
+    total.value = res.data.data.total
+  })
 
-  const applytype = {
-    '01': '新增',
-    '02': '变更',
-    '03': '停用',
-    '04': '核减',
+}
+//查询政务云状态
+const getCloudResource = () => {
+  getCategoryTreePage({
+    page: 1,
+    limit: 20,
+    dictTypeId: '1601043884320755714',
+    deFlage: 0,
+  }).then((res) => {
+    cloudResourceStatusList.value = res.data.data.list
+  })
+}
+
+// 申请状态切换
+function changeApplyState(item, index) {
+  tabIndex.value = index
+  switch (item) {
+    case '审核中':
+      page.value = 1
+      ended.value = false
+      getApplyList()
+      break
+    case '审核完成':
+      page.value = 1
+      ended.value = true
+      getApplyList()
+      break
+    case '全部':
+      page.value = 1
+      ended.value = ''
+      getApplyList()
+      break
   }
-  const sourcetype = {
-    '01': '云主机',
-    '02': '云数据库',
-    '03': '对象存储',
-    '04': '堡垒机',
-    '05': '备份服务',
-    '06': '防火墙',
-    '07': '网闸',
-    '08': '负载均衡',
-    '09': '公网ip',
-    10: '托管服务',
-    11: '大数据服务',
-  }
-  const status = {
-    '00': '草稿',
-    '01': '提交',
-    '03': '一级部门提交',
-    '04': '驳回',
-    '05': '审核通过',
-    '06': '交付',
-    '07': '作废',
-    99: '终止办结',
-  }
-  const status2 = {
-    '00': '草稿',
-    '01': '提交',
-    '02': '大数据局审核通过',
-    '04': '大数据局驳回',
-    '03': '提交给视频所属部门',
-    '08': '视频所属部门审核中',
-    '05': '视频所属部门已审核',
-    '06': '交付',
-  }
-  const cilckRowData = ref({})
-  //查看政务云详情
-  const showCloudDetail = (item) => {
-    //待完成
-    cloudVisible.value = true
-    BSNUM.value = item.BSNUM
-    baseInfo.value = item
-  }
-  const showDetail = (item) => {
-    cilckRowData.value = item
-    // 西海岸-申请时间过期，提示
-    if (isXiHaiAn) {
-      if (item.expireDate) {
-        let diff = moment().diff(moment(item.expireDate), 'seconds')
-        if (diff > 0) {
-          return message.error('当前申请已过期！')
-        }
+}
+
+const applytype = {
+  '01': '新增',
+  '02': '变更',
+  '03': '停用',
+  '04': '核减',
+}
+const sourcetype = {
+  '01': '云主机',
+  '02': '云数据库',
+  '03': '对象存储',
+  '04': '堡垒机',
+  '05': '备份服务',
+  '06': '防火墙',
+  '07': '网闸',
+  '08': '负载均衡',
+  '09': '公网ip',
+  10: '托管服务',
+  11: '大数据服务',
+}
+const status = {
+  '00': '草稿',
+  '01': '提交',
+  '03': '一级部门提交',
+  '04': '驳回',
+  '05': '审核通过',
+  '06': '交付',
+  '07': '作废',
+  99: '终止办结',
+}
+const status2 = {
+  '00': '草稿',
+  '01': '提交',
+  '02': '大数据局审核通过',
+  '04': '大数据局驳回',
+  '03': '提交给视频所属部门',
+  '08': '视频所属部门审核中',
+  '05': '视频所属部门已审核',
+  '06': '交付',
+}
+const cilckRowData = ref({})
+//查看政务云详情
+const showCloudDetail = (item) => {
+  cloudVisible.value = true
+  BSNUM.value = item.BSNUM
+  baseInfo.value = item
+
+}
+const showDetail = (item) => {
+  cilckRowData.value = item
+  // 西海岸-申请时间过期，提示
+  if (isXiHaiAn) {
+    if (item.expireDate) {
+      let diff = moment().diff(moment(item.expireDate), 'seconds')
+      if (diff > 0) {
+        return message.error('当前申请已过期！')
       }
     }
-    if (typeName.value == '能力申请' && item.applyFlag) {
-      getByApplyFlag(item.applyFlag).then((res) => {
+  }
+  if (typeName.value == '能力申请' && item.applyFlag) {
+    getByApplyFlag(item.applyFlag).then((res) => {
+      if (res.data.code == 0) {
+        refObj.value = res.data.data
+        detailsVisible.value = true
+        processDefinitionName.value = item.processDefinitionName
+        businessKey.value = item.businessKey
+        processInstanceId.value = item.instanceId
+        resourceId.value = item.resourceId
+      } else {
+        message.error('数据请求失败！')
+      }
+    })
+  } else if (typeName.value == '数据资源申请') {
+    yaweiApproveDetails({ applyGuid: item.GUID })
+      .then((res) => {
+        console.log('详情===========>', res.data.data)
+        if (res.data.code !== 0) {
+          message.error('数据请求失败！')
+          return
+        }
+        res.data.data.map((val) => {
+          val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
+        })
+        refObj.value.description = '数据资源'
+        refObj.value.sqbm = item.sqbm // 申请部门
+        refObj.value.title = item.title // 需求标题
+        refObj.value.ywlxr = item.ywlxr // 业务联系人
+        refObj.value.ywlxrdh = item.ywlxrdh // 业务联系人电话
+        refObj.value.jslxr = item.jslxr // 技术联系人X
+        refObj.value.jslxrdh = item.jslxrdh // 技术联系人电话
+        refObj.value.miaoshu = item.miaoshu // 共享数据必要性法分析
+        // refObj.value.zt = item.zt // 办结结果
+        refObj.value.LEVEL = item.LEVEL // 办结结果ZBM": 区市管理员办理中 BM":部门办理中 SZQ": 市级管理员办理中 QZS":区级管理员办理中
+        refObj.value.resourceApplication = {
+          dataSource: [
+            {
+              instanceId: item.GUID,
+              taskHandleDetailInfo: res.data.data,
+            },
+          ],
+        } // 流程
+        detailsVisible.value = true
+      })
+      .catch((err) => { })
+  } else if (
+    typeName.value == '云资源申请' ||
+    typeName.value == '云视频申请'
+  ) {
+    refObj.value.description = '政务云'
+    if (typeName.value == '云资源申请') {
+      refObj.value.STATUS = status[item.STATUS] // 状态
+    } else {
+      refObj.value.STATUS = status2[item.STATUS] // 状态
+    }
+    refObj.value.CREATE_TIME = moment(
+      item.CREATE_TIME.time + 480 * 60 * 1000
+    ).format('YYYY-MM-DD HH:mm:ss')
+    // 操作时间
+    refObj.value.BUSINESS_NAME = item.BUSINESS_NAME // 业务名称
+    refObj.value.BSNUM = item.BSNUM // 业务id
+    refObj.value.APPLYTYPE = applytype[item.APPLYTYPE] // 申请类型
+    refObj.value.SOURCE_TYPE = sourcetype[item.SOURCE_TYPE] // 资源类型
+    refObj.value.REGION_CODE = item.REGION_CODE // 区划编码
+    refObj.value.REGION_NAME = item.REGION_NAME // 区划名称
+    refObj.value.ORG_NAME = item.ORG_NAME // 部门名称
+    refObj.value.ORG_CODE = item.ORG_CODE // 部门名称编码
+    refObj.value.AGENT_NAME = item.AGENT_NAME // 处室名称
+    refObj.value.AGENT_CODE = item.AGENT_CODE // 处室编码
+    refObj.value.USE_CASE = item.USE_CASE // 使用场景
+    detailsVisible.value = true
+  } else if (typeName.value == '设备申请') {
+    getDeviceDetailInfo(item.deviceId)
+      .then((res) => {
         if (res.data.code == 0) {
           refObj.value = res.data.data
           detailsVisible.value = true
-          processDefinitionName.value = item.processDefinitionName
-          businessKey.value = item.businessKey
-          processInstanceId.value = item.instanceId
-          resourceId.value = item.resourceId
-        } else {
-          message.error('数据请求失败！')
         }
       })
-    } else if (typeName.value == '数据资源申请') {
-      yaweiApproveDetails({ applyGuid: item.GUID })
-        .then((res) => {
-          console.log('详情===========>', res.data.data)
-          if (res.data.code !== 0) {
-            message.error('数据请求失败！')
-            return
-          }
-          res.data.data.map((val) => {
-            val.clsj = moment(val.clsj).format('YYYY-MM-DD HH:mm:ss')
-          })
-          refObj.value.description = '数据资源'
-          refObj.value.sqbm = item.sqbm // 申请部门
-          refObj.value.title = item.title // 需求标题
-          refObj.value.ywlxr = item.ywlxr // 业务联系人
-          refObj.value.ywlxrdh = item.ywlxrdh // 业务联系人电话
-          refObj.value.jslxr = item.jslxr // 技术联系人X
-          refObj.value.jslxrdh = item.jslxrdh // 技术联系人电话
-          refObj.value.miaoshu = item.miaoshu // 共享数据必要性法分析
-          // refObj.value.zt = item.zt // 办结结果
-          refObj.value.LEVEL = item.LEVEL // 办结结果ZBM": 区市管理员办理中 BM":部门办理中 SZQ": 市级管理员办理中 QZS":区级管理员办理中
-          refObj.value.resourceApplication = {
-            dataSource: [
-              {
-                instanceId: item.GUID,
-                taskHandleDetailInfo: res.data.data,
-              },
-            ],
-          } // 流程
-          detailsVisible.value = true
-        })
-        .catch((err) => {})
-    } else if (
-      typeName.value == '云资源申请' ||
-      typeName.value == '云视频申请'
-    ) {
-      refObj.value.description = '政务云'
-      if (typeName.value == '云资源申请') {
-        refObj.value.STATUS = status[item.STATUS] // 状态
-      } else {
-        refObj.value.STATUS = status2[item.STATUS] // 状态
-      }
-      refObj.value.CREATE_TIME = moment(
-        item.CREATE_TIME.time + 480 * 60 * 1000
-      ).format('YYYY-MM-DD HH:mm:ss')
-      // 操作时间
-      refObj.value.BUSINESS_NAME = item.BUSINESS_NAME // 业务名称
-      refObj.value.BSNUM = item.BSNUM // 业务id
-      refObj.value.APPLYTYPE = applytype[item.APPLYTYPE] // 申请类型
-      refObj.value.SOURCE_TYPE = sourcetype[item.SOURCE_TYPE] // 资源类型
-      refObj.value.REGION_CODE = item.REGION_CODE // 区划编码
-      refObj.value.REGION_NAME = item.REGION_NAME // 区划名称
-      refObj.value.ORG_NAME = item.ORG_NAME // 部门名称
-      refObj.value.ORG_CODE = item.ORG_CODE // 部门名称编码
-      refObj.value.AGENT_NAME = item.AGENT_NAME // 处室名称
-      refObj.value.AGENT_CODE = item.AGENT_CODE // 处室编码
-      refObj.value.USE_CASE = item.USE_CASE // 使用场景
-      detailsVisible.value = true
-    } else if (typeName.value == '设备申请') {
-      getDeviceDetailInfo(item.deviceId)
-        .then((res) => {
-          if (res.data.code == 0) {
-            refObj.value = res.data.data
-            detailsVisible.value = true
-          }
-        })
-        .catch((err) => {})
-    } else if (
-      Object.keys(typeStrObj).includes(typeName.value) ||
-      typeName.value == '能力评价'
-    ) {
-      refObj.value = item
-      detailsVisible.value = true
-      processDefinitionName.value = item.processDefinitionName
-      businessKey.value = item.businessKey
-      processInstanceId.value = item.processInstanceId
-      resourceId.value = item.resourceId
-    } else {
-      message.error('数据请求失败！')
-    }
+      .catch((err) => { })
+  } else if (
+    Object.keys(typeStrObj).includes(typeName.value) ||
+    typeName.value == '能力评价'
+  ) {
+    refObj.value = item
+    detailsVisible.value = true
+    processDefinitionName.value = item.processDefinitionName
+    businessKey.value = item.businessKey
+    processInstanceId.value = item.processInstanceId
+    resourceId.value = item.resourceId
+  } else {
+    message.error('数据请求失败！')
   }
-  const showVideoList = (item) => {
-    console.log('显示列表', item)
-    getApplyCameraList(item.processInstanceId).then((res) => {
-      console.log('res', res)
-      xVideoList.value = []
-      res.data.data.map((val) => {
-        xVideoList.value.push({ name: val.channelName, key: val.channelId })
-      })
+}
+const showVideoList = (item) => {
+  console.log('显示列表', item)
+  getApplyCameraList(item.processInstanceId).then((res) => {
+    console.log('res', res)
+    xVideoList.value = []
+    res.data.data.map((val) => {
+      xVideoList.value.push({ name: val.channelName, key: val.channelId })
     })
-    videoVisible.value = true
-  }
-  const copyComment = (data) => {
-    let url = data
-    let oInput = document.createElement('input')
-    oInput.value = url
-    document.body.appendChild(oInput)
-    oInput.select() // 选择对象;
-    console.log(oInput.value)
-    document.execCommand('Copy') // 执行浏览器复制命令
-    message.success('复制成功')
-    oInput.remove()
-  }
-  const showAdd = (item) => {
-    console.log('item', item)
-    if (item.processDefinitionKey == 'resourcemountapply') {
-      const data = {
-        id: item.resourceId,
+  })
+  videoVisible.value = true
+}
+const copyComment = (data) => {
+  let url = data
+  let oInput = document.createElement('input')
+  oInput.value = url
+  document.body.appendChild(oInput)
+  oInput.select() // 选择对象;
+  console.log(oInput.value)
+  document.execCommand('Copy') // 执行浏览器复制命令
+  message.success('复制成功')
+  oInput.remove()
+}
+const showAdd = (item) => {
+  console.log('item', item)
+  if (item.processDefinitionKey == 'resourcemountapply') {
+    const data = {
+      id: item.resourceId,
+      taskId: item.currentTaskList[0].taskId,
+    }
+    if (item.dto.type == '组件服务') {
+      data.abilityToType = '组件服务'
+      data.componentTypeValue = item.dto.infoList.filter(
+        (val) => val.attrType == '组件类型'
+      )[0].attrValue
+    } else if (item.dto.type == '应用资源') {
+      data.abilityToType = '应用资源'
+    }
+    const newpage = router.resolve({
+      path: '/nenglishangjia', // 跳转的页面路由
+      query: data,
+    })
+    console.log('上架申请修改=================》', item)
+    window.open(newpage.href, '_blank')
+  } else if (item.processDefinitionKey == 'resourcundercarriageapply') {
+    selectOne(item.resourceId).then((res) => {
+      if (res.data.code == 0) {
+        delObj.value = res.data.data
+        reason.value = delObj.value.undercarriageReason
+        taskId.value = item.currentTaskList[0].taskId
+        visible.value = true
+        console.log('下架申请修改=================》', res.data.data)
+      }
+    })
+  } else if (item.processDefinitionKey == 'abilitydemandapply') {
+    const newpage = router.resolve({
+      path: '/addApplication', // 跳转的页面路由
+      query: {
+        id: item.businessKey,
         taskId: item.currentTaskList[0].taskId,
-      }
-      if (item.dto.type == '组件服务') {
-        data.abilityToType = '组件服务'
-        data.componentTypeValue = item.dto.infoList.filter(
-          (val) => val.attrType == '组件类型'
-        )[0].attrValue
-      } else if (item.dto.type == '应用资源') {
-        data.abilityToType = '应用资源'
-      }
-      const newpage = router.resolve({
-        path: '/nenglishangjia', // 跳转的页面路由
-        query: data,
-      })
-      console.log('上架申请修改=================》', item)
-      window.open(newpage.href, '_blank')
-    } else if (item.processDefinitionKey == 'resourcundercarriageapply') {
-      selectOne(item.resourceId).then((res) => {
-        if (res.data.code == 0) {
-          delObj.value = res.data.data
-          reason.value = delObj.value.undercarriageReason
-          taskId.value = item.currentTaskList[0].taskId
-          visible.value = true
-          console.log('下架申请修改=================》', res.data.data)
-        }
-      })
-    } else if (item.processDefinitionKey == 'abilitydemandapply') {
-      const newpage = router.resolve({
-        path: '/addApplication', // 跳转的页面路由
-        query: {
-          id: item.businessKey,
-          taskId: item.currentTaskList[0].taskId,
-        },
-      })
-      console.log('需求申请修改=================》', item)
-      window.open(newpage.href, '_blank')
-    } else if (item.processDefinitionKey == 'abilityprocess') {
-      const newpage = router.resolve({
-        path: '/apply', // 跳转的页面路由
-        query: {
-          id: item.businessKey,
-          resourceId: item.resourceId,
-          name: item.name,
-          taskId: item.currentTaskList[0].taskId,
-        },
-      })
-      console.log('能力申请修改=================》', item)
-      window.open(newpage.href, '_self')
-    }
+      },
+    })
+    console.log('需求申请修改=================》', item)
+    window.open(newpage.href, '_blank')
+  } else if (item.processDefinitionKey == 'abilityprocess') {
+    const newpage = router.resolve({
+      path: '/apply', // 跳转的页面路由
+      query: {
+        id: item.businessKey,
+        resourceId: item.resourceId,
+        name: item.name,
+        taskId: item.currentTaskList[0].taskId,
+      },
+    })
+    console.log('能力申请修改=================》', item)
+    window.open(newpage.href, '_self')
   }
+}
 
-  const initNum = () => {
-    if (numFlag.value) {
-      num.value = []
-      getMyProcessInstancePage({
-        page: 1,
-        limit: 4,
-        ended: 'false',
-        processDefinitionKey: processDefinitionKey.value,
-      }).then((res) => {
-        if (res.data.code == 0) {
-          num.value.unfinished = res.data.data.total
-          getMyProcessInstancePage({
-            page: 1,
-            limit: 4,
-            ended: 'true',
-            processDefinitionKey: processDefinitionKey.value,
-          }).then((res) => {
-            if (res.data.code == 0) {
-              num.value.finished = res.data.data.total
-              numFlag.value = false
-            }
-          })
-        }
-      })
-    }
-  }
-  const initNum2 = () => {
-    if (numFlag.value) {
-      num.value = []
-      getTabilityapplication({
-        page: 1,
-        limit: 4,
-        ended: 'false',
-      }).then((res) => {
-        if (res.data.code == 0) {
-          num.value.unfinished = res.data.data.total
-          getTabilityapplication({
-            page: 1,
-            limit: 4,
-            ended: 'true',
-          }).then((res) => {
-            if (res.data.code == 0) {
-              num.value.finished = res.data.data.total
-              numFlag.value = false
-            }
-          })
-        }
-      })
-    }
-  }
-  // initNum()
-
-  // 搜索框
-  const onSearch = (name) => {
-    console.log(name.value)
-  }
-  //重置
-  function replacement() {
-    name.value = ''
-    getApplyList(name.value)
-  }
-  const getApplyList = () => {
-    const params = {
-      page: page.value,
+const initNum = () => {
+  if (numFlag.value) {
+    num.value = []
+    getMyProcessInstancePage({
+      page: 1,
       limit: 4,
-      ended: ended.value,
-      // name: name.value,
-    }
-    if (ended.value === '') {
-      delete params.ended
-    }
-    if (typeName.value == '能力申请') {
-      getTabilityapplication(params).then((res) => {
-        contentList.data = []
-        console.log('获取我的申请===============>', res.data.data)
-        contentList.data = res.data.data.list
-        total.value = res.data.data.total
-        showType.value = '能力申请'
-        initNum2()
-      })
-    } else if (typeName.value == '数据资源申请') {
-      yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
-        (res) => {
-          if (res.data.code !== 0) {
-            num.value = []
-            total.value = 0
-            contentList.data = []
-            contentList2.data = []
-            showType.value = ''
-            return
+      ended: 'false',
+      processDefinitionKey: processDefinitionKey.value,
+    }).then((res) => {
+      if (res.data.code == 0) {
+        num.value.unfinished = res.data.data.total
+        getMyProcessInstancePage({
+          page: 1,
+          limit: 4,
+          ended: 'true',
+          processDefinitionKey: processDefinitionKey.value,
+        }).then((res) => {
+          if (res.data.code == 0) {
+            num.value.finished = res.data.data.total
+            numFlag.value = false
           }
-          console.log('数据资源申请===============>', res.data.data)
-          contentList.data = res.data.data.data
-          num.value = []
-          total.value = res.data.data.cos
-          showType.value = '数据资源申请'
-        }
-      )
-    } else if (typeName.value == '云资源申请') {
-      getResourceBusinessList({ userAccount: userName.value }).then((res) => {
-        console.log('数据资源申请===============>', res.data.data)
-        if (res.data.code !== 0) {
-          num.value = []
-          total.value = 0
-          contentList.data = []
-          contentList2.data = []
-          showType.value = ''
-          return
-        }
-        contentList.data = res.data.data
-        contentList2.data = res.data.data
-        num.value = []
-        total.value = 0
-        showType.value = '云资源'
-      })
-    } else if (typeName.value == '云视频申请') {
-      getVideoBusinessList({ userAccount: userName.value }).then((res) => {
-        if (res.data.code !== 0) {
-          num.value = []
-          total.value = 0
-          contentList.data = []
-          contentList2.data = []
-          showType.value = ''
-          return
-        }
-        console.log('数据资源申请===============>', res.data.data)
-        contentList.data = res.data.data
-        contentList2.data = res.data.data
-        num.value = []
-        total.value = 0
-        showType.value = '云资源'
-      })
-    } else if (typeName.value == '能力评价') {
+        })
+      }
+    })
+  }
+}
+const initNum2 = () => {
+  if (numFlag.value) {
+    num.value = []
+    getTabilityapplication({
+      page: 1,
+      limit: 4,
+      ended: 'false',
+    }).then((res) => {
+      if (res.data.code == 0) {
+        num.value.unfinished = res.data.data.total
+        getTabilityapplication({
+          page: 1,
+          limit: 4,
+          ended: 'true',
+        }).then((res) => {
+          if (res.data.code == 0) {
+            num.value.finished = res.data.data.total
+            numFlag.value = false
+          }
+        })
+      }
+    })
+  }
+}
+// initNum()
+
+// 搜索框
+const onSearch = (name) => {
+  console.log(name.value)
+}
+//重置
+function replacement() {
+  name.value = ''
+  getApplyList(name.value)
+}
+const getApplyList = () => {
+  const params = {
+    page: page.value,
+    limit: 4,
+    ended: ended.value,
+    // name: name.value,
+  }
+  if (ended.value === '') {
+    delete params.ended
+  }
+  if (typeName.value == '能力申请') {
+    getTabilityapplication(params).then((res) => {
       contentList.data = []
+      console.log('获取我的申请===============>', res.data.data)
+      contentList.data = res.data.data.list
+      total.value = res.data.data.total
+      showType.value = '能力申请'
+      initNum2()
+    })
+  } else if (typeName.value == '数据资源申请') {
+    yaweiApproveStatus({ page: page.value, size: 4, title: '' }).then(
+      (res) => {
+        if (res.data.code !== 0) {
+          num.value = []
+          total.value = 0
+          contentList.data = []
+          contentList2.data = []
+          showType.value = ''
+          return
+        }
+        console.log('数据资源申请===============>', res.data.data)
+        contentList.data = res.data.data.data
+        num.value = []
+        total.value = res.data.data.cos
+        showType.value = '数据资源申请'
+      }
+    )
+  } else if (typeName.value == '云资源申请') {
+    getResourceBusinessList({ userAccount: userName.value }).then((res) => {
+      console.log('数据资源申请===============>', res.data.data)
+      if (res.data.code !== 0) {
+        num.value = []
+        total.value = 0
+        contentList.data = []
+        contentList2.data = []
+        showType.value = ''
+        return
+      }
+      contentList.data = res.data.data
+      contentList2.data = res.data.data
       num.value = []
-      showType.value = ''
-    } else if (typeName.value == '设备申请') {
-      let _state =
-        ended.value === ''
-          ? '全部'
-          : ended.value === true
+      total.value = 0
+      showType.value = '云资源'
+    })
+  } else if (typeName.value == '云视频申请') {
+    getVideoBusinessList({ userAccount: userName.value }).then((res) => {
+      if (res.data.code !== 0) {
+        num.value = []
+        total.value = 0
+        contentList.data = []
+        contentList2.data = []
+        showType.value = ''
+        return
+      }
+      console.log('数据资源申请===============>', res.data.data)
+      contentList.data = res.data.data
+      contentList2.data = res.data.data
+      num.value = []
+      total.value = 0
+      showType.value = '云资源'
+    })
+  } else if (typeName.value == '能力评价') {
+    contentList.data = []
+    num.value = []
+    showType.value = ''
+  } else if (typeName.value == '设备申请') {
+    let _state =
+      ended.value === ''
+        ? '全部'
+        : ended.value === true
           ? '审核完成'
           : '审核中'
-      getDeviceApply(_state)
-        .then((res) => {
-          if (res.data.code == 0) {
-            contentList.data = []
-            contentList.data = res.data.data.list || []
-            total.value = res.data.data.total
-            showType.value = '设备申请'
-            // 获取审核中，审核完成 数量
-            getDeviceNum()
-          }
-        })
-        .catch((err) => {})
-    } else if (Object.keys(typeStrObj).includes(typeName.value)) {
-      processDefinitionKey.value = typeStrObj[typeName.value]
-      params.processDefinitionKey = processDefinitionKey.value
-      getMyProcessInstancePage(params).then((res) => {
-        contentList.data = []
-        console.log(res.data.data.list)
-        contentList.data = res.data.data.list
-        total.value = res.data.data.total
-        initNum()
+    getDeviceApply(_state)
+      .then((res) => {
+        if (res.data.code == 0) {
+          contentList.data = []
+          contentList.data = res.data.data.list || []
+          total.value = res.data.data.total
+          showType.value = '设备申请'
+          // 获取审核中，审核完成 数量
+          getDeviceNum()
+        }
+      })
+      .catch((err) => { })
+  } else if (Object.keys(typeStrObj).includes(typeName.value)) {
+    processDefinitionKey.value = typeStrObj[typeName.value]
+    params.processDefinitionKey = processDefinitionKey.value
+    getMyProcessInstancePage(params).then((res) => {
+      contentList.data = []
+      console.log(res.data.data.list)
+      contentList.data = res.data.data.list
+      total.value = res.data.data.total
+      initNum()
 
-        switch (typeIndex.value) {
-          case 1:
-            contentList.data.map((val) => {
-              nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
-                val.title = res1.data.data.resourceDTO.name
-                val.dto = res1.data.data.resourceDTO
-                showType.value = '能力上架'
-              })
+      switch (typeIndex.value) {
+        case 1:
+          contentList.data.map((val) => {
+            nengliziyuanshangjiaapply(val.businessKey).then((res1) => {
+              val.title = res1.data.data.resourceDTO.name
+              val.dto = res1.data.data.resourceDTO
+              showType.value = '能力上架'
             })
-            break
-          case 2:
-            contentList.data.map((val) => {
-              selectOneDel(val.businessKey).then((res1) => {
-                console.log('下架===========>', res1.data.data)
-                val.title = res1.data.data.name
-                val.dto = res1.data.data
-                showType.value = '能力下架'
-              })
+          })
+          break
+        case 2:
+          contentList.data.map((val) => {
+            selectOneDel(val.businessKey).then((res1) => {
+              console.log('下架===========>', res1.data.data)
+              val.title = res1.data.data.name
+              val.dto = res1.data.data
+              showType.value = '能力下架'
             })
-            break
-          case 3:
-            contentList.data.map((val) => {
-              getDemandForm(val.businessKey).then((res1) => {
-                console.log('需求===========>', res1.data.data)
-                val.title = res1.data.data.demandSubject
-                val.resourceStatusTip = res1.data.data.flagTip
-                val.dto = res1.data.data
-                showType.value = '能力需求'
-              })
+          })
+          break
+        case 3:
+          contentList.data.map((val) => {
+            getDemandForm(val.businessKey).then((res1) => {
+              console.log('需求===========>', res1.data.data)
+              val.title = res1.data.data.demandSubject
+              val.resourceStatusTip = res1.data.data.flagTip
+              val.dto = res1.data.data
+              showType.value = '能力需求'
             })
-            break
-          case 4:
-            contentList.data.map((val) => {
-              demandComment(val.businessKey).then((res1) => {
-                console.log('评论===========>', res1.data.data)
-                val.title = res1.data.data.comment
-                val.resourceStatusTip = res1.data.data.delFlagTip
-                val.dto = res1.data.data
-                showType.value = '需求评论'
-              })
+          })
+          break
+        case 4:
+          contentList.data.map((val) => {
+            demandComment(val.businessKey).then((res1) => {
+              console.log('评论===========>', res1.data.data)
+              val.title = res1.data.data.comment
+              val.resourceStatusTip = res1.data.data.delFlagTip
+              val.dto = res1.data.data
+              showType.value = '需求评论'
             })
-            break
+          })
+          break
+      }
+    })
+  } else {
+    contentList.data = []
+    num.value = []
+    showType.value = ''
+  }
+}
+const onSubmit = () => {
+  contentList.data = contentList2.data.filter(
+    (val) => val.BUSINESS_NAME.indexOf(formState.value.name) > -1
+  )
+}
+const handleCurrentChange = (val) => {
+  page.value = val
+  if (chooseTab.value == 2) {
+    getCloudList()
+  } else if (chooseTab.value == 3) {//视频资源
+    getVideoList()
+  } else {
+    getApplyList()
+  }
+}
+
+const handlePageSizeChange = (val) => {
+  page.value = val
+  if (chooseTab.value == 2) {
+    getCloudList()
+  } else if (chooseTab.value == 3) {//视频资源
+    getVideoList()
+  } else {
+    getApplyList()
+  }
+}
+
+const viewDetail = (processDefinitionName, id, ended, businessKey) => {
+  if (processDefinitionName == '能力申请流程') {
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+        ended: ended,
+      },
+    })
+  }
+  if (processDefinitionName == '能力资源上架') {
+    console.log('showDetail', id, businessKey, ended)
+    router.push({
+      path: '/details',
+      query: {
+        id: id,
+      },
+    })
+  }
+  if (processDefinitionName == '能力需求申请') {
+    router.push({
+      path: '/demandDetails',
+      query: {
+        id: businessKey,
+      },
+    })
+  }
+}
+
+// 下架能力
+const del = () => {
+  console.log('下架================》', delObj.value, reason.value)
+  delObj.value.undercarriageReason = reason.value
+  updateRes(delObj.value).then((upres) => {
+    if (upres.data.code == 0) {
+      relaunch({
+        data: { undercarriageReason: reason.value },
+        taskId: taskId.value,
+      }).then((res) => {
+        console.log('驳回================>', res)
+        if (res.data.code == 0) {
+          message.success('重新发起流程成功！')
+          visible.value = false
+          reason.value = ''
+        } else {
+          message.error('重新发起流程失败！')
         }
       })
     } else {
-      contentList.data = []
-      num.value = []
-      showType.value = ''
+      message.error('数据更新失败！')
     }
-  }
-  const onSubmit = () => {
-    contentList.data = contentList2.data.filter(
-      (val) => val.BUSINESS_NAME.indexOf(formState.value.name) > -1
-    )
-  }
-  const handleCurrentChange = (val) => {
-    page.value = val
-    if (chooseTab.value == 2) {
-      getCloudList()
-    } else {
-      getApplyList()
-    }
-  }
+  })
+}
 
-  const handlePageSizeChange = (val) => {
-    page.value = val
-    if (chooseTab.value == 2) {
-      getCloudList()
-    } else {
-      getApplyList()
+// 西海岸：设备申请列表 todo
+const getDeviceApply = (state) => {
+  return new Promise((resolve, reject) => {
+    let _data = {
+      page: page.value,
+      limit: 4,
+      state,
     }
-  }
-
-  const viewDetail = (processDefinitionName, id, ended, businessKey) => {
-    if (processDefinitionName == '能力申请流程') {
-      router.push({
-        path: '/details',
-        query: {
-          id: id,
-          ended: ended,
-        },
-      })
-    }
-    if (processDefinitionName == '能力资源上架') {
-      console.log('showDetail', id, businessKey, ended)
-      router.push({
-        path: '/details',
-        query: {
-          id: id,
-        },
-      })
-    }
-    if (processDefinitionName == '能力需求申请') {
-      router.push({
-        path: '/demandDetails',
-        query: {
-          id: businessKey,
-        },
-      })
-    }
-  }
-
-  // 下架能力
-  const del = () => {
-    console.log('下架================》', delObj.value, reason.value)
-    delObj.value.undercarriageReason = reason.value
-    updateRes(delObj.value).then((upres) => {
-      if (upres.data.code == 0) {
-        relaunch({
-          data: { undercarriageReason: reason.value },
-          taskId: taskId.value,
-        }).then((res) => {
-          console.log('驳回================>', res)
-          if (res.data.code == 0) {
-            message.success('重新发起流程成功！')
-            visible.value = false
-            reason.value = ''
-          } else {
-            message.error('重新发起流程失败！')
-          }
-        })
-      } else {
-        message.error('数据更新失败！')
-      }
-    })
-  }
-
-  // 西海岸：设备申请列表 todo
-  const getDeviceApply = (state) => {
-    return new Promise((resolve, reject) => {
-      let _data = {
-        page: page.value,
-        limit: 4,
-        state,
-      }
-      deviceApplylist(_data)
-        .then((res) => {
-          resolve(res)
-          console.log('res----设备申请-------->', res)
-        })
-        .catch((err) => {
-          reject(err)
-          console.log('err------------>', err)
-        })
-    })
-  }
-
-  // 西海岸：设备申请--查询详情
-  const getDeviceDetailInfo = (deviceId) => {
-    return new Promise((resolve, reject) => {
-      getDeviceDetail(deviceId)
-        .then((res) => {
-          resolve(res)
-          console.log('res----查询详情-------->', res)
-        })
-        .catch((err) => {
-          reject(err)
-          console.log('err------------>', err)
-        })
-    })
-  }
-
-  // 西海岸：设备申请-审核中, 审核完成数量
-  const getDeviceNum = () => {
-    if (!numFlag.value) {
-      return
-    }
-    num.value = []
-    Promise.all([getDeviceApply('审核中'), getDeviceApply('审核完成')])
+    deviceApplylist(_data)
       .then((res) => {
-        console.log('res-----数量------->', res)
-        let unfinished = res[0] && res[0].data && res[0].data.data
-        let finished = res[1] && res[1].data && res[1].data.data
-        num.value.unfinished = unfinished.total || ''
-        num.value.finished = finished.total || ''
-        numFlag.value = false
+        resolve(res)
+        console.log('res----设备申请-------->', res)
       })
-      .catch((err) => {})
+      .catch((err) => {
+        reject(err)
+        console.log('err------------>', err)
+      })
+  })
+}
+
+// 西海岸：设备申请--查询详情
+const getDeviceDetailInfo = (deviceId) => {
+  return new Promise((resolve, reject) => {
+    getDeviceDetail(deviceId)
+      .then((res) => {
+        resolve(res)
+        console.log('res----查询详情-------->', res)
+      })
+      .catch((err) => {
+        reject(err)
+        console.log('err------------>', err)
+      })
+  })
+}
+
+// 西海岸：设备申请-审核中, 审核完成数量
+const getDeviceNum = () => {
+  if (!numFlag.value) {
+    return
   }
+  num.value = []
+  Promise.all([getDeviceApply('审核中'), getDeviceApply('审核完成')])
+    .then((res) => {
+      console.log('res-----数量------->', res)
+      let unfinished = res[0] && res[0].data && res[0].data.data
+      let finished = res[1] && res[1].data && res[1].data.data
+      num.value.unfinished = unfinished.total || ''
+      num.value.finished = finished.total || ''
+      numFlag.value = false
+    })
+    .catch((err) => { })
+}
 
-  const showPhoneModal = () => {
-    phoneVisible.value = true
+const showPhoneModal = () => {
+  phoneVisible.value = true
+}
+
+mybus.on('closeModal', (obj) => {
+  detailsVisible.value = false
+  changeType(obj.type, obj.index)
+})
+onBeforeUnmount(() => {
+  mybus.off('closeModal')
+})
+onMounted(() => {
+  getApplyList()
+
+  if (props.tabTypeName) {
+    let _index = typeList.value.findIndex((v) => v == props.tabTypeName)
+    changeType(props.tabTypeName, _index != -1 ? _index : 0)
   }
-
-  mybus.on('closeModal', (obj) => {
-    detailsVisible.value = false
-    changeType(obj.type, obj.index)
-  })
-  onBeforeUnmount(() => {
-    mybus.off('closeModal')
-  })
-  onMounted(() => {
-    getApplyList()
-
-    if (props.tabTypeName) {
-      let _index = typeList.value.findIndex((v) => v == props.tabTypeName)
-      changeType(props.tabTypeName, _index != -1 ? _index : 0)
-    }
-  })
+})
 </script>
 
-<style scoped lang="less">
-  .queryButton {
-    background: #0058e1;
-    width: 80px;
-    height: 32px;
-    margin-left: 20px;
-    border: 1px solid #0058e1;
-    border-radius: 2px;
-    color: #fff;
+<style scoped lang="less" >
+// ::v-deep.ant-empty{
+//   height: 610px;
+//     font-size: 14px;
+//     line-height: 1.5715;
+//     text-align: center;
+//     background: #fff;
+//     padding-top: 200px;
+// }
+.top-title {
+  padding-top: 22px;
+  background: #f4f5f8;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  font-size: 18px;
+  font-family: 'Alibaba PuHuiTi';
+  color: #000000;
+  line-height: 0.34rem;
+  //margin-bottom: 0.2rem;
+
+  .photo {
+    display: inline-block;
+    height: 28px;
+    width: 28px;
+    margin-right: 0.1rem;
   }
-  .on-the-right-side-of-the-list {
-    background: #ffffff;
-    padding: 20px 0px 30px 20px;
-    position: absolute;
-    width: 1087px;
-    height: 810px;
-    top: 0px;
+
+  div {
+    padding: 0 0.4rem;
+    cursor: pointer;
     display: flex;
-    margin-top: 20px;
-    flex-direction: column;
-    font-size: 16px;
-    justify-content: left;
-    .second-title {
-      border-radius: 4px;
-      margin-top: 10px;
-      margin-bottom: 22px;
-      font-size: 18px;
-      cursor: pointer;
-      text-align: center;
-      background: #edf4fc;
-      width: 500px;
+    align-items: center;
+    width:25%;
+  }
+
+  div:hover {
+    color: #0058e1;
+  }
+
+  .sel {
+    font-weight: 600;
+    color: #0058e1;
+    border-bottom: 0.024rem solid #0058e1;
+  }
+}
+
+.queryButton {
+  background: #0058e1;
+  width: 80px;
+  height: 32px;
+  margin-left: 20px;
+  border: 1px solid #0058e1;
+  border-radius: 2px;
+  color: #fff;
+}
+
+.on-the-right-side-of-the-list {
+  background: #f4f5f8;
+  //padding: 20px 0px 30px 20px;
+  position: absolute;
+  width: 1087px;
+  height: 810px;
+  top: 0px;
+  display: flex;
+  margin-top: 20px;
+  flex-direction: column;
+  font-size: 16px;
+  justify-content: left;
+
+  .second-title {
+    background: #f4f5f8;
+    margin-left:100px;
+    margin-top: 30px;
+   // margin-bottom: 22px;
+    font-size: 18px;
+    cursor: pointer;
+    text-align: center;
+    background: #fff;
+    width: 820px;
+    height: 40px;
+    line-height: 40px;
+    display: table;
+    border-top: 1px solid #d9d9d9;
+    border-bottom: 1px solid #d9d9d9;
+   
+  }
+  .second-title div{
+    border-right: 1px solid #d9d9d9;
+
+  }
+  .second-title div:first-child{
+    border-left: 1px solid #d9d9d9;
+  
+  }
+
+  .chooseStyle {
+    display: table-cell;
+    width: 200px;
+    color: #fff;
+    border: 1px solid #0058e1;
+    background-color: #0058e1;
+
+  }
+
+  .noChooseStyle {
+    display: table-cell;
+    width: 200px;
+  }
+
+  .title {
+    font-size: 20px;
+    color: #000000;
+    font-family: 'Alibaba PuHuiTi';
+    font-weight: 500;
+  }
+
+  .sousuokuang {
+    margin: 20px 0px 21px 0px;
+
+    .ant-input-search {
+      max-width: 490px;
+    }
+
+    :deep(.ant-input) {
+      width: 400px;
       height: 36px;
-      line-height: 36px;
-      display: table;
-    }
-
-    .chooseStyle {
-      display: table-cell;
-      width: 25%;
-      color: #fff;
-      background-color: #0058e1;
-      font-weight: bolder;
-    }
-    .noChooseStyle {
-      display: table-cell;
-      width: 25%;
-    }
-    .title {
-      font-size: 20px;
-      color: #000000;
-      font-family: 'Alibaba PuHuiTi';
-      font-weight: 500;
-    }
-
-    .sousuokuang {
-      margin: 20px 0px 21px 0px;
-
-      .ant-input-search {
-        max-width: 490px;
-      }
-
-      :deep(.ant-input) {
-        width: 400px;
-        height: 36px;
-        font-size: 14px;
-        color: #b2b2b2;
-        background: #f5f5f5;
-      }
-
-      :deep(.ant-input-group-addon) {
-        display: inline-block;
-        margin-left: 10px;
-
-        .ant-input-search-button {
-          width: 80px;
-          height: 36px;
-          border-radius: 4px;
-          font-size: 14px;
-        }
-      }
-    }
-
-    .tab {
-      display: flex;
       font-size: 14px;
-      color: #999999;
+      color: #b2b2b2;
+      background: #f5f5f5;
+    }
 
-      div {
-        // width: 70px;
-        padding: 5px 10px;
-        height: 24px;
-        line-height: 14px;
-        border: 1px solid #cccccc;
-        border-radius: 12px;
-        margin-left: 10px;
-        text-align: center;
-        color: #666666;
-        cursor: pointer;
-      }
+    :deep(.ant-input-group-addon) {
+      display: inline-block;
+      margin-left: 10px;
 
-      .tabclass {
-        border: 1px solid #0087ff;
-        color: #0087ff;
+      .ant-input-search-button {
+        width: 80px;
+        height: 36px;
+        border-radius: 4px;
+        font-size: 14px;
       }
     }
-    .content-cloud {
-      padding: 0px 10px;
-      overflow-y: scroll;
-      height: 610px;
-      .content-cloud-body {
-        height: 100px;
-        height: 100px;
+  }
+
+  .tab {
+    display: flex;
+    font-size: 16px;
+    margin-left: 16px;
+    display: flex;
+ 
+ 
+    padding-top: 24px;
+    //margin-left: 16px;
+    border-bottom: 1px solid #0058e1;
+  
+       ;
+    div {
+  background: #eeeff1;
+
+      height: 40px;
+    width: 180px;
+    line-height: 40px;
+    border-radius: 2px;
+    text-align: center;
+    cursor: pointer;
+    color: #212121;
+    border-left: 1px solid #dddee1;
+    }
+
+   
+    .tabclass {
+      background: #fff;
+      border-left: 1px solid #0087ff;
+      border-right: 1px solid #0087ff;
+      border-top: 1px solid #0087ff;
+    }
+  }
+
+  .content-cloud {
+    padding: 0px 10px;
+    overflow-y: scroll;
+    height: 658px;
+    
+    background: #fff;
+    margin-left: 16px;
+    .content-cloud-body {
+      margin-bottom: 10px;
+      height: 100px;
+      height: 100px;
+      margin-bottom: 10px;
+      border-bottom: 1px solid #cccccc;
+
+      .content-body-left {
+        width: 85%;
+        float: left;
+
+        .content-body-left-one {
+          display: table;
+          height: 50px;
+          width: 80%;
+
+          div {
+            display: table-cell;
+            width: 50%;
+            font-size: 14px;
+          }
+        }
+
+        .content-body-left-two {
+          width: 80%;
+          height: 50px;
+          display: table;
+
+          div {
+            display: table-cell;
+            width: 30%;
+            font-size: 14px;
+          }
+        }
+      }
+
+      .content-body-right {
+        width: 15%;
+        float: left;
+      }
+    }
+  }
+
+  .content {
+    margin-left: 16px;
+    padding-left: 12px;
+    padding-right: 10px;
+    height: 610px;
+    overflow-y: scroll;
+    background: #fff;
+    .content-body {
+      padding-bottom: 10px;
+      padding-top: 10px;
+      margin-right: 10px;
+      height: 130px;
+      border-bottom: #cccccc 1px solid;
+      position: relative;
+
+      .withdraw {
+        width: 0.675rem;
+        height: 0.3rem;
+        background: url('~@/assets/home/withdraw.png') no-repeat;
+        background-size: 100%;
+        position: absolute;
+        top: 0.3rem;
+        left: 0.87rem;
+        transform: rotate(-30deg);
+      }
+
+      .content-body-title {
+        min-width: 100px;
+        max-width: 900px;
+        width: fit-content;
+        font-size: 14px;
+        color: #333333;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .content-body-content {
+        margin-top: 10px;
         margin-bottom: 10px;
-        border-bottom: 1px solid #cccccc;
-        .content-body-left {
-          width: 85%;
-          float: left;
-
-          .content-body-left-one {
-            display: table;
-            height: 50px;
-            width: 80%;
-            div {
-              display: table-cell;
-              width: 50%;
-              font-size: 14px;
-            }
-          }
-          .content-body-left-two {
-            width: 80%;
-            height: 50px;
-            display: table;
-            div {
-              display: table-cell;
-              width: 30%;
-              font-size: 14px;
-            }
-          }
-        }
-        .content-body-right {
-          width: 15%;
-          float: left;
-        }
+        margin-right: 40px;
+        /* width: 720px; */
+        display: inline-block;
       }
-    }
-    .content {
-      padding-right: 10px;
-      height: 610px;
-      overflow-y: scroll;
 
-      .content-body {
-        padding-bottom: 20px;
-        padding-top: 20px;
-        margin-right: 10px;
-        height: 150px;
-        border-bottom: #cccccc 1px solid;
-        position: relative;
-        .withdraw {
-          width: 0.675rem;
-          height: 0.3rem;
-          background: url('~@/assets/home/withdraw.png') no-repeat;
-          background-size: 100%;
-          position: absolute;
-          top: 0.3rem;
-          left: 0.87rem;
-          transform: rotate(-30deg);
-        }
+      .content-body-content-son {
+        line-height: 16px;
+        font-size: 12px;
+        width: 100%;
+        // text-overflow: -o-ellipsis-lastline;
+        // overflow: hidden;
+        // text-overflow: ellipsis;
+        // display: -webkit-box;
+        // -webkit-line-clamp: 3;
+        // -webkit-box-orient: vertical;
+        display: flex;
+        color: #999999;
 
-        .content-body-title {
-          min-width: 100px;
-          max-width: 900px;
-          width: fit-content;
-          font-size: 14px;
-          color: #333333;
-          font-family: 'Alibaba PuHuiTi';
-          font-weight: 500;
+        span {
           overflow: hidden;
           text-overflow: ellipsis;
-          white-space: nowrap;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+          max-width: 8.1rem;
+          line-height: 24px;
+          word-break: break-all;
         }
+      }
 
-        .content-body-content {
-          margin-top: 10px;
-          margin-bottom: 10px;
-          margin-right: 40px;
-          /* width: 720px; */
-          display: inline-block;
-        }
+      .content-body-bottom {
+        display: flex;
+        color: #cccccc;
+        font-size: 12px;
 
-        .content-body-content-son {
-          line-height: 16px;
-          font-size: 12px;
-          width: 100%;
-          // text-overflow: -o-ellipsis-lastline;
-          // overflow: hidden;
-          // text-overflow: ellipsis;
-          // display: -webkit-box;
-          // -webkit-line-clamp: 3;
-          // -webkit-box-orient: vertical;
-          display: flex;
-          color: #999999;
-
-          span {
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-            max-width: 8.1rem;
-            line-height: 24px;
-            word-break: break-all;
-          }
-        }
-
-        .content-body-bottom {
-          display: flex;
-          color: #cccccc;
-          font-size: 12px;
-
-          div:first-child {
-            margin-right: 30px;
-          }
+        div:first-child {
+          margin-right: 30px;
         }
       }
     }
-
-    .bottom {
-      position: absolute;
-      bottom: 30px;
-      right: 20px;
-    }
-
-    .button-box {
-      position: absolute;
-      right: 20px;
-      top: 10px;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .button {
-      width: 96px;
-      height: 30px;
-      margin: 5px 0;
-      background: #0087ff;
-      font-size: 14px;
-      color: #fff;
-      border-radius: 4px;
-      text-align: center;
-      line-height: 30px;
-      cursor: pointer;
-    }
-
-    .buttonAgree {
-      background-color: #49c988;
-    }
-
-    .backToFirst {
-      background-color: rgb(214, 91, 91);
-    }
   }
 
-  :deep(.ant-badge-count) {
-    top: -5px;
-    right: -10px;
+  .bottom {
+    position: absolute;
+    bottom: 30px;
+    right: 20px;
   }
+
+  .button-box {
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .button {
+    width: 80px;
+    height: 32px;
+    margin: 5px 0;
+    background: #0058e1;
+    font-size: 14px;
+    color: #fff;
+    border-radius: 1px;
+    text-align: center;
+    line-height: 32px;
+    cursor: pointer;
+  }
+
+  .buttonAgree {
+    background-color: #49c988;
+  }
+
+  .backToFirst {
+    background-color: rgb(214, 91, 91);
+  }
+}
+
+:deep(.ant-badge-count) {
+  top: -5px;
+  right: -10px;
+}
 </style>