CME项目学分发放页面及审核权限管理页面开发

src/router/router.js

@@ -30,6 +30,7 @@ const editNotice = r => require.ensure([], () => r(require('../views/education/e
 const creditManage = r => require.ensure([], () => r(require('../views/cme/credit-manage.vue')), 'credit-manage')
 const reviewAccessManage = r => require.ensure([], () => r(require('../views/cme/review-access-manage.vue')), 'review-access-manage')
 const creditSendManage = r => require.ensure([], () => r(require('../views/cme/credit-send-manage.vue')), 'credit-send-manage')
+const applyDetail =  r => require.ensure([], () => r(require('../views/cme/apply-detail.vue')), 'apply-detail')
 
 export default [{
     path: '/',
@@ -124,7 +125,10 @@ export default [{
             path: '/credit-send-manage',
             component: creditSendManage,
         },
-        
+        {
+            path: '/apply-detail',
+            component: applyDetail,
+        },
       // {
       //   path: '/followup',
       //   name: 'followUp',

src/store/cme/cmeStore.js

+const cmeStore = {
+  namespaced: true,
+  state: {
+    isOutsideUser: false,
+  },
+  mutations: {
+    UPDATE_OUTSIDE_USER_STATUS: (state, data) => {
+        state.isOutsideUser = data;
+      }
+  },
+  actions: {
+      updateOutUserStatus({ commit }, data) {
+        commit('UPDATE_OUTSIDE_USER_STATUS', data);
+      }
+  }
+}
+
+export default cmeStore;
\ No newline at end of file

src/store/index.js

@@ -7,6 +7,9 @@ import getters from './getters'
 //居民诊断
 import patientsDiagnose from './patientsManage/patientsDiagnose';
 
+// cme
+import cmeStore from './cme/cmeStore';
+
 
 Vue.use(Vuex)
 
@@ -15,6 +18,7 @@ export default new Vuex.Store({
     common,
     ...followModules,
     patientsDiagnose,
+    cmeStore,
   },
   getters
 })

src/utils/cme/cmeApi.js

 import fetch from '../fetch';
 import { getBaseUrl, getSaasDomain, getSaasApiDomain } from '@/utils/index'
+let headers = {
+  'Content-Type': 'application/json;charset=UTF-8',
+  token: localStorage.getItem('storageToken'),
+};
+
+// 是否是外部用户
+export const getUserTypeReq = (type) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/auth/external`),
+    method: 'get',
+    description: '获取是否是外部用户',
+  })
+};
 
 export const getSelectListReq = (type) => {
   return fetch({
@@ -42,10 +56,7 @@ export const getRelatedCreditReq = (params) => {
 
 export const goUpReq = (data, id) => {
   return fetch({
-    headers: {
-      'Content-Type': 'application/json;charset=UTF-8',
-      token: localStorage.getItem('storageToken'),
-    },
+    headers,
     url: getBaseUrl(`cme/credit/deploy/${id}`),
     method: 'post',
     data: data,
@@ -55,10 +66,7 @@ export const goUpReq = (data, id) => {
 
 export const goDownReq = (data, id) => {
   return fetch({
-    headers: {
-      'Content-Type': 'application/json;charset=UTF-8',
-      token: localStorage.getItem('storageToken'),
-    },
+    headers,
     url: getBaseUrl(`cme/credit/revoke/${id}`),
     method: 'post',
     data: data,
@@ -68,10 +76,7 @@ export const goDownReq = (data, id) => {
 
 export const goAddNewReq = (data) => {
   return fetch({
-    headers: {
-      'Content-Type': 'application/json;charset=UTF-8',
-      token: localStorage.getItem('storageToken'),
-    },
+    headers,
     // url: 'http://10.177.15.4:13801/cme/credit/create',
     url: getBaseUrl(`cme/credit/create`),
     method: 'post',
@@ -80,3 +85,96 @@ export const goAddNewReq = (data) => {
   })
 }
 
+// 审核权限管理页面
+export const getAuthTableReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/auth/list`),
+    method: 'post',
+    data: data,
+    description: '获取table列表',
+  })
+}
+
+export const getAccessListReq = (params) => {
+  return fetch({
+    url: getBaseUrl(`cme/constants/list?code=approval_auth`),
+    method: 'get',
+    params: params,
+    description: '获取权限下拉列表',
+  })
+};
+
+ 
+export const getUserListReq = (params) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/auth/userList`),
+    method: 'get',
+    params: params,
+    description: '获取待选用户列表',
+  })
+};
+
+export const handleSaveEditReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/auth/save`),
+    method: 'post',
+    data: data,
+    description: '新增/编辑权限',
+  })
+}
+
+export const handleDeleteReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/auth/remove`),
+    method: 'post',
+    data: data,
+    description: '删除',
+  })
+}
+
+// 学分发放管理页面
+export const getSendListReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/credit/creditList`),
+    method: 'post',
+    data: data,
+    description: '学分发放管理列表',
+  })
+}
+
+
+// 学分申请明细页面
+export const getDetailListReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/credit/creditDetails`),
+    method: 'post',
+    data: data,
+    description: '学分申请明细列表',
+  })
+}
+
+export const handleImportReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/credit/importExcel`),
+    method: 'post',
+    data: data,
+    description: '导入',
+  })
+}
+
+export const handleExportReq = (data) => {
+  return fetch({
+    headers,
+    url: getBaseUrl(`cme/admin/credit/exportExcel`),
+    method: 'post',
+    data: data,
+    description: '导出',
+  })
+}
\ No newline at end of file

src/utils/fetch.js

@@ -56,7 +56,7 @@ service.interceptors.request.use(config => {
       // console.log('环境变量>>>> ', process.env.BUILD_ENV);
       // config.headers['token'] = 'BFD804F3A3194FBBBE113962222839F6';
       // config.headers['token'] = 'F8209898391C40A0B8DBC1ED9E157291';
-      config.headers['token'] = 'A686102457254CA986639F97DFB4F9F6';
+      config.headers['token'] = 'A2F48933424E4AD38E750E77F59D0619';
     }else{
       config.headers['token'] = localStorage.getItem('storageToken')
     }

src/views/cme/credit-manage.vue

@@ -205,14 +205,13 @@
 
       goToSearch() {
         this.searchForm.pageNo = 1;
-        this.searchForm.pageSize = 15;
+        // this.searchForm.pageSize = 15;
         this.getCreditList();
       },
 
       // 获取 学分table列表
       getCreditList() {
-        let req = {};
-        req = this.searchForm;
+        let req = this.searchForm;
         openLoading(this);
         getCreditListReq(req).then(res => {
           closeLoading(this);

src/views/cme/credit-send-manage.vue

@@ -7,25 +7,33 @@
       <el-form ref="form" :model="searchForm" label-width="100px" class="search-form-wrap">
         <div style="width: 75%; float:left;">
           <el-form-item label="项目编号：" class="search-item">
-            <el-input v-model="searchForm.code" size="small" class="form-width" placeholder="请输入项目编号"></el-input>
+            <el-input v-model="searchForm.serialNo" size="small" class="form-width" placeholder="请输入项目编号"></el-input>
           </el-form-item>
           <el-form-item label="项目名称：" class="search-item">
-            <el-input v-model="searchForm.name" size="small" class="form-width" placeholder="请输入项目名称"></el-input>
+            <el-input v-model="searchForm.projectName" size="small" class="form-width" placeholder="请输入项目名称"></el-input>
           </el-form-item>
           <el-form-item label="项目时间：" class="search-item">
             <el-date-picker
-              v-model="searchForm.date"
-              type="daterange"
-              range-separator="—"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期">
+              v-model="searchForm.beginTime"
+              type="datetime"
+              size="small"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="请选择开始日期">
+            </el-date-picker>
+            <span style="color: #DCDFE6;">—</span>
+            <el-date-picker
+              v-model="searchForm.endTime"
+              type="datetime"
+              size="small"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="请选择结束日期">
             </el-date-picker>
           </el-form-item>
         </div>
         <div style="width: 25%; float: right;">
           <el-form-item class="btn-list">
-            <el-button type="primary" size="small">查询</el-button>
-            <el-button size="small">重置</el-button>
+            <el-button @click="goToSearch" type="primary" size="small">查询</el-button>
+            <el-button @click="handleReset" size="small">重置</el-button>
           </el-form-item>
         </div>
       </el-form>
@@ -35,19 +43,30 @@
         tooltip-effect="dark"
         style="width: 100%"
         @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column align="center" prop="code" label="项目编号" show-overflow-tooltip></el-table-column>
+        <el-table-column align="center" prop="serialNo" label="项目编号" show-overflow-tooltip></el-table-column>
         <el-table-column align="center" prop="name" label="项目名称" show-overflow-tooltip></el-table-column>
-        <el-table-column align="center" prop="startTime" label="项目开始时间" show-overflow-tooltip></el-table-column>
+        <el-table-column align="center" prop="beginTime" label="项目开始时间" show-overflow-tooltip></el-table-column>
         <el-table-column align="center" prop="endTime" label="项目结束时间" show-overflow-tooltip></el-table-column>
         <el-table-column align="center" prop="status" label="项目状态" show-overflow-tooltip></el-table-column>
         <el-table-column align="center" label="操作">
           <template slot-scope="scope">
-            <el-button type="text" size="small">查看申请明细</el-button>
+            <el-button @click="goToApplyDetail(scope.row)" type="text" size="small">查看申请明细</el-button>
           </template>
         </el-table-column>
-
       </el-table>
+
+      <div class="pagination">
+        <el-pagination
+          class="pagination-style"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :total="totalRows"
+          :current-page="searchForm.pageNo"
+          :page-sizes="[15, 30, 50, 100]"
+          :page-size="searchForm.pageSize"
+          layout="total, sizes, prev, pager, next, jumper">
+        </el-pagination>
+      </div>
     </div>
 
   </div>
@@ -58,7 +77,7 @@
   import BreadCrumb from "../../components/breadcrumb.vue";
   import * as commonUtil from "../../utils/utils";
   import { 
-    
+    getSendListReq,
   } from '@/utils/cme/cmeApi'
 
 
@@ -70,16 +89,15 @@
         totalRows: 0,
 
         searchForm: {
-          code: '',
-          name: '',
-          date: [],
+          serialNo: '',
+          projectName: '',
+          beginTime: '',
+          endTime: '',
           pageNo: 1,
           pageSize: 15,
         },
 
-        tableData: [
-          { code: 11, name:'撒地方的阿萨德李开复就j克拉的房客哦佛i额我joie就哦覅我', startTime: '20191224', endTime: '20201111', status:'已结束' },
-        ],
+        tableData: [],
         multipleSelection: [],
         
       }
@@ -90,15 +108,70 @@
     },
 
     created() {
+      this.goToSearch();
       
     },
     mounted() {
       commonUtil.resizeHeight();
     },
     methods: {
+      goToSearch() {
+        this.searchForm.pageNo = 1;
+        // this.searchForm.pageSize = 15;
+        this.getSendList();
+      },
+      getSendList() {
+        let req = this.searchForm;
+        openLoading(this);
+        getSendListReq(req).then(res => {
+          closeLoading(this);
+          if (res.code == "000000") {
+            console.log('@@@@@@@', res)
+            if (res.data && res.data.data) {
+              this.tableData = res.data.data;
+              this.totalRows = res.data.totalRows;
+            } else {
+              this.tableData = [];
+            }
+          } else {
+            this.$message(res.message);
+          }
+        }).catch(err => {
+          this.$message.error('请求失败');
+        });
+      },
+
+      handleReset() {
+        this.searchForm.serialNo = '';
+        this.searchForm.projectName = '';
+        this.searchForm.beginTime = '';
+        this.searchForm.endTime = '';
+      },
+
       handleSelectionChange(val) {
         this.multipleSelection = val;
+      },
+      goToApplyDetail(row) {
+        console.log('去申请明细页面 ', row);
+        this.$router.push({
+          path: '/apply-detail',
+          query: {
+            id: row.id
           }
+        })
+      },
+
+      handleSizeChange(val){
+        console.log('handleSizeChange>>>')
+        this.searchForm.pageSize = val;
+        this.getSendList();
+      },
+      
+      handleCurrentChange(val){
+        // 切换当前页
+        this.searchForm.pageNo = val;
+        this.getSendList();
+      },
 
     },
 
@@ -120,7 +193,7 @@
         width: 200px;
       }
       .header-title {
-        padding: 10px 12px;
+        padding: 10px 12px 20px;
         font-size: 14px;
         color: #606266;
         border-bottom: 1px solid #efefef;

src/views/layout/slidebar.vue

 <template>
   <div id="slidebar-container" class="slidebar-container">
     <el-menu :default-active="onRoutes" class="el-menu-vertical-demo" theme="dark" unique-opened router>
+      <template v-if="isOutsideGetted && isOutsideUser">
+        <el-menu-item v-for="(outItem, outIndex) in outsideItems" :index="'/'+outItem.index" :key="outItem.index">
+          <i :class="outItem.icon"></i>{{ outItem.title }}
+        </el-menu-item>
+      </template>
+      <template v-if="isOutsideGetted && !isOutsideUser">
         <template v-for="(item,_index) in items">
           <template v-if="item.subs">
             <el-submenu :index=" 'index_' + _index" :key="item.index">
@@ -32,6 +38,7 @@
             </template>
           </template>
         </template>
+      </template>
     </el-menu>
   </div>
 </template>
@@ -40,6 +47,8 @@
   import { mapGetters } from 'vuex'
   import { setTimeout } from 'timers'
   import { isNotEmptyUtils } from '../../utils/utils'
+  import { getUserTypeReq } from '@/utils/cme/cmeApi'
+
   let vm = null
   export default {
     props: {
@@ -64,6 +73,8 @@
     },
     data() {
       return {
+        isOutsideUser: false,   // 是否是外部用户；（外部用户：只展示一个页面路由； 非外部用户：正常展示之前的逻辑）
+        isOutsideGetted: false,
         items: [
           {
             title: '数据总览',
@@ -166,7 +177,14 @@
               },
             ]
           },
-        ]
+        ],
+        outsideItems: [  // 外部用户 路由
+          {
+            title: '学分发放管理',
+            icon: 'el-icon-document',
+            index: 'credit-send-manage'
+          },
+        ],
       }
     },
     computed: {
@@ -176,6 +194,7 @@
     },
     created() {
       vm = this;
+      this.getUserType();
     },
     mounted(){
       if(vm.storageIdType==2){
@@ -208,6 +227,27 @@
       }
     },
     methods: {
+      getUserType() {
+        // console.log('当前路由地址：', this.$route.path, typeof this.$route.path)
+        // let currentPath = this.$route.path;
+        let req = {};
+        console.log('cmeStore: ', this.$store.state.cmeStore.isOutsideUser)
+        getUserTypeReq(req).then(res => {
+          this.isOutsideGetted = true;
+          if (res.code == "219015") {  // 外部用户，只展示一个页面
+            this.isOutsideUser = true;
+            this.$store.dispatch('cmeStore/updateOutUserStatus', true);
+            this.$router.replace({
+              path: '/credit-send-manage'
+            });
+          } else {  // 非外部用户 正常展示多路由
+            this.isOutsideUser = false;
+            this.$store.dispatch('cmeStore/updateOutUserStatus', false);
+          }
+        }).catch(err => {
+          this.$message.error('请求失败');
+        });
+      },
       setFollowSide(){
         const followSider =  {
           title: '履约管理',

src/views/temp-show.vue

+<template>
+    <div id="screenSet" class="blank-wrap screenSet">
+        <div class="blank-content">
+            
+        </div>
+    </div>
+</template>
+<script>
+import * as commonUtil from '../utils/utils'
+export default {
+    data() {
+        return {
+
+        }
+    },
+    // 挂载到Dom完成时
+    mounted: function() {
+        commonUtil.resizeHeight(100)
+    }
+}
+</script>
+<style lang="scss">
+.blank-wrap {
+    background: #fff;
+    margin: 20px !important;
+    position: relative;
+    text-align: center;
+    .blank-content {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 400px;
+        height: 100px;
+        margin-top: -50px;
+        margin-left: -200px;
+        p {
+            margin-top: 20px;
+            font-size: 20px;
+            color: #999;
+        }
+        img {
+            width: 100px;
+        }
+    }
+}
+</style>
+
+