feat 查看详情新建窗口

src/views/article/index.vue

@@ -15,10 +15,16 @@
               <a-image :width="75" :src="record.image"/>
             </template>
             <template v-else-if="column.key === 'name'">
-              <span class="cursor-pointer text-blue" title="查看详情" @click="toDetail(record.id)">{{record.name}}</span>
+              <router-link target="_blank" :to="{ path: '/article/detail', query: {id: record.id} }">
+                {{record.name}}
+              </router-link>
+<!--              <span class="cursor-pointer text-blue" title="查看详情" @click="toDetail(record.id)">{{record.name}}</span>-->
             </template>
             <template v-else-if="column.key === 'pid'">
-              <span class="cursor-pointer text-blue" title="查看详情" @click="toDetail(record.id)">{{record.pid}}</span>
+<!--              <span class="cursor-pointer text-blue" title="查看详情" @click="toDetail(record.id)">{{record.pid}}</span>-->
+              <router-link target="_blank" :to="{ path: '/article/detail', query: {id: record.id} }">
+                {{record.pid}}
+              </router-link>
             </template>
             <template v-else-if="column.key === 'rate'">
               <span>{{record.rate > 0 ? `${record.rate}%`:'--' }}</span>
@@ -57,10 +63,6 @@ const query = reactive({
   rate_sort:null,
 })
 
-watch(()=>query.available, ()=>{
-  console.log(query)
-})
-
 onMounted(()=>{
   list()
 })
@@ -186,7 +188,7 @@ const toDetail=(id)=>{
     path: '/article/detail',
     query: {
       id: id
-    }
+    },
   })
 }