t

src/views/dashboard/admin/index.vue

@@ -19,18 +19,36 @@
       </el-carousel>
     </el-row>
     <panel-group @handleSetLineChartData="handleSetLineChartData" :rmBv="rmBv" :endTime="endTime" :heightEmpLv='heightEmpLv' :decLv="decLv" :key="num" :cycle="cycle" />
-    
-    <el-row :gutter="8">
+    <el-row :gutter="40">
+      <el-col :xs="24" :sm="24" :lg="12" v-for="(item,key) in news" :key="key">
+        <el-card class="box-card">
+          <div slot="header" class="clearfix">
+            <span>{{item.CATE_NAME}}</span>
+            <el-button type="text" class="box-card-more">
+              <router-link :to="`/article/list/${item.ID}`">more+</router-link>
+            </el-button>
+          </div>
+          <template v-if="item.LISTS.length>0">
+            <div v-for="(o,k) in item.LISTS" :key="k" class="text item" >
+              <router-link :to="`/article/detail/${o.ID}`" :title="o.TITLE">{{o.TITLE}}</router-link>
+              <span>{{o.CREATED_AT}}</span>
+            </div>
+          </template>
+          <div v-if="item.LISTS.length==0">No content</div><!--暂无内容-->
+        </el-card>
+      </el-col>
+    </el-row>
+    <!-- <el-row :gutter="8">
       <el-col :xs="{span: 24}" :sm="{span: 24}" :md="{span: 24}" :lg="{span: 12}" :xl="{span: 12}" style="padding-right:8px;margin-bottom:30px;">
         <transaction-table />
       </el-col>
-      <!-- <el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}" style="margin-bottom:30px;">
+      <el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}" style="margin-bottom:30px;">
         <todo-list />
       </el-col>
       <el-col :xs="{span: 24}" :sm="{span: 12}" :md="{span: 12}" :lg="{span: 6}" :xl="{span: 6}" style="margin-bottom:30px;">
         <box-card />
-      </el-col> -->
-    </el-row>
+      </el-col>
+    </el-row> -->
   </div>
 </template>
 
@@ -130,6 +148,7 @@ export default {
       this.rmBv = ret.myRemainPv
       this.endTime = ret.activeEnd
       this.imgLoad();
+      console.log(this.news)
     })
     .catch((error) => {
     })
@@ -160,6 +179,21 @@ export default {
   }
 }
 
+.box-card-more {
+    float: right;
+    padding: 3px 10px;
+    border: 1px solid #ddd;
+    border-radius: 10px;
+  }
+
+  .box-card-more a {
+    color: #666;
+  }
+
+  .box-card-more:hover {
+    border-color: #409EFF;
+  }
+
 // carousel
 .system-carousel {
   margin-left: 0px !important;