[feature]自助服务页面接口联调

src/modules/makeRepayment/views/index.vue

@@ -68,8 +68,34 @@ const loadApproval = () => {
 const router = useRouter();
 
 const jump = () => {
-  router.push({ name: 'makeRepayment-views-plan' })
+  router.push({ name: 'makeRepayment-views-plan', params: {
+    name: 'hh'
+    }})
 }
+
+// export  default ({
+//   setup(props, ctx) {
+//     //router是全局路由对象，route= userRoute()是当前路由对象
+//     let router = useRouter();
+//     const jump=()=>{
+//       router.push({
+//         //传递参数使用params的话，只能使用name指定(在route.js里面声明name)
+//         name:'makeRepayment-views-plan',
+//         params:{
+//           num:1
+//         }
+//         /* 使用query的话，指定path或者name都行
+//         path:'/home',
+//         query:{
+//         num:1
+//         } */
+//       })
+//     }
+//     return{
+//       jump,
+//     }
+//   }
+// })
 </script>
 
 <style scoped lang="less">

src/modules/makeRepayment/views/plan.vue

@@ -24,7 +24,7 @@
               </p>
             </div>
             <div class="right-item">
-              <span></span>
+              <span>啊哈哈哈：{{route.params.name}}</span>
               <span class="flag-button payment" @click="handleClick">
                 支付
               </span>
@@ -49,7 +49,7 @@ import RepayPlan from '@/components/RepayPlan.vue'
 import Pay from '../components/Pay.vue'
 import { Icon, Dialog } from 'vant'
 import {ref} from "vue";
-import {useRouter} from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import api from "../api";
 
 const showDialog = ref(false);
@@ -69,6 +69,7 @@ let cashflow = [
 ]
 const payInfo = ref({});
 let showModal = ref(false);
+const route = useRoute()
 
 const handleClick = () => {
   console.log('hahhha')
@@ -109,6 +110,19 @@ const getRepayPlanInfo = async () => {
   }
 }
 // getRepayPlanInfo()
+
+
+// export default ({
+//   setup(props, ctx) {
+//     //router是全局路由对象，route= userRoute()是当前路由对象
+//     let route = useRoute();
+//     const num = route.params.num;
+//     console.log(num);
+//     return {
+//       num,
+//     };
+//   },
+// });
 </script>
 
 <style lang="less" scoped>

src/modules/selfService/api/index.js

 import { get, put, post, File, deleteReq } from '@/utils/http'
 
-const baseURL = import.meta.env.VITE_HTTP_BASE_URL
+const baseURL = import.meta.env.DEV ? '/api' : import.meta.env.VITE_HTTP_BASE_URL
+
 const api = {
-  // getMakingList (data) { // 查询合同制作列表
-  //   return get(
-  //     `${baseURL}/hlct/v1/0/contracts/toMake`,
-  //     {...data}
-  //   )
-  // },
+    //列表查询
+    getSelfServiceList(data={}) {
+        return post(`${baseURL}/app/api/app/agency/auth/query`, data)
+    },
+    //查询所有区域
+    getAreaList(data={}){
+        return post(`${baseURL}/app/api/app/agency/area/query`, data)
+    },
+    //查询代理店信息
+    getAgencyList(data={}){
+        return post(`${baseURL}/app/api/app/agency/query`, data)
+    },
+    //确认授权代理店单据
+    confrimAgent(data={}){
+        return post(`${baseURL}/app/api/app/agency/auth/confirm`, data)
+    }
 };
 
 export default api;

src/modules/selfService/views/authorize.vue

@@ -6,23 +6,29 @@
 
     <section class="form">
       <CellGroup inset>
-        <Field v-model="form.result3" readonly label="授权对象编码" input-align="right" />
-        <Field required v-model="form.result" is-link readonly label="所属地区" @click="showArea = true"
+        <Field v-model="form.code" readonly label="授权对象编码" input-align="right" />
+        <Field required v-model="form.areaName" is-link readonly label="所属地区" @click="showArea = true"
           input-align="right" />
-        <Field required v-model="form.result2" is-link readonly label="代理店名称" @click="showPicker = true"
+        <Field required v-model="form.agencyName" is-link readonly label="代理店名称" @click="showPicker = true"
           input-align="right" />
       </CellGroup>
     </section>
 
     <section class="sub">
-      <Button type="primary" block>确认</Button>
+      <Button type="primary" block @click="confirm">确认</Button>
     </section>
 
     <Popup v-model:show="showArea" position="bottom">
-      <Picker :columns="columns" @confirm="areaConfirm" @cancel="showArea = false" />
+      <Picker :columns="areaColumns" :columns-field-names="{text:'value', value: 'code'}" @confirm="areaConfirm" @cancel="showArea = false" >
+      </Picker>
     </Popup>
     <Popup v-model:show="showPicker" position="bottom">
-      <Picker :columns="columns" @confirm="onConfirm" @cancel="showPicker = false" />
+      <Picker :columns="agencyColumns" :columns-field-names="{text:'agencyName', value: 'agencyId'}" @confirm="agencyConfrim" @cancel="showPicker = false" >
+        <template #columns-top>
+          <!--          <Icon name="search" />-->
+          <Search v-model="agencyValue" placeholder="请输入搜索关键词" @click-left-icon="searchAgency" />
+        </template>
+      </Picker>
     </Popup>
   </div>
 </template>
@@ -30,30 +36,81 @@
 <script setup>
 import { goBack } from "@/utils/globalFun"
 import Notice from "@/components/Notice.vue"
-import { NavBar, Field, CellGroup, Popup, Picker, Button } from "vant";
+import { NavBar, Field, CellGroup, Popup, Picker, Button , Icon, Search } from "vant";
+import api from '../api'
 
-const showArea = $ref(false)
+let showArea = $ref(false)
 
 const form = $ref({
-  result: '',
-  result2: '',
-  result3: '333'
+  code: '',
+  areaName: '',
+  areaCode: '',
+  agencyName: '',
+  agencyCode: '',
+  agencyId: '',
 })
-
-const submit = () => {
+let showPicker = $ref(false);
+let areaColumns = $ref([]);
+let agencyColumns = $ref([]) ;
+const agencyValue = $ref(null);
+const areaPagination = {
+  page: 1,
+  size: 1000,
+}
+const agencyPagination = {
+  page: 1,
+  size: 1000,
 }
 
-const areaConfirm = (value) => {
-  form.result = value;
-  showArea = false
+const areaConfirm = ( selectedValues) => {
+  form.areaName = selectedValues.value;
+  form.areaCode = selectedValues.code;
+  // form.result = value;
+  // form
+  showArea = false;
+  getAgencyList();
 }
 
-const showPicker = $ref(false);
-const columns = ['华北', '东北', '华东', '西南', '西北', "华南", "国外"];
-const onConfirm = (value) => {
-  form.result2 = value;
+const agencyConfrim = (selectedValues) => {
+  console.log(selectedValues);
+  form.agencyName = selectedValues.agencyName;
+  form.agencyId = selectedValues.agencyId;
+  form.code = selectedValues.agencyCode;
   showPicker = false;
 }
+
+//代理店模糊查询
+const searchAgency = () => {
+  agencyColumns = [];
+  getAgencyList({agencyName: agencyValue})
+}
+
+const confirm = async () => {
+  const param = {
+    contractId: '',
+    agencyId: form.agencyId,
+    receivets: new Date(),
+  }
+  const res = await api.confrimAgent(param);
+  console.log('hha', res);
+}
+
+const getAreaList = async () => {
+  const res = await api.getAreaList({receivets: +new Date() + '', ...areaPagination});
+  areaColumns = res.rows;
+}
+getAreaList();
+
+const getAgencyList = async (value={}) => {
+  const params = {
+    receivets: new Date(),
+    agencyName: value.agencyName,
+    areaCode: form.areaCode,
+    ...agencyPagination,
+  }
+  const res = await api.getAgencyList(params);
+  agencyColumns = res.rows;
+}
 </script>
 
 <style lang="less" scoped>

src/modules/selfService/views/index.vue

@@ -22,22 +22,52 @@ import Plus from '@/components/Plus.vue'
 import api from "../api";
 import { useRouter } from "vue-router";
 
-const listValue = $ref([
-  {
-    title: '2022-07-18',
-    values: [["授权对象编码", "授权对象名称", "所属区域"], ["DB001", "新疆田园技术有限公司", "西北"]]
-  }
+let listValue = $ref([
+  // {
+  //   title: '2022-07-18',
+  //   values: [["授权对象编码", "授权对象名称", "所属区域"], ["DB001", "新疆田园技术有限公司", "西北"]]
+  // }
 ])
+let pagination = { page: 1, pageSize: 10 }
+
+let refreshing = $ref(true);
+let finished = $ref(true);
+
+const queryList = async () => {
+  refreshing = true
+  let res = await api.getSelfServiceList({ receivets: + new Date() + '', ...pagination })
+
+  if (res.success) {
+    pagination.page++
+    if (res.total == 0) finished = true
+    res.rows.forEach(item => {
+      listValue.push({
+        title: item.authDate + '' || '',
+        values: [["授权对象编码", "授权对象名称", "所属区域"], [item.agencyCode, item.agencyName, item.areaName]],
+        ...item
+      })
+    })
+  } else {
+    finished = true
+  }
+
+  refreshing = false
+}
+queryList()
 
-const refreshing = $ref(true);
-const finished = $ref(true);
 
 const onRefresh = () => {
   // 下拉重置参数，重新加载
+  listValue = [];
+  pagination.page = 1;
+  pagination.pageSize = 10;
+  finished = false
+  queryList()
 };
 
 const loadApproval = () => {
-
+  pager.page++;
+  queryList()
 }
 
 const router = useRouter();