增加弹窗

src/components/Hotel/HotelQueryList.vue

@@ -18,7 +18,7 @@
           </span>
         </li>
         <li>
-          <input type="button" class="normalBtn" value="温馨提示" @click="showNotice=true" />
+          <input type="button" class="normalBtn" value="温馨提示" @click="showNotice=true,resetPageIndex(),GetHotelTipList()"/>
           <input type="button" class="normalBtn" value="查询" @click="getList()" />
         </li>
       </ul>
@@ -135,6 +135,41 @@
         </el-pagination>
       </div>
     </div>
+
+
+    <el-dialog
+      custom-class="w800"title="信息"
+      :visible.sync="showHQinfo"
+      center
+    >
+      <el-form>
+        <table border="0" cellspacing="1" cellpadding="0" class="HouseTypeList Hq_addTable" style="width:100%;">
+          <tr>
+            <th>编号</th>
+            <th>内容</th>
+            <th>操作人</th>
+            <th>操作时间</th>
+          </tr>
+          <template v-if="queryMsg.total>0">
+            <tr v-for="(item,index) in HotelTipList">
+              <td>{{item.Id}}</td>
+              <td>{{item.TipContent}}</td>
+              <td>{{item.CreateByName}}</td>
+              <td>{{item.CreateTimeStr}}</td>
+            </tr>
+          </template>
+          <tr v-else>
+            <td colspan="5">暂无数据...</td>
+          </tr>
+        </table>
+        <el-pagination background @current-change="handleCurrentChange" :current-page.sync="queryMsg.currentPage"
+          :page-size="queryMsg.pageSize" layout="total,prev, pager, next, jumper" :total="queryMsg.total">
+        </el-pagination>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="hollowFixedBtn" @click="showHQinfo = false">{{$t('pub.cancelBtn')}}</button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -159,6 +194,8 @@
           Id: 0,
           TipContent: ''
         },
+        //默认显示弹窗信息
+        showHQinfo:true,
         //酒店温馨提示列表
         HotelTipList: [],
         HotelList: [],
@@ -450,5 +487,4 @@
     height: 350px;
     padding-top: 35px;
   }
-
 </style>