style 配置更改

.eslintrc.js

@@ -73,4 +73,4 @@ module.exports = {
     ],
     'vue/multi-word-component-names': 'off',
   },
-};
+}

prettier.config.js

@@ -1,10 +1,11 @@
 module.exports = {
-  printWidth: 100,
-  semi: true,
-  vueIndentScriptAndStyle: true,
-  singleQuote: true,
+  tabWidth: 2, //指定每个缩进级别的空格数
+  printWidth: 140, //超过多少换行
+  semi: false, //行位是否使用分号
+  vueIndentScriptAndStyle: true, // vue文件的script标签和Style标签下的内容需要缩进
+  singleQuote: true, // 强制使用单引号
   trailingComma: 'all',
   proseWrap: 'never',
   htmlWhitespaceSensitivity: 'strict',
   endOfLine: 'auto',
-};
+}

src/utils/http/axios/index.ts

@@ -227,7 +227,7 @@ function createAxios(opt?: Partial<CreateAxiosOptions>) {
           // 是否返回原生响应头 比如：需要获取响应头时使用该属性
           isReturnNativeResponse: false,
           // 需要对返回数据进行处理
-          isTransformResponse: true,
+          isTransformResponse: false,
           // post请求的时候添加参数到url
           joinParamsToUrl: false,
           // 格式化提交参数时间

src/views/demo/table/AuthColumn.vue

@@ -25,7 +25,7 @@
                   confirm: handleOpen.bind(null, record),
                 },
                 ifShow: (_action) => {
-                  return record.status !== 'enable'; // 根据业务控制是否显示: 非enable状态的不显示启用按钮
+                  return record.status !== 'enable' // 根据业务控制是否显示: 非enable状态的不显示启用按钮
                 },
               },
               {
@@ -35,7 +35,7 @@
                   confirm: handleOpen.bind(null, record),
                 },
                 ifShow: () => {
-                  return record.status === 'enable'; // 根据业务控制是否显示: enable状态的显示禁用按钮
+                  return record.status === 'enable' // 根据业务控制是否显示: enable状态的显示禁用按钮
                 },
               },
               {
@@ -46,7 +46,7 @@
                 },
                 auth: 'super', // 同时根据权限和业务控制是否显示
                 ifShow: () => {
-                  return true;
+                  return true
                 },
               },
             ]"
@@ -57,10 +57,10 @@
   </div>
 </template>
 <script lang="ts">
-  import { defineComponent } from 'vue';
-  import { BasicTable, useTable, BasicColumn, TableAction } from '/@/components/Table';
+  import { defineComponent } from 'vue'
+  import { BasicTable, useTable, BasicColumn, TableAction } from '/@/components/Table'
 
-  import { demoListApi } from '/@/api/demo/table';
+  import { demoListApi } from '/@/api/demo/table'
   const columns: BasicColumn[] = [
     {
       title: '编号',
@@ -102,7 +102,7 @@
       dataIndex: 'address',
       auth: 'super', // 同时根据权限和业务控制是否显示
       ifShow: (_column) => {
-        return true;
+        return true
       },
     },
     {
@@ -114,7 +114,7 @@
       dataIndex: 'endTime',
       width: 200,
     },
-  ];
+  ]
   export default defineComponent({
     components: { BasicTable, TableAction },
     setup() {
@@ -133,22 +133,22 @@
           dataIndex: 'action',
           // slots: { customRender: 'action' },
         },
-      });
+      })
       function handleEdit(record: Recordable) {
-        console.log('点击了编辑', record);
+        console.log('点击了编辑', record)
       }
       function handleDelete(record: Recordable) {
-        console.log('点击了删除', record);
+        console.log('点击了删除', record)
       }
       function handleOpen(record: Recordable) {
-        console.log('点击了启用', record);
+        console.log('点击了启用', record)
       }
       return {
         registerTable,
         handleEdit,
         handleDelete,
         handleOpen,
-      };
+      }
     },
-  });
+  })
 </script>

src/views/modules/system/client/ClientList.vue

@@ -5,49 +5,46 @@
         <vxe-button @click="getPage">查询</vxe-button>
       </template>
     </vxe-toolbar>
-    <vxe-table
-      :data="model.tableData"
-    >
+    <vxe-table :data="model.tableData">
       <vxe-column type="seq" width="60" />
-      <vxe-column field="code" title="编码"/>
-      <vxe-column field="name" title="名称"/>
-      <vxe-column field="captcha" title="系统内置" >
-        <template v-slot="{row}">
+      <vxe-column field="code" title="编码" />
+      <vxe-column field="name" title="名称" />
+      <vxe-column field="captcha" title="系统内置">
+        <template #default="{ row }">
           <a-tag v-if="row.system" color="green">是</a-tag>
           <a-tag v-else color="red">否</a-tag>
         </template>
       </vxe-column>
-      <vxe-column field="enable" title="启用状态" >
-        <template v-slot="{row}">
+      <vxe-column field="enable" title="启用状态">
+        <template #default="{ row }">
           <a-tag v-if="row.enable" color="green">启用</a-tag>
           <a-tag v-else color="red">停用</a-tag>
         </template>
       </vxe-column>
-      <vxe-column field="description" title="描述"/>
+      <vxe-column field="description" title="描述" />
       <vxe-column field="createTime" title="创建时间" />
     </vxe-table>
   </div>
 </template>
 
 <script lang="ts" setup>
-import {onMounted, reactive} from 'vue';
-import {page} from "/@/views/modules/system/client/Client.api";
+  import { onMounted, reactive } from 'vue'
+  import { page } from '/@/views/modules/system/client/Client.api'
 
-onMounted(() => {
-  getPage()
-})
-
-const model = reactive({
-  loading: false,
-  tableData: [] as any[],
-})
-
-async function getPage(){
-  page({}).then(res => {
-    model.tableData = res.records
+  onMounted(() => {
+    getPage()
   })
-}
 
+  const model = reactive({
+    loading: false,
+    tableData: [] as any[],
+  })
+
+  async function getPage() {
+    page({}).then((res) => {
+      model.tableData = res.data.records
+    })
+  }
 </script>
 
 <style scoped></style>