axios api

TEAMModelOS/ClientApp/app.js

@@ -12,10 +12,14 @@ import i18n from '@/locale'
 //新添加的
 import vuescroll from 'vue-scroll'
 import echarts from 'echarts'
+import { post, fetch } from './utils/http'
+
+
+Vue.prototype.$post = post;
+Vue.prototype.$get = fetch;
 Vue.use(vuescroll)
 Vue.prototype.$echarts = echarts
 
-
 // Registration of global components
 Vue.component('icon', FontAwesomeIcon)
 

TEAMModelOS/ClientApp/components/ChooseAttention.vue

@@ -29,7 +29,7 @@
     <Col span="24" class="choose">
       <div class="select">
         <p class="choose_box_tilte">选择关注年级</p>
-        <Cascader :data="data" v-model="grade" placeholder="请选择年级"></Cascader>
+        <Cascader :data="xueduan" v-model="grade" placeholder="请选择年级"></Cascader>
         <p class="choose_box_tilte">选择关注学年期</p>
         <Cascader :data="semesterList" v-model="semester" placeholder="请选择年级"></Cascader>
         <!--<p class="choose_box_tilte">数据比较</p>-->
@@ -48,141 +48,37 @@
         isCollapsed: false,
         value1: [],
         //年级数组
-        data: [{
-          value: 'xiaoxue',
-          label: '小学',
-          children: [
-            {
-              value: '1',
-              label: '一年级',
-            },
-            {
-              value: '2',
-              label: '二年级'
-            },
-            {
-              value: '3',
-              label: '三年级'
-            },
-            {
-              value: '4',
-              label: '四年级'
-            },
-            {
-              value: '5',
-              label: '五年级'
-            },
-            {
-              value: '6',
-              label: '六年级'
-            }
-          ]
-        }, {
-          value: 'chuzhong',
-          label: '初中',
-          children: [
-            {
-              value: '1',
-              label: '一年级'
-            },
-            {
-              value: '2',
-              label: '二年级'
-            },
-            {
-              value: '3',
-              label: '三年级'
-            },
-          ],
-        },
-          {
-            value: 'gaozhong',
-            label: '高中',
-            children: [
-              {
-                value: '1',
-                label: '一年级'
-              },
-              {
-                value: '2',
-                label: '二年级'
-              },
-              {
-                value: '3',
-                label: '三年级'
-              },
-            ],
-          },
-          {
-            value: 'gaozhi',
-            label: '高职',
-            children: [
-              {
-                value: 'jichuhuli',
-                label: '基础护理',
-                children: [
-                  {
-                    value: '201101',
-                    label: '2011级',
-                    children: [
-                      {value: '01', label: '1班'},
-                      {value: '02', label: '2班'},
-                      {value: '03', label: '3班'},
-                      {value: '04', label: '4班'},
-                      {value: '05', label: '5班'}
-                    ]
-                  },
-                  {
-                    value: '201102',
-                    label: '2012级',
-                    children: [
-                      {value: '06', label: '6班'},
-                      {value: '07', label: '7班'},
-                      {value: '08', label: '8班'},
-                      {value: '09', label: '9班'},
-                      {value: '10', label: '10班'}
-                    ]
-                  }
-                ],
-              },
-              {
-                value: 'kouqianghuli',
-                label: '口腔护理'
-              },
-              {
-                value: 'yaoqihuli',
-                label: '药剂护理'
-              },
-            ],
-          },
-        ],
+        xueduan:[],
         //学期数组
-        semesterList: [{
-          value: '2018',
-          label: '2018年',
-          children: [
-            {value: 'shang', label: '上学期'},
-            {value: 'xia', label: '下学期'}
-          ],
-        },
-          {
-            value: '2019',
-            label: '2019年',
-            children: [
-              {value: 'shang', label: '上学期'},
-              {value: 'xia', label: '下学期'}
-            ],
-          }
-        ],
-        // compareList:[
-        //   {value:'scholl&area',label:'本校 vs. 各校区'},
-        //   {value:'class&school',label:'班级 vs. 本校'}
-        //   ],
+        semesterList: [],
         grade: [],
         semester: [],
-        // compare:'班级 vs. 本校',
       }
     },
+    created() {
+      this.init();
+      this.inits();
+    },
+    methods: {
+      //获取关注年级数据
+      init() {
+        this.$get('/api/class/getGrade?identity=Grade')
+          .then((response) => {
+            //console.log(response.result.data,11111);
+            this.xueduan = response.result.data;
+            //console.log(this.xueduan,333333)
+          })
+      },
+      //获取关注学年期
+      inits() {
+        this.$get('/api/class/getTerm?identity=term')
+          .then((response) => {
+            //console.log(response.result.data,11111);
+            this.semesterList = response.result.data;
+            //console.log(this.xueduan,333333)
+          })
+                }
+              }
   }
 </script>
 <style>

TEAMModelOS/ClientApp/utils/http.js

@@ -0,0 +1,82 @@
+import axios from 'axios';
+axios.defaults.timeout = 5000;
+axios.defaults.baseURL ='';
+
+//http request 拦截器
+axios.interceptors.request.use(
+  config => {
+    // const token = getCookie('名称');
+    config.data = JSON.stringify(config.data);
+    config.headers = {
+      'Content-Type':'application/x-www-form-urlencoded'
+    }
+    // if(token){
+    //   config.params = {'token':token}
+    // }
+    return config;
+  },
+  error => {
+    return Promise.reject(err);
+  }
+);
+
+
+//http response 拦截器
+axios.interceptors.response.use(
+  response => {
+    if(response.data.errCode ==2){
+      router.push({
+        path:"/login",
+        querry:{redirect:router.currentRoute.fullPath}//从哪个页面跳转
+      })
+    }
+    return response;
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+
+/**
+ * 封装get方法
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function fetch(url,params={}){
+  return new Promise((resolve,reject) => {
+    axios.get(url,{
+      params:params
+    })
+      .then(response => {
+        resolve(response.data);
+        this.$Message.success('This is a success tip');
+      })
+      .catch(err => {
+        reject(err);
+        this.$Message.error('数据访问错误！');
+      })
+  })
+}
+
+/**
+ * 封装post请求
+ * @param url
+ * @param data
+ * @returns {Promise}
+ */
+
+export function post(url,data = {}){
+  return new Promise((resolve,reject) => {
+    axios.post(url,data)
+      .then(response => {
+        resolve(response.data);
+        this.$Message.success('This is a success tip');
+      },err => {
+        reject(err);
+        this.$Message.error('数据访问错误！');
+      })
+  })
+}