template里面要做数据渲染,但是数据还没有出来

 <el-dialog title="企业详情" :visible.sync="showEditPayment" @close="closeDialog" v-if="detail"><el-tabs type="border-card"><el-tab-pane label="客户信息"><el-row><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">客户ID</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.entId }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">客户名</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.name }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">管理员</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.contact }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">联系方式</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.contactPhone }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">客户类型</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.type === 'PERSON' ? '个人' : '企业'}}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">简介</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.intro }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">认证状态</div></el-col><el-col :span="16"><div class="grid-content" >{{ verifyStatusMap[detail.verifyStatus] }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">认证备注</div></el-col><el-col :span="16">  <div class="grid-content">{{ detail.verifyResult }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">申请认证时间</div></el-col><el-col :span="16"><div class="grid-content">{{ detail.applyVerifyTime }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">最后更新时间</div></el-col><el-col :span="16"><div class="grid-content">{{ detail.updatedAt }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">专属顾问</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.adviserName }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="8"><div class="grid-content grid-content-title">专属顾问号码</div></el-col><el-col :span="16"><div class="grid-content" >{{ detail.adviserPhone }}</div></el-col></el-col></el-row></el-tab-pane><el-tab-pane label="账户信息"><div style="margin-bottom: 10px;">账户基本信息</div><el-row v-if="account"><el-col class="grid-item" :sm="24" :md="12"><el-col :span="10"><div class="grid-content grid-content-title">乐币(枚)</div></el-col><el-col :span="14"><div class="grid-content">{{ account.integralBalance }}</div></el-col></el-col><el-col class="grid-item" :sm="24" :md="12"><el-col :span="10"><div class="grid-content grid-content-title">余额(元)</div></el-col><el-col :span="14"><div class="grid-content">{{ account.balance | filterMoney }}</div></el-col></el-col></el-row><div style="margin-top:12px; margin-bottom: 10px;">账户变更记录</div><el-table:data="recordList"borderv-loading="recordLoading"element-loading-text="拼命加载中"><el-table-columnmin-width="130"align="center"label="编号"prop="acctRecordId"></el-table-column><el-table-columnmin-width="120"align="center"label="时间"prop="createdAt"><template scope="scope">{{ filters.formatTime(scope.row.createdAt) }}</template></el-table-column><el-table-columnmin-width="120"align="center"label="数量"prop="amount"><template scope="scope"><span v-if="scope.row.subAcctType === 'BASE'">{{ scope.row.amount | filterMoney }}</span><span v-else>{{ scope.row.amount }}</span></template></el-table-column><el-table-columnmin-width="60"align="center"label="单位"prop="unit"><template scope="scope"><span v-if="scope.row.subAcctType === 'BASE'">元</span><span v-if="scope.row.subAcctType === 'RED_PACKET'">个</span><span v-if="scope.row.subAcctType === 'INTEGRAL_BASE'">枚</span></template></el-table-column><el-table-columnmin-width="110"align="center"label="备注"prop="remark"></el-table-column><el-table-columnmin-width="120"align="center"label="交易类型"prop="transactionName"></el-table-column></el-table><div class="block" style="float: right; margin: 10px;" v-if="recordList.length"><el-paginationlayout="total, prev, pager, next, jumper":current-page="recordPage"@current-change="handleRecordChange":total="totalElements"></el-pagination></div></el-tab-pane></el-tabs><div slot="footer" class="dialog-footer"><el-button @click="showEditPayment = false">取 消</el-button><el-button type="primary" @click="postEdit">确 定</el-button></div></el-dialog> 

在数据没有出来之前可以在 <el-dialog title="企业详情" :visible.sync="showEditPayment" @close="closeDialog" v-if="detail">加上一个v-if,这样就不会报detial undefine的情况

转载于:https://www.cnblogs.com/antyhouse/p/10045373.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/366424.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《H5 移动营销设计指南》 读书笔记整理

一个前端工程师最近迷上了营销类的H5页面&#xff0c;被五花八门的H5页面迷的眼花缭乱&#xff0c;兴趣使然&#xff0c;于是买了一本《H5 营销设计指南》&#xff0c;看完以后对营销类的H5页面有了更深的理解&#xff0c;感觉很实在&#xff0c;所以参考读书笔记整理成PPT分享…

Stacktraces告诉了事实。 但事实并非如此。

我们公司致力于使软件错误的原因对开发人员和运营透明。 与替代解决方案相反&#xff0c; 我们将问题的位置浮出水面&#xff0c;使您指向源代码中的恶意行。 即使我们目前以检测内存泄漏的能力而闻名&#xff0c;但我们也正在扩展到其他领域。 为了给您一些有关我们研究方向的…

mysql-plus多数据库_IDEA项目搭建九——MybatisPlus多数据库实现

一、简介MybatisPlus中引用多数据库时&#xff0c;传统的配置就失效了&#xff0c;需要单独写配置来实现&#xff0c;下面就说一下具体应该如何操作二、引入MybatisPlus多数据源配置还是先看一下我的项目结构&#xff0c;Model是单独的模块&#xff0c;请自行创建1、创建一个Ma…

写一个函数的程序,判断是否是浮点数

算法&#xff1a; 0.先把小数&#xff0c;转换成str类型&#xff0c;才能调以下方法判断&#xff1b; 1.先判断数值中&#xff0c;是否有小数点&#xff0c;用count计数器&#xff1b; 2.是小数的&#xff0c;需要以‘.’分割小数&#xff1b; 3.小数点左侧若是负数&#xff0c…

数字逻辑基础篇1

1. 双阈值准则在模拟条件下&#xff0c;假设点亮灯泡需要1.7V以上电压。抽象为数字电路&#xff0c;可以认为&#xff1a; U>1.7V U1 U<1.7V U0 这种条件称之为单阈值&#xff08;1.7&#xff09;&#xff0c;但是单阈值导致的问题是&#xff1a; 电压在1.7V附近…

Neo4j:在Neo4j浏览器的帮助下探索新数据集

当我查看一个新的Neo4j数据库时&#xff0c;发现困难之一是确定其中包含的数据的结构。 我习惯于关系数据库&#xff0c;在该数据库中您可以轻松地获取表列表和外键&#xff0c;从而使它们彼此连接。 传统上&#xff0c;使用Neo4j时很难做到这一点&#xff0c;但是随着Neo4j浏…

V8 —— 你需要知道的垃圾回收机制

前言V8 blog近日发布了文章描述了“并发标记”的新技术&#xff0c;提升标记过程的效率。并发标记是一个主要用新的平行和并发的垃圾收集器替换旧的垃圾回收器的项目&#xff0c;现在Chrome 64和Node.js v10已经默认启用并发标记。讲解之前我们先回顾一下基本知识点。基本概念 …

词法分析器java_Java代码到底是如何编译成机器指令的。

原文地址&#xff1a;https://mp.weixin.qq.com/s/XH-JajAne0O7_yCYE5wBbg作者&#xff1a;Hollis在《Java代码的编译与反编译》中&#xff0c;有过关于Java语言的编译和反编译的介绍。我们可以通过javac命令将Java程序的源代码编译成Java字节码&#xff0c;即我们常说的class文…

python中的PEP是什么?怎么理解?(转)

PEP是什么&#xff1f; PEP的全称是Python Enhancement Proposals&#xff0c;其中Enhancement是增强改进的意思&#xff0c;Proposals则可译为提案或建议书&#xff0c;所以合起来&#xff0c;比较常见的翻译是Python增强提案或Python改进建议书。 我个人倾向于前一个翻译&…

Java方法中的参数太多,第6部分:方法返回

在当前的系列文章中&#xff0c;我正在致力于减少调用Java方法和构造函数所需的参数数量&#xff0c;到目前为止&#xff0c;我一直专注于直接影响参数本身的方法&#xff08; 自定义类型 &#xff0c; 参数对象 &#xff0c; 构建器模式 &#xff0c; 方法重载和方法命名 &…

2017前端技术大盘点

前言 临近2017的尾声&#xff0c;总是希望来盘点一下这一年中前端的发展。到目前为止&#xff0c;前端的井喷期也快临近尾声了。并不像几年前一样&#xff0c;总是会有层出不穷的新东西迸发出来。同时&#xff0c;前端技术也慢慢的趋于稳固&#xff0c;自成一套体系。如果你喜…

jenkins pipeline api获取stage的详细信息_Jenkins + Docker 助力 Serverless 应用构建与部署...

本文来源&#xff1a; ServerlessLife 公众号近日&#xff0c;使用 Serverless 开发了一个应用。其中 CI/CD&#xff0c;是需要考虑的一个问题。这里用到了 Jenkins 和 Docker。并且 Jenkins Pipeline 运行在容器中。本文将介绍如何使用 Jenkins 和 Docker 构建并部署 Serverle…

BZOJ 1305 [CQOI2009]dance跳舞

这是一道最大流的模版题 一定要记住不能开出来重点呀 #include <queue> #include <cstdio> #include <cstring> #include <iostream> #include <algorithm> using namespace std; const int MAXN205; const int MAXM6005; const int inf0x3f3f3f…

项目本地部署

1.将数据库导出&#xff0c;并导入到本地 exp dgpdg/pass192.168.1.33/ORCL fileD:\gd_base.dmp logD:\gd_base.log&#xff08;不要加fully&#xff0c;会把整个数据库下所有用户的表倒下来&#xff09; imp dgpdg/pass127.0.0.1/orcl file"D:\gd_base.dmp" log&quo…

Java方法中的参数太多,第7部分:可变状态

在我的系列文章的第七篇中&#xff0c;有关解决Java方法或构造函数中过多参数的问题 &#xff0c;我着眼于使用状态来减少传递参数的需要。 我等到本系列的第七篇文章来解决这个问题的原因之一是&#xff0c;它是我最不喜欢的减少传递给方法和构造函数的参数的方法之一。 也就是…

命名空间不能直接包含字段或方法之类的成员是什么意思_Python 学习笔记之类与实例...

Python 学习笔记之类与实例一、定义1.1、定义类 (class) 封装一组相关数据&#xff0c;使之成为一个整体&#xff0c;并使用一种方法持续展示和维护。这有点像把零件组装成整车提供给用户&#xff0c;无须了解汽车的内部结构和工作原理&#xff0c;只要知道方向盘&#xff0c;刹…

跨平台开发框架 Lynx 初探

跨平台开发是目前开发较热门的方向&#xff0c;React Native 在这方面取得了很大的成功&#xff0c;同时 Flutter 也获得了非常多的关注。React Native 采用 Web 框架开发并使用 Native UI 进行渲染&#xff0c;很大程度上降低了 Native 开发的门槛并且提高迭代的效率&#xff…

linux ubuntu 关于vim得一些基本命令

&#xff11;.vim显示行号 :set number 2. 快捷键 J 向下 K 往上 H 向左 L 向右 ctrlshiftT  打开新窗口 ctrlPage Down 所有vim窗口向下切换 ctrlPage Up 所有vim窗口向上切换 &#xff13;. 复制vim打开的内容 yy 复制光标所在行 2yy 复制光标所在行往下的两行 ....…

ajax包含mysql吗_php 实例ajax与mysql怎么只查询出一条数据?

http://www.runoob.com/php/php...使用这个实例操作之后为什么只显示一条数据&#xff0c;如何让符合条件的数据全部显示出来如&#xff0c;我使用的查询字段是yesterday_str&#xff0c;查询2017-04-18这个数据怎么样才能把2017-04-18包含这个的全部数据提取出来&#xff1f;p…

使用Servlet 3.0,Redis / Jedis和CDI的简单CRUD –第2部分

在本文中&#xff0c;我们将重点介绍CDI和Servlet 3.0。 您可以在此处看到第1部分。 让我们从CDI开始。 当我开始撰写源自该系列的文章时&#xff0c;我并没有考虑撰写CDI。 真诚地说&#xff0c;我以前从未使用过。 这篇文章的想法是使用jedis和servlet创建一个对象。 但是&a…