查看页面

src/views/modules/events/change.vue

@@ -68,7 +68,7 @@
         <el-table-column prop="browseNum" label="浏览数" header-align="center" align="center"></el-table-column>
         <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
           <template slot-scope="scope">
-            <el-button v-if="$hasPermission('events:change:look')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('look') }}</el-button>
+            <el-button v-if="$hasPermission('events:change:look')" type="text" size="small" @click="detailAction(scope.row.id)">{{ $t('look') }}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -81,8 +81,7 @@
         @size-change="pageSizeChangeHandle"
         @current-change="pageCurrentChangeHandle">
       </el-pagination>
-      <!-- 弹窗, 新增 / 修改 -->
+      <detail v-if="detailVisible" ref="detail" @refreshDataList="getDataList"></detail>
-      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
     </div>
   </el-card>
 </template>
@@ -90,6 +89,7 @@
 <script>
 import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './epdcevents-add-or-update'
+import Detail from './detail'
 export default {
   mixins: [mixinViewModule],
   data () {
@@ -128,12 +128,20 @@ export default {
     }
   },
   components: {
-    AddOrUpdate
+    AddOrUpdate,
+    Detail
   },
   created: function () {
     this.getStreetList()
   },
   methods: {
+    detailAction (id) {
+      this.detailVisible = true
+      this.$nextTick(() => {
+        this.$refs.detail.dataForm.id = id
+        this.$refs.detail.init()
+      })
+    },
     getStreetList () {
       this.$http.get(`/sys/dept/sublist/1169154711480528897`).then(({ data: res }) => {
         if (res.code !== 0) {