refactor(ui): 调整优化

gpt-vue/projects/vue-admin/src/views/DashboardView.vue

@@ -165,6 +165,7 @@ const createOption = (data, key) => {
   .chartDom {
     width: 450px;
     height: 500px;
+    text-align: center;
   }
 }
 </style>

gpt-vue/projects/vue-admin/src/views/LoginView.vue

@@ -103,19 +103,14 @@ async function handleSubmit({ errors }: any) {
           >
             <a-space direction="vertical" style="width: 100%">
               <a-form-item field="username" label="账号">
-                <a-input
-                  v-model="formData.username"
-                  placeholder="请输入您的账号"
-                  class="input"
-                ></a-input>
+                <a-input v-model="formData.username" placeholder="请输入您的账号" class="input" />
               </a-form-item>
               <a-form-item field="password" label="密码">
                 <a-input-password
                   v-model="formData.password"
                   placeholder="请输入您的密码"
                   class="input"
-                >
-                </a-input-password>
+                />
               </a-form-item>
               <a-form-item field="captcha" label="验证码">
                 <a-input v-model="formData.captcha" placeholder="请输入验证码" class="input">

gpt-vue/projects/vue-admin/src/views/Order/OrderContainer.vue

@@ -41,6 +41,7 @@ const columns: SearchTableColumns[] = [
     hideInTable: true,
     search: {
       valueType: "select",
+      defaultValue: -1,
       fieldProps: {
         options: [
           { label: "全部", value: -1 },

gpt-vue/projects/vue-admin/src/views/System/SystemUploader.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from "vue";
+import { computed } from "vue";
 import { Message } from "@arco-design/web-vue";
 import type { UploadInstance, FileItem } from "@arco-design/web-vue";
 import { uploadUrl } from "@/http/config";
@@ -11,8 +11,6 @@ defineProps({
 
 const emits = defineEmits(["update:modelValue"]);
 
-const uploadRef = ref();
-
 const uploadProps = computed<UploadInstance["$props"]>(() => ({
   action: uploadUrl,
   name: "file",
@@ -28,19 +26,14 @@ const handleChange = (_, file: FileItem) => {
 };
 </script>
 <template>
-  <a-input-group style="width: 100%">
-    <a-input
-      :model-value="modelValue"
-      :placeholder="placeholder"
-      readonly
-      @dblclick="uploadRef?.$el?.click()"
-    />
-    <a-upload ref="uploadRef" v-bind="uploadProps" @change="handleChange">
-      <template #upload-button>
+  <a-upload v-bind="uploadProps" style="width: 100%" @change="handleChange">
+    <template #upload-button>
+      <a-input-group style="width: 100%">
+        <a-input :model-value="modelValue" :placeholder="placeholder" readonly />
         <a-button type="primary" style="width: 100px">
           <icon-cloud />
         </a-button>
-      </template>
-    </a-upload>
-  </a-input-group>
+      </a-input-group>
+    </template>
+  </a-upload>
 </template>