增加日志

src/components/Supplier/HotelQueryList.vue

@@ -92,6 +92,7 @@
               <div style="text-decoration: underline;cursor:pointer">
                 {{scope.row.HotelName}}</div>
               <div>{{scope.row.TotalInventory}}</div>
+              <input type="button" class="normalBtn" style="margin-left:0;height:22px;padding:0 10px;" @click="getLogsList(scope.row.HotelId)" value="操作日志"/>
             </template>
           </el-table-column>
           <el-table-column label="价格&库存" fixed min-width="120">
@@ -232,6 +233,37 @@
         <button class="hollowFixedBtn" @click="showHQinfo = false">关闭</button>
       </div>
     </el-dialog>
+
+    <el-dialog custom-class="w800" title="操作日志" :visible.sync="showLogInfo" center>
+      <el-form>
+        <table border="0" cellspacing="1" cellpadding="0" class="HouseTypeList Hq_addTable" style="width:100%;">
+          <tr>
+            <th width="50">操作人</th>
+            <th>操作时间</th>
+            <th width="70">内容</th>
+          </tr>
+          <template v-if="LogsList.length>0">
+            <tr v-for="(item,index) in LogsList">
+              <td width="50">{{item.CreateByName}}</td>
+              <td width="80">
+                  {{item.CreateTimeStr}}
+              </td>
+              <td>{{item.Remarks}}</td>
+            </tr>
+          </template>
+          <tr v-else>
+            <td colspan="5">暂无数据...</td>
+          </tr>
+        </table>
+        <el-pagination background @current-change="handleCurrentChange2" :current-page.sync="queryLogMsg.currentPage"
+          :page-size="queryLogMsg.pageSize" layout="total,prev, pager, next, jumper" :total="queryLogMsg.total">
+        </el-pagination>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <button class="hollowFixedBtn" @click="showLogInfo = false">关闭</button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 <script>
@@ -296,8 +328,17 @@
           TipContent: '',
           OpType:1
         },
+        queryLogMsg:{
+          pageIndex: 1,
+          pageSize: 5,
+          currentPage: 1,
+          total: 0,
+          HotelId:0
+        },
         //默认显示弹窗信息
         showHQinfo: true,
+        showLogInfo: false,
+        LogsList:[],
         //酒店温馨提示列表
         HotelTipList: [],
         HotelList: [],
@@ -365,6 +406,7 @@
             this.loading = false;
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data;
+              console.log(this.dataList,'datalist');
               this.isShow = true;
             } else {
               this.Error(res.data.message);
@@ -442,6 +484,10 @@
         this.queryMsg.pageIndex = val;
         this.GetHotelTipList();
       },
+      handleCurrentChange2(val){
+        this.queryLogMsg.pageIndex = val;
+        this.getLogsList();
+      },
       resetPageIndex() {
         this.queryMsg.pageIndex = 1;
         this.queryMsg.currentPage = 1;
@@ -568,8 +614,20 @@
             return;
         }
           //设置table的行高
-          this.tableHeight =  h;
-        }
+        this.tableHeight =  h;
+      },
+      //获取日志
+      getLogsList(HotelId){
+        this.showLogInfo = true;
+        this.queryLogMsg.HotelId = HotelId;
+        this.ApiPost2('DmcInfoChangeLog_get_GetHotelLogList', this.queryLogMsg, res => {
+          if (res.data.resultCode == 1) {
+              this.LogsList = res.data.data.pageData;
+              this.queryLogMsg.total = res.data.data.count;
+          }
+        }, err => {})
+
+      }
     },
     mounted() {
       this.getBranchList();