首页开发完成

components/seiminFooterNav/seiminFooterNav.vue

@@ -0,0 +1,113 @@
+<template>
+  <view class="seiminFooterNav">
+    <view class="seiminFooterNav_item" :class="{otherStyle:menu.otherStyle,active:menu.otherStyle?false:menu.active}"
+      v-for="menu in menus" :key="menu.link">
+      <text class="pda seiminFooterNav_item_icon" :class="menu.icon"></text>
+      <text class="seiminFooterNav_item_text">{{menu.name}}</text>
+    </view>
+  </view>
+</template>
+
+<script>
+  import {
+    getCurrentPagesSeimin
+  } from '../../utils/index.js';
+  export default {
+    name: "seiminFooterNav",
+    data() {
+      return {
+        // 当前路由地址
+        curRoute: '',
+        //底部菜单
+        menus: [{
+            name: '首页',
+            link: '/pages/index/index',
+            icon: 'pda-shouye2',
+            otherStyle: false,
+            active: false,
+          },
+          {
+            name: '工单',
+            link: '/pages/orders/orders',
+            icon: 'pda-gongdan',
+            otherStyle: false,
+            active: false,
+          },
+          {
+            name: '二维码',
+            link: '/pages/qrcode/qrcode',
+            icon: 'pda-ziyuan91',
+            otherStyle: true,
+            active: false,
+          },
+          {
+            name: '患者',
+            link: '/pages/patients/patients',
+            icon: 'pda-wodehuanzhe',
+            otherStyle: false,
+            active: false,
+          },
+          {
+            name: '我的',
+            link: '/pages/personalCenter/personalCenter',
+            icon: 'pda-shouye3',
+            otherStyle: false,
+            active: false,
+          }
+        ]
+      };
+    },
+    methods: {
+      // 高亮当前菜单
+      activeCurrentMenu() {
+        this.curRoute = `/${getCurrentPagesSeimin()}`;
+        this.menus.forEach(v => v.active = v.link === this.curRoute);
+      }
+    },
+    mounted() {
+      this.activeCurrentMenu();
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  .seiminFooterNav {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100rpx;
+    z-index: 9;
+    background-color: #fff;
+    border-top: 1px solid rgba(0, 0, 0, 0.1);
+    padding: 0 60rpx;
+    @include flex(space-between, center);
+
+    .seiminFooterNav_item {
+      color: #DDE1E5;
+      @include flex(center, center, column);
+
+      &.otherStyle {
+        width: 120rpx;
+        height: 120rpx;
+        background: linear-gradient(180deg, #74C271 0%, #39B199 100%);
+        border-radius: 50%;
+        position: relative;
+        top: -10rpx;
+        color: #fff;
+      }
+
+      &.active {
+        color: $defaultColor;
+      }
+
+      .seiminFooterNav_item_icon {
+        font-size: 50rpx;
+      }
+
+      .seiminFooterNav_item_text {
+        font-size: 28rpx;
+      }
+    }
+  }
+</style>

components/seiminModel/seiminModel.vue

@@ -7,139 +7,155 @@
 -->
 <template>
   <view class="seiminModel seiminModel_mask" v-if="opts.isVisible">
-    <view
-      class="seiminModel_container animate__animated animate__fadeIn animate__faster"
-    >
+    <view class="seiminModel_container animate__animated animate__fadeIn animate__faster">
       <view class="seiminModel_header">{{ opts.title }}</view>
       <view class="seiminModel_content" v-html="opts.content"></view>
       <view class="seiminModel_footer">
-        <view
-          class="seiminModel_footer__btn"
-          v-for="(btn, i) in opts.btns"
-          :style="{
+        <view class="seiminModel_footer__btn" v-for="(btn, i) in opts.btns" :style="{
             flex: btn.flex,
             color: btn.textColor,
-          }"
-          @click="btn.click($event)"
-          :key="i"
-          >{{ btn.name }}</view
-        >
+          }" @click="btn.click($event)" :key="i">{{ btn.name }}</view>
       </view>
     </view>
   </view>
 </template>
 
 <script>
-export default {
-  name: "seiminModel",
-  data() {
-    return {
-      // 配置项
-      opts: {},
-    };
-  },
-  methods: {
-    // 显示弹窗
-    show(args = {}) {
-      // 默认配置项
-      let defaultOptions = {
-        skin: "default", //弹窗风格(default|toast|)
-        isVisible: false, //是否显示弹窗
-        title: "提示", //标题
-        content: "", //内容
-        btns: [
-          { name: "取消", textColor: "#666", flex: 1, click: this.close },
-          { name: "确定", textColor: "#666", flex: 1, click: this.close },
-        ], //弹窗按钮
+  export default {
+    name: "seiminModel",
+    data() {
+      return {
+        // 配置项
+        opts: {},
       };
-      // 根据弹窗风格修改默认配置项
-      switch (args.skin) {
-        case "toast":
-          defaultOptions.btns = [
+    },
+    methods: {
+      // 显示弹窗
+      show(args = {}) {
+        // 默认配置项
+        let defaultOptions = {
+          skin: "default", //弹窗风格(default|toast|)
+          isVisible: false, //是否显示弹窗
+          title: "提示", //标题
+          content: "", //内容
+          btns: [{
+              name: "取消",
+              textColor: "#666",
+              flex: 1,
+              click: this.close
+            },
             {
+              name: "确定",
+              textColor: "#666",
+              flex: 1,
+              click: this.close
+            },
+          ], //弹窗按钮
+        };
+        // 根据弹窗风格修改默认配置项
+        switch (args.skin) {
+          case "toast":
+            defaultOptions.btns = [{
               name: "知道了",
               textColor: "#49b856",
               flex: 1,
               click: this.close,
-            },
-          ];
-          break;
-      }
-      // 合并配置
-      this.opts = Object.assign({}, defaultOptions, args, {
-        isVisible: true,
-      });
-    },
-    // 关闭弹窗
-    close() {
-      this.opts.isVisible = false;
+            }, ];
+            break;
+        }
+        // 按钮合并参数
+        if (Array.isArray(args.btns)) {
+          let btns = [];
+          args.btns.forEach((v, i) => {
+            btns.push(Object.assign({}, defaultOptions.btns[i], v));
+          })
+          args.btns = btns;
+        }
+        // 合并配置
+        this.opts = Object.assign({}, defaultOptions, args, {
+          isVisible: true,
+        });
+      },
+      // 关闭弹窗
+      close() {
+        this.opts.isVisible = false;
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.seiminModel {
-  font-size: 36rpx;
-  color: #000;
-  line-height: 50rpx;
-  text-align: center;
-  &.seiminModel_mask {
-    background-color: rgba(0, 0, 0, 0.5);
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    margin: auto;
-    @include flex(center, center);
-    .seiminModel_container {
-      width: 560rpx;
-      border-radius: 8rpx;
-      background-color: #fff;
-      display: flex;
-      flex-direction: column;
-      align-content: center;
-      .seiminModel_header {
-        height: 100rpx;
-        @include flex(center, center);
-      }
-      .seiminModel_content {
-        flex: 1;
-        background-color: #f9fafb;
-        margin: 0 36rpx 25rpx;
-        border: 1px solid #e5e9ed;
-        color: #333;
-        padding: 76rpx 24rpx;
-        @include numbersAndLettersNoWrap;
-        .red {
-          color: $textColorRed;
+  .seiminModel {
+    font-size: 36rpx;
+    color: #000;
+    line-height: 50rpx;
+    text-align: center;
+
+    &.seiminModel_mask {
+      background-color: rgba(0, 0, 0, 0.5);
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      margin: auto;
+      z-index: 9999;
+      @include flex(center, center);
+
+      .seiminModel_container {
+        width: 560rpx;
+        border-radius: 8rpx;
+        background-color: #fff;
+        display: flex;
+        flex-direction: column;
+        align-content: center;
+
+        .seiminModel_header {
+          height: 100rpx;
+          @include flex(center, center);
         }
-        .green {
-          color: $defaultColor;
+
+        .seiminModel_content {
+          flex: 1;
+          background-color: #f9fafb;
+          margin: 0 36rpx 25rpx;
+          border: 1px solid #e5e9ed;
+          color: #333;
+          padding: 76rpx 24rpx;
+          @include numbersAndLettersNoWrap;
+
+          .red {
+            color: $textColorRed;
+          }
+
+          .green {
+            color: $defaultColor;
+          }
         }
-      }
-      .seiminModel_footer {
-        border-top: 1px solid #e5e5e5;
-        height: 100rpx;
-        color: #666;
-        @include flex(center, center);
-        .seiminModel_footer__btn {
-          height: 100%;
+
+        .seiminModel_footer {
+          border-top: 1px solid #e5e5e5;
+          height: 100rpx;
+          color: #666;
           @include flex(center, center);
-          position: relative;
-          &::after {
-            content: "";
-            height: 86rpx;
-            position: absolute;
-            width: 1px;
-            bottom: 0;
-            right: 0;
-            background-color: #dde1e5;
+
+          .seiminModel_footer__btn {
+            height: 100%;
+            @include flex(center, center);
+            position: relative;
+
+            &::after {
+              content: "";
+              height: 86rpx;
+              position: absolute;
+              width: 1px;
+              bottom: 0;
+              right: 0;
+              background-color: #dde1e5;
+            }
           }
         }
       }
     }
   }
-}
 </style>

components/uni-section/uni-section.vue

@@ -1,140 +0,0 @@
-<template>
-	<view class="uni-section">
-		<view class="uni-section-header" nvue>
-			<view v-if="type" class="uni-section__head">
-				<view :class="type" class="uni-section__head-tag"/>
-			</view>
-			<view class="uni-section__content">
-				<text :class="{'distraction':!subTitle}" :style="{color:color}" class="uni-section__content-title">{{ title }}</text>
-				<text v-if="subTitle" class="uni-section__content-sub">{{ subTitle }}</text>
-			</view>
-		</view>
-		<view :style="{padding: padding ? '10px' : ''}">
-			<slot/>
-		</view>
-	</view>
-</template>
-
-<script>
-
-	/**
-	 * Section 标题栏
-	 * @description 标题栏
-	 * @property {String} type = [line|circle] 标题装饰类型
-	 * 	@value line 竖线
-	 * 	@value circle 圆形
-	 * @property {String} title 主标题
-	 * @property {String} subTitle 副标题
-	 */
-
-	export default {
-		name: 'UniSection',
-		emits:['click'],
-		props: {
-			type: {
-				type: String,
-				default: ''
-			},
-			title: {
-				type: String,
-				default: ''
-			},
-			color:{
-				type: String,
-				default: '#333'
-			},
-			subTitle: {
-				type: String,
-				default: ''
-			},
-			padding: {
-				type: Boolean,
-				default: false
-			}
-		},
-		data() {
-			return {}
-		},
-		watch: {
-			title(newVal) {
-				if (uni.report && newVal !== '') {
-					uni.report('title', newVal)
-				}
-			}
-		},
-		methods: {
-			onClick() {
-				this.$emit('click')
-			}
-		}
-	}
-</script>
-<style lang="scss" >
-	$uni-primary: #2979ff !default;
-	
-	.uni-section {
-		background-color: #fff;
-		// overflow: hidden;
-		margin-top: 10px;
-	}
-	.uni-section-header {
-		position: relative;
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: row;
-		align-items: center;
-		padding: 12px 10px;
-		// height: 50px;
-		font-weight: normal;
-	}
-	.uni-section__head {
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		margin-right: 10px;
-	}
-
-	.line {
-		height: 12px;
-		background-color: $uni-primary;
-		border-radius: 10px;
-		width: 4px;
-	}
-
-	.circle {
-		width: 8px;
-		height: 8px;
-		border-top-right-radius: 50px;
-		border-top-left-radius: 50px;
-		border-bottom-left-radius: 50px;
-		border-bottom-right-radius: 50px;
-		background-color: $uni-primary;
-	}
-
-	.uni-section__content {
-		/* #ifndef APP-NVUE */
-		display: flex;
-		/* #endif */
-		flex-direction: column;
-		flex: 1;
-		color: #333;
-	}
-
-	.uni-section__content-title {
-		font-size: 14px;
-		color: $uni-primary;
-	}
-
-	.distraction {
-		flex-direction: row;
-		align-items: center;
-	}
-
-	.uni-section__content-sub {
-		font-size: 12px;
-		color: #999;
-		line-height: 16px;
-		margin-top: 2px;
-	}
-</style>

filters/index.js

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+// 首页标本数量过滤
+// 数量大于999则显示999+
+Vue.filter('specimenNum', function(value) {
+  return value > 999 ? '999+' : value;
+})

main.js

@@ -3,9 +3,8 @@ import Vue from 'vue'
 import App from './App'
 // 引入vuex配置
 import store from './store'
-// 引入自定义全局组件
-import seiminModel from './components/seiminModel/seiminModel.vue'
-Vue.component('seiminModel', seiminModel)
+// 引入自定义过滤器
+import './filters';
 // 引入request配置
 import {
   request

package-lock.json

@@ -10,7 +10,8 @@
       "license": "ISC",
       "dependencies": {
         "animate.css": "^4.1.1",
-        "crypto-js": "^4.1.1"
+        "crypto-js": "^4.1.1",
+        "date-fns": "^2.28.0"
       }
     },
     "node_modules/animate.css": {
@@ -22,6 +23,14 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
       "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
+    "node_modules/date-fns": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-2.28.0.tgz",
+      "integrity": "sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==",
+      "engines": {
+        "node": ">=0.11"
+      }
     }
   },
   "dependencies": {
@@ -34,6 +43,11 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.1.1.tgz",
       "integrity": "sha512-o2JlM7ydqd3Qk9CA0L4NL6mTzU2sdx96a+oOfPu8Mkl/PK51vSyoi8/rQ8NknZtk44vq15lmhAj9CIAGwgeWKw=="
+    },
+    "date-fns": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmmirror.com/date-fns/-/date-fns-2.28.0.tgz",
+      "integrity": "sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw=="
     }
   }
 }

package.json

@@ -15,6 +15,7 @@
   "license": "ISC",
   "dependencies": {
     "animate.css": "^4.1.1",
-    "crypto-js": "^4.1.1"
+    "crypto-js": "^4.1.1",
+    "date-fns": "^2.28.0"
   }
 }

pages.json

@@ -8,7 +8,9 @@
     {
       "path": "pages/index/index",
       "style": {
-        "navigationBarTitleText": "首页"
+        "navigationBarTitleText": "首页",
+        "navigationBarBackgroundColor": "#49B856",
+        "enablePullDownRefresh": true
       }
     }
   ],

pages/index/index.vue

@@ -1,25 +1,463 @@
 <template>
-  <view class="container">
-    这是测试的一行文字
-    <button type="default" @click="clickHandler()">点击弹窗</button>
+  <view class="index">
+    <view class="arc_edge"></view>
+    <view class="index_container">
+      <!-- 头部搜索 -->
+      <view class="search">
+        <view class="search_wrap">
+          <input focus placeholder="请输入标本编码/检查单号/请…" :placeholder-style="placeholderStyle" confirm-type="search" />
+          <view class="searchBtn">
+            搜索
+          </view>
+        </view>
+        <view class="icon-saoma">
+          <text class="pda pda-saoma "></text>
+        </view>
+      </view>
+      <!-- 一键收标本 -->
+      <view class="collect_specimens">
+        <view class="collect_icon">
+          标
+        </view>
+        <view class="collect_specimensNum">
+          <view class="urgent collect_row">
+            急标数量<text class="collect_num">{{urgentNum | specimenNum}}</text>
+          </view>
+          <view class="ordinary collect_row">
+            普标数量<text class="collect_num">{{ordinaryNum | specimenNum}}</text>
+          </view>
+        </view>
+        <button class="collect_btn" type="default" @click="collectSpecimens">一键收标本</button>
+      </view>
+      <!-- 最新工单 -->
+      <view class="newOrders">
+        <view class="newOrders_header">
+          <text class="newOrders_header_title">最新工单</text>
+          <text class="newOrders_header_more">更多&gt;&gt;</text>
+        </view>
+        <view class="newOrders_item" v-for="newOrder in newOrderList" :key="newOrder.id">
+          <view class="newOrders_item_time">{{newOrder.showCreateTime}}</view>
+          <text
+            class="newOrders_item_taskType">{{newOrder.isHalfInspect === 1 ? "半程陪检" : (newOrder.taskType&&newOrder.taskType.taskName)}}</text>
+          <text class="newOrders_item_patientName">{{newOrder.patient&&newOrder.patient.patientName}}</text>
+          <text class="newOrders_item_status"
+            :class="newOrder.stateTextClass">{{newOrder.gdState&&newOrder.gdState.name}}</text>
+        </view>
+      </view>
+      <!-- 快捷工单 -->
+      <view class="quick_other">
+        <view class="quick_other_header">
+          <text class="quick_other_header_title">快捷工单</text>
+        </view>
+        <view class="quick_other_container">
+          <view class="quick_other_container_item" v-for="quickOther in quickOtherList" :key="quickOther.id">
+            <view class="quick_other_container_item_text">
+              {{quickOther.taskName}}
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <seiminFooterNav></seiminFooterNav>
     <seiminModel ref="seiminModel"></seiminModel>
   </view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    clickHandler() {
-      this.$refs.seiminModel.show({
-        skin: "toast",
-        content: "你还好吗？",
-      });
+  import {
+    mapState,
+    mapMutations
+  } from 'vuex';
+  import {
+    reqSpecimenWorkOrderMsg,
+    reqWorkOrders,
+    reqDeptTaskType
+  } from '../../request/api.js';
+  import {
+    GDSTATE
+  } from '../../utils/enum.gdstate.js';
+  import {
+    ASSOCIATION_TYPES
+  } from '../../utils/enum.association_types.js';
+  export default {
+    data() {
+      return {
+        placeholderStyle: 'color:#999;font-size:30rpx;',
+        urgentNum: 0, //急标数量
+        ordinaryNum: 0, //普标数量
+        newOrderList: [], //最新工单列表
+        quickOtherList: [], //快捷工单列表
+      };
     },
-  },
-};
+    computed: {
+      ...mapState('user', ['loginInfo']),
+      ...mapState(['isShowSeiminModel']),
+    },
+    methods: {
+      ...mapMutations(['changeSeiminModel']),
+      // 获取页面数据
+      init() {
+        let deptId = this.loginInfo.user && this.loginInfo.user.dept.id;
+        Promise.all([
+          reqSpecimenWorkOrderMsg({
+            deptId
+          }),
+          reqWorkOrders({
+            "workOrder": {
+              "createDept": deptId,
+              "platform": 2,
+              "searchDays": 2,
+            },
+            "idx": 0,
+            "sum": 5
+          }),
+          reqDeptTaskType({
+            deptId
+          })
+        ]).then(values => {
+          uni.hideLoading();
+          uni.stopPullDownRefresh();
+          this.querySpecimenNum(values[0]);
+          this.queryWorkOrders(values[1]);
+          this.queryDeptTaskType(values[2]);
+        });
+      },
+      // 查询急标和普标数量
+      querySpecimenNum(res) {
+        if (res.status == 200) {
+          if (res.specimenCount) {
+            this.urgentNum = res.specimenCount.urgent;
+          }
+          if (res.specimenCount) {
+            this.ordinaryNum = res.specimenCount.noUrgent;
+          }
+        }
+      },
+      // 查询最新工单列表
+      queryWorkOrders(res) {
+        if (res.status == 200) {
+          this.newOrderList = res.list.map(v => {
+            if (v.gdState) {
+              if (v.gdState.value == GDSTATE['待接单'] || v.gdState.value == GDSTATE['待抢单']) {
+                v.stateTextClass = 'red';
+              } else if (v.gdState.value == GDSTATE['待评价'] || v.gdState.value == GDSTATE['已完成']) {
+                v.stateTextClass = 'green';
+              } else {
+                v.stateTextClass = 'yellow';
+              }
+            }
+            return v;
+          });
+        }
+      },
+      // 查询快捷工单（其他临床服务任务类型）
+      queryDeptTaskType(res) {
+        if (res.status == 200) {
+          this.quickOtherList = res.data.allTaskTypes.filter(v => v.associationType.value == ASSOCIATION_TYPES[
+            '其他临床服务']);
+        }
+      },
+      // 一键收取标本
+      collectSpecimens() {
+
+      },
+      // 切换科室弹窗
+      showDeptModel() {
+        const {
+          user //当前登录用户
+        } = this.loginInfo;
+        const userDept = (user && user.dept) ? user.dept.dept : '';
+        this.$refs.seiminModel.show({
+          content: `您当前所属科室为<text class="green">${userDept}</text>，如与您实际科室不符点击<text class="red">切换科室</text>。`,
+          btns: [{
+              name: "知道了",
+              textColor: "#49B856",
+              flex: 2,
+            },
+            {
+              name: "前往切换科室",
+              textColor: "#666",
+              flex: 3,
+              click: (e) => {
+                console.log('切换科室');
+              }
+            },
+          ]
+        });
+      },
+    },
+    mounted() {
+      if (this.isShowSeiminModel) {
+        this.showDeptModel();
+        this.changeSeiminModel(false);
+      }
+      uni.showLoading({
+        title: '加载中',
+        mask: true
+      })
+      this.init();
+    },
+    onPullDownRefresh() {
+      this.init();
+    }
+  };
 </script>
 
-<style></style>
+<style lang="scss" scoped>
+  .index {
+    padding-bottom: 108rpx;
+
+    // 弧形背景
+    .arc_edge {
+      @include arc_edge;
+    }
+
+    .index_container {
+      padding: 0 24rpx;
+      position: relative;
+      z-index: 2;
+
+      // 搜素框
+      .search {
+        height: 66rpx;
+        margin-top: -200rpx;
+        @include flex(space-between, center);
+
+        .search_wrap {
+          width: 600rpx;
+          height: 100%;
+          border-radius: 33rpx;
+          background-color: #fff;
+          position: relative;
+
+          input {
+            height: 100%;
+            padding-left: 33rpx;
+            padding-right: 147rpx;
+          }
+
+          .searchBtn {
+            position: absolute;
+            right: 0;
+            top: 50%;
+            transform: translateY(-50%);
+            line-height: 1em;
+            color: #666;
+            font-size: 32rpx;
+            width: 110rpx;
+            text-align: center;
+            border-left: 2rpx solid #E5E9ED;
+            padding: 6rpx 0;
+          }
+        }
+
+        .icon-saoma {
+          width: 66rpx;
+          height: 66rpx;
+          background-color: #BEE1A7;
+          border-radius: 50%;
+          color: $defaultColor;
+          @include flex(center, center);
+        }
+      }
+
+      // 一键收标本
+      .collect_specimens {
+        width: 702rpx;
+        height: 176rpx;
+        background-color: #fff;
+        margin-top: 24rpx;
+        border-radius: 8rpx;
+        // box-shadow: 0 0 7rpx 0 rgba(73, 184, 86, 0.09);
+        border: 1px solid #E5E9ED;
+        position: relative;
+        @include flex(center, center);
+        @include semicircle(#fff);
+
+        .collect_icon {
+          width: 48rpx;
+          height: 48rpx;
+          border-radius: 50%;
+          background-color: rgba(57, 177, 153, 0.3);
+          border: 1px solid #39B199;
+          font-size: 24rpx;
+          color: #39B199;
+          @include flex(center, center);
+        }
+
+        .collect_specimensNum {
+          margin: 0 35rpx;
+          width: 277rpx;
+          font-size: 34rpx;
+          color: #666;
+
+          .collect_num {
+            font-size: 46rpx;
+            font-weight: 600;
+            color: #333;
+            margin-left: 16rpx;
+          }
+
+          .collect_row {
+            height: 88rpx;
+            @include flex(flex-start, center);
+            border-bottom: 1px dashed #E5E9ED;
+
+            &:last-of-type {
+              border-bottom: none;
+            }
+          }
+        }
+
+        .collect_btn {
+          margin: 0;
+          height: 88rpx;
+          background: linear-gradient(90deg, #74C271 0%, #39B199 100%);
+          border-radius: 56rpx;
+          color: #fff;
+          font-size: 32rpx;
+          line-height: 88rpx;
+        }
+      }
+
+      // 最新工单
+      .newOrders {
+        width: 702rpx;
+        min-height: 530rpx;
+        background-color: #fff;
+        margin-top: 8rpx;
+        border-radius: 8rpx;
+        // box-shadow: 0 0 7rpx 0 rgba(73, 184, 86, 0.09);
+        border: 1px solid #E5E9ED;
+        position: relative;
+        padding: 0 15rpx;
+        font-size: 32rpx;
+        @include semicircle(#f9fafb, 70rpx);
+
+        .newOrders_header {
+          height: 87rpx;
+          padding: 0 27rpx;
+          border-bottom: 1px dashed #E5E9ED;
+          @include flex(space-between, center);
+
+          .newOrders_header_title {
+            color: #333;
+          }
+
+          .newOrders_header_more {
+            color: #666;
+          }
+        }
+
+        .newOrders_item {
+          height: 88rpx;
+          padding: 0 27rpx;
+          border-bottom: 1px solid #E5E9ED;
+          color: #333;
+          font-size: 30rpx;
+          @include flex(center, center);
+
+          &:last-of-type {
+            border-bottom: none;
+          }
+
+          .newOrders_item_time {
+            width: 140rpx;
+          }
+
+          .newOrders_item_taskType {
+            flex: 1;
+            margin-left: 16rpx;
+            @include clamp(1);
+          }
+
+          .newOrders_item_patientName {
+            margin-left: 16rpx;
+            margin-right: 16rpx;
+            width: 148rpx;
+            @include clamp(1);
+          }
+
+          .newOrders_item_status {}
+        }
+      }
+
+      // 快捷工单
+      .quick_other {
+        width: 702rpx;
+        background-color: #fff;
+        margin-top: 8rpx;
+        border-radius: 8rpx;
+        // box-shadow: 0 0 7rpx 0 rgba(73, 184, 86, 0.09);
+        border: 1px solid #E5E9ED;
+        position: relative;
+        padding: 0 15rpx;
+        font-size: 32rpx;
+        @include semicircle(#f9fafb, 70rpx);
+
+        .quick_other_header {
+          height: 87rpx;
+          padding: 0 27rpx;
+          border-bottom: 1px dashed #E5E9ED;
+          @include flex(space-between, center);
+
+          .quick_other_header_title {
+            color: #333;
+          }
+        }
+
+        .quick_other_container {
+          min-height: 288rpx;
+          @include flex(flex-start, center);
+          flex-wrap: wrap;
+          font-size: 28rpx;
+
+          .quick_other_container_item {
+            width: 96rpx;
+            height: 96rpx;
+            border-radius: 8rpx;
+            margin: 16rpx 35rpx;
+            color: #fff;
+            text-align: center;
+
+            @include flex(center, center) .quick_other_container_item_text {
+              @include clamp(2);
+            }
+
+            &:nth-of-type(8n+1) {
+              background-color: #A4C4C1;
+            }
+
+            &:nth-of-type(8n+2) {
+              background-color: #56BAB6;
+            }
+
+            &:nth-of-type(8n+3) {
+              background-color: #39B199;
+            }
+
+            &:nth-of-type(8n+4) {
+              background-color: #48717F;
+            }
+
+            &:nth-of-type(8n+5) {
+              background-color: #56BAB6;
+            }
+
+            &:nth-of-type(8n+6) {
+              background-color: #A4C4C1;
+            }
+
+            &:nth-of-type(8n+7) {
+              background-color: #48717F;
+            }
+
+            &:nth-of-type(8n+8) {
+              background-color: #8E9D9E;
+            }
+          }
+        }
+      }
+    }
+  }
+</style>

pages/login/login.vue

@@ -31,26 +31,28 @@
   import {
     encryptByEnAES,
     encryptByDeAES
-  } from '../../utils/index.js'
+  } from "../../utils/index.js";
   import {
-    mapActions
+    mapActions,
+    mapMutations
   } from "vuex";
   export default {
     data() {
       return {
-        username: '', //用户名
-        password: '', //密码
+        username: "", //用户名
+        password: "", //密码
         savePassword: false, //是否记住密码
       };
     },
     methods: {
       ...mapActions("user", ["vxLogin"]),
+      ...mapMutations(['changeSeiminModel']),
       // 登录
       login(e) {
         let {
           username, //账号
           password, //密码
-          savePassword //是否记住密码
+          savePassword, //是否记住密码
         } = e.detail.value;
 
         savePassword = savePassword.length > 0;
@@ -74,7 +76,7 @@
         let postData = {
           username,
           password,
-          type: 'APP'
+          type: "APP",
         };
 
         this.vxLogin(postData).then((res) => {
@@ -99,15 +101,15 @@
                 username: encryptByEnAES(username), //用户名
                 password: encryptByEnAES(password), //密码
                 effectiveDuration: Date.now(), //当前时间戳
-              })
+              });
             } else {
-              uni.removeStorageSync('savePasswordObj');
+              uni.removeStorageSync("savePasswordObj");
             }
-            // 跳转到首页
+            // 跳转到首页(isShowSeiminModel,是否显示切换科室弹窗)
             uni.navigateTo({
-              url: '../index/index'
-            })
-
+              url: "/pages/index/index"
+            });
+            this.changeSeiminModel(true);
           } else {
             uni.showToast({
               icon: "none",
@@ -121,7 +123,6 @@
       // 是否记住密码
       let savePasswordObj = uni.getStorageSync("savePasswordObj");
       if (savePasswordObj) {
-        console.log(savePasswordObj);
         let {
           username,
           password,
@@ -134,9 +135,8 @@
           this.savePassword = true;
         }
       }
-
-    }
-  }
+    },
+  };
 </script>
 
 <style lang="scss" scoped>

request/api.js

@@ -0,0 +1,43 @@
+import {
+  request
+} from "./index.js";
+
+// 数据字典查询
+// export const reqDictionary = (postData) =>
+//   request({
+//     url: "/common/common/getDictionary",
+//     data: postData,
+//     method: 'POST'
+//   });
+
+// 用户登录接口
+export const reqLogin = (postData) =>
+  request({
+    url: "/auth/login",
+    data: postData,
+    method: 'POST'
+  });
+
+// 首页查看急标和普标数量
+export const reqSpecimenWorkOrderMsg = (postData) =>
+  request({
+    url: "/nurse/getSpecimenWorkOrderMsg",
+    data: postData,
+    method: 'POST'
+  });
+
+// 首页最新工单列表
+export const reqWorkOrders = (postData) =>
+  request({
+    url: "/nurse/fetchDataList/workOrder",
+    data: postData,
+    method: 'POST'
+  });
+
+// 首页快捷工单（其他临床服务任务类型）
+export const reqDeptTaskType = (postData) =>
+  request({
+    url: "/nurse/getDeptTaskType",
+    data: postData,
+    method: 'POST'
+  });

request/auth.js

@@ -0,0 +1,45 @@
+// 引入vuex配置
+import store from '../store'
+// 页面白名单
+const whiteList = []
+
+
+function hasPermission(url) {
+  // 在白名单中或有token，直接跳转
+  if (whiteList.indexOf(url) !== -1 || store.state.user.loginInfo) {
+    return true
+  }
+  return false
+}
+
+uni.addInterceptor('navigateTo', {
+  // 页面跳转前进行拦截, invoke根据返回值进行判断是否继续执行跳转
+  invoke(e) {
+    if (!hasPermission(e.url)) {
+      uni.reLaunch({
+        url: '/pages/login/login'
+      })
+      return false
+    }
+    return true
+  },
+  success(e) {
+    // console.log(e)
+  }
+})
+
+uni.addInterceptor('switchTab', {
+  // tabbar页面跳转前进行拦截
+  invoke(e) {
+    if (!hasPermission(e.url)) {
+      uni.reLaunch({
+        url: '/pages/login/login'
+      })
+      return false
+    }
+    return true
+  },
+  success(e) {
+    // console.log(e)
+  }
+})

request/config.js

@@ -11,7 +11,7 @@ const config = {
 };
 // 后端服务地址
 const baseUrls = {
-  development: "http://192.168.3.108/service", //开发环境
+  development: "http://localhost/service", //开发环境
   production: "http://192.168.3.108/service", //生产环境
 };
 config.baseUrl = baseUrls[process.env.NODE_ENV];

request/index.js

@@ -6,6 +6,8 @@
  * @Description:后端服务入口文件
  */
 import config from "./config.js";
+import "./auth.js";
+import "./interceptor.js";
 /**
  * @description:封装请求函数
  * @param {string} url 接口地址，以”/“开头
@@ -15,7 +17,12 @@ import config from "./config.js";
  * @return {promise}
  * @author: 廖明明
  */
-export function request({ url = "", data = {}, method = "GET", header = {} }) {
+export function request({
+  url = "",
+  data = {},
+  method = "GET",
+  header = {}
+}) {
   return new Promise((resolve) => {
     uni.request({
       method,
@@ -24,11 +31,10 @@ export function request({ url = "", data = {}, method = "GET", header = {} }) {
       header,
       dataType: "json",
       success(res) {
-        console.log(res);
         resolve(res.data);
       },
       fail(err) {
-        console.log(err);
+        uni.hideLoading();
         uni.showToast({
           icon: "none",
           title: "请求失败！",

request/interceptor.js

@@ -0,0 +1,21 @@
+uni.addInterceptor('request', {
+  invoke(args) {
+    // request 触发前
+    // console.log(args)
+  },
+  success(args) {
+    // 请求成功后
+    // console.log(args);
+    if (args.data == 520) {
+      uni.navigateTo({
+        url: '/pages/login/login'
+      })
+    }
+  },
+  fail(err) {
+    // console.log('interceptor-fail', err)
+  },
+  complete(res) {
+    // console.log('interceptor-complete', res)
+  }
+})

request/user.js

@@ -1,10 +0,0 @@
-import {
-  request
-} from "./index.js";
-// 测试接口
-export const reqLogin = (postData) =>
-  request({
-    url: "/auth/login",
-    data: postData,
-    method: 'POST'
-  });

static/fonts/demo.css

@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}

static/fonts/demo_index.html

@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3307922" target="_blank" class="nav-more">查看项目</a>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon pda">&#xe613;</span>
+                <div class="name">首页</div>
+                <div class="code-name">&amp;#xe613;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe615;</span>
+                <div class="name">我的</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe610;</span>
+                <div class="name">我的患者</div>
+                <div class="code-name">&amp;#xe610;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe667;</span>
+                <div class="name">工单 </div>
+                <div class="code-name">&amp;#xe667;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe608;</span>
+                <div class="name">二维码</div>
+                <div class="code-name">&amp;#xe608;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon pda">&#xe660;</span>
+                <div class="name">扫一扫</div>
+                <div class="code-name">&amp;#xe660;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'pda';
+  src: url('iconfont.woff2?t=1649313043379') format('woff2'),
+       url('iconfont.woff?t=1649313043379') format('woff'),
+       url('iconfont.ttf?t=1649313043379') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.pda {
+  font-family: "pda" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="pda"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"pda" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon pda pda-shouye2"></span>
+            <div class="name">
+              首页
+            </div>
+            <div class="code-name">.pda-shouye2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-shouye3"></span>
+            <div class="name">
+              我的
+            </div>
+            <div class="code-name">.pda-shouye3
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-wodehuanzhe"></span>
+            <div class="name">
+              我的患者
+            </div>
+            <div class="code-name">.pda-wodehuanzhe
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-gongdan"></span>
+            <div class="name">
+              工单 
+            </div>
+            <div class="code-name">.pda-gongdan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-ziyuan91"></span>
+            <div class="name">
+              二维码
+            </div>
+            <div class="code-name">.pda-ziyuan91
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon pda pda-saoma"></span>
+            <div class="name">
+              扫一扫
+            </div>
+            <div class="code-name">.pda-saoma
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="pda pda-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            pda" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-shouye2"></use>
+                </svg>
+                <div class="name">首页</div>
+                <div class="code-name">#pda-shouye2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-shouye3"></use>
+                </svg>
+                <div class="name">我的</div>
+                <div class="code-name">#pda-shouye3</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-wodehuanzhe"></use>
+                </svg>
+                <div class="name">我的患者</div>
+                <div class="code-name">#pda-wodehuanzhe</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-gongdan"></use>
+                </svg>
+                <div class="name">工单 </div>
+                <div class="code-name">#pda-gongdan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-ziyuan91"></use>
+                </svg>
+                <div class="name">二维码</div>
+                <div class="code-name">#pda-ziyuan91</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#pda-saoma"></use>
+                </svg>
+                <div class="name">扫一扫</div>
+                <div class="code-name">#pda-saoma</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>

static/fonts/iconfont.css

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: "pda"; /* Project id 3307922 */
+  src: url('/static/fonts/iconfont.woff2?t=1649313043379') format('woff2'),
+       url('/static/fonts/iconfont.woff?t=1649313043379') format('woff'),
+       url('/static/fonts/iconfont.ttf?t=1649313043379') format('truetype');
+}
+
+.pda {
+  font-family: "pda" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.pda-shouye2:before {
+  content: "\e613";
+}
+
+.pda-shouye3:before {
+  content: "\e615";
+}
+
+.pda-wodehuanzhe:before {
+  content: "\e610";
+}
+
+.pda-gongdan:before {
+  content: "\e667";
+}
+
+.pda-ziyuan91:before {
+  content: "\e608";
+}
+
+.pda-saoma:before {
+  content: "\e660";
+}
+

static/fonts/iconfont.json

@@ -0,0 +1,51 @@
+{
+  "id": "3307922",
+  "name": "zy-pda",
+  "font_family": "pda",
+  "css_prefix_text": "pda-",
+  "description": "转运PDA",
+  "glyphs": [
+    {
+      "icon_id": "765262",
+      "name": "首页",
+      "font_class": "shouye2",
+      "unicode": "e613",
+      "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "765290",
+      "name": "我的",
+      "font_class": "shouye3",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "2902559",
+      "name": "我的患者",
+      "font_class": "wodehuanzhe",
+      "unicode": "e610",
+      "unicode_decimal": 58896
+    },
+    {
+      "icon_id": "12331676",
+      "name": "工单 ",
+      "font_class": "gongdan",
+      "unicode": "e667",
+      "unicode_decimal": 58983
+    },
+    {
+      "icon_id": "21279542",
+      "name": "二维码",
+      "font_class": "ziyuan91",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "6757421",
+      "name": "扫一扫",
+      "font_class": "saoma",
+      "unicode": "e660",
+      "unicode_decimal": 58976
+    }
+  ]
+}

store/index.js

@@ -16,6 +16,7 @@ const myPlugin = (store) => {
   // 当 store 初始化后调用
   let vuexStorage = uni.getStorageSync("vuexStorage");
   if (vuexStorage) {
+    console.log(vuexStorage)
     store.replaceState(vuexStorage);
   }
   store.subscribe((mutation, state) => {
@@ -24,6 +25,15 @@ const myPlugin = (store) => {
 };
 
 export default new Vuex.Store({
+  state: {
+    isShowSeiminModel: false
+  },
+  mutations: {
+    //是否显示切换科室弹窗
+    changeSeiminModel(state, args) {
+      state.isShowSeiminModel = args;
+    }
+  },
   modules: {
     user,
   },

store/modules/dictionary.js

@@ -0,0 +1,27 @@
+// import {
+//   reqDictionary
+// } from "@/request/api.js";
+// const state = {
+//   dictionary: {},
+// };
+// const getters = {};
+// const mutations = {
+//   vxDictionary(state, args) {
+//     state.dictionary = args;
+//   },
+// };
+// const actions = {
+//   async vxDictionary({
+//     commit
+//   }, args) {
+//     let result = await reqDictionary(args);
+//     commit("vxDictionary", result.user);
+//   },
+// };
+// export default {
+//   namespaced: true,
+//   state,
+//   getters,
+//   mutations,
+//   actions,
+// };

store/modules/user.js

@@ -1,6 +1,6 @@
 import {
   reqLogin
-} from "@/request/user.js";
+} from "@/request/api.js";
 const state = {
   loginInfo: {},
 };

uni.scss

@@ -1,9 +1,13 @@
 @import "@/uni_modules/uni-scss/variables.scss";
 @import "animate.css/animate.css";
-// 主题色
+// 字体图标
+@import  "@/static/fonts/iconfont.css";
+// 主题色(绿色)
 $defaultColor: #49b856;
 // 红色
 $textColorRed: #ff3b53;
+// 黄色
+$textColorYellow: #F5A623;
 //数字字母不换行
 @mixin numbersAndLettersNoWrap {
   word-break: break-all;
@@ -26,11 +30,68 @@ $textColorRed: #ff3b53;
 @mixin btn_background {
   background-image: linear-gradient(90deg,#72c172,#3bb197);
 }
-
+//底部凹弧形边
+@mixin arc_edge($height:200rpx) {
+  height: $height;
+  position: relative;
+  background: $defaultColor;
+  &::after {
+    content: '';
+    width: 110%;
+    height: $height / 2;
+    position: absolute;
+    left: -5%;
+    bottom: 0;
+    border-radius: 50% 50% 0 0;
+    background: #fff;
+  }  
+}
+//边框两边半圆装饰
+@mixin semicircle($backgroundColor:#f9fafb,$top:50%) {
+  &::before {
+    content: '';
+    position: absolute;
+    width: 16rpx;
+    height: 32rpx;
+    border-radius: 0 16rpx 16rpx 0;
+    background-color: $backgroundColor;
+    left: -1px;
+    top: $top;
+    transform: translateY(-50%);
+    border: 1px solid #E5E9ED;
+    border-left: none;
+  }
+  
+  &::after {
+    content: '';
+    position: absolute;
+    width: 16rpx;
+    height: 32rpx;
+    border-radius: 16rpx 0 0 16rpx;
+    background-color: $backgroundColor;
+    right: -1px;
+    top: $top;
+    transform: translateY(-50%);
+    border: 1px solid #E5E9ED;
+    border-right: none;
+  } 
+}
+@mixin clamp($clamp:1) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $clamp;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+}
+// --------------------------华丽的分割线---------------------------------------
 // 全局样式
 .red {
   color: $textColorRed;
 }
+.yellow {
+  color: $textColorYellow;
+}
 .green {
   color: $defaultColor;
 }

utils/enum.association_types.js

@@ -0,0 +1,33 @@
+import {
+  createEnum
+} from './index.js';
+let data = [{
+    name: '患者其他服务业务',
+    value: 'patientTransport'
+  },
+  {
+    name: '临时标本业务',
+    value: 'specimen'
+  },
+  {
+    name: '药品配送业务',
+    value: 'drugsBag'
+  },
+  {
+    name: '静配配送',
+    value: 'jPBag'
+  },
+  {
+    name: '其他临床服务',
+    value: 'other'
+  },
+  {
+    name: '患者陪检业务',
+    value: 'inspect'
+  },
+  {
+    name: '标本轮巡业务',
+    value: 'specimenPlan'
+  },
+]
+export const ASSOCIATION_TYPES = createEnum(data); //关联类型

utils/enum.gdstate.js

@@ -0,0 +1,45 @@
+import {
+  createEnum
+} from './index.js';
+let data = [{
+    name: '待抢单',
+    value: '2'
+  },
+  {
+    name: '待接单',
+    value: '3'
+  },
+  {
+    name: '待到达',
+    value: '4'
+  },
+  {
+    name: '待送达',
+    value: '5'
+  },
+  {
+    name: '待评价',
+    value: '6'
+  },
+  {
+    name: '已完成',
+    value: '7'
+  },
+  {
+    name: '执行中',
+    value: '8'
+  },
+  {
+    name: '已到达',
+    value: '9'
+  },
+  {
+    name: '待送回',
+    value: '10'
+  },
+  {
+    name: '定时预约',
+    value: '11'
+  },
+]
+export const GDSTATE = createEnum(data); //工单状态

utils/index.js

@@ -5,7 +5,7 @@ import {
   enc
 } from "crypto-js";
 //aes加密
-export function encryptByEnAES(data) {
+export function encryptByEnAES(data = '') {
   let Key = "dsadmin";
   let tmpAES = AES.encrypt(data, Key, {
     mode: mode.CBC,
@@ -14,7 +14,7 @@ export function encryptByEnAES(data) {
   return tmpAES.toString();
 }
 //aes解密
-export function encryptByDeAES(data) {
+export function encryptByDeAES(data = '') {
   let Key = "dsadmin";
   let tmpDeAES = AES.decrypt(data, Key, {
     mode: mode.CBC,
@@ -22,3 +22,19 @@ export function encryptByDeAES(data) {
   });
   return tmpDeAES.toString(enc.Utf8);
 }
+
+// 简单的模拟枚举
+export function createEnum(arr = []) {
+  let obj = {}
+  arr.forEach(v => {
+    obj[obj[v.name] = v.value] = v.name;
+  })
+  return Object.freeze(obj);
+};
+
+// 获取页面栈，默认0是当前页面栈
+export function getCurrentPagesSeimin(num = 0) {
+  let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
+  let curRoute = routes[routes.length - 1 - num].route // 获取当前页面路由，也就是最后一个打开的页面路由
+  return curRoute;
+};

vue.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  productionSourceMap: false, // 生产打包时不输出map文件，增加打包速度
+  configureWebpack: config => {
+    if (process.env.NODE_ENV === 'development') {
+      config.devtool = 'source-map'
+    }
+  }
+}