emis-service/gentools/code/tnemis-mgnt/views/emis/emisSiteAccount/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>{{ emisSiteAccount.id }}</span>
                </el-form-item>
              
                <el-form-item label="账户编号:">
                  <span>{{ emisSiteAccount.accCode }}</span>
                </el-form-item>
              
                <el-form-item label="站点名称:">
                  <span>{{ emisSiteAccount.siteNameCode }}</span>
                </el-form-item>
              
                <el-form-item label="站点代码:">
                  <span>{{ emisSiteAccount.siteName }}</span>
                </el-form-item>
              
                <el-form-item label="财务中心名称:">
                  <span>{{ emisSiteAccount.centerName }}</span>
                </el-form-item>
              
                <el-form-item label="财务中心代码:">
                  <span>{{ emisSiteAccount.centerNameCode }}</span>
                </el-form-item>
              
                <el-form-item label="当前余额:">
                  <span>{{ emisSiteAccount.curMoney }}</span>
                </el-form-item>
              
                <el-form-item label="冻结余额:">
                  <span>{{ emisSiteAccount.frozenMoney }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="确认金额:">
                  <span>{{ emisSiteAccount.confirmMoney }}</span>
                </el-form-item>
              
                <el-form-item label="警戒余额:">
                  <span>{{ emisSiteAccount.watchMoney }}</span>
                </el-form-item>
              
                <el-form-item label="关闭金额:">
                  <span>{{ emisSiteAccount.closeMoney }}</span>
                </el-form-item>
              
                <el-form-item label="保证金:">
                  <span>{{ emisSiteAccount.earnestMoney }}</span>
                </el-form-item>
              
                <el-form-item label="币种:">
                  <span>{{ emisSiteAccount.currency }}</span>
                </el-form-item>
              
                <el-form-item label="开户日期:">
                  <span>{{ emisSiteAccount.startDate }}</span>
                </el-form-item>
              
                <el-form-item label="是否启用:">
                  <span>{{ emisSiteAccount.blOpen }}</span>
                </el-form-item>
              
                <el-form-item label="是否锁定:">
                  <span>{{ emisSiteAccount.blLock }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="是否清理:">
                  <span>{{ emisSiteAccount.blClear }}</span>
                </el-form-item>
              
                <el-form-item label="清理站点代码:">
                  <span>{{ emisSiteAccount.clearSiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="清理日期:">
                  <span>{{ emisSiteAccount.clearDate }}</span>
                </el-form-item>
              
                <el-form-item label="清理人编号:">
                  <span>{{ emisSiteAccount.clearManCode }}</span>
                </el-form-item>
              
                <el-form-item label="创建站点代码:">
                  <span>{{ emisSiteAccount.createSiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="修改站点代码:">
                  <span>{{ emisSiteAccount.modifySiteCode }}</span>
                </el-form-item>
              
                <el-form-item label="删除标志（0代表存在:">
                  <span>{{ emisSiteAccount.delFlag }}</span>
                </el-form-item>
              
                <el-form-item label="创建者:">
                  <span>{{ emisSiteAccount.createBy }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
            <el-col :span="6">
              <el-form size="mini" label-width="120">
                <el-form-item label="创建时间:">
                  <span>{{ emisSiteAccount.createTime }}</span>
                </el-form-item>
              
                <el-form-item label="更新者:">
                  <span>{{ emisSiteAccount.updateBy }}</span>
                </el-form-item>
              
                <el-form-item label="更新时间:">
                  <span>{{ emisSiteAccount.updateTime }}</span>
                </el-form-item>
              
                <el-form-item label="备注:">
                  <span>{{ emisSiteAccount.remark }}</span>
                </el-form-item>
              
              </el-form>
            </el-col>
          </el-row>
        </div>
    </div>
</template>

<script>
import {  getEmisSiteAccount } from "@/api/emis/emisSiteAccount";

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

    };
  },
  created() {
    this.initData();
  },
  watch: {
      "id": {
      handler (newValue, oldValue) {
        this.id = newValue;
        this.getList();
      },
      deep: true
    }
  },
  methods: {
    /** 查询网点结算账户列表 */
    initData() {
         this.loading = true;
        getEmisSiteAccount(this.id).then(response => {
         this.emisSiteAccount = 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>