fix(仪表板): 样式优化

core/core-frontend/src/style/index.less

@@ -398,3 +398,7 @@ strong {
 .ed-date-editor .ed-range__icon {
   font-size: 16px !important;
 }
+
+.ed-picker__popper {
+  --ed-datepicker-border-color: #DEE0E3 !important;
+}

core/core-frontend/src/views/data-visualization/PreviewHead.vue

@@ -125,15 +125,7 @@ const initOpenHandler = newWindow => {
         编辑</el-button
       >
       <el-dropdown trigger="click">
-        <el-icon
-          :style="{
-            color: '#1f2329 !important',
-            marginLeft: '8px',
-            height: '20px !important',
-            width: '20px !important'
-          }"
-          class="hover-icon"
-        >
+        <el-icon class="head-more-icon">
           <Icon name="dv-head-more"></Icon>
         </el-icon>
         <template #dropdown>
@@ -198,6 +190,26 @@ const initOpenHandler = newWindow => {
     justify-content: right;
     align-items: center;
     flex: 1;
+    .head-more-icon {
+      color: #1f2329;
+      margin-left: 12px;
+      cursor: pointer;
+      font-size: 20px;
+      border-radius: 4px;
+      position: relative;
+      &:hover {
+        &::after {
+          content: '';
+          position: absolute;
+          top: -4px;
+          left: -4px;
+          border-radius: 4px;
+          height: 28px;
+          width: 28px;
+          background: #1f23291a;
+        }
+      }
+    }
   }
 }
 .info-tips {

core/core-frontend/src/views/visualized/data/dataset/form/index.vue

@@ -236,7 +236,7 @@ const pushDataset = () => {
 
 const backToMain = () => {
   if (isUpdate) {
-    ElMessageBox.confirm('数据集未保存,确认退出吗?', {
+    ElMessageBox.confirm('当前的更改尚未保存,确定退出吗?', {
       confirmButtonText: t('dataset.confirm'),
       cancelButtonText: t('common.cancel'),
       showCancelButton: true,

core/core-frontend/src/views/visualized/data/datasource/form/EditorDetail.vue

@@ -1145,6 +1145,8 @@ defineExpose({
     border-radius: 2px;
     padding: 1px 6px;
     height: 24px;
+    font-size: 14px;
+
     &.invalid {
       color: #646a73;
       background: rgba(31, 35, 41, 0.1);

core/core-frontend/src/views/visualized/data/datasource/form/index.vue

@@ -509,9 +509,11 @@ const beforeClose = () => {
     wsCache.set('ds-new-success', false)
   }
   if (!showFinishPage.value && ((!editDs.value && activeStep.value !== 0) || isUpdate)) {
-    ElMessageBox.confirm(t('chart.tips'), {
+    ElMessageBox.confirm('当前的更改尚未保存,确定退出吗?', {
+      confirmButtonText: t('dataset.confirm'),
+      cancelButtonText: t('common.cancel'),
+      showCancelButton: true,
       confirmButtonType: 'primary',
-      tip: '你填写的信息未保存，确认退出吗？',
       type: 'warning',
       autofocus: false,
       showClose: false

core/core-frontend/src/views/visualized/data/datasource/index.vue

@@ -1029,7 +1029,7 @@ const getMenuList = (val: boolean) => {
                 <template #default="scope">
                   <div class="flex-align-center">
                     <template v-if="scope.row.status === 'Completed'">
-                      <el-icon>
+                      <el-icon style="margin-right: 8px">
                         <icon name="icon_succeed_filled"></icon>
                       </el-icon>
                       {{ t('dataset.completed') }}
@@ -1038,7 +1038,7 @@ const getMenuList = (val: boolean) => {
                       {{ t('dataset.underway') }}
                     </template>
                     <template v-if="scope.row.status === 'Error' || scope.row.status === 'Warning'">
-                      <el-icon>
+                      <el-icon style="margin-right: 8px">
                         <icon class="field-icon-red" name="icon_close_filled"></icon>
                       </el-icon>
                       {{ t('dataset.error') }}
@@ -1425,7 +1425,7 @@ const getMenuList = (val: boolean) => {
           <template #default="scope">
             <div class="flex-align-center">
               <template v-if="scope.row.taskStatus === 'Completed'">
-                <el-icon>
+                <el-icon style="margin-right: 8px">
                   <icon name="icon_succeed_filled"></icon>
                 </el-icon>
                 {{ t('dataset.completed') }}
@@ -1437,7 +1437,7 @@ const getMenuList = (val: boolean) => {
               <template
                 v-if="scope.row.taskStatus === 'Error' || scope.row.taskStatus === 'Warning'"
               >
-                <el-icon>
+                <el-icon style="margin-right: 8px">
                   <icon class="field-icon-red" name="icon_close_filled"></icon>
                 </el-icon>
                 {{ t('dataset.error') }}
@@ -1665,6 +1665,7 @@ const getMenuList = (val: boolean) => {
       border-radius: 2px;
       padding: 1px 6px;
       height: 24px;
+      font-size: 14px;
     }
 
     .error-color {

core/core-frontend/src/views/workbranch/index.vue

@@ -605,6 +605,10 @@ initMarketTemplate()
           line-height: 22px;
           border-radius: 4px;
 
+          button {
+            cursor: pointer;
+          }
+
           .flex-center {
             padding: 0 4px;
             color: #646a73;