<template>
  <div class="routerWapper enquiryList">
        <div class="portalDetailTitle">
            <span class="title">
                日志详情
            </span>
        <div class="detailOperations">
            <a-button @click="$router.back()"> 返回 </a-button> 
        </div>
    </div>
    <!-- 小区 -->
    <div v-if="$route.name == 'xitongxinxi'" class="layoutMargin layoutPadding"> 
        <div style="font-size:16px;margin-bottom:20px">
            <P> 操作人：{{content.creator}}</P>
            <P> 操作说明：{{content.pointName}}</P>
            <P>操作时间：{{this.$moment(content.createTime).format('YYYY-MM-DD')}}</P>
        </div>
      <div class="cardBox"> 
        <a-card title="操作前信息" style="width: 49%;margin-right:1%;margin-bottom:1%;justify-content:flex-end;"> 
          <div class="card-centent">
            <div style="margin-bottom:8px;">
                <a-tabs default-active-key="1">
                  <a-tab-pane tab="系统信息" key="1">
                    <a-form>
                      <a-form-item label="项目名" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
                        <p>
                          {{content.dataBeforeObj?content.dataBeforeObj.prjName:''}}
                        </p>
                      </a-form-item>
                    </a-form>
                  </a-tab-pane>
                </a-tabs>
            </div>
          </div>
        </a-card>
        <a-card title="操作后信息" style="width: 49%;margin-right:1%;margin-bottom:1%;"> 
          <div class="card-centent">
            <div style="margin-bottom:8px;">
                <a-tabs default-active-key="1">
                  <a-tab-pane tab="系统信息" key="1">
                    <a-form>
                      <a-form-item label="项目名" :label-col="{ span: 5 }" :wrapper-col="{ span: 12 }">
                        <p>
                          {{content.dataAfterObj?content.dataAfterObj.prjName:''}}
                        </p>
                      </a-form-item>
                    </a-form>
                  </a-tab-pane>
                </a-tabs>
            </div>
          </div>
        </a-card>
      </div>
    </div>
    
    <RouterWapper v-else></RouterWapper>
  </div>
</template>

<script>
export default {
  name: 'xitongxinxi',
  
  data() {
    return { 
      extList: {
        tbl_community: [],
        tbl_community_amst_office: [],
        tbl_prop_company: [],
        tbl_community_manager: [],
        tbl_industry_council: [],
        tbl_residents_committees: [],
      }, // ext所有列表
      keyCode: [],
      key: '',
      text: '',
      content: {}
    }
  },
  mounted(){  
    if(this.$route.name == 'xitongxinxi'){ 
      this.getList() 
    }
  },
  methods: { 
    getList(params){  
      this.$ajax.get({
        url: this.$api.GET_RIZHI_INFO.replace('{id}', this.$route.query.id), 
      }).then(res => { 
        this.content = this.$com.confirm(res, 'data.content', [])
        if (res.code == '200') {
        } else {
          this.$message.info(res.msg, 10)
        }
      })
    },
  },
}
</script>

<style>
.enquiryList .ant-card-head{
  border-bottom: 1px dashed #e8e8e8;
  padding: 0 12px;
}
.enquiryList .ant-card-body{
  padding: 0px;
} 
.enquiryList .card-bottom{
  padding: 8px 0px;
  text-align: center;
  color: #1890ff;
  border-top: 1px solid #e8e8e8;
  cursor: pointer;
}
.enquiryList .card-centent{
  padding: 12px;
}
.enquiryList .cardBox{
  display:flex;
  flex-wrap: wrap;
} 
</style>
