diff --git a/frontend/src/views/ds/Datasource.vue b/frontend/src/views/ds/Datasource.vue
index 66bffed5..bc71b28b 100644
--- a/frontend/src/views/ds/Datasource.vue
+++ b/frontend/src/views/ds/Datasource.vue
@@ -324,7 +324,7 @@ const back = () => {
       <DatasourceForm
         v-if="[1, 2].includes(activeStep)"
         ref="datasourceFormRef"
-        :isDataTable="false"
+        :is-data-table="false"
         :active-step="activeStep"
         :active-name="activeName"
         :active-type="activeType"
diff --git a/frontend/src/views/ds/DatasourceForm.vue b/frontend/src/views/ds/DatasourceForm.vue
index e2150f96..45361224 100644
--- a/frontend/src/views/ds/DatasourceForm.vue
+++ b/frontend/src/views/ds/DatasourceForm.vue
@@ -456,8 +456,8 @@ defineExpose({
 
 <template>
   <div
-    class="model-form"
     v-loading="uploadLoading"
+    class="model-form"
     :class="(!isCreate || activeStep === 2) && 'edit-form'"
   >
     <div v-if="isCreate && activeStep !== 2" class="model-name">{{ activeName }}</div>
@@ -522,16 +522,16 @@ defineExpose({
         </div>
         <el-form-item :label="t('ds.form.name')" prop="name">
           <el-input
-            :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.name')"
             v-model="form.name"
+            :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.name')"
           />
         </el-form-item>
         <el-form-item :label="t('ds.form.description')">
           <el-input
+            v-model="form.description"
             :placeholder="
               $t('datasource.please_enter') + $t('common.empty') + t('ds.form.description')
             "
-            v-model="form.description"
             :rows="2"
             type="textarea"
           />
@@ -558,43 +558,43 @@ defineExpose({
           <span v-else-if="form.type === 'pg'">9.6+</span>
         </span>
 
-        <div style="margin-top: 16px" v-if="form.type !== 'excel'">
+        <div v-if="form.type !== 'excel'" style="margin-top: 16px">
           <el-form-item :label="t('ds.form.host')" prop="host">
             <el-input
-              :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.host')"
               v-model="form.host"
+              :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.host')"
             />
           </el-form-item>
           <el-form-item :label="t('ds.form.port')" prop="port">
             <el-input
-              :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.port')"
               v-model="form.port"
+              :placeholder="$t('datasource.please_enter') + $t('common.empty') + t('ds.form.port')"
             />
           </el-form-item>
           <el-form-item :label="t('ds.form.username')">
             <el-input
+              v-model="form.username"
               :placeholder="
                 $t('datasource.please_enter') + $t('common.empty') + t('ds.form.username')
               "
-              v-model="form.username"
             />
           </el-form-item>
           <el-form-item :label="t('ds.form.password')">
             <el-input
+              v-model="form.password"
               :placeholder="
                 $t('datasource.please_enter') + $t('common.empty') + t('ds.form.password')
               "
-              v-model="form.password"
               type="password"
               show-password
             />
           </el-form-item>
           <el-form-item :label="t('ds.form.database')" prop="database">
             <el-input
+              v-model="form.database"
               :placeholder="
                 $t('datasource.please_enter') + $t('common.empty') + t('ds.form.database')
               "
-              v-model="form.database"
             />
           </el-form-item>
           <el-form-item
@@ -609,10 +609,10 @@ defineExpose({
           </el-form-item>
           <el-form-item :label="t('ds.form.extra_jdbc')">
             <el-input
+              v-model="form.extraJdbc"
               :placeholder="
                 $t('datasource.please_enter') + $t('common.empty') + t('ds.form.extra_jdbc')
               "
-              v-model="form.extraJdbc"
             />
           </el-form-item>
           <el-form-item
@@ -621,10 +621,10 @@ defineExpose({
             prop="dbSchema"
           >
             <el-input
+              v-model="form.dbSchema"
               :placeholder="
                 $t('datasource.please_enter') + $t('common.empty') + t('ds.form.schema')
               "
-              v-model="form.dbSchema"
             />
             <el-button v-if="false" link type="primary" :icon="Plus">Get Schema</el-button>
           </el-form-item>
diff --git a/frontend/src/views/ds/ParamsForm.vue b/frontend/src/views/ds/ParamsForm.vue
index 8e1ce849..a6bff5af 100644
--- a/frontend/src/views/ds/ParamsForm.vue
+++ b/frontend/src/views/ds/ParamsForm.vue
@@ -55,7 +55,7 @@ defineExpose({
       :active-step="2"
       active-name=""
       active-type=""
-      isDataTable
+      is-data-table
       @change-active-step="changeActiveStep"
       @refresh="refresh"
     ></DatasourceForm>
diff --git a/frontend/src/views/system/model/ModelForm.vue b/frontend/src/views/system/model/ModelForm.vue
index 998cd129..02d12e24 100644
--- a/frontend/src/views/system/model/ModelForm.vue
+++ b/frontend/src/views/system/model/ModelForm.vue
@@ -169,7 +169,7 @@ defineExpose({
 
 <template>
   <div class="model-form" :class="editModel && 'is-edit_model'">
-    <div class="model-name" v-if="!editModel">{{ activeName }}</div>
+    <div v-if="!editModel" class="model-name">{{ activeName }}</div>
     <div class="form-content">
       <el-form
         ref="modelRef"
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index 2ba86d85..0b025a74 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -205,8 +205,8 @@
 
       <el-form-item :label="$t('user.workspace')">
         <el-select
-          clearable
           v-model="state.form.oid"
+          clearable
           :placeholder="$t('datasource.Please_select') + $t('common.empty') + $t('user.workspace')"
         >
           <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index 5173a819..4b9b633e 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -362,9 +362,9 @@ const handleCurrentChange = (val: number) => {
             v-model="keywordsMember"
             clearable
             style="width: 232px"
+            :placeholder="$t('workspace.name_username_email')"
             @blur="search"
             @keyup.enter="search"
-            :placeholder="$t('workspace.name_username_email')"
           >
             <template #prefix>
               <el-icon>
@@ -505,8 +505,8 @@ const handleCurrentChange = (val: number) => {
     </div>
   </div>
   <AuthorizedWorkspaceDialog
-    @refresh="refresh"
     ref="authorizedWorkspaceDialog"
+    @refresh="refresh"
   ></AuthorizedWorkspaceDialog>
   <el-dialog
     v-model="fieldDialog"