Browse Source

feat: 学校详情分享修改

TIANYONG 2 weeks ago
parent
commit
1a8a734f04

BIN
public/shareImg/statistics-school.png


+ 44 - 41
src/views/questionnaire-statistics-new/detail.tsx

@@ -192,7 +192,7 @@ export default defineComponent({
       const weChatShare = useWeChatShare(
         shareTitle,
         '科技赋能音乐(器乐)学习,在每一个孩子心中奏响美妙的乐章。',
-        window.location.origin + '/classroom-app/shareImg/questionnaire-statistics-new.png'
+        window.location.origin + '/classroom-app/shareImg/statistics-school.png'
       );
       if (browser().weixin) {
         weChatShare.getAppSignature()
@@ -290,48 +290,51 @@ export default defineComponent({
             </li>                                             
         </ul>
         {/** 班级列表 */}
-        <div class={styles.scList}>
-          {
-            state.classList.map((item: any) => (
-              <div class={styles.sItem}>
-              <div class={[styles.itemTile, styles.itemTileDetail]}>
-                <img src={gradeIcon} />
-                <p>{item.currentGrade||''}{item.currentClass || ''}</p>
-                <div class={styles.itRight}><span class={styles.sRed}>{formatNumberWithComma(item.studentNum || 0)}</span> 人参与调查</div>
-              </div>
-              <ul class={styles.itemContent}>
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sBlue}>{formatNumberWithComma(item.supportStudentNum || 0)}</span><i>人</i>
-                  </div>
-                 <p>支持开展</p>
-                </li>      
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sBlue}>{Number(item.supportStudentRate || 0).toFixed(2)}%</span>
-                  </div>
-                 <p>支持率</p>
-                </li>  
+        {
+          state.classList.length ?
+          <div class={styles.scList}>
+            {
+              state.classList.map((item: any) => (
+                <div class={styles.sItem}>
+                <div class={[styles.itemTile, styles.itemTileDetail]}>
+                  <img src={gradeIcon} />
+                  <p>{item.currentGrade||''}{item.currentClass || ''}</p>
+                  <div class={styles.itRight}><span class={styles.sRed}>{formatNumberWithComma(item.studentNum || 0)}</span> 人参与调查</div>
+                </div>
+                <ul class={styles.itemContent}>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{formatNumberWithComma(item.supportStudentNum || 0)}</span><i>人</i>
+                    </div>
+                  <p>支持开展</p>
+                  </li>      
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{Number(item.supportStudentRate || 0).toFixed(2)}%</span>
+                    </div>
+                  <p>支持率</p>
+                  </li>  
 
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sGreen}>{formatNumberWithComma(item.participationStudentNum || 0)}</span><i>人</i>
-                  </div>
-                 <p>报名参加</p>
-                </li>
-
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sGreen}>{Number(item.participationStudentRate || 0).toFixed(2)}%</span>
-                  </div>
-                 <p>参加率</p>
-                </li>                                
-              </ul>
-            </div>
-            ))
-          }
-        </div>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sGreen}>{formatNumberWithComma(item.participationStudentNum || 0)}</span><i>人</i>
+                    </div>
+                  <p>报名参加</p>
+                  </li>
 
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sGreen}>{Number(item.participationStudentRate || 0).toFixed(2)}%</span>
+                    </div>
+                  <p>参加率</p>
+                  </li>                                
+                </ul>
+              </div>
+              ))
+            }
+          </div> : 
+          <OEmpty description="暂无内容" class={styles.emptyC} />
+        }
         {/* 班级 */}
         <Popup
           v-model:show={state.gradeStatus}

+ 2 - 1
src/views/questionnaire-statistics-new/index.module.less

@@ -185,6 +185,7 @@
   flex-wrap: nowrap;
   overflow-x: scroll;
   margin-top: 12px;
+  padding-bottom: 1px;
   &::-webkit-scrollbar {
     display: none;
   }
@@ -201,7 +202,7 @@
     font-size: 12px;
     color: #333333;
     padding: 0 8px;
-    margin-right: 5px;
+    margin-right: 6px;
     box-sizing: content-box;
     >span {
       word-break: keep-all;

+ 37 - 33
src/views/questionnaire-statistics/detail.tsx

@@ -60,6 +60,7 @@ export default defineComponent({
         const res = await request.post(
           '/edu-app/open/meetingQuestionSetting/schoolStat',
           {
+            hideLoading: false,
             data: {
               schoolAreaId: forms.id
             }
@@ -156,7 +157,7 @@ export default defineComponent({
       const weChatShare = useWeChatShare(
         shareTitle,
         '科技赋能音乐(器乐)学习,在每一个孩子心中奏响美妙的乐章。',
-        window.location.origin + '/classroom-app/shareImg/questionnaire-statistics-new.png'
+        window.location.origin + '/classroom-app/shareImg/statistics-school.png'
       );
       if (browser().weixin) {
         weChatShare.getAppSignature()
@@ -221,39 +222,42 @@ export default defineComponent({
             </li>                        
         </ul>
         {/** 班级列表 */}
-        <div class={styles.scList}>
-          {
-            state.classList.map((item: any) => (
-              <div class={styles.sItem}>
-              <div class={styles.itemTile}>
-                <img src={gradeIcon} />
-                <p>{item.currentGrade||''}{item.currentClass || ''}</p>
+        {
+          state.classList.length ? 
+          <div class={styles.scList}>
+            {
+              state.classList.map((item: any) => (
+                <div class={styles.sItem}>
+                <div class={styles.itemTile}>
+                  <img src={gradeIcon} />
+                  <p>{item.currentGrade||''}{item.currentClass || ''}</p>
+                </div>
+                <ul class={styles.itemContent}>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sRed}>{formatNumberWithComma(item.studentNum || 0)}</span><i>人</i>
+                    </div>
+                  <p>参与调查</p>
+                  </li>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{formatNumberWithComma(item.supportStudentNum || 0)}</span><i>人</i>
+                    </div>
+                  <p>支持学校开展</p>
+                  </li>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{Number(item.supportStudentRate).toFixed(2)}%</span>
+                    </div>
+                  <p>支持率</p>
+                  </li>                                
+                </ul>
               </div>
-              <ul class={styles.itemContent}>
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sRed}>{formatNumberWithComma(item.studentNum || 0)}</span><i>人</i>
-                  </div>
-                 <p>参与调查</p>
-                </li>
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sBlue}>{formatNumberWithComma(item.supportStudentNum || 0)}</span><i>人</i>
-                  </div>
-                 <p>支持学校开展</p>
-                </li>
-                <li>
-                  <div class={styles.icTop}>
-                    <span class={styles.sBlue}>{Number(item.supportStudentRate).toFixed(2)}%</span>
-                  </div>
-                 <p>支持率</p>
-                </li>                                
-              </ul>
-            </div>
-            ))
-          }
-        </div>
-
+              ))
+            }
+          </div> : 
+          <OEmpty description="暂无内容" class={styles.emptyC} />
+        }
         {/* 班级 */}
         <Popup
           v-model:show={state.gradeStatus}

+ 5 - 3
src/views/questionnaire-statistics/index.module.less

@@ -142,11 +142,13 @@
         background-size: contain;
       }    
       &:nth-child(1)::before {
-        right: 4px;
+        //right: 4px;
+        transform: translateX(-4px);
       }
       &:nth-child(2)::before {
-        right: -8px;
-        z-index: 99;
+        //right: -8px;
+        //z-index: 99;
+        transform: translateX(8px);
       }
     }    
   }

+ 1 - 1
vite.config.ts

@@ -14,7 +14,7 @@ function resolve(dir: string) {
 // https://vitejs.dev/config/
 // https://github.com/vitejs/vite/issues/1930 .env
 // const proxyUrl = 'https://test.lexiaoya.cn/';
-const proxyUrl = 'https://dev.kt.colexiu.com/';
+const proxyUrl = 'https://test.kt.colexiu.com/';
 // const proxyUrl = 'http://192.168.3.143:7093/';
 // const proxyUrl = 'https://dev.kt.colexiu.com/';
 export default defineConfig({