From 90f85790a2e13be7c3caec5ec982ed24a0e3bdf0 Mon Sep 17 00:00:00 2001
From: a123456 <1209165801@qq.com>
Date: Sat, 26 Jan 2019 17:15:34 +0800
Subject: [PATCH] Signed-off-by: a123456 <1209165801@qq.com>

---
 .../manager/mweixin/metarial/index.ftl        | 69 ++++++++++++++-----
 src/main/webapp/static/mweixin/css/menu.css   |  2 +-
 src/main/webapp/static/mweixin/menu.less      |  2 +-
 3 files changed, 53 insertions(+), 20 deletions(-)

diff --git a/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl b/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
index 17930624..77204326 100644
--- a/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
+++ b/src/main/webapp/WEB-INF/manager/mweixin/metarial/index.ftl
@@ -5,34 +5,67 @@
       <!--右侧头部-->
       <el-header class="ms-header" height="52px">
          <el-row>
-            <el-button type="primary" size="small">
-               <i class="el-icon-plus"></i>添加</el-button>
-            <el-button class="ms-fr" size="small">
-               <i class="el-icon-refresh"></i>刷新</el-button>
+            <el-button type="primary" size="small" icon="el-icon-plus">添加</el-button>
+            <el-button class="ms-fr" size="small" icon="el-icon-refresh">刷新</el-button>
             <el-button class="ms-fr" size="small">同步微信素材</el-button>
          </el-row>
       </el-header>
-      <el-main>
-         <!--内容同步-->
-         <el-container>
-            <el-header class="ms-tr ms-header">
-
-            </el-header>
-            <!--素材列表-->
-            <el-main class="ms-admin-material-list">
-               <div class="ms-admin-material-item">
-
+      <el-container>
+         <!--内容头部-->
+         <el-header class="ms-tr ms-header">
+            <el-select v-model="value1" placeholder="请选择" size="small">
+               <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
+               </el-option>
+            </el-select>
+            <el-select v-model="value2" placeholder="请选择" size="small">
+               <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value">
+               </el-option>
+            </el-select>
+            <el-button type="primary" icon="el-icon-search" size="small">查询</el-button>
+         </el-header>
+         <!--素材列表-->
+         <el-main class="ms-admin-material-list ms-container">
+            <div class="ms-admin-material-item" v-for="material in materialList">
+               <div>
+                  <span v-text="'更新于'+material.date"></span>
+                  <i class="iconfont icon-weixin"></i>
+               </div>
+               <div>
+                  <span></span>
+                  <img />
+                  <p></p>
+               </div>
+               <div>
+                  <i></i>
+                  <i></i>
                </div>
-            </el-main>
-         </el-container>
-      </el-main>
+            </div>
+         </el-main>
+      </el-container>
    </el-container>
 </div>
 
 <script>
    new Vue({
       el: "#material-list-vue",
-      data: {},
+      data: {
+         options1: [{
+            value: '全部图片',
+            label: '全部图片'
+         }],
+         options2: [{
+            value: '全部图片',
+            label: '全部图片'
+         }],
+         value1: '全部图片',
+         value2: '',
+         materialList: [{
+            date: '12月27日',
+            title: 'HUAWEI Mate 20 6GB+64GB 全网最低价...',
+            img: '',
+            det: '传播名HUAWEI Mate 20 6GB+64GB 全网最低价，后置摄像头后置莱卡散射，12000万亿像素（光脚，1/1.6光圈）+1200万像素（超广角），......'
+         }],
+      },
       methods: {},
       mounted: function() {}
    })
diff --git a/src/main/webapp/static/mweixin/css/menu.css b/src/main/webapp/static/mweixin/css/menu.css
index 7ff61279..887825b6 100644
--- a/src/main/webapp/static/mweixin/css/menu.css
+++ b/src/main/webapp/static/mweixin/css/menu.css
@@ -133,6 +133,6 @@ textarea::-webkit-input-placeholder {
   min-height: calc(100vh - 50px);
   background: #fff;
 }
-.ms-admin-menu .el-main .ms-admin-menu-menu-item {
+.ms-admin-menu .el-main .ms-admin-material-item {
   min-width: 100% !important;
 }
diff --git a/src/main/webapp/static/mweixin/menu.less b/src/main/webapp/static/mweixin/menu.less
index cd11f59b..126d0653 100644
--- a/src/main/webapp/static/mweixin/menu.less
+++ b/src/main/webapp/static/mweixin/menu.less
@@ -28,7 +28,7 @@
             min-height: ~'calc(100vh - 50px)';
             background: #fff;
         }
-        .ms-admin-menu-menu-item {
+        .ms-admin-material-item {
             min-width: 100% !important;
         }
     }