From 87a95f5a7eac9928e01cd3ff634f01645f016469 Mon Sep 17 00:00:00 2001
From: bibi <541660090@qq.com>
Date: Wed, 29 Dec 2021 17:26:30 +0800
Subject: [PATCH] 1

---
 .env.development                              |   3 +
 .env.production                               |   3 +
 public/favicon.ico                            | Bin 4286 -> 2843 bytes
 public/index.html                             |   2 +-
 src/router/basic.js                           |   2 +-
 src/router/manage.js                          |  28 ++-
 src/styles/index.less                         |  15 +-
 src/views/Login/index.vue                     |   2 +-
 src/views/Manage/CustomerList/_detail.vue     | 131 +++++++++++++
 src/views/Manage/CustomerList/index.vue       | 176 ++++++++++++++++++
 .../Manage/SettleRequestManage/_detail.vue    | 131 +++++++++++++
 .../Manage/SettleRequestManage/index.vue      |  11 +-
 12 files changed, 490 insertions(+), 14 deletions(-)
 create mode 100644 .env.development
 create mode 100644 .env.production
 create mode 100644 src/views/Manage/CustomerList/_detail.vue
 create mode 100644 src/views/Manage/SettleRequestManage/_detail.vue

diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..821466f
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,3 @@
+NODE_ENV = 'development'
+VUE_APP_URL = ''
+VUE_APP_CDN = ''
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..3e595a6
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+NODE_ENV  = 'production'
+VUE_APP_URL = ''
+VUE_APP_CDN = ''
\ No newline at end of file
diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcfb72584e00488330b560ebcf34a41c64c2..ad010421072bf8ea6d22d4aef9580a62a818605b 100644
GIT binary patch
literal 2843
zcmV+$3*_{PP)<h;3K|Lk000e1NJLTq002Ay001fo1^@s6?{hfx000W&Nkl<ZXhYRm
zd5{$475}~NITm&o0XYrl;uS$W`kPsI3A!XoP((v4B*qhyGL|74qA0;5Yl0ArVp5Ud
zQ5w+%0-IPSVmxE526mb4?sx_@!Y%|Mip#b4G4s9Do9!mUvd0YUSe5UOsp{_cz3=_r
z^}Y9okcFj`dXAZki0B^xRydCHYC6Y6B9W_@`8xn619-}DoLke`mkAAJLYxk5X=$mk
zVZ(;)%se`UewpjKi@V#;%%qh11AxnY8X_up9A{cOXJ$gv=YZw#l9G~v4Gj%509?<^
z7sxx)G-p&*RlQtPRMfAnt!;8J7_8g8dGiPIO(`{>nSbpGzJ`d_=jG+STwY$@k_nh}
zXtM%1^<c}gUIOrSB6^#dw*a^VK%Pgl9e`N&S^y)7Xr<#g^V1RhXlb$vSSd9{Yh6l2
z=cgl}01gI&%PK1?ccnvrG&ETQY+2Sy05=_qNr2B9SWnZ3AHcMs`?0qzh*v)wgjYTr
zgk3G+L$VW5GZB5$wr%l@K3`b@9F0b&CK8D^McPyIn=oU<ew;saABKeET>{ur*B`I#
z8HATU8;pHz0ioG7Yu2nWrKP31uMuYjuu^IvGv7Zxw*_mX$-I=-+S-tVtL!f)X@kMw
z_|2O)ON{sF$_il1vhD)#vnj*t@ZjWaK-Y#n0!VElh>PExlzdM_r#g=FQJ<m}zJ1M5
z`1ycmpSTx`FWe2iON00K?42~o01q{B&ZGb5fbX2S8_a<IcLIEnyVNfoM=-{k&}~5B
zs?)zX3wu?P6bv)GO6dTA_X2^y^RZa$<8-|t)xrW;7PkS3kK#aQ%mkRH1VAAmaSVW!
zQj?f@CJ{|!<~$;*F%08{s;a8jQ{_J7($Q%2j6@>wv{%P=h3!2edNLRcK3!Q^xvwYi
zT>%#Q_{RyLxf9}CLSTZKWS1%6!otGgT5GB1u4CqtyOC*gC=|N7va)h(GB?OiVPWAp
z@p$|-0J&le0B-?si6{raG-e*<Gb5rFW_~6Z3_j$ShMf;mN-bdK6>4}rR?XcG^3<Bx
zd1Ne0?3$yEB#Y(-!qg`^VmK5Ejq0udQA(W!;780nR}y-PY}EkXNO}~r0+5UkBH9-S
z1im8jQb|ckUVVMNWWy7P=o2Ek&bIBprGkh=A`z|ibpWmeaGdvziD&~e-{-n+ES27}
ztg}U7^6rK+KE=GES_H$4M0En(aJYqO0Kpt*;`7e~Sp3=;ytPMkj%}{%p4eHD(P;Fm
zTI<Ek{I!&CwM6u^X_~8JvDmw*d!o_k>_j5*7=R%FKFrV0KV7<%+nISefOf+$qPA_n
z-JQFNavB>OuhCjB0B}ekA`<T?bsT4tzt^&?WdIh*bB?KbS;-DML)W1{4$s!xTXV4C
z!14IqmSO(ZM$<Getg5Q|dkU}VL{us*XNoo7C!!U(xw&h5YBEGgi9|x=Bf~J}3E&tr
zM*%$Uy6z1<#iswwOK!87Sz11^roUb>3}dNn+ex>wENc#cUjP^@&x1p8+&F$WW}UDX
zb?qh|uNjGFcMoOF9ic@;FER51*L6RX=SU<X$@4B|o|1CLMj~43IL?dd$SO2me|{-|
z4FdQeGY=5-wrxL^E)$<lDRmKmpLj}3h7W+-T-RM84_-U?2s2+z)Dg`?!|iB{n`laO
z#4Zsf04#PK=l&F{J}7aTV$pK3vaifc<n${)09(njtVRI+4a4}BZQJWIVdPnH8WG)>
z>TUq;c3pRg_x-y>w2GMnIi^O72U5QEGX*EmoJeNrHURTn*InaTMU?ct6u{z^cRG$!
zm8py={q_#A@cYa>5x@hk>n==}nNq4m;+C1u>$GQIK|#UD_3PKSM<S6Wp4;Q(0nPYT
zbQ>Dm4a8~(U~o8&!Xb5Nh?}^%Y67-5$b|q&gm*cPvs8u%_4W0i0{CAm)!_|)1#oXB
zz?D*~nfV%-q6pyS%zQh51EEl8Qcu08jAEkE=*7&uh?$F1v|qu@CyBQb(fy9&+@X|u
zn3=yXG{wW}@bj~4(9i6;ycE#4IR$X{cFY9~!&q+H_9CU!lgvDinYSB;ae$f6Otm->
z37uHJ+htkSsYLV^Gv^qFu~1xkr1-YDHGo(+9G+WIQL!VHLs3!D;P&?RYnWO3TLI?B
zUL`Y^8itXlwf>V>$S{l(iRepydpLVcEf!7M38R;)J<f!mzB2|d?i%d#KAVUFT5I2h
zr<$fYRBL@tDsZU;WpH4c=Gs^+R+lQb2lkJi2iFDyfeA@5lu}nPb24^_s2;$2W|n(Y
zlpy05arur6<7HC-%N@rl_x6{IYm2)%jx#e7iTqe=y|f^|1?$dDzdaOQm%Kg^|7i}1
z96xXz=V7H(6*ETwl)0{(9P)XI@(yM`*O!TzwP6?z5v|c$Ya)`u<8raABt^q8X39+M
zklrJah<topGIlrq(JZ4=!!TCbw*60^rm(PZay%Y?N1pvbol;6-_fG5hdOUJYvZ70S
zUAyTNY&jr$#v<2sm&@o@YyAun#ZA*3AB)94@tH-VQKhxMiJ7G!3UzZxt!bK93D~5u
zI=O&UBsa>?4Zs)xt)2^u_Qu(^y|Xh@rPLG5e7#gMj^mt0MBJBv=ggTCs;Q~j!OSE4
z*zPPtYGp@6|6=B_G!I1df?*hsrMh~LkrjzVinZ2KJ!!{r0s<!WuqjifoY2zJQsZg&
zCf9XWc`nyy78ZVyNaP-^^}PTN1_FUGonti`jUJy!Bx;2=5D1*yQ)ky3;L%!ZNnlcz
zU1r<%v#EgnEDB&xC=?o3Sy?G=FEQ4qfIUDWM{ZYER!ZH#%#X@lo|BU^WYeZil83rn
zy-qwV%aUT`axa<9&&$huw!OW5Kx=EO%&mUtC9!0J@lWspkLurw%f{|aJAQ?5-S#2)
zv^g1$$r$!GTb3mjzQ?<(?`7tdfk2=w9*<usHMN(VdYx<c3b?qqcx-EHtK4-*bT6JT
zt6kTXPU_I|0ZSn%(~eA*NsI(1#X1b|oH=vM>gwv}09@P+zjwpo@C6kW6?=L*uUEjb
zSzJnMEiUs7X71?Lfjva@05kv6b=~%^0Otl07?mp(WBO}nV;D{G<PCTjV0mF#R(~Rr
z?(P-<13j+oM6@;>4$tq&m3;})0_+n{ojP@BQ&ZC^0Gjgi^S5-@mi2WEcUIT*>C<!f
z@85r#H2>jn_=AlbH||eYr5OQEmua>Erz=NSbXf)5FQ73joS94SX$_&d8<##7phxA>
z=^p53)T2pS1~D{~G!P4I+kPP3Gt;HZiiM?2)mpEUBt3h~UOH(&@_O!dZ8_K<&+i;8
zd0l1&7iBWl=#{xgkQKmE4pvuJS4d(N&<jr6MOTdP@wUKkw~oMXJ{p+>3t(eGK|x7b
zSy{(~pbuA80E>LZ#l^!~TU-AkQ($?XJ8lndow)0W|8^1#EPHP>{=8Gl_@rsy$jQl>
zok`}+L?2lLEJAqmtltBeEzjqTIEW=@)*#31s7B<zz1<z3oPc<1O+i7yyt1;g%radD
zh_eb<<nSh(5Bg>3#DPtCD6$Rhns7_i1Z=JE=UetZ+qUoS+@NHDB`wmd1NNn`EbC?f
z56K`QH=rS|ECW61bEPG99OsF&BtAx>FAT8Asg$~unOFP&UJ%h<X8yM8y007~j<mOb
tp@378*@Z-;gTdenz5OwlHj*?6{|i0LJCiI3+<5>1002ovPDHLkV1h-mU9bQE

literal 4286
zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj
zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56
zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy
zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei
z@g6Xq-pDoPl=MANPiR7%172VA%r)kev<ISBgE$F{SFy+(=9Z)f)De0Se}ZDZW}Z3B
zElCeVrw;K0Fdl_Cg=gZOFXXc3pL)Q05CAuT+XucQ<8g~3dteP~|7s7c6QYP;fy;mF
zMN;>tV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX
zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm
zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp=
zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8
zx!=3<4seY*%=OlbCbcae?<QnEgvj4i?s}Yk=qA2z`-^*<eK3c)MS4JOdbsTQEOa0)
z0NWqlna2rzs>5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO
z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3
z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD
zsW0Ab)ZK@0cIW%W7<X*Er!BfRbvU93$DH%#v6dRt^6HBxz1xBNHx=$&_Gv<&J}Ljk
zJN<Fzx(`Oe@KgQ0F$<14=XV#WK`o#6Ku>z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6
z={Xwx{T<?%b6i9IjI)Ls)S{-*mq<@~R{?$}ZKjf;^k75i_}(2MXt}^SEBVg7AI@28
zo_uPg2V)_e-`2Ois=PYoe%9u*n9({PFR)OnHJPi{dNx>Kx<YG`4QQ>D#iCLfl2<BD
h7L=-;Q>vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S

diff --git a/public/index.html b/public/index.html
index 3e5a139..dfc4b35 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title>saas平台</title>
   </head>
   <body>
     <noscript>
diff --git a/src/router/basic.js b/src/router/basic.js
index cd111bb..a30df89 100644
--- a/src/router/basic.js
+++ b/src/router/basic.js
@@ -39,7 +39,7 @@ export default [
         name: "adminSet",
         title: "管理员设置",
         hide: false,
-        icon: 'container',
+        icon: 'team',
         component: resolve => require(['@/views/Basic/adminSet'], resolve),
         meta: {title: '管理员设置'},
     },
diff --git a/src/router/manage.js b/src/router/manage.js
index 7a3e21c..7792daf 100644
--- a/src/router/manage.js
+++ b/src/router/manage.js
@@ -4,25 +4,43 @@ export default [
         name: "SettleRequestManage",
         title: "入驻申请管理",
         hide: false,
-        icon: 'container',
+        icon: 'contacts',
         component: resolve => require(['@/views/Manage/SettleRequestManage'], resolve),
         meta: {title: '入驻申请管理'},
     },
+    {
+        path: '/Manage/SettleRequestManage/settle_detail',
+        name: "settle_detail",
+        title: "查看详情",
+        hide: true,
+        icon: 'container',
+        component: resolve => require(['@/views/Manage/SettleRequestManage/_detail'], resolve),
+        meta: {title: '查看详情'},
+    },
     {
         path: '/Manage/CustomerList',
         name: "CustomerList",
         title: "客户列表",
         hide: false,
-        icon: 'container',
+        icon: 'user',
         component: resolve => require(['@/views/Manage/CustomerList'], resolve),
         meta: {title: '客户列表'},
     },
+    {
+        path: '/Manage/SettleRequestManage/customer_detail',
+        name: "customer_detail",
+        title: "查看详情",
+        hide: true,
+        icon: 'container',
+        component: resolve => require(['@/views/Manage/CustomerList/_detail'], resolve),
+        meta: {title: '查看详情'},
+    },
     {
         path: '/Manage/VillageManage',
         name: "VillageManage",
         title: "小区管理",
         hide: false,
-        icon: 'container',
+        icon: 'home',
         component: resolve => require(['@/views/Manage/VillageManage'], resolve),
         meta: {title: '小区管理'},
     },
@@ -31,7 +49,7 @@ export default [
         name: "OrderManage",
         title: "订单管理",
         hide: false,
-        icon: 'container',
+        icon: 'exception',
         component: resolve => require(['@/views/Manage/OrderManage'], resolve),
         meta: {title: '订单管理'},
     },
@@ -39,7 +57,7 @@ export default [
         path: '/Manage/ChargingManage',
         name: "ChargingManage",
         title: "收费管理",
-        icon: 'container',
+        icon: 'pay-circle',
         redirect: '/ChargingManage/ChargingStandard',
         meta: {title: '收费管理'},
         children: [
diff --git a/src/styles/index.less b/src/styles/index.less
index 6f61933..41e39d7 100644
--- a/src/styles/index.less
+++ b/src/styles/index.less
@@ -21,4 +21,17 @@
 }
 .search-box {
     margin: 30px;
-}
\ No newline at end of file
+}
+.footer {
+    height: 84px;
+    width: 100%;
+    background: #fff;
+    position: fixed;
+    bottom: 0;
+    z-index: 999;
+    line-height: 84px;
+    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.35);
+    border-radius: 4px 4px 0px 0px;
+    border: 1px solid #e8e8e8;
+    left: 200px;
+  }
\ No newline at end of file
diff --git a/src/views/Login/index.vue b/src/views/Login/index.vue
index 86b764d..183e811 100644
--- a/src/views/Login/index.vue
+++ b/src/views/Login/index.vue
@@ -234,7 +234,7 @@ export default {
   width: 100%;
   height: 93px;
   line-height: 93px;
-  margin-bottom: 42px;
+  margin-bottom: 93px;
   img {
     width: 61px;
     height: 61px;
diff --git a/src/views/Manage/CustomerList/_detail.vue b/src/views/Manage/CustomerList/_detail.vue
new file mode 100644
index 0000000..e9cab63
--- /dev/null
+++ b/src/views/Manage/CustomerList/_detail.vue
@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <div class="main">
+      <div class="cardTitle">企业信息</div>
+      <a-divider />
+      <div class="content">
+        <a-descriptions title="基本信息" :column="3">
+          <a-descriptions-item label="企业名称">
+            浙江比利时物业有限公司
+          </a-descriptions-item>
+          <a-descriptions-item label="公司地址">
+            湖南省湘潭市岳塘区红旗街道 8 单元 111 室
+          </a-descriptions-item>
+          <a-descriptions-item label="社会信用代码"
+            >39123m13841bdi123341
+          </a-descriptions-item>
+          <a-descriptions-item label="法人名称"> 陈晨 </a-descriptions-item>
+          <a-descriptions-item label="法人身份证号"
+            >621222199804287702</a-descriptions-item
+          >
+          <a-descriptions-item label="执照有效期限">
+            2021/04/09 至 2021/04/09</a-descriptions-item
+          >
+        </a-descriptions>
+        <a-descriptions title="法人身份证照" :column="1">
+          <a-descriptions-item label="头像面" @click="download(this.img)"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="国徽面"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="营业执照"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="其他附件"
+            ><img :src="img" alt="" /><img :src="img" alt="" /><img
+              :src="img"
+              alt="" /><img :src="img" alt="" /><img :src="img" alt="" /><img
+              :src="img"
+              alt=""
+          /></a-descriptions-item>
+        </a-descriptions>
+        <a-descriptions title="联系人信息" :column="3">
+          <a-descriptions-item label="联系人"> 周立 </a-descriptions-item>
+          <a-descriptions-item label="联系人号码">
+            18716191912
+          </a-descriptions-item>
+          <a-descriptions-item label="邮箱">hpzs@sina.com </a-descriptions-item>
+          <a-descriptions-item label="联系人地址">
+            陕西省铜川市宜君县哭泉乡 10 单元 98 室
+          </a-descriptions-item>
+        </a-descriptions>
+      </div>
+    </div>
+    <div class="footer">
+      <a-space style="margin-left: 70%">
+        <a-button type="primary" @click="auditShow=true">修改信息</a-button>
+        <a-button @click="cancel">取消</a-button>
+      </a-space>
+    </div>
+    <a-modal
+      title="修改"
+      :visible="auditShow"
+      @ok="auditSubmit"
+      @cancel="auditCancel"
+    >
+      <div class="content">
+        <a-form :form="form">
+          <a-form-item
+            label="审核类型"
+          >
+            <a-select v-model="form.type" style="width: 120px">
+                <a-select-option value="1">
+                    通过
+                </a-select-option>
+                <a-select-option value="2">
+                    驳回
+                </a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item
+            label="审核留言"
+          >
+            <a-textarea v-model="form.remark" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
+          </a-form-item>
+        </a-form>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+        form:{
+            type:'1',
+            remark:''
+        },
+      auditShow: false,
+      detailData: {},
+      img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
+    };
+  },
+  methods: {
+    download() {},
+    cancel() {
+      this.$router.go(-1);
+    },
+    auditSubmit(){
+        this.auditShow=false
+    },
+    auditCancel(){
+        this.auditShow=false
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.content {
+  padding-top: 0px;
+  padding-bottom: 120px;
+}
+.content img {
+  width: 142px;
+  height: 107px;
+  margin: 10px;
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/CustomerList/index.vue b/src/views/Manage/CustomerList/index.vue
index e69de29..9e66a97 100644
--- a/src/views/Manage/CustomerList/index.vue
+++ b/src/views/Manage/CustomerList/index.vue
@@ -0,0 +1,176 @@
+<template>
+  <div class="main">
+    <!-- 标题 -->
+    <div class="cardTitle">客户列表</div>
+    <!-- 搜索 -->
+    <div class="search-box">
+      <a-space size="large">
+        <a-input placeholder="请输入申请人/公司名" />
+        <a-select style="width: 200px" placeholder="选择状态" />
+        <a-button type="primary">查 询</a-button>
+        <a-button>重 置</a-button>
+      </a-space>
+    </div>
+    <!-- 表格 -->
+    <div id="commonTable">
+      <div style="margin-bottom: 16px">
+        <a-button type="primary" :disabled="!hasSelected" :loading="loading">
+          批量操作
+        </a-button>
+        <span style="margin-left: 8px">
+          <template v-if="hasSelected">
+            {{ `已选择 ${selectedRowKeys.length} 条` }}
+          </template>
+        </span>
+      </div>
+      <a-table
+        :scroll="{ x: 1300 }"
+        :columns="columns"
+        :data-source="tableData"
+        :pagination="pagination"
+        @change="handleTableChange"
+        :row-selection="{
+          selectedRowKeys: selectedRowKeys,
+          onChange: onSelectChange,
+        }"
+        :row-key="
+          (record, index) => {
+            return index;
+          }
+        "
+      >
+        <!-- 操作 -->
+        <span slot="action" slot-scope="scope">
+          <a @click="detail(scope)">详情</a>
+        </span>
+        <span slot="formatter" slot-scope="scope">{{
+          scope === 1 ? "可" : ""
+        }}</span>
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      // 搜索项
+      searchForm: {
+        name: "",
+        code: "",
+      },
+      //   列
+      columns: [
+        {
+          title: "Name",
+          dataIndex: "name",
+          width: "200",
+        },
+        {
+          title: "Gender",
+          dataIndex: "gender",
+          width: "200",
+        },
+        {
+          title: "Gender1",
+          dataIndex: "gender1",
+          width: "200",
+        },
+        {
+          title: "Gender2",
+          dataIndex: "gender2",
+          width: "200",
+        },
+        {
+          title: "Gender3",
+          dataIndex: "gender3",
+          width: "200",
+        },
+        {
+          title: "Gender4",
+          dataIndex: "gender4",
+          width: "200",
+        },
+        {
+          title: "Gender5",
+          dataIndex: "gender5",
+          width: "200",
+        },
+        {
+          title: "Gender6",
+          dataIndex: "gender6",
+          width: "200",
+        },
+        {
+          title: "status",
+          dataIndex: "status",
+          scopedSlots: { customRender: "formatter" },
+          width: "200",
+        },
+        {
+          title: "操作",
+          dataIndex: "action",
+          key: "action",
+          width: "120",
+          fixed: "right",
+          scopedSlots: { customRender: "action" },
+        },
+      ],
+      //   数据
+      tableData: [
+        {
+          name: "11",
+          id: 1,
+          status: 1,
+        },
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+        {},
+      ],
+      //   分页
+      pagination: {
+        current: 1,
+        total: 0,
+        pageSize: 10,
+        showTotal: (total) => `共 ${total} 条`,
+        showSizeChanger: true,
+        showQuickJumper: true,
+      },
+      loading: false,
+      selectedRowKeys: [],
+    };
+  },
+  mounted(){},
+  computed: {
+    hasSelected() {
+      return this.selectedRowKeys.length > 0;
+    },
+  },
+  methods: {
+    detail(){
+      this.$router.push({name:'customer_detail'})
+    },
+    onSelectChange(selectedRowKeys) {
+      console.log("selectedRowKeys changed: ", selectedRowKeys);
+      this.selectedRowKeys = selectedRowKeys;
+    },
+    handleTableChange(pagination) {
+      console.log(pagination);
+      const pager = { ...this.pagination };
+      pager.current = pagination.current;
+      this.pagination = pager;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+</style>>
\ No newline at end of file
diff --git a/src/views/Manage/SettleRequestManage/_detail.vue b/src/views/Manage/SettleRequestManage/_detail.vue
new file mode 100644
index 0000000..b25b02b
--- /dev/null
+++ b/src/views/Manage/SettleRequestManage/_detail.vue
@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <div class="main">
+      <div class="cardTitle">企业信息</div>
+      <a-divider />
+      <div class="content">
+        <a-descriptions title="基本信息" :column="3">
+          <a-descriptions-item label="企业名称">
+            浙江比利时物业有限公司
+          </a-descriptions-item>
+          <a-descriptions-item label="公司地址">
+            湖南省湘潭市岳塘区红旗街道 8 单元 111 室
+          </a-descriptions-item>
+          <a-descriptions-item label="社会信用代码"
+            >39123m13841bdi123341
+          </a-descriptions-item>
+          <a-descriptions-item label="法人名称"> 陈晨 </a-descriptions-item>
+          <a-descriptions-item label="法人身份证号"
+            >621222199804287702</a-descriptions-item
+          >
+          <a-descriptions-item label="执照有效期限">
+            2021/04/09 至 2021/04/09</a-descriptions-item
+          >
+        </a-descriptions>
+        <a-descriptions title="法人身份证照" :column="1">
+          <a-descriptions-item label="头像面" @click="download(this.img)"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="国徽面"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="营业执照"
+            ><img :src="img" alt=""
+          /></a-descriptions-item>
+          <a-descriptions-item label="其他附件"
+            ><img :src="img" alt="" /><img :src="img" alt="" /><img
+              :src="img"
+              alt="" /><img :src="img" alt="" /><img :src="img" alt="" /><img
+              :src="img"
+              alt=""
+          /></a-descriptions-item>
+        </a-descriptions>
+        <a-descriptions title="联系人信息" :column="3">
+          <a-descriptions-item label="联系人"> 周立 </a-descriptions-item>
+          <a-descriptions-item label="联系人号码">
+            18716191912
+          </a-descriptions-item>
+          <a-descriptions-item label="邮箱">hpzs@sina.com </a-descriptions-item>
+          <a-descriptions-item label="联系人地址">
+            陕西省铜川市宜君县哭泉乡 10 单元 98 室
+          </a-descriptions-item>
+        </a-descriptions>
+      </div>
+    </div>
+    <div class="footer">
+      <a-space style="margin-left: 70%">
+        <a-button type="primary" @click="auditShow=true">审核</a-button>
+        <a-button @click="cancel">取消</a-button>
+      </a-space>
+    </div>
+    <a-modal
+      title="审核"
+      :visible="auditShow"
+      @ok="auditSubmit"
+      @cancel="auditCancel"
+    >
+      <div class="content">
+        <a-form :form="form">
+          <a-form-item
+            label="审核类型"
+          >
+            <a-select v-model="form.type" style="width: 120px">
+                <a-select-option value="1">
+                    通过
+                </a-select-option>
+                <a-select-option value="2">
+                    驳回
+                </a-select-option>
+            </a-select>
+          </a-form-item>
+          <a-form-item
+            label="审核留言"
+          >
+            <a-textarea v-model="form.remark" style="" :auto-size="{ minRows: 5, maxRows: 8 }"></a-textarea>
+          </a-form-item>
+        </a-form>
+      </div>
+    </a-modal>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+        form:{
+            type:'1',
+            remark:''
+        },
+      auditShow: false,
+      detailData: {},
+      img: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgcdn.scol.com.cn%2FNEWS_1F3371B8BC0CD062D6AF69E363F8E32A.JPG&refer=http%3A%2F%2Fimgcdn.scol.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643355029&t=835fe0ff21af86e6996eb308794df217",
+    };
+  },
+  methods: {
+    download() {},
+    cancel() {
+      this.$router.go(-1);
+    },
+    auditSubmit(){
+        this.auditShow=false
+    },
+    auditCancel(){
+        this.auditShow=false
+    }
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.content {
+  padding-top: 0px;
+  padding-bottom: 120px;
+}
+.content img {
+  width: 142px;
+  height: 107px;
+  margin: 10px;
+  cursor: pointer;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/Manage/SettleRequestManage/index.vue b/src/views/Manage/SettleRequestManage/index.vue
index b34b71a..121d2c8 100644
--- a/src/views/Manage/SettleRequestManage/index.vue
+++ b/src/views/Manage/SettleRequestManage/index.vue
@@ -39,10 +39,8 @@
           }
         "
       >
-        操作
+        <!-- 操作 -->
         <span slot="action" slot-scope="scope">
-          <a @click="del(scope)">删除</a>
-          <span style="margin: 2px">|</span>
           <a @click="detail(scope)">详情</a>
         </span>
         <span slot="formatter" slot-scope="scope">{{
@@ -114,7 +112,7 @@ export default {
           title: "操作",
           dataIndex: "action",
           key: "action",
-          width: "200",
+          width: "80",
           fixed: "right",
           scopedSlots: { customRender: "action" },
         },
@@ -157,6 +155,10 @@ export default {
     },
   },
   methods: {
+    detail(data){
+        console.log(data);
+        this.$router.push({name:'settle_detail'})
+    },
     onSelectChange(selectedRowKeys) {
       console.log("selectedRowKeys changed: ", selectedRowKeys);
       this.selectedRowKeys = selectedRowKeys;
@@ -172,5 +174,4 @@ export default {
 </script>
 
 <style lang="less" scoped>
-
 </style>>
\ No newline at end of file