添加路由跳转info页面和详细页面

src/views/modules/case/typicalcase.vue

@@ -6,10 +6,10 @@
           <el-input v-model="dataForm.caseTitle" placeholder="请输入" clearable></el-input>
         </el-form-item>
         <el-form-item label="创建时间">
-          <el-date-picker v-model="dataForm.startTime" placeholder="" clearable></el-date-picker>
+          <el-date-picker v-model="dataForm.startTime" placeholder="" value-format="yyyy-MM-dd 00:00:00" clearable></el-date-picker>
         </el-form-item>
         <el-form-item label="至">
-          <el-date-picker v-model="dataForm.endTime" placeholder="" clearable></el-date-picker>
+          <el-date-picker v-model="dataForm.endTime" placeholder="" value-format="yyyy-MM-dd 23:59:59" clearable></el-date-picker>
         </el-form-item>
         <!--查询按钮-->
         <el-form-item>
@@ -19,7 +19,7 @@
       <el-form>
         <!--添加按钮-->
         <el-form-item>
-          <el-button v-if="$hasPermission('case:typicalcase:save')" type="primary" @click="addOrUpdateHandle()">{{"新增典型案例"}}</el-button>
+          <el-button type="primary" @click="addOrUpdateHandle()">{{"新增典型案例"}}</el-button>
         </el-form-item>
       </el-form>
       <!-- 列表-->
@@ -32,9 +32,9 @@
         <el-table-column prop="createdTime" 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('case:typicalcase:updateon')" type="text" size="small" @click="UpdateStateOn(scope.row.id)">{{"上架"}}</el-button>
-            <el-button v-if="$hasPermission('case:typicalcase:updateoff')" type="text" size="small" @click="UpdateStateOff(scope.row.id)">{{"下架"}}</el-button>
-            <el-button v-if="$hasPermission('case:typicalcase:view')" type="text" size="small" @click="getDataOne(scope.row.id)">{{"查看详细"}}</el-button>
+            <el-button type="text" size="small" @click="UpdateStateOff(scope.row.id)">{{"下架"}}</el-button>
+            <el-button type="text" size="small" @click="UpdateStateOn(scope.row.id)">{{"上架"}}</el-button>
+            <el-button type="text" size="small" @click="detailHandle(scope.row.id)">{{"查看详细"}}</el-button>
           </template>
         </el-table-column>
       </el-table>
@@ -61,10 +61,11 @@ import mixinViewModule from '@/mixins/view-module'
 import AddOrUpdate from './typicalcase-add-or-update'
 export default {
   mixins: [mixinViewModule],
+  name: 'CaseInfoList',
   data () {
     return {
       mixinViewModuleOptions: {
-        getDataListURL: '/cloudAnalysis/typicalcase/export',
+        getDataListURL: '/cloudAnalysis/typicalcase/page',
         getDataListIsPage: true
       },
       dataForm: {
@@ -78,32 +79,18 @@ export default {
     AddOrUpdate
   },
   methods: {
-    UpdateStateOn () {
-      return this.$http.get('/typicalcase/UpdateStateOn').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        window.SITE_CONFIG['permissions'] = res.data
-      }).catch(() => {})
+    UpdateStateOn (id) {
+      this.mixinViewModuleOptions.getDataListURL = '/cloudAnalysis/typicalcase/on' + '/' + id
+      this.getDataList()
     },
-    UpdateStateOff () {
-      return this.$http.get('/typicalcase/UpdateStateOff').then(({ data: res }) => {
-        if (res.code !== 0) {
-          return this.$message.error(res.msg)
-        }
-        window.SITE_CONFIG['permissions'] = res.data
-      }).catch(() => {})
+    UpdateStateOff (id) {
+      this.mixinViewModuleOptions.getDataListURL = '/cloudAnalysis/typicalcase/off' + '/' + id
+      this.getDataList()
     },
-    getDataOne () {
-      this.$router.push({
-        name: 'AddOrUpdate',
-        params: {
-          id: this.id,
-          add: false
-        }
-      })
+    detailHandle (id) {
+      this.$parent.selectComponent = 'CaseInfoDetailView'
+      this.$router.push({ path: '/case-typicalcasedetail', query: { id: id } })
     }
-
   }
 }
 </script>