|  |  | 
 |  |  |     <TableLayout :with-breadcrumb="false"> | 
 |  |  |       <!-- 表格和分页 --> | 
 |  |  |       <template v-slot:table-wrap> | 
 |  |  |         | 
 |  |  |         <el-table | 
 |  |  |           v-loading="isWorking.search" | 
 |  |  |           :data="tableData.list" | 
 |  |  | 
 |  |  |           @selection-change="handleSelectionChange" | 
 |  |  |         > | 
 |  |  |           <el-table-column type="selection" width="55"></el-table-column> | 
 |  |  |           <el-table-column prop="info" label="字典名" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="label" label="数据标签" min-width="100px"></el-table-column> | 
 |  |  |           <el-table-column prop="code" label="数据值" min-width="100px"> | 
 |  |  |             <template slot-scope="{row}"> | 
 |  |  |               <div v-if="row.code.length <= 50">{{ row.code }}</div> | 
 |  |  |               <div v-if="row.code.length <= 50" v-html="row.code"></div> | 
 |  |  |               <el-button v-else type="text" @click="$refs.protocol.open(row.label, row)">点击查看</el-button> | 
 |  |  |             </template> | 
 |  |  |           </el-table-column> | 
 |  |  | 
 |  |  |       dictName: '' | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   watch: { | 
 |  |  |     $route (to, from) { | 
 |  |  |       this.visible = false | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     // 打开数据管理 | 
 |  |  |     open (dictId, dictName) { |