渠道开关

src/views/ChannelView.vue

@@ -1,6 +1,7 @@
 <template>
     <PagingTable url="/channel" :where="where" ref="table">
         <template #filter>
+            <ElButton :icon="Refresh" @click="table.refresh()"></ElButton>
             <ElButton :icon="Plus" @click="onEdit()">添加</ElButton>
         </template>
         <ElTableColumn prop="id" label="#" width="80" />
@@ -8,7 +9,15 @@
         <ElTableColumn prop="mnc" label="MNC" />
         <ElTableColumn prop="country" label="国家" />
         <ElTableColumn prop="operator" label="运营商" />
+        <ElTableColumn prop="scope" label="IMSI范围" />
+        <ElTableColumn prop="platform" label="平台" />
+        <ElTableColumn prop="remark" label="备注" />
         <ElTableColumn prop="createdAt" label="创建时间" :formatter="timeFormatter" width="150" />
+        <ElTableColumn label="开关" align="center" width="100">
+            <template #default="{ row }">
+                <ElSwitch v-model="row.switch" @change="updateSwitch(row)" />
+            </template>
+        </ElTableColumn>
         <ElTableColumn label="操作" align="center" width="200">
             <template #default="{ row }">
                 <ElButton type="danger" size="small" @click="del(row)">删除</ElButton>
@@ -37,7 +46,7 @@
 import { ref } from 'vue'
 import PagingTable from '@/components/PagingTable.vue'
 import { useTimeFormatter } from '@/utils/formatter'
-import { Plus } from '@vicons/tabler'
+import { Plus, Refresh } from '@vicons/tabler'
 import EditDialog from '@/components/EditDialog.vue'
 import { setupEditDialog } from '@/utils/editDialog'
 import EnumSelect from '@/components/EnumSelect.vue'
@@ -74,6 +83,10 @@ function del(row) {
     })
 }
 
+function updateSwitch(row){
+    http.get(`/channel/updateSwitch/${row.id}`)
+}
+
 const selectedRow = ref(null)
 const showDetailDialog = ref(false)
 const phoneTable = ref(null)