普法考试

src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue

@@ -1,12 +1,15 @@
 <template>
   <div class="GeneralLawExam">
     <div class="search_box">
-      <u-search placeholder="请输入需要搜索的考试" bg-color="#FFF" v-model="keyword" :show-action="false"></u-search>
+      <u-search placeholder="请输入需要搜索的考试" bg-color="#FFF" v-model="title" 
+      :show-action="false" @search="getList"></u-search>
     </div>
 
     <p class="all_test">全部考试</p>
 
+    <!-- v-if="testList.length" -->
     <div class="card_list">
+      <!-- v-for="item in testList" :key="item.id" -->
       <div class="card">
         <div class="card_top">
           <div class="card_title">曲靖规则基本考试</div>
@@ -23,7 +26,9 @@
         </div>
         <div class="card_bottom col_blue" @click="handleToTest()">参加考试</div>
       </div>
+      
     </div>
+    <!-- <AiEmpty :description="`暂无数据`" class="emptyWrap" v-else/> -->
 
     <u-popup v-model="showAuth" mode="bottom" border-radius="32">
 			<div class="auth_box">
@@ -35,7 +40,7 @@
           <div class="form_name"><span class="red">*</span>身份证号</div>
           <input class="form_value" type="idcard" placeholder="请输入18位身份证号" v-model="form.idNumber"/>
           <div class="form_name"><span class="red">*</span>地区</div>
-          <AiAreaPicker class="ai-area" v-model="form.areaId" :fullName.sync="form.areaName" all>
+          <AiAreaPicker class="ai-area" v-model="form.areaId" :areaId="$areaId" :fullName.sync="form.areaName">
             <div class="ai-area__wrapper">
               <span class="label" v-if="form.areaName">{{ form.areaName }}</span>
               <i v-else style="color: #999">请选择</i>
@@ -59,7 +64,7 @@ export default {
   data() {
     return {
       showAuth: false,
-      keyword: '',
+      title: '',
       current: 1,
       form: {
         name: '',
@@ -68,24 +73,34 @@ export default {
         areaName: '',
       },
       flag: false,
+      current: 1,
+      testList: [],
     }
   },
-  onLoad() {
-  },
   computed: {
     ...mapState(['user'])
   },
   methods: {
     getList() {
-      console.log('普法考试列表');
+      this.$instance.post(`/app/appexaminationinfo/listForXCX`, null, {
+        params: {
+          current: this.current,
+          size: 10,
+          title: this.title
+        }
+      }).then(res=> {
+        if(res?.data) {
+          this.testList = res.data.records
+        }
+      })
     },
     handleToTest() {
       // 没有认证
       // if('没有认证') {
-      //   this.showAuth = true;
+        this.showAuth = true;
       //   已认证
       // } else { 
-        this.$emit('toTest')
+        // this.$emit('toTest')
       // }
     },
     comfirm() {