数据的流向方式一
从gitlab
中获取Loading...相对应的api
const getDocDateInfo = async (params) => {
let result = ''
try {
result = await v.$axios.post('register/numberSource', params)
if (result.status == 200) {
return result.result
} else if (result.status == 204) {
return result.result
} else if (result.status == 401) {
} else {
v.$loading = false
Toast({message: result.message, duration: '2000'})
}
} catch (e) {
console.log(e);
}
}
从register/numberSource
的api接口获取,再次对数据status
进行判断
import {getDocDateInfo, getDocShiDuan, getDocInfo} from "@/server/server/register";
从/server/server/register
中获取数据路由,获取getDocDateInfo
export default {
methods:{
getDocList(params) {
return new Promise((resolve, reject) => {
getDocDateInfo(params).then((res) => {
this.docInfo = res
})
})
}
}
从getDocDateInfo
中获取到参数,将参数传递给docInfo
export default {
name: "hesuanDoclist",
data() {
return {
docInfo: [],
};
},
}
在vue
中将数据docInfo
定义,并赋值给空
最终使用数据
<div class="docbox" v-for="(item,index) in docInfo " :key="index">
</div>
用v-for
将docInfo
数据取出来,放到template
中,最终显示到视图上
数据的流向方式二
获取科室列表 从api
文档中 异步post
获取
/** 获取科室列表
* @param {object} params 请求的参数
* - @param {string} [params.dept_id] 科室代码,不传则返回全部]
*/
export const getDepartmentList = params => v.$axios.post('register/department', params);
用import
将数据引入
import {getDepartmentList} from '@/server/server/register';
在methods
中获取到这个数据getDepartmentList
申明变量 将数据赋值depsList
getDepartmentList()
.then((res) => {
this.$bar.done();
console.log('科室CB=>', res);
this.show = true;
this.loading = false;
if (Array.isArray(res) && res.length > 0) {
this.depsList = res;
this.getDoctorList(res[0].dept_id); // 默认取第一个科室的医生列表
}
})
.catch((err) => {
console.log('科室获取err=>', err);
if (err.status == 204) {
this.show = true;
this.loading = false;
}
});
在date
中声明变量depsList
然后在里面使用
<template v-for="(item, index) of depsList">
<van-sidebar-item @click="getDoctorList(item.dept_id)" :key="index" :title="item.dept_name" />
</template>