add

src/views/topicManage/index.vue

@@ -73,6 +73,7 @@
                 </el-table-column>
                 <el-table-column label="操作" fixed="right" align="center" min-width="200">
                     <template slot-scope="scope">
+                        <el-button type="text" size="small" @click="info(scope.row)">查看</el-button>
                         <el-button type="text" size="small" @click="edit(scope.row)">编辑</el-button>
                         <!-- <el-button type="primary"   size="small" @click="optFun(scope.row)" disabled>下线</el-button> -->
                         <el-button type="text" size="small" @click="optFun(scope.row,1)" >下架</el-button>
@@ -102,6 +103,16 @@
                 </el-pagination>
             </div>
         </div>
+        <el-dialog
+            title="查看详情"
+            :visible.sync="dialogVisible"
+            width="70%"
+            :before-close="dialogVisible=false">
+            <div>{{ currentRow.content }}</div>
+            <span slot="footer" class="dialog-footer">
+                <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+            </span>
+            </el-dialog>
 		<AddEdit :isShow="isShow" v-on:setFun="getFun" v-if="isShow" :editInfo="editInfo" :discussId="discussId"></AddEdit>
     </div>
 </template>
@@ -120,6 +131,8 @@ export default {
     },
     data() {
         return {
+            dialogVisible: false,
+            currentRow:{},
             curmbFirst: '组件',
             curmbSecond: '讨论组件',
             searchParam: {
@@ -173,6 +186,10 @@ export default {
         commonUtil.resizeHeight()
     },
     methods: {
+        info(row) {
+            this.currentRow = row;
+            this.dialogVisible = true;
+        },
         // 列表查询
         search() {
             this.getData()