<el-dialog title="企業(yè)詳情" :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">聯(lián)系方式</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' ? '個(gè)人' : '企業(yè)'}}</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">簡(jiǎn)介</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">認(rèn)證狀態(tài)</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">認(rèn)證備注</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">申請(qǐng)認(rèn)證時(shí)間</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">最后更新時(shí)間</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">專屬顧問號(hào)碼</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="編號(hào)"prop="acctRecordId"></el-table-column><el-table-columnmin-width="120"align="center"label="時(shí)間"prop="createdAt"><template scope="scope">{{ filters.formatTime(scope.row.createdAt) }}</template></el-table-column><el-table-columnmin-width="120"align="center"label="數(shù)量"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'">個(gè)</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>

在數(shù)據(jù)沒有出來之前可以在 <el-dialog title="企業(yè)詳情" :visible.sync="showEditPayment" @close="closeDialog" v-if="detail">加上一個(gè)v-if,這樣就不會(huì)報(bào)detial undefine的情況

轉(zhuǎn)載于:https://www.cnblogs.com/antyhouse/p/10045373.html

總結(jié)

以上是生活随笔為你收集整理的template里面要做数据渲染,但是数据还没有出来的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。