增加提示

src/components/Hotel/HotelQueryList.vue

@@ -18,6 +18,7 @@
           </span>
         </li>
         <li>
+          <input type="button" class="normalBtn" value="温馨提示" @click="showNotice=true" style="display:none"/>
           <input type="button" class="normalBtn" value="查询" @click="getList()" />
         </li>
       </ul>
@@ -69,6 +70,63 @@
         </tr>
       </table>
     </div>
+
+    <div class="combottomDiv HqCom_bottom" v-if="showNotice">
+      <el-form label-width="80px">
+        <el-row>
+          <el-col :span="20">
+            <el-form-item label="日期">
+              <el-date-picker class="w150" type="date" v-model="queryMsg.startTime"
+                :picker-options="pickerBeginDateBefore" value-format="yyyy-MM-dd" placeholder></el-date-picker>
+              <el-date-picker class="w150" type="date" v-model="queryMsg.endTime"
+                :picker-options="pickerBeginDateAfter" value-format="yyyy-MM-dd" placeholder></el-date-picker>
+            </el-form-item>
+          </el-col>
+          <el-col :span="4">
+            <input type="button" class="normalBtn" value="查询" />
+            <input type="button" class="normalBtn" value="取消" @click="showNotice=false" />
+          </el-col>
+        </el-row>
+        <div class="Hq_addDetail">
+            <el-row>
+              <el-col :span="9">
+                <el-form-item label="说明">
+                  <el-input type="textarea" v-model="queryMsg.Remark" class="w600" maxlength="200"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="15">
+                <input type="button" class="normalBtn" value="新增"/>
+              </el-col>
+            </el-row>
+        </div>
+      </el-form>
+      <div>
+        <table border="0" cellspacing="1" cellpadding="0" class="HouseTypeList Hq_addTable" style="width:97%;">
+            <tr>
+              <th>编号</th>
+              <th>内容</th>
+              <th>操作人</th>
+              <th>操作时间</th>
+              <th>操作</th>
+            </tr>
+            <tr>
+              <td>007</td>
+              <td>撒大多数阿萨德</td>
+              <td>张三丰</td>
+              <td>2019-09-09</td>
+              <td>
+                  <el-tooltip class="item" effect="dark" content="编辑" placement="top">
+                    <el-button type="primary" icon="el-icon-edit" circle ></el-button>
+                  </el-tooltip>
+                  <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                    <el-button type="danger" icon="el-icon-delete" circle></el-button>
+                  </el-tooltip>
+              </td>
+            </tr>
+        </table>
+      </div>
+    </div>
+
   </div>
 </template>
 
@@ -81,10 +139,28 @@
           StartDate: new Date().Format("yyyy-MM-dd"),
           EndDate: this.setEdate(),
         },
+        queryMsg:{
+            startTime:'',
+            endTime:'',
+            Remark:'',
+        },
         HotelList: [],
         dataList: [],
         isShow: false,
         loading:false,
+        showNotice:false,
+        pickerBeginDateBefore: {
+          disabledDate: time => {
+            let endTime = new Date(this.queryMsg.startTime)
+            return endTime.getTime() < time.getTime()
+          }
+        },
+        pickerBeginDateAfter: {
+          disabledDate: time => {
+            let startTime = new Date(this.queryMsg.endTime)
+            return startTime.getTime() >= time.getTime()
+          }
+        }
       };
     },
     methods: {
@@ -263,5 +339,20 @@
   .hotelProductManage2_tableBox span {
     margin: 0 10px 10px 0;
   }
-
+  .Hq_addDetail{
+    margin-top:20px;
+  }
+  .Hq_addDetail .el-textarea__inner{
+    resize:none;
+  }
+  .Hq_addTable .el-button.is-circle{
+    padding:5px;
+  }
+  .HqCom_bottom .el-form-item{
+    margin-bottom:0
+  }
+  .HqCom_bottom{
+    height:350px;
+    padding-top:35px;
+  }
 </style>