From 2d61cd154f17ffb1f5b59faf83f40b2ca86bdc45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E7=B4=A0?= <66666@66.com>
Date: Thu, 16 May 2024 14:39:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=89=E6=B1=82=E6=8E=A5=E5=8A=9E=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/common.less         |  38 +++++++++++++++-
 src/assets/images/icon/address.png | Bin 0 -> 1850 bytes
 src/assets/images/icon/content.png | Bin 0 -> 953 bytes
 src/assets/images/icon/time.png    | Bin 0 -> 912 bytes
 src/plugins/vant.js                |   2 +-
 src/router/router.config.js        |   5 +++
 src/views/assistance/index.vue     |  69 +++++++++++++++++++++++++++++
 src/views/mine/index.vue           |   6 +--
 8 files changed, 112 insertions(+), 8 deletions(-)
 create mode 100644 src/assets/images/icon/address.png
 create mode 100644 src/assets/images/icon/content.png
 create mode 100644 src/assets/images/icon/time.png
 create mode 100644 src/views/assistance/index.vue

diff --git a/src/assets/css/common.less b/src/assets/css/common.less
index 9b906bd..470b3b1 100644
--- a/src/assets/css/common.less
+++ b/src/assets/css/common.less
@@ -27,7 +27,7 @@
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0,0,0,.3);
   box-sizing: border-box;
-  width: 100%;
+  width: auto;
 }
 .flex{
   display: flex;
@@ -43,21 +43,55 @@
   &-center2{
     align-items: center;
   }
+  &-center3{
+    align-items: flex-start;
+  }
+  
   &-mean{
     justify-content: space-around;
   }
   &-end{
     justify-content: space-between;
   }
+  &-fend{
+    justify-content: flex-end;
+  }
 }
 .m-top12{
   margin-top: 12px;
+  &-left{
+    margin-left: 12px;
+  }
+  &-right{
+    margin-right: 12px;
+  }
+}
+.m-top5{
+  margin-top: 5px;
+  &-bottom{
+    margin-bottom: 5px;
+  }
 }
 
+
 .font-size13{
   font-size: 13px;
 }
 .text-blue{
   color:#3e92ff;
 }
-
+.pages {
+  width: 100%;
+  height: 100vh;
+  background-color: #f7f7f7;
+}
+.rounded-corner {
+  border-radius: 20px;
+}
+.opacity5 {
+  opacity: 0.5;
+}
+.small_img{
+  width: 18px;
+  
+}
\ No newline at end of file
diff --git a/src/assets/images/icon/address.png b/src/assets/images/icon/address.png
new file mode 100644
index 0000000000000000000000000000000000000000..e375afd61bd19d14da1402602bd1b8979a3cff47
GIT binary patch
literal 1850
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/content.png b/src/assets/images/icon/content.png
new file mode 100644
index 0000000000000000000000000000000000000000..0f7d560cba4bc31db4433774df750ddcd35787c9
GIT binary patch
literal 953
zcmV;q14jIbP)<h;3K|Lk000e1NJLTq001HY001Hg1^@s6I!6n_00001b5ch_0Itp)
z=>Px&b4f%&R9Hvlm)&cdbri=x=l7&(str0Ulf6_BhbUVGZ@t$g-AcynB5Ts@LfK^A
zDTtT56hW_?P(d(h+PciGWOd!5_#cQvixd$rbT7q8MICN={T+SMMVckqlc(uL(ck6s
zoR?3&dCu>gBW#f)TZ98|kT27_D4G$B41o>!12>AYg3%=+lPmZ0?F_OoJ48TZV2AxB
z?_jO=XNu%Gd~CIyMSGCN>~7E$La^?ndL1J-P$?ocZx!o4j@A_v8AjQ?mRw7izAXEX
zUcDElHE8~$Fv0%UKtrgw^z)1+ul1zL=W{!$)eeDf2Psl6ohJ73t@SZmK^C*)i0%XZ
zgX*>^#>Q^<1krHL<pu~BUj=yx^jo5-^PNEonFp!K>j(}oM|AT0O@U|x`7HA^j=Y3W
zqw?^(>wjdkA{Wz7V$1|ciCe*Uh{tQ23ZkbBg(u!Z2~ssPj3s_(#BT;!Oh1d57_dTg
za;gO)cY2V4ZK0;;2am2IqFn=D%ATx$D*-vj^U0<5AQ!VE|J3}8Z9xi|$FWYL<t|ZK
zW;A)GYmmj6<A~jfm2(`}2*^Tu7Xc>)+TWB^%oQSueAghCrcVGnHV)!u`f93=)q%CU
zrE&JB{^}aSHQW>sUl}_X|F=LC;cU)yCCrhyMQE+2o)yW@K1#5bKxr=DPE<k#6ZoX1
zuk;Qwy@w#luGIMVa&XQPnfR{Br)Lm1nmZaewmU^Crb2Aumlp6%0r4fr|DtNPgd*<1
z6bOzZgiyVIlXDEHtstR!BJtlg{;{gL!D!;crT~S^KCF!U5=FQ`Wb$kOAYWuhsJh)(
zZW2v?(2}$;`xK(xRZUgPL=(#`BSNEU)aDsIcBTCoaCv$UN)n|^^vAc6Q`VOPUdFkc
zL%8@RNI#C5;e}3v(Za$5^!@$@ibGA$a4@y(72DVQ3m@;L&pCpT3gO^;JQu&yUXgm6
z&Kw4L2KW=BQ}}K3oyc;zK?aK_5D9~PLo_+R-qd5Au&WsJsn?d~smj`(bO>RnJ`a~m
z?|ZKkZq&luFt(Dc|ChKO)LaAmYkm6mb81!yINP!M*qWP`u+A(85<lG=rt{WzKK%$G
zVu-mL#1BC`TfK^u=ZU=1e6QR!^<Ez@PrLKw2*M7q-u6ulri$Wji%VYHqR+s+s?yni
b%Ygh1+T55jkDHv`00000NkvXXu0mjfWkt+<

literal 0
HcmV?d00001

diff --git a/src/assets/images/icon/time.png b/src/assets/images/icon/time.png
new file mode 100644
index 0000000000000000000000000000000000000000..3013d77b01b7b488ba5fcb38270ec1f396cbb89c
GIT binary patch
literal 912
zcmV;B18@9^P)<h;3K|Lk000e1NJLTq001HY001Hg1^@s6I!6n_00001b5ch_0Itp)
z=>Px&N=ZaPR9HvNm`g}hQ5eVn|Le>hF(@>saAgk&4cZj75vgd`&YV#ZTNGswR1ox7
zgj0d^*krUR$S_EBv{kzZwMBtZn?Qvqt&NzVJr>EmGv2S}+&d4)ndaVG;oRNad%o}d
z&iDAAbA~99hh90P4;!HeYhbYk;3iN)%7@SZWEPNV1md6Ah&eC5U4cjx8tQ_(0UiLj
z+1&&(4ahJi;%^v*Rm`R+hz#jFAZUWHI_-=}$1;m0en-Iiq24F7wJ4Kyu#!=NmKiHE
zAcojvj{ga!Ac%}0fH^%3a$nkk$P{S3L?AKAM$G4PEHP9;0=0lv4{}SE?I^yPL+n62
zpIu%MxrYi=hE4+5Zs%X-L3zSR{B5xiXMdMia2JG!L9SQtDIc+5-em`V=K5Iy;zZ(H
zdNqP~pwYt!7QH~E#>!JvU@>$YK%EVP_ZT<28AT%7-%5~vy$u>0oE1E0*c|i&kZU9T
zdKelH+VABBBW7Pg5LK8KPpbhICfQ=#{udDG=nMo;f!a>>Ta!E41)PqE2#7&Fs<Z*J
z0GL;cr9)!a2GNhevWD537%c`Z4^fUadMCgt)pcPrN<!?6IgiAGdjRd2{nNVdrZ8nt
zZ-cM_BA?l8b`=9rNl6wkv=h!e4;YER&H>RcDzOroVzYU}mD3amWSSB4x*Hn>GoW9v
zn;~PTA|j8l0p+1<c7ZPSGMsqj#%VetUO{4kdZ4Ub%@HszC$|F|B$XC{AYoi$8@~Qu
zkfi8^x<C+1Ru5a_V>Za3-U8u%h|I9ryy6DJv9oK$V?><vbb_n~WrSg~--$@*j1nA=
zEt^RVJ}_e3a=QQp(jPht4YdF!82K%5&dSb1xD}c;#-@0WTZfshu?&!3mf5LoA>La^
z0%Rz76qdF(Df<kYH~$VK7Hn6WTfs-V88IjFea;UO^O>5*s6;?N1Yl{!WE$rgHl7t?
zER-5w#p*VNc_T8Q=POo6RXw(^Ul9AulCOPz3YveA0)l3Xns<r!4N^$rm#M4r?rzib
z15$j`^KlID3gYS*prTR=2cy*Lq!f;dDk}ChV)YNt3Z@jU6X_I{!UZe48&>_wxeTTh
mF5$Uav8sPdcoi-`<9`8VuM<I)?TMiP0000<MNUMnLSTX~7L1wz

literal 0
HcmV?d00001

diff --git a/src/plugins/vant.js b/src/plugins/vant.js
index 343ce83..73ab46f 100644
--- a/src/plugins/vant.js
+++ b/src/plugins/vant.js
@@ -24,7 +24,7 @@ import {
   List,
   ActionSheet,
   Checkbox,
-  CellGroup 
+  CellGroup
 } from 'vant'
 
 Vue.use(Button)
diff --git a/src/router/router.config.js b/src/router/router.config.js
index 540e984..121602d 100644
--- a/src/router/router.config.js
+++ b/src/router/router.config.js
@@ -12,5 +12,10 @@ export const constantRouterMap = [
     path: '/mine',
     component: () => import('@/views/mine'),
     meta: { title: '我的', keepAlive: false }
+  },
+  {
+    path: '/assistance',
+    component: () => import('@/views/assistance'),
+    meta: { title: '诉求代办', keepAlive: false }
   }
 ]
diff --git a/src/views/assistance/index.vue b/src/views/assistance/index.vue
new file mode 100644
index 0000000..84dc561
--- /dev/null
+++ b/src/views/assistance/index.vue
@@ -0,0 +1,69 @@
+<template>
+    <div class='pages'>
+        <div>
+            <van-tabs :active="active" bind:change="onChange">
+                <van-tab title="待接单">内容 1</van-tab>
+                <van-tab title="待处理">内容 2</van-tab>
+                <van-tab title="已完成">内容 3</van-tab>
+            </van-tabs>
+        </div>
+        <div class="card rounded-corner">
+            <div class="m-top12 flex">
+                <van-tag type="primary" class="m-top12 m-top12-left">个性服务</van-tag>
+                <van-tag type="warning"  class="m-top12 m-top12-left">共性需求</van-tag>
+                <div class="m-top12 m-top12-left opacity5 font-size13">
+                    公益事业类-社区困难群体生活帮扶
+                </div>
+            </div>
+            <div class="m-top5 m-top12-left">
+                <img src="@/assets/images/icon/address.png" class="small_img">
+                张玉宝 13636520003<br>
+                <div style="margin-left: 21px;" class="opacity5 font-size13 m-top5">重庆南路15号1号楼1单元101</div>
+            </div>
+            <div class="m-top5 m-top12-left">
+                <img src="@/assets/images/icon/time.png" class="small_img">
+                2024-05-0215:00
+            </div>
+            <div class="m-top5 m-top12-left">
+                <div class="flex flex-center3">
+                    <img src="@/assets/images/icon/content.png" style="vertical-align: top;" class="small_img">
+                    <div>社区86岁独居老人，上下楼不方便，需要上门进行送餐服务。</div>
+                </div>
+            </div>
+
+            <hr class="m-top12-left  m-top12-right opacity5">
+            <div class="flex flex-fend m-top12-right">
+                <van-button size="small" type="info" class="rounded-corner m-top5-bottom"
+                    style="width: 60px;">接单</van-button>
+            </div>
+
+        </div>
+    </div>
+</template>
+<script>
+
+export default {
+    data() {
+        return {
+            active: 1,
+        };
+    },
+    created() {
+    },
+    methods: {
+        onChange(event) {
+            wx.showToast({
+                title: `切换到标签 ${event.detail.name}`,
+                icon: 'none',
+            });
+        },
+    },
+    components: {},
+    computed: {},
+    watch: {}
+}
+</script>
+
+<style lang='less' scoped>
+
+</style>
diff --git a/src/views/mine/index.vue b/src/views/mine/index.vue
index c02b60a..61caa50 100644
--- a/src/views/mine/index.vue
+++ b/src/views/mine/index.vue
@@ -45,11 +45,7 @@ export default {
 </script>
 
 <style lang='less'>
-.pages {
-    width: 100%;
-    height: 100vh;
-    background-color: #f7f7f7;
-}.heard {
+.heard {
     width: 100%;
     height: 35vh;
     background: linear-gradient(to bottom,