Головна сторінка Огляд Довідка
Увійти
eta_gn_front
/
eta_chart_front
2
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

Merge branch 'debug' of http://8.136.199.33:3000/eta_gn_front/eta_chart_front into debug

shanbinzhang 2 місяців тому
батько
ffabcad5ae bfe63ce327
коміт
5bd5bafa7d
7 змінених файлів з 56 додано та 18 видалено
Розділений вигляд Показати статистику Diff
  1. 1 1
      index.html
  2. BIN
      public/fa.png
  3. BIN
      public/favicon.ico
  4. 1 1
      src/components/sheet.vue
  5. 9 3
      src/views/chartShow/index.less
  6. 32 11
      src/views/chartShow/index.vue
  7. 13 2
      src/views/sheetShow/index.vue

+ 1 - 1
index.html
Переглянути файл 

@@ -2,7 +2,7 @@
 
 <html lang="en">
 
   <head>
 
     <meta charset="UTF-8" />
 
-    <link rel="icon" href="/favicon.ico" />
 
+    <link rel="icon" href="/fa.png" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <title>图表后台</title>
 
   </head>

BIN
public/fa.png
Переглянути файл


BIN
public/favicon.ico
Переглянути файл


+ 1 - 1
src/components/sheet.vue
Переглянути файл 

@@ -1,5 +1,5 @@
 
 <script setup lang='ts'>
 
-import { PropType,computed } from 'vue';
 
+import { PropType,computed,ref } from 'vue';
 
 import { isMobile } from '@/utils/utils'
 
  
 const props = defineProps({

+ 9 - 3
src/views/chartShow/index.less
Переглянути файл 

@@ -95,13 +95,15 @@
 
 			}
 
 
 			.chart-source {
 
-				width: 30%;
 
+				flex: 1;
 
 				min-width: 150px;
 
+				width: 100%;
 
 			}
 
 			.chart-instruction {
 
-				max-width: 80%;
 
+				width: 100%;
 
 				flex: 1;
 
-				text-align: right;
 
+				margin-bottom: 10px;
 
+				text-align: left;
 
 				margin-left: auto;
 
 			}
 
 		}
 
@@ -115,6 +117,10 @@
 
 			}
 
 		}
 
 	}
 
+	.flex-align{
 
+		display: flex;
 
+		align-items: center;
 
+	}
 
 	@media (min-width: 1201px) {
 
 		.chart-header {
 
 			font-size: 24px;

+ 32 - 11
src/views/chartShow/index.vue
Переглянути файл 

@@ -44,20 +44,30 @@
 
     ">
 
 
       <!-- 图表说明 -->
 
-      <div 
-        class="chart-instruction text_oneLine" 
-        v-text="JSON.parse(chartInfo.Instructions).text"
 
-        :style="`
 
-          color: ${JSON.parse(chartInfo.Instructions).color};
 
-          font-size: ${ JSON.parse(chartInfo.Instructions).fontSize }px
 
-        `"
 
-      ></div>
 
+        <div 
+          class="chart-instruction text_oneLine" 
+          :style="`
 
+            color: ${JSON.parse(chartInfo.Instructions).color};
 
+            font-size: ${ JSON.parse(chartInfo.Instructions).fontSize }px
 
+          `"
 
+        >
 
+        <el-popover
 
+          popper-style="max-width:60%;width:auto;min-width:0"
 
+          placement="top"
 
+          trigger="hover"
 
+          effect="dark"
 
+          :content="JSON.parse(chartInfo.Instructions).text"
 
+        >
 
+          <template #reference>
 
+            <em>{{ JSON.parse(chartInfo.Instructions).text}}</em>
 
+          </template>
 
+        </el-popover>
 
+      </div>
 
     </div>
 
 
     <div class="bootom-source">
 
-
 
       <!-- 自定义来源 -->
 
-      <div>
 
+      <div style="width: calc(100% - 60px)">
 
         <div class="chart-source text_oneLine" 
           v-if="chartInfo.SourcesFrom&&JSON.parse(chartInfo.SourcesFrom).isShow"
 
           :style="`
 
@@ -65,7 +75,18 @@
 
               font-size: ${ JSON.parse(chartInfo.SourcesFrom).fontSize }px;
 
           `"
 
         >
 
-            source：<em>{{ JSON.parse(chartInfo.SourcesFrom).text}}</em>
 
+        来源：
 
+          <el-popover
 
+            popper-style="max-width:60%;width:auto;min-width:0"
 
+            placement="top"
 
+            trigger="hover"
 
+            effect="dark"
 
+            :content="JSON.parse(chartInfo.SourcesFrom).text"
 
+          >
 
+            <template #reference>
 
+              <em>{{ JSON.parse(chartInfo.SourcesFrom).text}}</em>
 
+            </template>
 
+          </el-popover>
 
         </div>
 
       </div>

+ 13 - 2
src/views/sheetShow/index.vue
Переглянути файл 

@@ -89,7 +89,18 @@ const refreshSheet = async()=>{
 
             font-size: ${ JSON.parse(info.SourcesFrom).fontSize }px;
 
         `"
 
       >
 
-          source：<em>{{ JSON.parse(info.SourcesFrom).text}}</em>
 
+        来源：
 
+          <el-popover
 
+            placement="top"
 
+            popper-style="max-width:60%;width:auto;min-width:0"
 
+            trigger="hover"
 
+            effect="dark"
 
+            :content="JSON.parse(info.SourcesFrom).text"
 
+          >
 
+            <template #reference>
 
+              <em>{{ JSON.parse(info.SourcesFrom).text}}</em>
 
+            </template>
 
+          </el-popover>
 
       </div>
 
       <!-- 占位 -->
 
       <div v-else></div>
 
@@ -126,7 +137,7 @@ const refreshSheet = async()=>{
 
     white-space: nowrap;
 
     padding: 0 10px;
 
     .sheet-source{
 
-      width: 30%;
 
+      width: calc(100% - 60px);
 
       min-width: 150px;
 
       overflow: hidden;
 
       text-overflow: ellipsis;