页面修改

src/services/ConfigService.ts

@@ -18,7 +18,7 @@ class ConfigService{
      * 获取模板市场分页列表
      */
     static async GetTemplagePageAsync(params : any):Promise<HttpResponse>{
-        return Api.Post("triptemplate_GetTripTemplatePage",params);
+        return Api.Post("triptemplate_GetTripTemplatePage",params)
     }
 }
 export default ConfigService;
\ No newline at end of file

src/views/Market/Index.vue

@@ -27,8 +27,9 @@
                     <span style="margin-right: 50px;">适用国家：</span>
                     <el-check-tag :checked="queryObj.CountryName == ''" @change="onCountryNameChangeHandler('')"
                         class="text-small q-mr-md">通用</el-check-tag>
-                    <el-check-tag :checked="queryObj.CountryName == x" @change="onCountryNameChangeHandler(x.CountryName)"
-                        class="text-small q-mr-md" v-for="(x,i) in countries" :key="i">{{x.CountryName}}</el-check-tag>
+                    <el-check-tag :checked="queryObj.CountryName == x"
+                        @change="onCountryNameChangeHandler(x.CountryName)" class="text-small q-mr-md"
+                        v-for="(x,i) in countries" :key="i">{{x.CountryName}}</el-check-tag>
                 </div>
                 <el-divider style="margin:12px 0;border-top-color:#f3f6fb;"></el-divider>
                 <div class="row text-small items-center">
@@ -47,6 +48,15 @@
                         class="text-small q-mr-md" v-for="(x,i) in colorArr" :key="i">{{x.ColorName}}</el-check-tag>
                 </div>
             </div>
+            <div class="q-mt-lg bg-white q-pa-lg rounded">
+                <template v-for="(item,index) in dataList">
+                    <div style="width:200px;height:200px;">
+                        <img :src="item.CoverImg" style="width:100px;height:80px" />
+                        <br />
+                        <span>{{item.Title}}</span>
+                    </div>
+                </template>
+            </div>
         </div>
     </div>
 </template>
@@ -72,25 +82,33 @@
     const countries = ref(['日本', '韩国', '老挝', '法国', '意大利'] as Array < any > ) //国家
     const colorArr = ref([] as Array < any > ); //颜色
     const seasonArr = ref([] as Array < any > ); //季节
+    const dataList = ref([] as Array < any > ); //模板数据列表
     const queryObj = reactive({
         pageIndex: 1,
         pageSize: 10,
-        LineId: 0,
-        Title: '',
-        CountryName: '',
-        SeasonName: '',
-        ColorName: ''
+        LineId: 0, //线路Id
+        Title: '', //模板名称
+        CountryName: '', //国家名称
+        SeasonName: '', //季节名称
+        ColorName: '', //颜色名称
+        totalCount: 0, //总调试
+        pageCount: 0, //总页数
     })
 
     /***
      * 获取模板市场分页列表
      */
-    const queryTemplateBySearchHandler = () => {
+    const queryTemplateBySearchHandler = async () => {
         try {
-            let pageRes = ConfigService.GetTemplagePageAsync(queryObj);
+            let pageRes = await ConfigService.GetTemplagePageAsync(queryObj);
             console.log("queryTemplateBySearchHandler", pageRes);
+            if (pageRes.data.resultCode == 1) {
+                dataList.value = pageRes.data.data.pageData;
+                queryObj.totalCount = pageRes.data.data.count;
+                queryObj.pageCount = pageRes.data.data.pageCount;
+            }
         } catch (error) {
-
+            console.log("queryTemplateBySearchHandler", error);
         }
     }
 
@@ -156,9 +174,9 @@
             console.log("getTemplateQuery", error);
         }
     }
-
     getLinesHandler();
     getTemplateQuery();
+    queryTemplateBySearchHandler();
 </script>
 
 <style>