fix: Style optimization

Author: dataeaseShu

frontend/src/api/datasource.ts

@@ -22,5 +22,5 @@ export const datasourceApi = {
   saveField: (data: any) => request.post('/datasource/editField', data),
   getDs: (id: number) => request.post(`/datasource/get/${id}`),
   cancelRequests: () => request.cancelRequests(),
-  getSchema: (data: any) => request.post('/datasource/getSchemaByConf', data)
+  getSchema: (data: any) => request.post('/datasource/getSchemaByConf', data),
 }

frontend/src/components/layout/Person.vue

@@ -111,7 +111,7 @@ const logout = () => {
           <div :title="account" class="bottom ellipsis">{{ account }}</div>
         </div>
         <div v-if="isAdmin && !inSysmenu" class="popover-item" @click="toSystem">
-          <el-icon size="16">
+          <el-icon style="color: #646a73" size="16">
             <icon_admin_outlined></icon_admin_outlined>
           </el-icon>
           <div class="datasource-name">{{ $t('common.system_manage') }}</div>
@@ -175,7 +175,7 @@ const logout = () => {
     <pwd-form v-if="dialogVisible" ref="pwdFormRef" @pwd-saved="closePwd" />
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="closePwd">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closePwd">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="savePwdHandler">{{ t('common.save') }}</el-button>
       </div>
     </template>
@@ -276,6 +276,7 @@ const logout = () => {
     .info {
       height: 62px;
       padding: 8px;
+      margin-bottom: 4px;
 
       img {
         float: left;
@@ -302,10 +303,12 @@ const logout = () => {
       height: 32px;
       display: flex;
       align-items: center;
-      padding-left: 12px;
-      padding-right: 8px;
+      padding-left: 8px;
+      padding-right: 4px;
       position: relative;
       cursor: pointer;
+      margin: 0 4px;
+      border-radius: 4px;
       &:hover {
         background-color: #1f23291a;
       }

frontend/src/style.less

@@ -28,6 +28,7 @@
   --ed-color-primary-light-7: #d2f1e9 !important;
   --ed-border-color: #d9dcdf !important;
   --ed-border-radius-base: 6px !important;
+  --ed-disabled-border-color: #d9dcdf !important;
 }
 
 a {
@@ -61,7 +62,7 @@ body {
 
 @media (prefers-color-scheme: light) {
   :root {
-    color: #213547;
+    color: #1f2329;
     background-color: #ffffff;
   }
 

frontend/src/views/dashboard/components/sq-tab/index.vue

@@ -271,7 +271,9 @@ defineExpose({
       />
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="state.dialogVisible = false">{{ t('common.cancel') }}</el-button>
+          <el-button secondary @click="state.dialogVisible = false">{{
+            t('common.cancel')
+          }}</el-button>
           <el-button :disabled="!titleValid" type="primary" @click="sureCurTitle">{{
             t('common.confirm')
           }}</el-button>

frontend/src/views/dashboard/editor/ChatChartSelection.vue

@@ -42,7 +42,7 @@
         <el-col class="adapt-count">
           <span>{{ t('dashboard.chart_selected', [selectComponentCount]) }} </span>
         </el-col>
-        <el-button class="close-button" @click="dialogShow = false"
+        <el-button secondary class="close-button" @click="dialogShow = false"
           >{{ t('common.cancel') }}
         </el-button>
         <el-button

frontend/src/views/ds/Card.vue

@@ -103,6 +103,7 @@ const onClickOutside = () => {
           v-click-outside="onClickOutside"
           class="more"
           size="16"
+          style="color: #646a73"
           @click.stop
         >
           <icon_more_outlined></icon_more_outlined>

frontend/src/views/ds/DataTable.vue

@@ -459,7 +459,7 @@ const btnSelectClick = (val: any) => {
       clearable
     />
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="closeTable">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="closeTable">{{ t('common.cancel') }}</el-button>
       <el-button type="primary" @click="saveTable">{{ t('common.save') }}</el-button>
     </div>
   </el-dialog>
@@ -481,7 +481,7 @@ const btnSelectClick = (val: any) => {
       type="textarea"
     />
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="closeField">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="closeField">{{ t('common.cancel') }}</el-button>
       <el-button type="primary" @click="saveField">{{ t('common.save') }}</el-button>
     </div>
   </el-dialog>

frontend/src/views/ds/TableList.vue

@@ -108,7 +108,7 @@
       <div>{{ t('ds.edit.table_comment_label') }}</div>
       <el-input v-model="tableComment" clearable :rows="3" type="textarea" />
       <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-        <el-button @click="closeTable">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeTable">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveTable">{{ t('common.confirm') }}</el-button>
       </div>
     </el-dialog>
@@ -124,7 +124,7 @@
       <div>{{ t('ds.edit.field_comment_label') }}</div>
       <el-input v-model="fieldComment" clearable :rows="3" type="textarea" />
       <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-        <el-button @click="closeField">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeField">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveField">{{ t('common.confirm') }}</el-button>
       </div>
     </el-dialog>

frontend/src/views/ds/form.vue

@@ -146,7 +146,7 @@
       <span>{{ t('ds.form.selected', [checkList.length, tableList.length]) }}</span>
     </div>
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="close">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="close">{{ t('common.cancel') }}</el-button>
       <el-button v-show="!isCreate && !isEditTable && form.type !== 'excel'" @click="check">
         {{ t('ds.check') }}
       </el-button>

frontend/src/views/system/embedded/index.vue

@@ -934,7 +934,7 @@ const saveHandler = () => {
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="certificateBeforeClose">{{ $t('common.cancel') }}</el-button>
+        <el-button secondary @click="certificateBeforeClose">{{ $t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveHandler">
           {{ $t('common.save') }}
         </el-button>