feat: 优化代码

src/views/iot/network/server/create.vue

@@ -119,7 +119,7 @@ import { ElMessage } from 'element-plus';
 import type { TabsPaneContext } from 'element-plus';
 import codeEditor from '/@/components/codeEditor/index.vue';
 
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 
 import api from '/@/api/network';
 import api2 from '/@/api/system';
@@ -166,6 +166,7 @@ export default defineComponent({
   setup(props) {
     const { proxy } = getCurrentInstance() as any;
     const route = useRoute();
+    const router = useRouter();
     const { network_server_type, network_protocols } = proxy.useDict('network_server_type', 'network_protocols');
 
     const state = reactive<TableDataState>({
@@ -277,7 +278,7 @@ export default defineComponent({
       // return
       api.server.addItem(params).then((res: any) => {
         ElMessage.success('添加成功')
-        goBack()
+        router.go(-1);
       });
     };
     onMounted(() => {

src/views/iot/network/server/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="page">
     <el-card shadow="nover">
-      <el-form inline label-width="82px" @keyup.enter="searchData">
+      <el-form inline label-width="auto" @keyup.enter="searchData">
         <el-form-item label="服务器名称">
-          <el-input style="width: 200px;margin-left: 20px;" class="search-input" v-model="key" placeholder="请输入搜索关键字" clearable>
+          <el-input style="width: 200px;" class="search-input" v-model="key" placeholder="请输入搜索关键字" clearable>
           </el-input>
         </el-form-item>
         <el-form-item>

src/views/modules/iotCard/platformManage/addOrEditItem.vue

@@ -29,7 +29,7 @@
         </el-form-item>
         <el-form-item label="状态">
           <!-- 1启用,0禁用 -->
-          <el-switch v-model="ruleForm.status" :active-value="1" :inactive-value="0" inline-prompt active-text="启" inactive-text="禁"></el-switch>
+          <el-switch v-model="ruleForm.status" active-value="1" inactive-value="0" inline-prompt active-text="启" inactive-text="禁"></el-switch>
         </el-form-item>
         <el-form-item label="说明">
           <el-input :rows="6" type="textarea" v-model="ruleForm.remark" placeholder="请输入说明" />

src/views/modules/iotCard/platformManage/index.vue

@@ -27,17 +27,11 @@
           </el-button>
         </el-form-item>
       </el-form>
-      <el-table
-        :data="tableData"
-        max-height="calc(100vh  - 210px);"
-        v-loading="loading"
-        style="width: 100%"
-      >
+      <el-table :data="tableData" max-height="calc(100vh  - 210px);" v-loading="loading" style="width: 100%">
         <el-table-column v-col="'name'" label="名称" prop="name" align="center" />
         <el-table-column v-col="'simStatus'" label="状态" prop="simStatus" align="center">
           <template #default="scope">
-            <el-tag type="primary" v-if="scope.row.status">{{ formatStatus(scope.row.status) }}</el-tag>
-            <el-tag type="danger" v-else>{{ formatStatus(scope.row.status) }}</el-tag>
+            <el-tag :type="scope.row.status === '0' ? 'danger' : 'primary'">{{ formatStatus(scope.row.status) }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column v-col="'remark'" label="说明" prop="remark" align="center" />
@@ -49,13 +43,7 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination
-        v-if="params.total"
-        :total="params.total"
-        v-model:page="params.pageNum"
-        v-model:limit="params.pageSize"
-        @pagination="getList()"
-      />
+      <pagination v-if="params.total" :total="params.total" v-model:page="params.pageNum" v-model:limit="params.pageSize" @pagination="getList()" />
     </el-card>
     <AddOrEditItem ref="AddOrEditItemRef" @updateList="getList()" />
   </div>
@@ -78,7 +66,7 @@ const AddOrEditItemRef = ref();
 
 /** 重置按钮操作 */
 const resetQuery = () => {
-	params.keyWord = ""
+  params.keyWord = ""
   getList();
 };
 
@@ -86,24 +74,23 @@ const resetQuery = () => {
  * 单一删除
  */
 const onDel = (row: any) => {
-	ElMessageBox.confirm(`此操作将卡号为：“${row.accNumber}”，是否继续?`, '提示', {
-		confirmButtonText: '确认',
-		cancelButtonText: '取消',
-		type: 'warning',
-	}).then(async () => {
-		await api.simCard.deleteItem({ ids: [row.id] });
-		ElMessage.success('删除成功');
-		getList();
-	});
+  ElMessageBox.confirm(`此操作将卡号为：“${row.accNumber}”，是否继续?`, '提示', {
+    confirmButtonText: '确认',
+    cancelButtonText: '取消',
+    type: 'warning',
+  }).then(async () => {
+    await api.simCard.deleteItem({ ids: [row.id] });
+    ElMessage.success('删除成功');
+    getList();
+  });
 };
 
-const formatStatus = (val:any) => {
-  console.log(val);
+const formatStatus = (val: any) => {
   // 1：开启 0：禁用
   return ['禁用', '开启'][val];
 }
 
-const onOpenDetail = (item:any) => {
+const onOpenDetail = (item: any) => {
   AddOrEditItemRef.value.openDialog(item);
 }