template裡面要做資料渲染,但是資料還沒有出來
阿新 • • 發佈：2018-11-30
<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" border v-loading="recordLoading" element-loading-text="拼命載入中"> <el-table-column min-width="130" align="center" label="編號" prop="acctRecordId"> </el-table-column> <el-table-column min-width="120" align="center" label="時間" prop="createdAt"> <template scope="scope"> {{ filters.formatTime(scope.row.createdAt) }} </template> </el-table-column> <el-table-column min-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-column min-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-column min-width="110" align="center" label="備註" prop="remark"> </el-table-column> <el-table-column min-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-pagination layout="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的情況