是

src/components/Buying/AdManageList.vue

@@ -2,11 +2,71 @@
   .height_auto.el-select .el-input {
     height: auto
   }
+  .Rotationchart .TFimgList:hover .TFIMGzhe {
+    display: block;
+  }
+  .AdManageList .TFimgList {
+    float: left;
+    width: 220px;
+    height: 120px;
+    border-radius: 4px;
+    position: relative;
+    margin: 0 10px 10px 0;
+    overflow: hidden;
+  }
+  .AdManageList .TFIMGzhe {
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.4);
+    position: absolute;
+    top: 0;
+    text-align: center;
+    line-height: 115px;
+    border-radius: 4px;
+    display: none;
+  }
+  .AdManageList .TFreupload {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    line-height: 32px;
+    top: 50px;
+    left: 53px;
+    display: inline-block;
+    text-align: center;
+    background-color: gray;
+    color: #fff;
+  }
+  .AdManageList .TFimgList:hover .TFIMGzhe {
+    display: block;
+  }
+
+  .AdManageList .TFimgList img {
+    width: 100%;
+    height: 100%;
+  }
+  .AdManageList ._tit {
+      padding-left: 10px;
+      border-left: 3px solid #e95252;
+      font-size: 16px;
+      color: #000000;
+  }
+  .AdManageList .changeMsg li {
+    float:left;
+    margin-right:30px;
+    color: #666666;
+  }
 
 </style>
 <template>
-  <div class="flexOne">
-    <div class="clearfix"></div>
+  <div class="flexOne AdManageList">
+    <div class="query-box">
+        <ul>
+            <li>
+                <input type="button" class="normalBtn" value="新增" @click="IsShowBtm=true" />
+            </li>
+        </ul>
+    </div>
     <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
         <th>编号</th>
@@ -38,6 +98,47 @@
       <i class="iconfont icon-kong"></i>
       <p>{{$t("active.ld_noData")}}</p>
     </div>
+
+
+    <div class="combottomDiv" v-if="IsShowBtm" style="left:0;">
+      <el-row>
+        <el-col :span="20">
+          <p class="combottomTitle">广告图</p>
+        </el-col>
+        <el-col :span="4">
+          <input type="button" class="normalBtn" @click="" value="保存" />
+          <input type="button" class="hollowFixedBtn" @click="IsShowBtm=false" value="取消" />
+        </el-col>
+      </el-row>
+      <el-form label-width="80px">
+        <ul class="changeMsg">
+          <li>
+            <el-form-item label="图片"> 
+                <div class="TFimgList">
+                    <img v-if="!addMsg.AdImage" src="../../assets/img/bg_c3@3x.png">
+                    <img v-else :src='addMsg.AdImage'>
+                    <div class="TFIMGzhe">
+                        <div class="TFreupload">
+                            <el-upload :file-list="fileList" :http-request="uploadTest" :multiple="true" :limit="2"
+                                    :on-change="handleChange1"
+                                    accept="image/jpeg, image/gif, image/png, image/bmp"
+                                    :show-file-list="false" action>
+                                    <i class="iconfont icon-Edit"></i>
+                            </el-upload>
+                        </div>
+                    </div>
+                </div>
+            </el-form-item>
+          </li>
+          <li>
+            <el-form-item label="广告链接"> 
+                <el-input v-model="addMsg.AdLink" class="w210"></el-input>
+            </el-form-item>
+          </li>
+        </ul>
+      </el-form>
+    </div>
+
   </div>
 </template>
 <script>
@@ -53,6 +154,9 @@
         },
         loading: false,
         dataList: [],
+        //显示底部
+        IsShowBtm:false,
+        fileList: [],
       };
     },
 
@@ -109,6 +213,14 @@
         }, null);
       },
     },
+
+    uploadTest(file) {
+
+    },
+    handleChange1(file, fileList) {
+
+    },
+
     //上传图片
     UploadImage(file) {
       let newArr = [];