emis-frontend/src/views/emis/emisSiteSettleRecord/view_tpl1.vue

<template>
  <div class="app-container">
        <el-row>
          <el-button type="success" icon="el-icon-arrow-left" size="small" @click="backClick">返回</el-button>
          <el-button  type="success" size="small" @click="successOrder">按钮1</el-button>
        </el-row> 
        <div class="order-title">信息：</div>
        <div style="clear:both;margin-top:20px;">
          <el-row :gutter="20"> 
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="id:">
                  <span>{{ emisSiteSettleRecord.id }}</span>
                </el-form-item>
              
                <el-form-item label="账户编号:">
                  <span>{{ emisSiteSettleRecord.accCode }}</span>
                </el-form-item>
              
                <el-form-item label="运单号:">
                  <span>{{ emisSiteSettleRecord.billCode }}</span>
                </el-form-item>
              
                <el-form-item label="收支类型：应收:">
                  <span>{{ emisSiteSettleRecord.recPayType }}</span>
                </el-form-item>
              
                <el-form-item label="结算类型::">
                  <span>{{ emisSiteSettleRecord.settleType }}</span>
                </el-form-item>
              
                <el-form-item label="前余额:">
                  <span>{{ emisSiteSettleRecord.preBalance }}</span>
                </el-form-item>
              
                <el-form-item label="前确认余额:">
                  <span>{{ emisSiteSettleRecord.preConfirmBalance }}</span>
                </el-form-item>
              
                <el-form-item label="当前操作金额:">
                  <span>{{ emisSiteSettleRecord.curMoney }}</span>
                </el-form-item>
              
                <el-form-item label="当前确认金额:">
                  <span>{{ emisSiteSettleRecord.curConfirmMoney }}</span>
                </el-form-item>
              
                <el-form-item label="变动后余额:">
                  <span>{{ emisSiteSettleRecord.backBalance }}</span>
                </el-form-item>
              
                <el-form-item label="变动后确认余额:">
                  <span>{{ emisSiteSettleRecord.backConfirmBalance }}</span>
                </el-form-item>
              
                <el-form-item label="币种:">
                  <span>{{ emisSiteSettleRecord.currency }}</span>
                </el-form-item>
              
                <el-form-item label="改变类型:">
                  <span>{{ emisSiteSettleRecord.changeType }}</span>
                </el-form-item>
              
                <el-form-item label="改变时间:">
                  <span>{{ emisSiteSettleRecord.changeDate }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="财务中心:">
                  <span>{{ emisSiteSettleRecord.centerName }}</span>
                </el-form-item>
              
                <el-form-item label="财务中心代码:">
                  <span>{{ emisSiteSettleRecord.centerNameCode }}</span>
                </el-form-item>
              
                <el-form-item label="站点:">
                  <span>{{ emisSiteSettleRecord.siteName }}</span>
                </el-form-item>
              
                <el-form-item label="站点名称:">
                  <span>{{ emisSiteSettleRecord.siteNameCode }}</span>
                </el-form-item>
              
                <el-form-item label="来源:">
                  <span>{{ emisSiteSettleRecord.sourceType }}</span>
                </el-form-item>
              
                <el-form-item label="财务操作时间:">
                  <span>{{ emisSiteSettleRecord.financeDate }}</span>
                </el-form-item>
              
                <el-form-item label="网点操作时间:">
                  <span>{{ emisSiteSettleRecord.operataDate }}</span>
                </el-form-item>
              
                <el-form-item label="是否确认:">
                  <span>{{ emisSiteSettleRecord.blConfirm }}</span>
                </el-form-item>
              
                <el-form-item label="确认人:">
                  <span>{{ emisSiteSettleRecord.confirmMan }}</span>
                </el-form-item>
              
                <el-form-item label="确认人代码:">
                  <span>{{ emisSiteSettleRecord.confirmManCode }}</span>
                </el-form-item>
              
                <el-form-item label="确认站点:">
                  <span>{{ emisSiteSettleRecord.confirmSite }}</span>
                </el-form-item>
              
                <el-form-item label="确认站点代码:">
                  <span>{{ emisSiteSettleRecord.confirmSiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="结算人:">
                  <span>{{ emisSiteSettleRecord.settleMan }}</span>
                </el-form-item>
              
                <el-form-item label="结算人代码:">
                  <span>{{ emisSiteSettleRecord.settleManCode }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="结算站点:">
                  <span>{{ emisSiteSettleRecord.settleSite }}</span>
                </el-form-item>
              
                <el-form-item label="结算站点代码:">
                  <span>{{ emisSiteSettleRecord.settleSiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="是否中心审核:">
                  <span>{{ emisSiteSettleRecord.blCenter }}</span>
                </el-form-item>
              
                <el-form-item label="中心人:">
                  <span>{{ emisSiteSettleRecord.centerMan }}</span>
                </el-form-item>
              
                <el-form-item label="中心人代码:">
                  <span>{{ emisSiteSettleRecord.centerManCode }}</span>
                </el-form-item>
              
                <el-form-item label="是否站点审核:">
                  <span>{{ emisSiteSettleRecord.blSite }}</span>
                </el-form-item>
              
                <el-form-item label="站点人:">
                  <span>{{ emisSiteSettleRecord.siteMan }}</span>
                </el-form-item>
              
                <el-form-item label="站点人代码:">
                  <span>{{ emisSiteSettleRecord.siteManCode }}</span>
                </el-form-item>
              
                <el-form-item label="站点日期:">
                  <span>{{ emisSiteSettleRecord.siteDate }}</span>
                </el-form-item>
              
                <el-form-item label="是否改变费用:">
                  <span>{{ emisSiteSettleRecord.blChargeFee }}</span>
                </el-form-item>
              
                <el-form-item label="转发单号:">
                  <span>{{ emisSiteSettleRecord.transferCode }}</span>
                </el-form-item>
              
                <el-form-item label="结算ebr代码:">
                  <span>{{ emisSiteSettleRecord.settleEbrCode }}</span>
                </el-form-item>
              
                <el-form-item label="结算ebr日期:">
                  <span>{{ emisSiteSettleRecord.settleEbrDate }}</span>
                </el-form-item>
              
                <el-form-item label="客户代码:">
                  <span>{{ emisSiteSettleRecord.customerCode }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="客户名称:">
                  <span>{{ emisSiteSettleRecord.customerName }}</span>
                </el-form-item>
              
                <el-form-item label="中心日期:">
                  <span>{{ emisSiteSettleRecord.centerDate }}</span>
                </el-form-item>
              
                <el-form-item label="创建站点代码:">
                  <span>{{ emisSiteSettleRecord.createSiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="修改站点代码:">
                  <span>{{ emisSiteSettleRecord.modifySiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="删除标志（0代表存在:">
                  <span>{{ emisSiteSettleRecord.delFlag }}</span>
                </el-form-item>
              
                <el-form-item label="创建者:">
                  <span>{{ emisSiteSettleRecord.createBy }}</span>
                </el-form-item>
              
                <el-form-item label="创建时间:">
                  <span>{{ emisSiteSettleRecord.createTime }}</span>
                </el-form-item>
              
                <el-form-item label="更新者:">
                  <span>{{ emisSiteSettleRecord.updateBy }}</span>
                </el-form-item>
              
                <el-form-item label="更新时间:">
                  <span>{{ emisSiteSettleRecord.updateTime }}</span>
                </el-form-item>
              
                <el-form-item label="备注:">
                  <span>{{ emisSiteSettleRecord.remark }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
          </el-row>
        </div>
    </div>
</template>

<script>
import {  getEmisSiteSettleRecord } from "@/api/emis/emisSiteSettleRecord";

export default {
  name: "emisSiteSettleRecord",
   props:{
    id:undefined
  },
  dicts: [],
  data() {
    return {
      // 遮罩层
      loading: true,
      // 网点账户结算记录表格数据
      emisSiteSettleRecord: {},
      id:undefined,
      // 弹出层标题

    };
  },
  created() {
    this.initData();
  },
  watch: {
      "id": {
      handler (newValue, oldValue) {
        this.id = newValue;
        this.getList();
      },
      deep: true
    }
  },
  methods: {
    /** 查询网点账户结算记录列表 */
    initData() {
         this.loading = true;
        getEmisSiteSettleRecord(this.id).then(response => {
         this.emisSiteSettleRecord = response.data;
          this.loading = false;
        });
     
    },
    
  }
};
</script>


<style rel="stylesheet/scss" lang="scss">
.filter-container {
  padding-bottom: 10px;
  .filter-item {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
  }
}
.order-title {
  margin-top: 18px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
.printMeClass {
  font-family: SimHei;
  label {
    font-weight: normal;
  }
}
</style>