From cbdc91c4bf2aa2a99c7a78904c1b7ddd69145be1 Mon Sep 17 00:00:00 2001
From: qq787203167 <787203167@qq.com>
Date: Tue, 24 May 2022 14:27:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B8=83=E5=B1=80=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jero-web/src/assets/gengduo.png               | Bin 0 -> 191 bytes
 jero-web/src/assets/wdxx.png                  | Bin 0 -> 810 bytes
 jero-web/src/common/lang/en-us.js             |   4 +
 jero-web/src/common/lang/zh-cn.js             |   4 +
 jero-web/src/views/dashboard/Analysis.vue     | 109 ++++++++++++++--
 .../dashboard/components/documentDynamics.vue |  45 +++++--
 .../components/monthlyReportRegulations.vue   | 115 +++++++++++++++++
 .../src/views/dashboard/components/myList.vue | 118 ++++++++++++++++++
 .../src/views/dashboard/components/myNews.vue | 110 ++++++++++++++++
 9 files changed, 490 insertions(+), 15 deletions(-)
 create mode 100644 jero-web/src/assets/gengduo.png
 create mode 100644 jero-web/src/assets/wdxx.png
 create mode 100644 jero-web/src/views/dashboard/components/monthlyReportRegulations.vue
 create mode 100644 jero-web/src/views/dashboard/components/myList.vue
 create mode 100644 jero-web/src/views/dashboard/components/myNews.vue

diff --git a/jero-web/src/assets/gengduo.png b/jero-web/src/assets/gengduo.png
new file mode 100644
index 0000000000000000000000000000000000000000..152b30e51ee5fd4046cf2305072959fa19538fdf
GIT binary patch
literal 191
zcmeAS@N?(olHy`uVBq!ia0vp^tU%1c!3HD^Kbl$tDaPU;cPEB*=VV?2IhCF+jv*4^
z$tej52{Vk#pU$fH>Cw&XOcZyhaT74CzPC!C?f?I(8Im)7CQmvP*UWlQs5sor(7@ov
z$InK)4zm9L|Np#2`oC4ZJpU!-7IK}7-8*mM$N#}4Z@>N7)3Yw&U}SMPo3YWK_pTc=
pzU>Lkmi+%W*VD7phChgff$OK<-?<gbcLN>4;OXk;vd$@?2>|85O7j2!

literal 0
HcmV?d00001

diff --git a/jero-web/src/assets/wdxx.png b/jero-web/src/assets/wdxx.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9e5dbcd056916994fd05b164efa93781367c11a
GIT binary patch
literal 810
zcmV+_1J(SAP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px%<Vi$9R9Hvtm|I8`Q5eU6Gpm`DB4TEOp?NPdh%Rea4JEW*3{14Bm*@%^g&{%@
z5roo1grwF}1(kHA3nFP6q-jFg1&P!OSCW#v<d$0EPK-yvF6*4!MfYL9x0yNT`+oEP
z&NttgqX1|nS&`U=^HE3weD!-%Xnkl@qMCA*y;oWkttdSjRjo(EZwev)4yDkG&1P1#
zqKum;Y?)S=vEUlF6s<Vp>olav-ur*kfi#y;XB5H>WRwlJLe5oarVqp>LeEENdk)%Y
zJ;bHL!X$W81uyT5n2HJuR)TLJG*!UQej^q!O}fhT0Ol-MvKd-yp}GWyhrnwVq@4i2
zVCe0D+sEL?cX2-{8$#lsp%fbLf@U*>k_U=d1xW{?%L3I!(A^GUD<E=>2x{^afR;vR
zu7S2^;6EP{_CP==JS>EkS|<T{`wA7jW<yy%d~SiIX|Q}ND9XQs)L(`d_aG<=Hsy(w
z-N=Q3z6qh^6pCICiTmJH89ccJF^RBl7pNxt&W8q}x)|O+h2(4qkB7=ak?sjh4k+a)
z%!`Gx0_bUnlpF|(F_fQA%}{;{=7hn<Bcc#0&Nu;RTcKDZrH8>k1X6QhhPN@0Z5Zwx
zhpsl*Q3Cxv!iU2O&5aTj(%A}Qi`y7SjL;Q%R|kO+;#&9NFwl4hQEOqt0a+ZVIt$H@
zrN_&yAvch;pg_18k`KwxcyL;jzNGzs$`+@<>YbAAf!Yi3x?Fm^Jdpko)LVr)6MO=t
z17Pihnu}l=*NmM~WqQ|6F91)8@6VqBhX&wU4p_e!zKFa+diM@p_It<Hw;%d0KyRvJ
zX7Ui*lJPxG^?(lzVi#aw@<8?+1%yHTcJTCqK`Yc>g>H*cT)WR52hvlRup5FGK}Qoj
zIuCk^CTWfXO){{(X>K4RLEQ?;DCA;?4K8;ab1pLm%~t0U2Udz2Kk^SVa*Bp}5`|>I
o$0*NEer`ph0&IE8{_Agl0p!~*AREZd5&!@I07*qoM6N<$g5@7#{{R30

literal 0
HcmV?d00001

diff --git a/jero-web/src/common/lang/en-us.js b/jero-web/src/common/lang/en-us.js
index 7ef69b789..c1891ced8 100644
--- a/jero-web/src/common/lang/en-us.js
+++ b/jero-web/src/common/lang/en-us.js
@@ -882,4 +882,8 @@ module.exports = {
   dataCannotEmpty:'Data Cannot Empty',
   documentDynamics:'Document Dynamics',
   theNumberAgain:'The number already exists and cannot be added again',
+  myList:'My to-do list',
+  myNews:'My News',
+  monthlyReportRegulations:'Monthly report regulations',
+  Pending:'Pending',
 }
\ No newline at end of file
diff --git a/jero-web/src/common/lang/zh-cn.js b/jero-web/src/common/lang/zh-cn.js
index d5ac502f9..c64cffdf2 100644
--- a/jero-web/src/common/lang/zh-cn.js
+++ b/jero-web/src/common/lang/zh-cn.js
@@ -887,4 +887,8 @@ module.exports = {
   dataCannotEmpty:'数据不能为空',
   documentDynamics:'文档动态',
   theNumberAgain:'编号已存在不能重复添加',
+  myList:'我的待办',
+  myNews:'我的消息',
+  monthlyReportRegulations:'法规月报',
+  Pending:'待处理',
 }
\ No newline at end of file
diff --git a/jero-web/src/views/dashboard/Analysis.vue b/jero-web/src/views/dashboard/Analysis.vue
index 1b9ab1cce..acaf903a3 100644
--- a/jero-web/src/views/dashboard/Analysis.vue
+++ b/jero-web/src/views/dashboard/Analysis.vue
@@ -1,27 +1,120 @@
 <template>
-  <div>
-
+  <div class="box">
+    <div class="header-search">
+      <a-input-search
+        v-model="selectValue"
+        :maxLength="100"
+        class="inputSearch"
+        allowClear
+        :placeholder="$t('searchContent')"
+        @search="onSearch"
+      ></a-input-search>
+    </div>
+    <div class="content-header">
+      <customContent/>
+    </div>
+    <div class="content-content">
+      <documentDynamics/>
+    </div>
+    <div class="content-footer">
+      <div class="content-footer-box">
+        <myList/>
+      </div>
+      <div class="content-footer-box">
+        <myNews/>
+      </div>
+      <div class="content-footer-box">
+        <monthlyReportRegulations/>
+      </div>
+    </div>
   </div>
 </template>
 
 <script>
-
+  import customContent from './components/customContent'
+  import documentDynamics from './components/documentDynamics'
+  import myList from './components/myList'
+  import myNews from './components/myNews'
+  import monthlyReportRegulations from './components/monthlyReportRegulations'
 
   export default {
-    name: "Analysis",
+    name: 'Analysis',
     components: {
-
+      customContent,
+      documentDynamics,
+      myList,
+      myNews,
+      monthlyReportRegulations
     },
     data() {
       return {
-        indexStyle:1
+        indexStyle: 1,
+        selectValue: ''
       }
     },
     created() {
 
     },
     methods: {
-
+      onSearch(value) {
+        console.log(value)
+      }
     }
   }
-</script>
\ No newline at end of file
+</script>
+<style scoped lang="less">
+  .box {
+    width: 100%;
+    height: 100%;
+    padding: 32px;
+    box-sizing: border-box;
+
+    .header-search {
+      width: 100%;
+      text-align: center;
+
+      .inputSearch {
+        width: 700px;
+        height: 40px;
+
+        /deep/ .ant-input {
+          height: 40px;
+        }
+      }
+    }
+
+    .content-header {
+      width: 100%;
+      height: 120px;
+      margin-top: 24px;
+      padding: 24px;
+      box-sizing: border-box;
+      border: 1px solid #CED0D8;
+      border-radius: 4px;
+    }
+
+    .content-content {
+      width: 100%;
+      height: 306px;
+      padding: 30px 25px 25px 25px;
+      box-sizing: border-box;
+      border: 1px solid #CED0D8;
+      margin-top: 20px;
+    }
+
+    .content-footer {
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
+
+      .content-footer-box {
+        width: calc(33.3% - 14px);
+        height: 412px;
+        border: 1px solid #CED0D8;
+        padding: 30px 24px 24px 24px;
+        box-sizing: border-box;
+        margin-top: 20px;
+      }
+    }
+  }
+</style>
diff --git a/jero-web/src/views/dashboard/components/documentDynamics.vue b/jero-web/src/views/dashboard/components/documentDynamics.vue
index 10ca546ad..620ba53fc 100644
--- a/jero-web/src/views/dashboard/components/documentDynamics.vue
+++ b/jero-web/src/views/dashboard/components/documentDynamics.vue
@@ -5,11 +5,13 @@
       <div class="header-text-right">{{$t('more')}}</div>
     </div>
     <div class="documentDynamics-box-content">
-      <div class="documentDynamics-text">
+      <div class="documentDynamics-text" v-for="item in 8">
         <div class="yuan"></div>
         <div class="text">文档库中新增了新的标准 GB 7258 机动车文件</div>
         <img src="../../../assets/new.png" alt="">
+        <div class="time">2022-04-04 12:00:00</div>
       </div>
+      <div class="solid"></div>
     </div>
   </div>
 </template>
@@ -47,13 +49,27 @@
       width: 100%;
       display: flex;
       justify-content: space-between;
+      flex-wrap: wrap;
+      position: relative;
+
+      .solid {
+        width: 1px;
+        height: 210px;
+        background: #EFF1F3;
+        position: absolute;
+        left: 50%;
+        top: 120px;
+        transform: translate(-50%, -50%);
+      }
 
       .documentDynamics-text {
         height: 51px;
-        display: flex;
         width: calc(50% - 20px);
-        border-bottom: 1px solid #CED0D8;
-        align-items: center;
+        line-height: 51px;
+        border-bottom: 1px solid #EFF1F3;
+        position: relative;
+        margin-bottom: 6px;
+        cursor: pointer;
 
         .yuan {
           width: 6px;
@@ -62,7 +78,10 @@
           background: #040B29;
           opacity: 0.8;
           border-radius: 50%;
-          margin-top: 2px;
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translate(-50%, -50%);
         }
 
         .text {
@@ -70,15 +89,27 @@
           font-size: 16px;
           font-weight: 400;
           color: #040B29;
-          margin-left: 8px;
+          margin-left: 14px;
+          width: calc(100% - 240px);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
 
         img {
           width: 38px;
           height: 20px;
-          margin-top: 3px;
+          margin-top: -42px;
           margin-left: 3px;
         }
+
+        .time {
+          font-size: 14px;
+          float: right;
+          font-weight: 400;
+          color: #9B9DA9;
+          margin-right: 12px;
+        }
       }
     }
   }
diff --git a/jero-web/src/views/dashboard/components/monthlyReportRegulations.vue b/jero-web/src/views/dashboard/components/monthlyReportRegulations.vue
new file mode 100644
index 000000000..8c8a56314
--- /dev/null
+++ b/jero-web/src/views/dashboard/components/monthlyReportRegulations.vue
@@ -0,0 +1,115 @@
+<template>
+  <div class="monthlyReportRegulations-box">
+    <div class="header-text">
+      <div class="header-text-left">{{this.$t('monthlyReportRegulations')}}</div>
+      <div class="header-text-right">{{$t('more')}}</div>
+    </div>
+    <div class="monthlyReportRegulations-box-content">
+      <div class="monthlyReportRegulations-text" v-for="item in 6">
+        <div class="yuan"></div>
+        <div class="text">文档库中新增了新的标准 GB 7258 机动车文件</div>
+        <div class="time">2022-04-04 12:00:00</div>
+      </div>
+      <div class="solid"></div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'monthlyReportRegulations'
+  }
+</script>
+
+<style scoped lang="less">
+  .monthlyReportRegulations-box {
+    width: 100%;
+
+    .header-text {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      .header-text-left {
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+      }
+
+      .header-text-right {
+        font-size: 14px;
+        font-weight: 400;
+        color: #9B9DA9;
+        margin-top: 6px;
+      }
+    }
+
+    .monthlyReportRegulations-box-content {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      position: relative;
+      margin-top: 12px;
+
+      .solid {
+        width: 1px;
+        height: 210px;
+        background: #EFF1F3;
+        position: absolute;
+        left: 50%;
+        top: 120px;
+        transform: translate(-50%, -50%);
+      }
+
+      .monthlyReportRegulations-text {
+        height: 51px;
+        width: 100%;
+        line-height: 51px;
+        border-bottom: 1px solid #EFF1F3;
+        position: relative;
+        cursor: pointer;
+        margin-bottom: 1.8px;
+
+        .yuan {
+          width: 6px;
+          display: inline-block;
+          height: 6px;
+          background: #040B29;
+          opacity: 0.8;
+          border-radius: 50%;
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translate(-50%, -50%);
+        }
+
+        .text {
+          display: inline-block;
+          font-size: 16px;
+          font-weight: 400;
+          color: #040B29;
+          margin-left: 14px;
+          width: calc(100% - 180px);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+
+        img {
+          width: 38px;
+          height: 20px;
+          margin-top: -42px;
+          margin-left: 3px;
+        }
+
+        .time {
+          font-size: 14px;
+          float: right;
+          font-weight: 400;
+          color: #9B9DA9;
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/dashboard/components/myList.vue b/jero-web/src/views/dashboard/components/myList.vue
new file mode 100644
index 000000000..394146bb7
--- /dev/null
+++ b/jero-web/src/views/dashboard/components/myList.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="myList-box">
+    <div class="header-text">
+      <div class="header-text-left">{{this.$t('myList')}}</div>
+      <div class="header-text-right">{{$t('more')}}</div>
+    </div>
+    <div class="myList-box-content">
+      <div class="myList-box-content-box" v-for="item in 4">
+        <div class="top">
+          <span class="top-text">GB 7258 - 2017</span>
+          <span class="top-admin">握手流程</span>
+        </div>
+        <div class="button">
+          2022-04-04 12:00:00
+        </div>
+        <div class="with">
+          {{$t('Pending')}}
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'myList'
+  }
+</script>
+
+<style scoped lang="less">
+  .myList-box {
+    width: 100%;
+
+    .header-text {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      .header-text-left {
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+      }
+
+      .header-text-right {
+        font-size: 14px;
+        font-weight: 400;
+        color: #9B9DA9;
+        margin-top: 6px;
+      }
+    }
+
+    .myList-box-content {
+      margin-top: 16px;
+
+      .myList-box-content-box {
+        width: 100%;
+        height: 68px;
+        background: #F6F7FA;
+        border: 1px solid #EFF1F3;
+        border-radius: 4px;
+        padding: 13px 16px;
+        box-sizing: border-box;
+        margin-bottom: 14px;
+        position: relative;
+
+        .top {
+          .top-text {
+            font-size: 16px;
+            font-family: Blue Sky Noto;
+            font-weight: 400;
+            color: #040B29;
+            max-width: 50%;
+            display: inline-block;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .top-admin {
+            font-size: 16px;
+            font-family: Blue Sky Noto;
+            display: inline-block;
+            font-weight: 400;
+            color: #040B29;
+            margin-left: 4px;
+            max-width: calc(50% - 72px);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+
+        .button {
+          font-size: 14px;
+          font-weight: 400;
+          color: #9B9DA9;
+          margin-top: -7px;
+        }
+
+        .with {
+          width: 64px;
+          height: 26px;
+          background: #00B3BE;
+          border-radius: 0px 4px 0px 10px;
+          position: absolute;
+          right: 0;
+          top: 0;
+          text-align: center;
+          line-height: 26px;
+          font-size: 12px;
+          font-weight: 400;
+          color: #FFFFFF;
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file
diff --git a/jero-web/src/views/dashboard/components/myNews.vue b/jero-web/src/views/dashboard/components/myNews.vue
new file mode 100644
index 000000000..eb1ed9469
--- /dev/null
+++ b/jero-web/src/views/dashboard/components/myNews.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="myNews-box">
+    <div class="header-text">
+      <div class="header-text-left">{{this.$t('myNews')}}</div>
+      <div class="header-text-right">{{$t('more')}}</div>
+    </div>
+    <div class="myNews-box-content">
+      <div class="myNews-box-content-box" v-for="item in 4">
+        <img src="../../../assets/wdxx.png" alt="">
+        <div class="content-box">
+          <div class="top">
+            XX向您推送了标准 GB 7258 - 2017
+          </div>
+          <div class="botton">
+            2022-04-04 12:00:00
+          </div>
+        </div>
+        <div class="right">
+          <img src="../../../assets/gengduo.png" alt="">
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'myNews'
+  }
+</script>
+
+<style scoped lang="less">
+  .myNews-box {
+    width: 100%;
+
+    .header-text {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      .header-text-left {
+        font-size: 20px;
+        font-weight: 400;
+        color: #040B29;
+      }
+
+      .header-text-right {
+        font-size: 14px;
+        font-weight: 400;
+        color: #9B9DA9;
+        margin-top: 6px;
+      }
+    }
+
+    .myNews-box-content {
+      width: 100%;
+      margin-top: 16px;
+
+      .myNews-box-content-box {
+        padding: 16px;
+        background: #F6F7FA;
+        border-radius: 4px;
+        height: 68px;
+        margin-bottom: 14px;
+
+        img {
+          width: 36px;
+          height: 36px;
+          float: left;
+        }
+
+        .content-box {
+          display: inline-block;
+          margin-left: 8px;
+          width: calc(100% - 60px);
+
+          .top {
+            font-size: 14px;
+            font-weight: 400;
+            color: #040B29;
+            display: inline-block;
+            width: calc(100% - 10px);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+
+          .botton {
+            font-size: 14px;
+            font-weight: 400;
+            color: #9B9DA9;
+            margin-top: -9px;
+          }
+        }
+
+        .right {
+          float: right;
+          height: 100%;
+          line-height: 68px;
+
+          img {
+            width: 4px;
+            height: 8px;
+            margin-top: 14px;
+          }
+        }
+      }
+    }
+  }
+</style>
\ No newline at end of file