feat: 调查统计

src/router/router-root.ts

@@ -343,6 +343,22 @@ export default [
     }
   },
   {
+    path: '/questionnaire-statistics',
+    name: 'questionnaire-statistics',
+    component: () => import('@/views/questionnaire-statistics/index'),
+    meta: {
+      title: '数字化转型问卷统计'
+    }
+  },  
+  {
+    path: '/statistics-detail',
+    name: 'statistics-detail',
+    component: () => import('@/views/questionnaire-statistics/detail'),
+    meta: {
+      title: '数字化转型问卷统计'
+    }
+  },    
+  {
     path: '/:pathMatch(.*)*',
     component: () => import('@/views/404'),
     meta: {

src/views/questionnaire-statistics/detail.tsx

@@ -0,0 +1,182 @@
+import { defineComponent, onMounted, reactive, ref } from 'vue';
+import styles from './index.module.less';
+import { List, Popup, DatePicker, Popover } from 'vant';
+import request from '@/helpers/request';
+import { useRoute, useRouter } from 'vue-router';
+import OEmpty from '@/components/m-empty';
+import MWxTip from '@/components/m-wx-tip';
+import OSearch from '@/components/m-search';
+import positionIcon from './images/position_icon.png';
+import scIcon1 from './images/sc_icon1.png';
+import scIcon2 from './images/sc_icon2.png';
+import scIcon3 from './images/sc_icon3.png';
+import schoolIcon from './images/school_icon.png';
+
+
+export default defineComponent({
+  name: 'statistics-detail',
+  setup() {
+    const route = useRoute();
+    const router = useRouter();
+    const tabName = ref('all');
+    const forms = reactive({
+      schoolName: '',
+      id: route.query.id,
+      yearStatus: false,
+      schoolId: null,
+      
+    });
+
+    const refreshing = ref(false);
+    const loading = ref(true);
+
+
+    const state = reactive({
+      saveLoading: false,
+      image: null as any,
+      shareLoading: false,
+      schoolInfo: {} as any,
+      classList: [] as any,
+      currentSort: 1, // 当前选中的排序方式
+      currentAsc: false, // 是否生序，默认是降序
+    });
+
+    const queryInfo = async () => {
+      try {
+        const res = await request.post(
+          '/edu-app/open/meetingQuestionSetting/schoolStat',
+          {
+            data: {
+              schoolAreaId: forms.id
+            }
+          }
+        );
+        state.schoolInfo = res.data || {}
+        console.log('111',res)        
+      } catch (error) {
+        
+      }
+
+    }
+
+    const queryList = async () => {
+      try {
+        const res = await request.post(
+          '/edu-app/open/meetingQuestionSetting/schoolClass',
+          {
+            data: {
+              schoolAreaId: forms.id,
+              currentGrade: "",
+              currentClass: "",
+              sortType: state.currentSort,
+              asc: state.currentAsc
+            }
+          }
+        );
+        state.classList = res.data || []
+        console.log('222',res)        
+      } catch (error) {
+        
+      }
+
+    }
+
+    const filterList = (num: number) => {
+      if (state.currentSort !== num) {
+        state.currentAsc = false
+      } else {
+        state.currentAsc = !state.currentAsc
+      }
+      state.currentSort = num;
+      
+      queryList()
+    }
+
+    onMounted(async () => {
+      await queryInfo()
+      queryList()
+    });
+
+    return () => (
+      <div class={styles.detailBody}>
+        <div class={styles.dbTitle}>
+          <div class={styles.dtName}>
+            <img src={schoolIcon} />
+            <p>{state.schoolInfo.schoolName}</p>
+          </div>
+          <div class={styles.dtDesc}>共<span> {state.schoolInfo.classNum} </span>个班级，<span>{state.schoolInfo.studentNum}</span>人参与调查</div>
+        </div>
+
+        <div class={styles.dbStatic}>
+          <div class={styles.dsItem}>
+            <div><span>{state.schoolInfo.supportStudentNum}</span>人</div>
+            <p>支持学校开展</p>
+            <i class={[styles.dsIcon, styles.dsIcon1]}></i>
+          </div>
+          <div class={styles.dsItem}>
+            <div><span>{state.schoolInfo.supportStudentRate}%</span></div>
+            <p>支持率</p>
+            <i class={[styles.dsIcon, styles.dsIcon2]}></i>
+          </div>          
+        </div>
+
+        {/** 选择年级班级 */}
+        <div class={styles.gradeColumn}>
+          <span>请选择年级班级</span>
+          <i></i>
+        </div>
+
+        {/** 排序栏 */}
+        <ul class={styles.sortColumn}>
+            <li class={state.currentSort === 1 && styles.sortActive} onClick={() => filterList(1)}>
+              <span>参与调查人数</span>
+              <i class={[(state.currentSort === 1 && !state.currentAsc) && styles.actDown, (state.currentSort === 1 && state.currentAsc) && styles.actUp]}></i>
+            </li>
+            <li class={state.currentSort === 2 && styles.sortActive} onClick={() => filterList(2)}>
+              <span>支持人数</span>
+              <i class={[(state.currentSort === 2 && !state.currentAsc) && styles.actDown, (state.currentSort === 2 && state.currentAsc) && styles.actUp]}></i>
+            </li>
+            <li class={state.currentSort === 3 && styles.sortActive} onClick={() => filterList(3)}>
+              <span>支持率</span>
+              <i class={[(state.currentSort === 3 && !state.currentAsc) && styles.actDown, (state.currentSort === 3 && state.currentAsc) && styles.actUp]}></i>
+            </li>                        
+        </ul>
+        {/** 班级列表 */}
+        <div class={styles.scList}>
+          {
+            state.classList.map((item: any) => (
+              <div class={styles.sItem}>
+              <div class={styles.itemTile}>
+                <img src={schoolIcon} />
+                <p>{item.currentGrade||''}{item.currentClass || ''}</p>
+              </div>
+              <ul class={styles.itemContent}>
+                <li>
+                  <div class={styles.icTop}>
+                    <span class={styles.sRed}>{item.studentNum}</span><i>人</i>
+                  </div>
+                 <p>参与调查</p>
+                </li>
+                <li>
+                  <div class={styles.icTop}>
+                    <span class={styles.sBlue}>{item.supportStudentNum}</span><i>人</i>
+                  </div>
+                 <p>支持学校开展</p>
+                </li>
+                <li>
+                  <div class={styles.icTop}>
+                    <span class={styles.sBlue}>{item.supportStudentRate}%</span>
+                  </div>
+                 <p>支持率</p>
+                </li>                                
+              </ul>
+            </div>
+            ))
+          }
+        </div>
+
+        {/* <MWxTip /> */}
+      </div>
+    );
+  }
+});

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

@@ -0,0 +1,378 @@
+.statisBody {
+  min-height: 100vh;
+  background: url('./images/qt_bg.png') no-repeat top center #F6F8F9;
+  background-size: contain;
+  padding: 12px;
+  overflow: hidden;
+  position: relative;
+}
+
+.spColumn {
+  display: flex;
+  align-items: center;
+  background: rgba(255,255,255,0.6);
+  border-radius: 18px;
+  border: 1px solid #FFFFFF;
+  height: 33px;
+  padding: 0 12px;
+  p {
+    flex: 1;
+    font-size: 15px;
+    color: #333333;
+    font-weight: 600;
+    padding-right: 8px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+  }
+  img {
+    width: 16px;
+    height: auto;
+    object-fit: contain;
+    margin-right: 4px;
+  }
+  >i {
+    background: url('./images/arrow_icon.png') no-repeat center;
+    background-size: contain;
+    width: 12px;
+    height: 12px;
+    transition: all 0.5s;
+  }
+}
+
+.scContent {
+  background: url('./images/total_box_icon.png') no-repeat center;
+  background-size: contain;
+  width: 100%;
+  height: 145px;
+  margin: 8px 0 12px;
+  .scTop {
+    margin: 25px 0 0 24px;
+    display: inline-block;
+    align-items: flex-end;
+    font-size: 14px;
+    color: #333333;
+    position: relative;
+    z-index: 2;
+    > span {
+      color: #FE3F25;
+      font-size: 28px;
+      font-weight: 500;
+      position: relative;
+      z-index: 2;
+    }
+    > i {
+      font-style: normal;
+      color: #777777;
+    }
+    &::before {
+      content: "";
+      position: absolute;
+      z-index: 1;
+      left: -1px;
+      bottom: 1px;
+      width: 106%;
+      height: 8px;
+      background: linear-gradient( 90deg, rgba(37,156,254,0.49) 0%, rgba(91,236,255,0.3) 100%);
+    }
+  }
+  .scBottom {
+    margin-top: 24px;
+    display: flex;
+    align-items: center;
+    li {
+      position: relative;
+      flex: 1;
+      .sNum {
+        font-size: 20px;
+        font-weight: 500;
+        display: flex;
+        justify-content: center;
+        align-items: flex-end;
+        i {
+          font-weight: normal;
+          font-style: normal;
+          color: #777777;
+          font-size: 14px;
+        }
+      }
+      .sDesc {
+        margin-top: 6px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 13px;
+        color: #777777;
+        img {
+          width: 16px;
+          height: 16px;
+          margin-right: 2px;
+        }
+      }
+      // &:nth-child(1),&:nth-child(2) {
+      //   content: "";
+      //   position: absolute;
+      //   right: 0;
+      //   top: 0;
+      //   height: 43px;
+      //   width: 1px;
+      //   background: url('./images/sc_line.png') no-repeat center;
+      //   background-size: contain;
+      // }      
+    }
+  }
+}
+
+.searechInfo {
+  background: #fff;
+  display: flex;
+  align-items: center;
+  background: rgba(255,255,255,0.6);
+  border-radius: 19px;
+  border: 1px solid #FFFFFF;
+  padding: 3px 3px 3px 12px;
+  .searchIcon {
+    width: 16px;
+    height: 16px;
+    margin-right: 4px;
+  }
+  .searchBtn {
+    width: 56px;
+    height: 28px;
+    margin-left: 4px;
+  }
+  :global {
+    .van-cell {
+      padding: 0;
+      background: transparent;
+      border: none;
+    }
+  }
+}
+
+.sortColumn {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+  >li {
+    display: flex;
+    align-items: center;
+    height: 28px;
+    box-sizing: border-box;
+    background: #fff;
+    border: 1px solid #fff;
+    border-radius: 14px;
+    font-size: 12px;
+    color: #333333;
+    padding: 0 8px;
+    margin-right: 10px;
+    >i {
+      background: url('./images/sort_icon1.png') no-repeat center;
+      background-size: contain;
+      width: 6px;
+      height: 10px;
+      margin-left: 4px;
+      &.actUp {
+        background: url('./images/sort_icon2.png') no-repeat center;
+        background-size: contain;
+      }
+      &.actDown {
+        background: url('./images/sort_icon3.png') no-repeat center;
+        background-size: contain;
+      }
+    }
+  }
+  .sortActive {
+    background: rgba(28,172,241,0.06);
+    border: 1px solid #2FAFF1;
+    font-size: 12px;
+    color: #1CACF1;
+    font-weight: 600;
+  }
+}
+
+.scList {
+  .sItem {
+    margin-top: 12px;
+    background: #fff;
+    border-radius: 10px;
+    padding: 0 10px;
+    .itemTile {
+      display: flex;
+      align-items: center;
+      padding: 12px 0 10px;
+      border-bottom: 1px dashed #f0f0f0;
+      img {
+        width: 16px;
+        height: 16px;
+      }
+      p {
+        flex: 1;
+        font-size: 14px;
+        color: #333;
+        font-weight: 500;
+        padding: 0 8px 0 3px;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        word-break: break-all;
+        white-space: nowrap;
+      }
+      i {
+        width: 12px;
+        height: 12px;
+        background: url('./images/arrow_right.png') no-repeat center;
+        background-size: contain;
+      }
+    }
+    .itemContent {
+      display: flex;
+      align-items: center;
+      >li {
+        flex: 1;
+        padding: 12px 0;
+        .icTop {
+          text-align: center;
+          font-size: 18px;
+          font-weight: 500;
+          display: flex;
+          align-items: flex-end;
+          justify-content: center;
+          i {
+            font-style: normal;
+            font-size: 12px;
+            color: #777777;
+          }
+        }
+        >p {
+          margin-top: 4px;
+          font-size: 12px;
+          color: #777777;
+          text-align: center;
+        }
+      }
+    }
+  }
+}
+
+
+
+.sRed {
+  color: #FE3F25;
+}
+.sBlue {
+  color: #259CFE;
+}
+
+
+// 详情页
+.detailBody {
+  min-height: 100vh;
+  background: url('./images/dt_bg.png') no-repeat top center #F6F8F9;
+  background-size: contain;
+  padding: 20px 12px;
+  position: relative;
+}
+
+.dbTitle {
+  margin-bottom: 12px;
+  .dtName {
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+    img {
+      width: 16px;
+      height: 16px;
+      margin-right: 3px;
+    }
+    p {
+      font-size: 15px;
+      color: #333333;
+      font-weight: 500;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      word-break: break-all;
+      white-space: nowrap;      
+    }
+  }
+  .dtDesc {
+    font-size: 12px;
+    color: #333333;
+    span {
+      font-weight: 500;
+      color: #FE2525;
+    }
+  }
+}
+
+.dbStatic {
+  display: flex;
+  align-items: center;
+  .dsItem {
+    flex: 1;
+    background: linear-gradient( 157deg, rgba(255,255,255,0.45) 0%, #FFFFFF 100%);
+    border: 2px solid rgba(179, 224, 236, 0.66);
+    border-radius: 10px;
+    position: relative;
+    overflow: hidden;
+    padding: 14px 0 16px 22px;
+    >div {
+      display: flex;
+      align-items: flex-end;
+      font-size: 12px;
+      color: #777777;
+      margin-bottom: 5px;
+      span {
+        font-size: 22px;
+        font-weight: 500;
+        color: #259CFE;
+      }
+    }
+    >p {
+      font-size: 13px;
+      color: #777777;
+    }
+    .dsIcon {
+      position: absolute;
+      right: 2px;
+      bottom: 2px;
+    }
+    .dsIcon1 {
+      background: url('./images/xz_icon2.png') no-repeat center;
+      background-size: contain;
+      width: 44px;
+      height: 48px;
+    }
+    .dsIcon2 {
+      background: url('./images/xz_icon1.png') no-repeat center;
+      background-size: contain;
+      width: 41px;
+      height: 40px;
+    }
+    &:nth-child(1) {
+      margin-right: 8px;
+    }
+  }
+}
+
+.gradeColumn {
+  margin: 12px 0;
+  background: rgba(255,255,255,0.6);
+  border-radius: 19px;
+  border: 1px solid #FFFFFF;
+  height: 34px;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  span {
+    flex: 1;
+    font-size: 14px;
+    color: rgba(0,0,0,0.4);
+  }
+  i {
+    background: url('./images/arrow_icon.png') no-repeat center;
+    background-size: contain;
+    width: 12px;
+    height: 12px;
+  }
+}

src/views/questionnaire-statistics/index.tsx

@@ -0,0 +1,289 @@
+import { defineComponent, onMounted, reactive, ref } from 'vue';
+import styles from './index.module.less';
+import { List, Popup, DatePicker, Popover, Field, Picker, } from 'vant';
+import request from '@/helpers/request';
+import { useRoute, useRouter } from 'vue-router';
+import OEmpty from '@/components/m-empty';
+import MWxTip from '@/components/m-wx-tip';
+import OSearch from '@/components/m-search';
+import positionIcon from './images/position_icon.png';
+import scIcon1 from './images/sc_icon1.png';
+import scIcon2 from './images/sc_icon2.png';
+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';
+
+
+export default defineComponent({
+  name: 'questionnaire-statistics',
+  setup() {
+    const route = useRoute();
+    const router = useRouter();
+    const tabName = ref('all');
+    const forms = reactive({
+      schoolName: '',
+      id: route.query.id,
+      // id: '1687275949971763202',
+      yearStatus: false,
+      schoolId: null,
+      classList: [] as any,
+      page: 1,
+      rows: 20,
+      isClick: false,
+      tenantId: route.query.id,
+      areaList: [] as any,
+      areaColumns: [] as any,
+      areaStatus: false,
+      areaPopupShow: false,
+      areaOptionIndex: [] as any,
+      currentArea: null as any, // 当前的区域
+      currentAreaInfo: null as any,
+      schoolList: [] as any,
+      totalInfo: {} as any,
+      sortType: 'DESC' as any, // 排序方式,ASC(升序)/DESC(降序)
+      sortField: 'totalNum', // totalNum: 总人数，supportNum：支持人数，supportRate：支持率
+    });
+
+    const refreshing = ref(false);
+    const loading = ref(true);
+    const finished = ref(false);
+    const showContact = ref(false);
+    const list = ref([]);
+
+    const queryArea = async () => {
+      try {
+        const { data } = await request.get(
+          `/edu-app/open/tenantInfo/getArea?tenantId=${forms.tenantId}`, {
+            hideLoading: false,
+          }
+        );
+        forms.areaList = data || []
+        data.forEach((item: any, index: number) => {
+          const {provinceName='',cityName='',regionName=''} = item
+          forms.areaColumns.push({
+            text: provinceName + ' ' + cityName + ' ' + regionName,
+            value: index
+          })
+        })
+        forms.currentArea = forms.areaColumns.length ? forms.areaColumns[0].text : ''
+        forms.currentAreaInfo = forms.areaList.length ? forms.areaList[0] : null;
+      } catch (error) {
+        
+      }
+      await getList();
+    }
+
+    const getList = async () => {
+      try {
+        console.log(11111)
+        const { provinceCode='',cityCode='',regionCode='' } = forms.currentAreaInfo
+        const res = await request.post(
+          '/edu-app/open/schoolMeetingQuestion/areaSummary',
+          {
+            data: {
+              tenantId: forms.tenantId,
+              schoolName: forms.schoolName,
+              provinceCode,
+              cityCode,
+              districtCode: regionCode,
+              sortType: forms.sortType,
+              sortField: forms.sortField,
+            }
+          }
+        );
+
+        forms.schoolList = res.data?.page || []
+        forms.totalInfo = res.data?.summary || {}
+      } catch {
+        // 
+      } finally {
+        //
+      }
+      
+    };
+
+    const state = reactive({
+      saveLoading: false,
+      image: null as any,
+      shareLoading: false
+    });
+
+    const skipDetail = (id: any) => {
+      router.push({
+        path: '/statistics-detail',
+        query: {
+          id,
+        }
+      });
+    }
+
+    const filterList = (val: string) => {
+      if (forms.sortField !== val) {
+        forms.sortType = 'DESC'
+      } else {
+        forms.sortType = forms.sortType === 'DESC' ? 'ASC' : 'DESC'
+      }
+      forms.sortField = val
+      getList()
+    }
+
+    onMounted(async () => {
+      await queryArea();
+    });
+
+    return () => (
+      <div class={styles.statisBody}>
+        <div class={styles.spColumn} onClick={() => forms.areaStatus = true}>
+          <img src={positionIcon} />
+          <p>{forms.currentArea}</p>
+          <i></i>
+        </div>
+
+        <div class={styles.scContent}>
+          <div class={styles.scTop}>
+            参与学校<span>{forms.totalInfo.schoolNum || 0}</span><i>所</i>
+          </div>
+          <ul class={styles.scBottom}>
+            <li>
+              <div class={styles.sNum}><span class={styles.sRed}>{forms.totalInfo.totalNum || 0}</span><i>人</i></div>
+              <div class={styles.sDesc}>
+                <img src={scIcon1} />
+                参与调查
+              </div>
+            </li>
+            <li>
+              <div class={styles.sNum}><span class={styles.sRed}>{forms.totalInfo.supportNum || 0}</span><i>人</i></div>
+              <div class={styles.sDesc}>
+                <img src={scIcon2} />
+                支持学校开展
+              </div>
+            </li>
+            <li>
+              <div class={styles.sNum}><span class={styles.sRed}>{forms.totalInfo.supportRate || 0}%</span></div>
+              <div class={styles.sDesc}>
+                <img src={scIcon3} />
+                支持率
+              </div>
+            </li>                        
+          </ul>
+        </div>
+
+        {/** 搜索栏 */}
+        <div class={styles.searechInfo}>
+          {/* <OSearch
+            class={styles.allDataWrap}
+            shape="round"
+            background="#F6F8F9"
+            inputBackground="white"
+            placeholder="请输入学校名称"
+            onSearch={val => {
+              forms.schoolName = val;
+              forms.page = 1;
+              refreshing.value = true;
+              getList();
+            }}></OSearch> */}
+            <img src={searchIcon} class={styles.searchIcon} />
+             <Field
+                clearable={true}
+                inputAlign="left"
+                placeholder="请输入学校名称"
+                autocomplete="off"
+                center
+                maxlength={30}
+                v-model={forms.schoolName}>
+              </Field>   
+              <img src={searchBtn} class={styles.searchBtn} />         
+        </div>
+
+        {/** 排序栏 */}
+        <ul class={styles.sortColumn}>
+            <li class={forms.sortField === 'totalNum' && styles.sortActive} onClick={() => filterList('totalNum')}>
+              <span>参与调查人数</span>
+              <i class={[(forms.sortField === 'totalNum' && forms.sortType === 'DESC') && styles.actDown, (forms.sortField === 'totalNum' && forms.sortType === 'ASC') && styles.actUp]}></i>
+            </li>
+            <li class={forms.sortField === 'supportNum' && styles.sortActive} onClick={() => filterList('supportNum')}>
+              <span>支持人数</span>
+              <i class={[(forms.sortField === 'supportNum' && forms.sortType === 'DESC') && styles.actDown, (forms.sortField === 'supportNum' && forms.sortType === 'ASC') && styles.actUp]}></i>
+            </li>
+            <li class={forms.sortField === 'supportRate' && styles.sortActive} onClick={() => filterList('supportRate')}>
+              <span>支持率</span>
+              <i class={[(forms.sortField === 'supportRate' && forms.sortType === 'DESC') && styles.actDown, (forms.sortField === 'supportRate' && forms.sortType === 'ASC') && styles.actUp]}></i>
+            </li>                        
+        </ul>
+        {/** 学校列表 */}
+        {
+          forms.schoolList.length ?
+          <div class={styles.scList}>
+            {forms.schoolList.map((item: any) => (
+              <div class={styles.sItem} onClick={() => skipDetail(item.schoolAreaId)}>
+                <div class={styles.itemTile}>
+                  <img src={schoolIcon} />
+                  <p>{item.schoolName}</p>
+                  <i></i>
+                </div>
+                <ul class={styles.itemContent}>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sRed}>{item.totalNum}</span><i>人</i>
+                    </div>
+                  <p>参与调查</p>
+                  </li>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{item.supportNum}</span><i>人</i>
+                    </div>
+                  <p>支持学校开展</p>
+                  </li>
+                  <li>
+                    <div class={styles.icTop}>
+                      <span class={styles.sBlue}>{item.supportRate}%</span>
+                    </div>
+                  <p>支持率</p>
+                  </li>                                
+                </ul>
+              </div>
+            ))}
+          </div> : 
+          <OEmpty description="暂无内容" class={styles.emptyC} />
+        }
+        {/* 区域 */}
+        <Popup
+          v-model:show={forms.areaStatus}
+          position="bottom"
+          round
+          safeAreaInsetBottom
+          lazyRender={false}
+          class={'popupBottomSearch'}
+          onOpen={() => {
+            forms.areaPopupShow = true;
+          }}
+          onClosed={() => {
+            forms.areaPopupShow = false;
+          }}>
+          {forms.areaPopupShow && (
+            <Picker
+              showToolbar
+              v-model={forms.areaOptionIndex}
+              columns={forms.areaColumns}
+              onCancel={() => (forms.areaStatus = false)}
+              onConfirm={(val: any) => {
+                console.log('选择1111',val)
+                // forms.gradeAndClassIndex = [val.selectedOptions[0].value, val.selectedOptions[1].value]
+                // forms.currentArea = val.selectedOptions[0].text;
+                // forms.currentClass = val.selectedOptions[1].text;
+                forms.currentArea = val.selectedOptions[0].text
+                forms.areaOptionIndex = [val.selectedOptions[0].value]
+                forms.areaStatus = false;
+                forms.currentAreaInfo = forms.areaList[val.selectedOptions[0].value]
+                getList()
+              }}
+            />
+          )}
+        </Popup>
+
+        {/* <MWxTip /> */}
+      </div>
+    );
+  }
+});

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://test.kt.colexiu.com/';
+const proxyUrl = 'https://dev.kt.colexiu.com/';
 // const proxyUrl = 'http://192.168.3.143:7093/';
 // const proxyUrl = 'https://dev.kt.colexiu.com/';
 export default defineConfig({