首页改版及其他

src/assets/css/swdc.css

@@ -24,6 +24,18 @@ a {
 .yellow{
 	color:#F99902
 }
+.orange{
+	color:#FF6200
+}
+.lake{
+	color:#41BDBD
+}
+.pink{
+	color:#FF6666
+}
+.blue2{
+	color:#427BEE
+}
 .flex {
 	display: flex;
 }
@@ -129,7 +141,7 @@ a {
 	left: 0
 }
 
-.von-index .mui-content-padded {
+/*.von-index .mui-content-padded {
 	background: white;
 	padding: 10px;
 	border-radius: 5px;
@@ -141,6 +153,46 @@ a {
 	text-shadow: 0 2px 6px rgba(66, 123, 238, 0.5);
 	padding: 0 15px;
 	font-weight: initial;
+}*/
+.von-index{
+	margin-bottom:60px
+}
+.von-index .mui-table-view .mui-media-object{
+	line-height: 70px;
+	max-width: 70px;
+	height: 70px;
+	margin-right:10px
+	}
+.von-index .mui-table-view .mui-media-body h2{
+	margin:0;
+	margin-top:10px;
+	font-weight: bold;
+}
+.von-index-view{
+	background:white;
+	
+}
+.von-index-view .mui-text-center{
+	padding:20px 10px;
+	position:relative
+}
+.von-index-view .mui-text-center:after{
+	content: "";
+	position:absolute;
+	right:0;
+	top:50%;
+	width:1px;
+	height:50px;
+	background:#D7D7D7;
+	margin-top:-25px
+}
+.von-index-view .mui-text-center:last-child:after{
+	width:0
+}
+.von-index-view .mui-h2{
+	font-weight: bold;
+	margin-bottom:15px;
+	display: block;
 }
 .mui-bar-tab .mui-tab-item.mui-active{
 	color:#9A7CFA

src/assets/fonts/demo_index.html

@@ -54,6 +54,114 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">mb-plus-o</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe690;</span>
+                <div class="name">antOutline-menu-unfold Copy 2</div>
+                <div class="code-name">&amp;#xe690;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe691;</span>
+                <div class="name">far fa-clock</div>
+                <div class="code-name">&amp;#xe691;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe692;</span>
+                <div class="name">fas fa-cog (1)</div>
+                <div class="code-name">&amp;#xe692;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe693;</span>
+                <div class="name">mb-design</div>
+                <div class="code-name">&amp;#xe693;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe694;</span>
+                <div class="name">antOutline-menu-unfold Copy</div>
+                <div class="code-name">&amp;#xe694;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe695;</span>
+                <div class="name">fas fa-cog (3)</div>
+                <div class="code-name">&amp;#xe695;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe696;</span>
+                <div class="name">md-expand_less</div>
+                <div class="code-name">&amp;#xe696;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe697;</span>
+                <div class="name">md-av_timer</div>
+                <div class="code-name">&amp;#xe697;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe698;</span>
+                <div class="name">md-lock-offline</div>
+                <div class="code-name">&amp;#xe698;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe699;</span>
+                <div class="name">md-person</div>
+                <div class="code-name">&amp;#xe699;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69a;</span>
+                <div class="name">md-visibility</div>
+                <div class="code-name">&amp;#xe69a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69b;</span>
+                <div class="name">antOutline-dashboard</div>
+                <div class="code-name">&amp;#xe69b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69c;</span>
+                <div class="name">md-visibility_off</div>
+                <div class="code-name">&amp;#xe69c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69d;</span>
+                <div class="name">md-error_outline</div>
+                <div class="code-name">&amp;#xe69d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69e;</span>
+                <div class="name">mb-cog</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69f;</span>
+                <div class="name">md-av_timer (1)</div>
+                <div class="code-name">&amp;#xe69f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a0;</span>
+                <div class="name">ze-home-o</div>
+                <div class="code-name">&amp;#xe6a0;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe68f;</span>
                 <div class="name">riLine-eye-line</div>
@@ -228,9 +336,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1619749158648') format('woff2'),
-       url('iconfont.woff?t=1619749158648') format('woff'),
-       url('iconfont.ttf?t=1619749158648') format('truetype');
+  src: url('iconfont.woff2?t=1621475272853') format('woff2'),
+       url('iconfont.woff?t=1621475272853') format('woff'),
+       url('iconfont.ttf?t=1621475272853') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -256,6 +364,168 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont iconmb-plus-o"></span>
+            <div class="name">
+              mb-plus-o
+            </div>
+            <div class="code-name">.iconmb-plus-o
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconantOutline-menu-unfoldCopy2"></span>
+            <div class="name">
+              antOutline-menu-unfold Copy 2
+            </div>
+            <div class="code-name">.iconantOutline-menu-unfoldCopy2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfarfa-clock"></span>
+            <div class="name">
+              far fa-clock
+            </div>
+            <div class="code-name">.iconfarfa-clock
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfasfa-cog1"></span>
+            <div class="name">
+              fas fa-cog (1)
+            </div>
+            <div class="code-name">.iconfasfa-cog1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmb-design"></span>
+            <div class="name">
+              mb-design
+            </div>
+            <div class="code-name">.iconmb-design
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconantOutline-menu-unfoldCopy"></span>
+            <div class="name">
+              antOutline-menu-unfold Copy
+            </div>
+            <div class="code-name">.iconantOutline-menu-unfoldCopy
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconfasfa-cog3"></span>
+            <div class="name">
+              fas fa-cog (3)
+            </div>
+            <div class="code-name">.iconfasfa-cog3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-expand_less"></span>
+            <div class="name">
+              md-expand_less
+            </div>
+            <div class="code-name">.iconmd-expand_less
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-av_timer"></span>
+            <div class="name">
+              md-av_timer
+            </div>
+            <div class="code-name">.iconmd-av_timer
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-lock-offline"></span>
+            <div class="name">
+              md-lock-offline
+            </div>
+            <div class="code-name">.iconmd-lock-offline
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-person"></span>
+            <div class="name">
+              md-person
+            </div>
+            <div class="code-name">.iconmd-person
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-visibility"></span>
+            <div class="name">
+              md-visibility
+            </div>
+            <div class="code-name">.iconmd-visibility
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconantOutline-dashboard"></span>
+            <div class="name">
+              antOutline-dashboard
+            </div>
+            <div class="code-name">.iconantOutline-dashboard
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-visibility_off"></span>
+            <div class="name">
+              md-visibility_off
+            </div>
+            <div class="code-name">.iconmd-visibility_off
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-error_outline"></span>
+            <div class="name">
+              md-error_outline
+            </div>
+            <div class="code-name">.iconmd-error_outline
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmb-cog"></span>
+            <div class="name">
+              mb-cog
+            </div>
+            <div class="code-name">.iconmb-cog
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconmd-av_timer1"></span>
+            <div class="name">
+              md-av_timer (1)
+            </div>
+            <div class="code-name">.iconmd-av_timer1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont iconze-home-o"></span>
+            <div class="name">
+              ze-home-o
+            </div>
+            <div class="code-name">.iconze-home-o
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont iconriLine-eye-line"></span>
             <div class="name">
@@ -517,6 +787,150 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmb-plus-o"></use>
+                </svg>
+                <div class="name">mb-plus-o</div>
+                <div class="code-name">#iconmb-plus-o</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconantOutline-menu-unfoldCopy2"></use>
+                </svg>
+                <div class="name">antOutline-menu-unfold Copy 2</div>
+                <div class="code-name">#iconantOutline-menu-unfoldCopy2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfarfa-clock"></use>
+                </svg>
+                <div class="name">far fa-clock</div>
+                <div class="code-name">#iconfarfa-clock</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfasfa-cog1"></use>
+                </svg>
+                <div class="name">fas fa-cog (1)</div>
+                <div class="code-name">#iconfasfa-cog1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmb-design"></use>
+                </svg>
+                <div class="name">mb-design</div>
+                <div class="code-name">#iconmb-design</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconantOutline-menu-unfoldCopy"></use>
+                </svg>
+                <div class="name">antOutline-menu-unfold Copy</div>
+                <div class="code-name">#iconantOutline-menu-unfoldCopy</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconfasfa-cog3"></use>
+                </svg>
+                <div class="name">fas fa-cog (3)</div>
+                <div class="code-name">#iconfasfa-cog3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-expand_less"></use>
+                </svg>
+                <div class="name">md-expand_less</div>
+                <div class="code-name">#iconmd-expand_less</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-av_timer"></use>
+                </svg>
+                <div class="name">md-av_timer</div>
+                <div class="code-name">#iconmd-av_timer</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-lock-offline"></use>
+                </svg>
+                <div class="name">md-lock-offline</div>
+                <div class="code-name">#iconmd-lock-offline</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-person"></use>
+                </svg>
+                <div class="name">md-person</div>
+                <div class="code-name">#iconmd-person</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-visibility"></use>
+                </svg>
+                <div class="name">md-visibility</div>
+                <div class="code-name">#iconmd-visibility</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconantOutline-dashboard"></use>
+                </svg>
+                <div class="name">antOutline-dashboard</div>
+                <div class="code-name">#iconantOutline-dashboard</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-visibility_off"></use>
+                </svg>
+                <div class="name">md-visibility_off</div>
+                <div class="code-name">#iconmd-visibility_off</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-error_outline"></use>
+                </svg>
+                <div class="name">md-error_outline</div>
+                <div class="code-name">#iconmd-error_outline</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmb-cog"></use>
+                </svg>
+                <div class="name">mb-cog</div>
+                <div class="code-name">#iconmb-cog</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconmd-av_timer1"></use>
+                </svg>
+                <div class="name">md-av_timer (1)</div>
+                <div class="code-name">#iconmd-av_timer1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#iconze-home-o"></use>
+                </svg>
+                <div class="name">ze-home-o</div>
+                <div class="code-name">#iconze-home-o</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#iconriLine-eye-line"></use>

src/assets/fonts/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2509810 */
-  src: url('iconfont.woff2?t=1619749158648') format('woff2'),
-       url('iconfont.woff?t=1619749158648') format('woff'),
-       url('iconfont.ttf?t=1619749158648') format('truetype');
+  src: url('iconfont.woff2?t=1621475272853') format('woff2'),
+       url('iconfont.woff?t=1621475272853') format('woff'),
+       url('iconfont.ttf?t=1621475272853') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,78 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconmb-plus-o:before {
+  content: "\e6a1";
+}
+
+.iconantOutline-menu-unfoldCopy2:before {
+  content: "\e690";
+}
+
+.iconfarfa-clock:before {
+  content: "\e691";
+}
+
+.iconfasfa-cog1:before {
+  content: "\e692";
+}
+
+.iconmb-design:before {
+  content: "\e693";
+}
+
+.iconantOutline-menu-unfoldCopy:before {
+  content: "\e694";
+}
+
+.iconfasfa-cog3:before {
+  content: "\e695";
+}
+
+.iconmd-expand_less:before {
+  content: "\e696";
+}
+
+.iconmd-av_timer:before {
+  content: "\e697";
+}
+
+.iconmd-lock-offline:before {
+  content: "\e698";
+}
+
+.iconmd-person:before {
+  content: "\e699";
+}
+
+.iconmd-visibility:before {
+  content: "\e69a";
+}
+
+.iconantOutline-dashboard:before {
+  content: "\e69b";
+}
+
+.iconmd-visibility_off:before {
+  content: "\e69c";
+}
+
+.iconmd-error_outline:before {
+  content: "\e69d";
+}
+
+.iconmb-cog:before {
+  content: "\e69e";
+}
+
+.iconmd-av_timer1:before {
+  content: "\e69f";
+}
+
+.iconze-home-o:before {
+  content: "\e6a0";
+}
+
 .iconriLine-eye-line:before {
   content: "\e68f";
 }

src/assets/fonts/iconfont.json

@@ -5,6 +5,132 @@
   "css_prefix_text": "icon",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "21712754",
+      "name": "mb-plus-o",
+      "font_class": "mb-plus-o",
+      "unicode": "e6a1",
+      "unicode_decimal": 59041
+    },
+    {
+      "icon_id": "21355201",
+      "name": "antOutline-menu-unfold Copy 2",
+      "font_class": "antOutline-menu-unfoldCopy2",
+      "unicode": "e690",
+      "unicode_decimal": 59024
+    },
+    {
+      "icon_id": "21355202",
+      "name": "far fa-clock",
+      "font_class": "farfa-clock",
+      "unicode": "e691",
+      "unicode_decimal": 59025
+    },
+    {
+      "icon_id": "21355203",
+      "name": "fas fa-cog (1)",
+      "font_class": "fasfa-cog1",
+      "unicode": "e692",
+      "unicode_decimal": 59026
+    },
+    {
+      "icon_id": "21355204",
+      "name": "mb-design",
+      "font_class": "mb-design",
+      "unicode": "e693",
+      "unicode_decimal": 59027
+    },
+    {
+      "icon_id": "21355205",
+      "name": "antOutline-menu-unfold Copy",
+      "font_class": "antOutline-menu-unfoldCopy",
+      "unicode": "e694",
+      "unicode_decimal": 59028
+    },
+    {
+      "icon_id": "21355206",
+      "name": "fas fa-cog (3)",
+      "font_class": "fasfa-cog3",
+      "unicode": "e695",
+      "unicode_decimal": 59029
+    },
+    {
+      "icon_id": "21355207",
+      "name": "md-expand_less",
+      "font_class": "md-expand_less",
+      "unicode": "e696",
+      "unicode_decimal": 59030
+    },
+    {
+      "icon_id": "21355208",
+      "name": "md-av_timer",
+      "font_class": "md-av_timer",
+      "unicode": "e697",
+      "unicode_decimal": 59031
+    },
+    {
+      "icon_id": "21355209",
+      "name": "md-lock-offline",
+      "font_class": "md-lock-offline",
+      "unicode": "e698",
+      "unicode_decimal": 59032
+    },
+    {
+      "icon_id": "21355210",
+      "name": "md-person",
+      "font_class": "md-person",
+      "unicode": "e699",
+      "unicode_decimal": 59033
+    },
+    {
+      "icon_id": "21355211",
+      "name": "md-visibility",
+      "font_class": "md-visibility",
+      "unicode": "e69a",
+      "unicode_decimal": 59034
+    },
+    {
+      "icon_id": "21355212",
+      "name": "antOutline-dashboard",
+      "font_class": "antOutline-dashboard",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "21355213",
+      "name": "md-visibility_off",
+      "font_class": "md-visibility_off",
+      "unicode": "e69c",
+      "unicode_decimal": 59036
+    },
+    {
+      "icon_id": "21355214",
+      "name": "md-error_outline",
+      "font_class": "md-error_outline",
+      "unicode": "e69d",
+      "unicode_decimal": 59037
+    },
+    {
+      "icon_id": "21355215",
+      "name": "mb-cog",
+      "font_class": "mb-cog",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
+    },
+    {
+      "icon_id": "21355216",
+      "name": "md-av_timer (1)",
+      "font_class": "md-av_timer1",
+      "unicode": "e69f",
+      "unicode_decimal": 59039
+    },
+    {
+      "icon_id": "21355217",
+      "name": "ze-home-o",
+      "font_class": "ze-home-o",
+      "unicode": "e6a0",
+      "unicode_decimal": 59040
+    },
     {
       "icon_id": "21352994",
       "name": "riLine-eye-line",

src/views/base/incident-pending.vue

@@ -3,6 +3,7 @@
     <header class="mui-bar mui-bar-nav bg-blue shaw-no">
       <!-- <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" @click="goBack"></a> -->
       <h1 class="mui-title">督办</h1>
+      <a class="mui-pull-right" href=""><i class="mui-icon iconfont iconmb-plus-o"></i>新增督办</a>
     </header>
     <div class="mui-content">
       <!-- <div class="von-db-top flex-sp">

src/views/home.vue

@@ -4,15 +4,55 @@
 			<h1 class="mui-title">荆州市委督查办公平台</h1>
 		</header>
 		<div class="mui-content von-index">
-			<img src="@/assets/img/banner01.jpg" width="100%" />
-			<!-- <div class="mui-content-padded flex flex-al flex-sp" @click="ReIncidentDetail">
-				<h3>新增督办</h3>
-				<img src="@/assets/img/img02.png" width="50%">
+			<div class="mui-content-padded">
+				<ul class="mui-table-view">
+					<li class="mui-table-view-cell mui-media flex-al">
+						<img class="mui-media-object" src="@/assets/img/index01.png">
+						<div class="mui-media-body">
+							<p class="orange mui-h4">领导批示</p>
+							<h2>2</h2>
+						</div>
+					</li>
+					<li class="mui-table-view-cell mui-media flex-al">
+						<img class="mui-media-object" src="@/assets/img/index02.png">
+						<div class="mui-media-body">
+							<p class="pink mui-h4">会议文件</p>
+							<h2>2</h2>
+						</div>
+					</li>
+					<li class="mui-table-view-cell mui-media flex-al">
+						<img class="mui-media-object" src="@/assets/img/index03.png">
+						<div class="mui-media-body">
+							<p class="lake mui-h4">重要工作</p>
+							<h2>2</h2>
+						</div>
+					</li>
+					<li class="mui-table-view-cell mui-media flex-al">
+						<img class="mui-media-object" src="@/assets/img/index04.png">
+						<div class="mui-media-body">
+							<p class="blue2 mui-h4">交办事项</p>
+							<h2>2</h2>
+						</div>
+					</li>
+				</ul>
+			</div>
+			<div class="mui-content-padded">
+				<div class="von-index-view flex-sp">
+					<div class="mui-text-center mui-col-xs-4">
+						<span class="mui-h2">6</span>
+						<div class="pink">超期事项</div>
+					</div>
+					<div class="mui-text-center mui-col-xs-4">
+						<span class="mui-h2">6</span>
+						<div class="orange">临期事项</div>
+					</div>
+					<div class="mui-text-center mui-col-xs-4">
+						<span class="mui-h2">6</span>
+						<div class="blue2">代办事项</div>
+					</div>
+				</div>
+
 			</div>
-			<div class="mui-content-padded flex flex-al flex-sp" @click="ReIncidentPending">
-				<img src="@/assets/img/img01.png" width="50%">
-				<h3>我的督办</h3>
-			</div> -->
 		</div>
 		<nav class="mui-bar mui-bar-tab">
 			<a class="mui-tab-item mui-active" @click="goHome">