style: 调查统计样式优化

src/styles/font/index.less

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'DIN';
+  src: url('./DIN_Alternate_Bold.ttf');
+}

src/styles/index.less

@@ -1,3 +1,5 @@
+@import url('./font/index.less');
+
 :root:root {
   --k-primary: #1CACF1; // 主题色
   --k-font-primary: #1CACF1; // 字体色

src/views/questionnaire-statistics/detail.tsx

@@ -165,7 +165,7 @@ export default defineComponent({
         </div>
 
         {/** 选择年级班级 */}
-        <div class={styles.gradeColumn} onClick={() => state.gradeStatus = true}>
+        <div class={[styles.gradeColumn, state.gradeStatus && styles.openVal]} onClick={() => state.gradeStatus = true}>
           <span class={state.gradeContent && styles.gcText}>{state.gradeContent ? state.gradeContent : '请选择年级班级'}</span>
           <i></i>
         </div>

src/views/questionnaire-statistics/index.module.less

@@ -78,6 +78,7 @@
       z-index: 2;
       margin: 0 1px 0 4px;
       top: 2px;
+      font-family: DIN;
     }
     > i {
       font-style: normal;
@@ -140,6 +141,13 @@
         background: url('./images/sc_line.png') no-repeat center;
         background-size: contain;
       }    
+      &:nth-child(1)::before {
+        right: 4px;
+      }
+      &:nth-child(2)::before {
+        right: -8px;
+        z-index: 99;
+      }
     }    
   }
 }
@@ -288,9 +296,11 @@
 
 
 .sRed {
+  font-family: DIN;
   color: #FE3F25;
 }
 .sBlue {
+  font-family: DIN;
   color: #259CFE;
 }
 
@@ -356,6 +366,7 @@
         font-size: 22px;
         font-weight: 500;
         color: #259CFE;
+        font-family: DIN;
       }
       i {
         position: relative;
@@ -412,5 +423,11 @@
     background-size: contain;
     width: 12px;
     height: 12px;
+    transition: all 0.5s;
+  }
+}
+.openVal {
+  i {
+    transform: rotate(180deg);
   }
 }

src/views/questionnaire-statistics/index.tsx

@@ -13,7 +13,7 @@ import scIcon3 from './images/sc_icon3.png';
 import schoolIcon from './images/school_icon.png';
 import searchIcon from './images/search_icon.png';
 import searchBtn from './images/search_btn.png';
-
+import totalBoxBg from './images/total_box_icon.png';
 
 export default defineComponent({
   name: 'questionnaire-statistics',
@@ -172,7 +172,7 @@ export default defineComponent({
       <div class={[styles.statisBody, forms.areaColumns.length == 1 ? styles.statisBody2 : styles.statisBody1]}>
         {
         forms.areaColumns.length > 1 && 
-        <div class={styles.spColumn} onClick={() => {
+        <div class={[styles.spColumn, forms.areaStatus && styles.openVal]} onClick={() => {
           forms.areaOptionIndex = [Number(forms.areaIdx)]
           forms.areaStatus = true
         }}>