1

src/lang/zh.js

@@ -224,7 +224,8 @@ export default {
     signIndex:'签到排队',
     signIn:'签到窗口',
     lineUp:'排队窗口',
-
+    otherManagement:'其他管理',
+    calling:'排队叫号',
 
   },
   navbar: {

src/router/modules/weight_sign.js

@@ -30,6 +30,16 @@ export default {
       noCache: true
     }
   },
+  {
+    path: '/calling',
+    component: () => import('@/xt_pages/sign/calling'),
+    name: 'calling',
+    meta: {
+      title: 'calling',
+      icon: 'calling',
+      noCache: true
+    }
+  },
   {
     path: '/sign',
     component: () => import('@/xt_pages/sign/index'),

src/views/layout/Layout.vue

@@ -4,23 +4,23 @@
     
     <div class="mainBox">
       <div class="navLeft">
-        <div :class="index == 0 ? 'navOne navActive' : 'navOne'" @click="clickActive(0,'门诊管理')">
+        <div v-if="menzhenShow" :class="index == 0 ? 'navOne navActive' : 'navOne'" @click="clickActive(0,'门诊管理')">
           <i class="iconfont icon--yishengmenzhen navIcon"></i>
           <p>门诊管理</p>
         </div>
-        <div :class="index == 1 ? 'navOne navActive' : 'navOne'" @click="clickActive(1,'电子病历')">
+        <div v-if="bingliShow" :class="index == 1 ? 'navOne navActive' : 'navOne'" @click="clickActive(1,'电子病历')">
           <i class="iconfont icon-s_bingli navIcon"></i>
           <p>电子病历</p>
         </div>
-        <div :class="index == 2 ? 'navOne navActive' : 'navOne'" @click="clickActive(2,'透析管理')">
+        <div v-if="touxiShow" :class="index == 2 ? 'navOne navActive' : 'navOne'" @click="clickActive(2,'透析管理')">
           <i class="iconfont icon-computer_fill navIcon"></i>
           <p>透析管理</p>
         </div>
-        <div :class="index == 3 ? 'navOne navActive' : 'navOne'" @click="clickActive(3,'库存管理')">
+        <div v-if="kucunShow" :class="index == 3 ? 'navOne navActive' : 'navOne'" @click="clickActive(3,'库存管理')">
           <i class="iconfont icon-kccx navIcon"></i>
           <p>库存管理</p>
         </div>
-        <div :class="index == 4 ? 'navOne navActive' : 'navOne'" @click="clickActive(4,'酷医商城')">
+        <div v-if="kuyishoppingShow" :class="index == 4 ? 'navOne navActive' : 'navOne'" @click="clickActive(4,'酷医商城')">
           <i class="iconfont icon-shangcheng-1 navIcon"></i>
           <p>酷医商城</p>
         </div>
@@ -67,12 +67,12 @@
             <p>营销管理</p>
           </div>
         </a>
-        <div class="dialogMainOne">
+        <!-- <div class="dialogMainOne">
           <div class="dialogIcon">
             <i class="iconfont icon-shujufenxi-jingyinggaikuang newIcon"></i>
           </div>
           <p>经营中心</p>
-        </div>
+        </div> -->
         <a :href="MircoMallWebsit()" target="_blank" v-if="this.$store.getters.xt_user.mall_role_exist">
           <div class="dialogMainOne">
             <div class="dialogIcon">
@@ -81,7 +81,7 @@
             <p>分销商城</p>
           </div>
         </a>
-        <div class="dialogMainOne" @click="clickActive(11,'配置管理')">
+        <div v-if="peizhiShow" class="dialogMainOne" @click="clickActive(11,'配置管理')">
           <div class="dialogIcon">
             <i class="iconfont icon-setup_fill newIcon"></i>
           </div>
@@ -93,6 +93,7 @@
 </template>
 
 <script>
+import { mapGetters } from "vuex";
 import { Navbar, Sidebar, AppMain, TagsView } from './components'
 import ResizeMixin from './mixin/ResizeHandler'
 
@@ -110,10 +111,67 @@ export default {
       index:2,
       navTitle:'透析管理',
       sign:false,
-      navShow:true
+      navShow:true,
+      //
+      menzhenShow:true,
+      bingliShow:true,
+      touxiShow:true,
+      kucunShow:true,
+      peizhiShow:true,
+      kuyishoppingShow:true,
+    }
+  },
+  created(){
+    console.log('permission_routers',this.permission_routers)
+    let menzhen = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy']
+    let bingli = ['User','createPatient']
+    let touxi = ['workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'quality_control']
+    let kucun = ['stockManage','selfPreparedMedicine','stockDrugs','otherManagement']
+    let peizhi = ['system','roleManage','dictionary','specialDictionary','template','prescription','druguse','showconfig','printTemplate']
+    let kuyishopping = ['kuyiShopping']
+    let menzhenArr = []
+    let bingliArr = []
+    let touxiArr = []
+    let kucunArr = []
+    let peizhiArr = []
+    let kuyishoppingArr = []
+    this.permission_routers.map(item => {
+      if(menzhen.indexOf(item.name) > -1){
+        menzhenArr.push(item)
+      }else if(bingli.indexOf(item.name) > -1){
+        bingliArr.push(item)
+      }else if(touxi.indexOf(item.name) > -1){
+        touxiArr.push(item)
+      }else if(kucun.indexOf(item.name) > -1){
+        kucunArr.push(item)
+      }else if(peizhi.indexOf(item.name) > -1){
+        peizhiArr.push(item)
+      }else if(kuyishopping.indexOf(item.name) > -1){
+        kuyishoppingArr.push(item)
+      }
+    })
+    // console.log('menzhenArr.length',menzhenArr.length)
+    // console.log('bingliArr.length',bingliArr.length)
+    // console.log('touxiArr.length',touxiArr.length)
+    // console.log('kucunArr.length',kucunArr.length)
+    // console.log('peizhiArr.length',peizhiArr.length)
+    // console.log('kuyishoppingArr.length',kuyishoppingArr.length)
+    if(menzhenArr.length == 0){
+      this.menzhenShow = false
+    }else if(bingliArr.length == 0){
+      this.bingliShow = false
+    }else if(touxiArr.length == 0){
+      this.touxiShow = false
+    }else if(kucunArr.length == 0){
+      this.kucunShow = false
+    }else if(peizhiArr.length == 0){
+      this.peizhiShow = false
+    }else if(kuyishoppingArr.length == 0){
+      this.kuyishoppingShow = false
     }
   },
   computed: {
+    ...mapGetters(["permission_routers"]),
     sidebar() {
       return this.$store.state.app.sidebar
     },

src/views/layout/components/Sidebar/index.vue

@@ -49,7 +49,7 @@ export default {
   created(){
     if(this.navTitle == '透析管理'){
       let nameArr = ['workforce','dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'quality_control']
-      console.log('permission_routers',this.permission_routers)
+      // console.log('permission_routers',this.permission_routers)
       let routerArr = []
       this.permission_routers.map(item => {
         if(nameArr.indexOf(item.name) > -1){
@@ -70,7 +70,7 @@ export default {
       handler(newVal,oldVal){
         if(newVal == '门诊管理'){
           let nameArr = ['outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy']
-          console.log('permission_routers',this.permission_routers)
+          // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
@@ -87,7 +87,7 @@ export default {
           }
         }else if(newVal == '电子病历'){
           let nameArr = ['User','createPatient']
-          console.log('permission_routers',this.permission_routers)
+          // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
@@ -104,7 +104,7 @@ export default {
           }
         }else if(newVal == '透析管理'){
           let nameArr = ['workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'quality_control']
-          console.log('permission_routers',this.permission_routers)
+          // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
@@ -122,7 +122,7 @@ export default {
           }
         }else if(newVal == '库存管理'){
           let nameArr = ['stockManage','selfPreparedMedicine','stockDrugs','otherManagement']
-          console.log('permission_routers',this.permission_routers)
+          // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){
@@ -139,7 +139,7 @@ export default {
           }
         }else if(newVal == '配置管理'){
           let nameArr = ['system','roleManage','dictionary','specialDictionary','template','prescription','druguse','showconfig','printTemplate']
-          console.log('permission_routers',this.permission_routers)
+          // console.log('permission_routers',this.permission_routers)
           let routerArr = []
           this.permission_routers.map(item => {
             if(nameArr.indexOf(item.name) > -1){

src/xt_pages/outpatientRegistration/index.vue

@@ -8,9 +8,9 @@
             <div class="formMain">
                 <el-form class="basicForm" ref="form" :model="form" label-width="80px">
                     <el-form-item label="结算类型">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.settlementValue" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in settlement"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -18,16 +18,16 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item class="specialFormItem" label="医保卡号">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model="form.medicalInsuranceCard"></el-input>
                         <el-button type="primary">读卡</el-button>
                     </el-form-item>
                     <el-form-item label="患者姓名">
                         <el-input v-model="form.name"></el-input>
                     </el-form-item>
                     <el-form-item label="性别">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.sex" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in sex"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -35,9 +35,9 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="证件类型">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.certificates" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in certificates"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -45,9 +45,9 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="医疗类别">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.medicalCare" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in medicalCare"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -55,13 +55,13 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="出生日期">
-                        <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
+                        <el-date-picker v-model="form.birthday" type="date" @change="getBirthday" placeholder="选择日期"></el-date-picker>
                     </el-form-item>
                     <el-form-item label="年龄">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model="form.age" readonly=""></el-input>
                     </el-form-item>
                     <el-form-item label="证件号码">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model="form.idCard"></el-input>
                     </el-form-item>
                 </el-form>
             </div>
@@ -69,9 +69,9 @@
             <div class="formMain">
                 <el-form class="basicForm" ref="form" :model="form" label-width="80px">
                     <el-form-item label="挂号类型">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.register" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in register"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -79,9 +79,9 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="医生">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.doctor" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in doctor"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -89,9 +89,9 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item label="科室">
-                        <el-select v-model="value" placeholder="请选择">
+                        <el-select v-model="form.department" placeholder="请选择">
                             <el-option
-                            v-for="item in options"
+                            v-for="item in department"
                             :key="item.value"
                             :label="item.label"
                             :value="item.value">
@@ -99,25 +99,25 @@
                         </el-select>
                     </el-form-item>
                     <el-form-item>
-                        <el-checkbox v-model="checked">是否需要工本费</el-checkbox>
+                        <el-checkbox v-model="form.costChecked">是否需要工本费</el-checkbox>
                     </el-form-item>
                     <el-form-item label="挂号费">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model.number="form.registrationFee"></el-input>
                     </el-form-item>
                     <el-form-item label="诊疗费">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model.number="form.medicalExpenses"></el-input>
                     </el-form-item>
                     <el-form-item label="工本费">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model.number="form.cost" :readonly="!form.costChecked"></el-input>
                     </el-form-item>
                     <el-form-item label="合计">
-                        <el-input v-model="form.name"></el-input>
+                        <el-input v-model.number="total" readonly></el-input>
                     </el-form-item>
                     <el-form-item>
                         <!-- <el-input v-model="form.name"></el-input> -->
                     </el-form-item>
                 </el-form>
-                <el-button style="float:right" type="primary">挂号</el-button>
+                <el-button style="float:right" @click="getForm" type="primary">挂号</el-button>
             </div>
             
         </div>
@@ -126,6 +126,7 @@
 
 <script>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
+const moment = require('moment')
 export default {
     components:{
         BreadCrumb
@@ -136,25 +137,177 @@ export default {
                 { path: false, name: '门诊挂号' },
                 { path: false, name: '门诊挂号' }
             ],
-            form:{},
-            options: [{
-                value: '选项1',
-                label: '黄金糕'
+            form:{
+                settlementValue: '',
+                medicalInsuranceCard:'',
+                name:'',
+                sex:'',
+                certificates:'',
+                medicalCare:'',
+                birthday:'',
+                age:'',
+                idCard:'',
+                register:'',
+                doctor:'',
+                department:'',
+                costChecked:false,
+                registrationFee:'',
+                medicalExpenses:'',
+                cost:'',
+                total: ''
+
+            
+            },
+            settlement: [{
+                value: 1,
+                label: '医保'
                 }, {
-                value: '选项2',
-                label: '双皮奶'
+                value: 2,
+                label: '自费'
+            }],
+            sex: [{
+                value: 1,
+                label: '男'
                 }, {
-                value: '选项3',
-                label: '蚵仔煎'
+                value: 2,
+                label: '女'
+            }],
+            certificates: [{
+                value: 1,
+                label: '内地身份证'
                 }, {
-                value: '选项4',
-                label: '龙须面'
+                value: 2,
+                label: "社保卡"
+                },{
+                value: 3,
+                label: "护照"
+                },{
+                value: 4,
+                label: "军官证"
+                },{
+                value: 5,
+                label: "台胞证"
+                },{
+                value: 6,
+                label: "港澳地区身份证"
+            }],
+            medicalCare: [{
+                value: 1,
+                label: '普通门诊'
+                }, {
+                value: 2,
+                label: "门诊大病"
+                },{
+                value: 3,
+                label: "重疾特药"
+                },{
+                value: 4,
+                label: "门诊特检"
+                },{
+                value: 5,
+                label: "健康接种"
+                },{
+                value: 6,
+                label: "预防接种"
+                },
+                {
+                value: 7,
+                label: "门诊输液"
+            }],
+            register: [{
+                value: 1,
+                label: '普通'
                 }, {
-                value: '选项5',
-                label: '北京烤鸭'
+                value: 2,
+                label: "主治"
+                },{
+                value: 3,
+                label: "主任"
+                },{
+                value: 4,
+                label: "免收诊金"
+                },{
+                value: 5,
+                label: "专家"
             }],
-            value: ''
         }
+    },
+    computed:{
+        total(){
+            if(this.form.registrationFee || this.form.medicalExpenses || this.form.cost){
+                return parseFloat(this.form.registrationFee ? this.form.registrationFee : 0) + parseFloat(this.form.medicalExpenses ? this.form.medicalExpenses : 0) + parseFloat(this.form.cost ? this.form.cost : 0) 
+            }
+        }
+    },
+    methods:{
+        getBirthday(date){
+            console.log(date)
+            let curTime = moment(new Date(date)).format('YYYY-MM-DD')
+            console.log(this.jsGetAge(curTime))
+
+            this.form.age = this.jsGetAge(curTime)
+        },
+        jsGetAge(strBirthday) { //传入形式yyyy-MM-dd
+            //strBirthday = util.formatTime(strBirthday);转换成yyyy-MM-dd形式
+            var returnAge
+            var strBirthdayArr = strBirthday.split('-')
+            var birthYear = strBirthdayArr[0]
+            var birthMonth = strBirthdayArr[1]
+            var birthDay = strBirthdayArr[2]
+            var d = new Date()
+            var nowYear = d.getFullYear()
+            var nowMonth = d.getMonth() + 1
+            var nowDay = d.getDate()
+            if (nowYear == birthYear) {
+            returnAge = 0 //同年 则为0岁
+            } else {
+            var ageDiff = nowYear - birthYear //年之差
+            if (ageDiff > 0) {
+                if (nowMonth == birthMonth) {
+                var dayDiff = nowDay - birthDay //日之差
+                if (dayDiff < 0) {
+                    returnAge = ageDiff - 1
+                } else {
+                    returnAge = ageDiff
+                }
+                } else {
+                var monthDiff = nowMonth - birthMonth //月之差
+                if (monthDiff < 0) {
+                    returnAge = ageDiff - 1
+                } else {
+                    returnAge = ageDiff
+                }
+                }
+            } else {
+                returnAge = -1 //返回-1 表示出生日期输入错误 晚于今天
+            }
+            }
+            return returnAge //返回周岁年龄
+        },
+        getForm(){
+            this.form.total = this.total
+            // console.log(this.form)
+            // console.log(JSON.parse(localStorage.getItem("temp")))
+            if(localStorage.getItem("temp")){
+                let a = JSON.parse(localStorage.getItem("temp"))
+                // let arr = []
+                a.push(this.form)
+                console.log(111,a)
+                localStorage.setItem("temp",JSON.stringify(a));
+                Object.keys(this.form).forEach((key)=>{
+                    this.form[key] = ''
+                })
+                this.$message({message: '添加成功',type: 'success'});
+            }else {
+                let arr = []
+                arr.push(this.form)
+                localStorage.setItem("temp",JSON.stringify(arr));
+                Object.keys(this.form).forEach((key)=>{
+                    this.form[key] = ''
+                })
+                this.$message({message: '添加成功',type: 'success'});
+            }
+        }   
     }
 }
 </script>

src/xt_pages/outpatientRegistration/registrationHistory.vue

@@ -26,8 +26,7 @@
                 </el-select>
             </div>
             <el-table :data="tableData" border style="width: 100%;" :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>
-                <el-table-column align="center" prop="dialysis_no" label="序号" width="60">
-                    <template slot-scope="scope">1</template>
+                <el-table-column align="center" type="index" label="序号" width="60">
                 </el-table-column>
                 <el-table-column align="center" prop="name" label="时间" width="100">
                     <template slot-scope="scope">{{ scope.row.date }}</template>

src/xt_pages/sign/calling.vue

@@ -0,0 +1,53 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+            <bread-crumb :crumbs="crumbs"></bread-crumb>
+        </div>
+        <div class="app-container">
+            <el-tabs v-model="activeName">
+                <el-tab-pane label="透前叫号" name="first">
+                    <before-dialysis-calling></before-dialysis-calling>
+                </el-tab-pane>
+                <el-tab-pane label="上机叫号" name="second">
+                    <computer-calling></computer-calling>
+                </el-tab-pane>
+                <el-tab-pane label="诊台配置" name="third">
+                    <treatment-configure></treatment-configure>
+                </el-tab-pane>
+                <el-tab-pane label="叫号配置" name="fourth">
+                    <calling-configure></calling-configure>
+                </el-tab-pane>
+            </el-tabs>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import BreadCrumb from "../components/bread-crumb";
+import beforeDialysisCalling from './components/beforeDialysisCalling'
+import computerCalling from './components/computerCalling'
+import treatmentConfigure from "./components/treatmentConfigure"
+import callingConfigure from './components/callingConfigure'
+export default {
+    components:{
+       BreadCrumb,
+       beforeDialysisCalling,
+       computerCalling,
+       treatmentConfigure,
+       callingConfigure 
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: "透析管理" },
+                { path: "dialysis/board", name: "透析叫号" }
+            ],
+            activeName:'first'
+        }
+    },
+    methods:{
+    }
+}
+</script>
+      

src/xt_pages/sign/components/beforeDialysisCalling.vue

@@ -0,0 +1,90 @@
+<template>
+    <div class="page_beforeDialysisCalling">
+        <div class="cell clearfix">
+            <label class="title"><span class="name">叫号状态</span> : </label>
+            <div class="time ">
+                <ul class="">
+                    <li v-for="option in patient_state" :key="option.value" @click="handleStateChange(option.value)" :class="patientStateVal == option.value ? 'active' : ''" >{{option.label}}
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div class="callingArea">
+                <waiting-called v-if="patientStateVal == 0"></waiting-called>
+                <called v-if="patientStateVal == 1"></called>
+            </div>
+            <div class="nowCalling" v-if="patientStateVal == 0">
+                <p class="nowCallingTitle">当前叫号</p>
+                <p class="nowCallingName">李小明</p>
+                <p class="nowCallingTime">签到时间：07:20</p>
+                <p class="nowCallingTime">下一位：张三</p>
+                <el-button style="margin: 30px 0 20px 0;">重新叫号</el-button>
+                <el-button type="primary" style="margin-left:0;">&ensp;&ensp;叫号&ensp;&ensp;</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import waitingCalled from './waitingCalled'
+import called from './called'
+export default {
+    components:{
+        waitingCalled,
+        called
+    },
+    data(){
+        return{
+            patient_state:[
+                {value: 0,label: '待叫号'},
+                {value: 1,label: '已叫号'},
+            ],
+            patientStateVal: 0,
+        }
+    },
+    methods:{
+        handleStateChange: function(index) {
+            this.patientStateVal = index
+        },
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.callingArea{
+    display: flex;
+    flex-wrap: wrap;
+    width: 88%;
+    // @media only screen and (max-width: 1340px) {
+    //     width:750px;
+    // }
+
+    // @media only screen and (min-width: 415px) and (max-width: 767px) {
+    // }
+}
+.nowCalling{
+    height: 313px;
+    border: 1px solid #e5e5ee;
+    // flex: 1;
+    width: 12%;
+    text-align: center;
+    .nowCallingTitle{
+        font-size: 20px;
+        font-weight: 600;
+        margin-top: 20px;
+        text-align: center;
+    }
+    .nowCallingName{
+        color: #338AFB;
+        font-size: 18px;
+        margin-top: 10px;
+        font-weight: 600;
+    }
+    .nowCallingTime{
+        font-size: 16px;
+        margin-top: 30px;
+    }
+}
+</style>

src/xt_pages/sign/components/called.vue

@@ -0,0 +1,93 @@
+<template>
+    <div class="page_called">
+        <div class="calledOne" v-for="item in 12" :key="item">
+            <div class="calledOneLeft">
+                <img src="https://images.shengws.com/201809182128111.png?imageView2/2/w/500/h/500/q/90" alt="">
+                <div class="name">
+                    <p>吴保龄</p>
+                    <p>
+                        <span class="nameTips">签到时间：07:00:00</span>
+                        <span class="nameTips" v-if="index == 1">床位号：A区5号床</span>
+                        <span class="nameTips" v-else>叫号时间：07:30:00</span>
+                    </p>
+                    <p>
+                        <span class="nameTips">透前体重：59kg</span>
+                        <span class="nameTips lastNameTips">透前血压：120/110mmHg</span>
+                    </p>
+                </div>
+            </div>
+            <div class="calledOneRight" v-if="index == 1">
+                <img src="../../../assets/img/volume.png" alt="">
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    props:{
+        index:Number
+    },
+    data(){
+        return{
+
+        }
+    },
+}
+</script>
+
+
+<style lang="scss" scoped>
+.page_called{
+    .calledOne{
+        border: 1px #e5e5ee solid;
+        padding: 9px 0;
+        margin: 0 15px 15px 0;
+        float: left;
+        width: 360px;
+        cursor: pointer;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px;
+        .calledOneLeft{
+            display: flex;
+            img{
+                width: 45px;
+                height: 45px;
+                border-radius: 50%;
+                margin-right: 15px;
+            }
+            .name{
+                >p:first-child{
+                    font-size: 16px;
+                    font-weight: bold;
+                    color:#000;
+                }
+                >p:nth-of-type(2){
+                    font-size: 12px;
+                    color:#999999;
+                    margin-top: 6px;
+                }
+                >p:nth-of-type(3){
+                    font-size: 12px;
+                    color:#999999;
+                    margin-top: 3px;
+                }
+                .nameTips{
+                    margin-right:10px;
+                    display: inline-block;
+                }
+                
+            }
+            
+        }
+        .calledOneRight{
+            img{
+                width: 30px;
+                margin-top: 8px;
+            }
+        }
+    }
+}
+</style>

src/xt_pages/sign/components/callingConfigure.vue

@@ -0,0 +1,160 @@
+<template>
+    <div class="page_callingConfigure">
+        <div class="cell clearfix">
+            就诊状态显示屏幕切换屏幕时长配置(秒) : 
+            <div class="time ">
+                <el-input-number v-model="num" @change="handleChange" :min="1"></el-input-number>
+            </div>
+        </div>
+        <div style="display:flex;">
+            <div class="configureBox">
+                <div class="configureBoxTitle">接诊叫号</div>
+                <div class="configureBoxMain">
+                    <div style="margin-bottom:10px;">单次叫号语音播报次数：<el-input-number v-model="num" @change="handleChange" :min="1"></el-input-number></div>
+                    <div style="margin-bottom:10px;">叫号语音内容设置：</div>
+                    <div style="margin-bottom:10px;">
+                        <p style="width:50px;display: inline-block;">请</p>
+                        <el-select style="width:140px;" v-model="type" placeholder="请选择">
+                            <el-option
+                            v-for="item in typeOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </div>
+                    <div style="margin-bottom:10px;">
+                        <p style="width:50px;display: inline-block;">到</p>
+                        <el-select style="width:140px;" v-model="state" placeholder="请选择">
+                            <el-option
+                            v-for="item in stateOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </div>
+                    <div style="margin-bottom:10px;" v-if="state == 2">
+                        <p style="width:50px;display: inline-block;"></p>
+                        <el-input style="width:200px;" v-model="input" placeholder="请输入内容"></el-input>
+                    </div>
+                    <div>就诊</div>
+                </div>
+                
+            </div>
+            <div class="configureBox" style="border-left:none;">
+                <div class="configureBoxTitle">上机叫号</div>
+                <div class="configureBoxMain">
+                    <div style="margin-bottom:10px;">单次叫号语音播报次数：<el-input-number v-model="num" @change="handleChange" :min="1"></el-input-number></div>
+                    <div style="margin-bottom:10px;">叫号语音内容设置：</div>
+                    <div style="margin-bottom:10px;">
+                        <p style="width:50px;display: inline-block;">请</p>
+                        <el-select style="width:140px;" v-model="type" placeholder="请选择">
+                            <el-option
+                            v-for="item in typeOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </div>
+                    <div style="margin-bottom:10px;">
+                        <p style="width:50px;display: inline-block;">到</p>
+                        <el-select style="width:140px;" v-model="state" placeholder="请选择">
+                            <el-option
+                            v-for="item in stateOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </div>
+                    <div style="margin-bottom:10px;" v-if="state == 2">
+                        <p style="width:50px;display: inline-block;"></p>
+                        <el-input style="width:200px;" v-model="input" placeholder="请输入内容"></el-input>
+                    </div>
+                    <div>上机</div>
+                </div>
+                
+            </div>
+        </div>
+        <div style="display:flex;margin-top:10px;">
+            <div style="width:480px;">
+                语音播报声音：
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">男生</el-radio>
+                    <el-radio :label="2">女生</el-radio>
+                </el-radio-group>
+            </div>
+            <div style="width:480px;">
+                隐藏接诊叫号区域：
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">是</el-radio>
+                    <el-radio :label="2">否</el-radio>
+                </el-radio-group>
+            </div>
+        </div>
+        <div style="display:flex;margin-top:10px;">
+            <div style="width:480px;">
+                隐藏上机叫号区域：
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">是</el-radio>
+                    <el-radio :label="2">否</el-radio>
+                </el-radio-group>
+            </div>
+            <div style="width:480px;">
+                是否在透析管理页面显示排队叫号：
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">显示</el-radio>
+                    <el-radio :label="2">不显示</el-radio>
+                </el-radio-group>
+            </div>
+        </div>
+        <div style="display:flex;margin-top:10px;">
+            <div style="width:480px;">
+                是否在透析记录详情页面显示排队叫号：
+                <el-radio-group v-model="radio">
+                    <el-radio :label="1">显示</el-radio>
+                    <el-radio :label="2">不显示</el-radio>
+                </el-radio-group>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            num:3,
+            typeOptions:[{ value: 1, label: '姓名'},{ value: 2, label: '透析号'}],
+            type: 1,
+            stateOptions:[{ value: 1, label: '智能匹配诊台'},{ value: 2, label: '自定义内容'}],
+            state: 1,
+            input:'',
+            radio:1
+        }
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.configureBox{
+    width:480px;
+    height: 300px;
+    border: 1px solid #e5e5e5;
+    .configureBoxTitle{
+        height: 40px;
+        text-align: center;
+        line-height: 40px;
+        background: rgb(245, 247, 250);
+        color:rgb(96, 98, 102);
+        font-weight: 600;
+        border-bottom: 1px solid #e5e5e5;
+    }
+    .configureBoxMain{
+        padding: 10px;
+    }
+}
+</style>

src/xt_pages/sign/components/computerCalling.vue

@@ -0,0 +1,82 @@
+<template>
+    <div class="page_computerCalling">
+        <div class="cell clearfix">
+            <label class="title"><span class="name">叫号状态</span> : </label>
+            <div class="time ">
+                <ul class="">
+                    <li v-for="option in patient_state" :key="option.value" @click="handleStateChange(option.value)" :class="patientStateVal == option.value ? 'active' : ''" >{{option.label}}
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div class="callingArea">
+                <called v-if="patientStateVal == 0" :index='1'></called>
+                <called v-if="patientStateVal == 1"></called>
+            </div>
+            <div class="nowCalling" v-if="patientStateVal == 0">
+                <p class="nowCallingTitle">当前叫号</p>
+                <p class="nowCallingName">李小明</p>
+                <p class="nowCallingTime">签到时间：07:20</p>
+                <p class="nowCallingTime">下一位：张三</p>
+                <el-button style="margin: 30px 0 20px 0;">重新叫号</el-button>
+                <el-button type="primary" style="margin-left:0;">&ensp;&ensp;叫号&ensp;&ensp;</el-button>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import called from './called'
+export default {
+    components:{
+       called 
+    },
+    data(){
+        return{
+            patient_state:[
+                {value: 0,label: '待叫号'},
+                {value: 1,label: '已叫号'},
+            ],
+            patientStateVal: 0,
+        }
+    },
+    methods:{
+        handleStateChange: function(index) {
+            this.patientStateVal = index
+        },
+    }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.callingArea{
+    display: flex;
+    flex-wrap: wrap;
+    width: 86%;
+}
+.nowCalling{
+    height: 351px;
+    border: 1px solid #e5e5ee;
+    // flex: 1;
+    width: 14%;
+    text-align: center;
+    .nowCallingTitle{
+        font-size: 20px;
+        font-weight: 600;
+        margin-top: 20px;
+        text-align: center;
+    }
+    .nowCallingName{
+        color: #338AFB;
+        font-size: 18px;
+        margin-top: 10px;
+        font-weight: 600;
+    }
+    .nowCallingTime{
+        font-size: 16px;
+        margin-top: 30px;
+    }
+}
+</style>

src/xt_pages/sign/components/treatmentConfigure.vue

@@ -0,0 +1,84 @@
+<template>
+    <div class="page_configure">
+        <div style="display:flex;align-items:center;margin-bottom:12px;justify-content: space-between;">
+            <div>接诊台列表</div>
+            <el-button type="primary" @click="newVisible = true">新增</el-button>
+        </div>
+        <el-table :data="tableData" border style="width: 100%">
+            <el-table-column prop="date" label="接诊台号" align="center"></el-table-column>
+            <el-table-column label="诊台负责医生" align="center">
+                <template slot-scope="scope">
+                    <el-tag size="medium">{{ scope.row.name }}</el-tag>
+                </template>
+            </el-table-column>
+            <el-table-column label="操作" align="center">
+                <template slot-scope="scope">
+                    <el-button size="mini" type="primary" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                    <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+        <el-dialog title="新增诊台" width="800px" :visible.sync="newVisible" >
+            <el-form :model="form" :rules="rules" ref="form" label-width="140px">
+                <el-form-item label="诊台号 : " required prop="type">
+                    <el-input v-model.trim="form.type" placeholder="" ></el-input>
+                </el-form-item>
+                <el-form-item label="诊台负责医生 : " required  prop="doctor">
+                    <el-select style="width:100%" v-model="form.doctor" placeholder="请选择" multiple filterable allow-create default-first-option>
+                        <el-option
+                        v-for="item in typeOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click="newVisible=false">取 消</el-button>
+                <el-button type="primary" @click="submitAction('form')">保 存</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    data(){
+        return{
+            tableData: [{
+                date: '2016-05-02',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+                }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1517 弄'
+                }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1519 弄'
+                }, {
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1516 弄'
+            }],
+            newVisible:false,
+            form: {
+                id: 0,
+                type: "",
+                doctor:[],
+            },
+            rules: {
+              type: [{ required: true, message: "请输入诊台号" }],
+              doctor: [{ required: true, message: "请选择接诊台负责医生"}],  
+            },
+            typeOptions:[{ value: 1, label: '张三'},{ value: 2, label: '李四'}],
+        }
+    },
+    methods:{
+        handleEdit(){},
+        handleDelete(){},
+    }
+}
+</script>

src/xt_pages/sign/components/waitingCalled.vue

@@ -0,0 +1,61 @@
+<template>
+    <div class="waitingCalled">
+        <div class="waitingOne" v-for="item in 12" :key="item">
+            <div class="waitingOneLeft">
+                <img src="https://images.shengws.com/201809182128111.png?imageView2/2/w/500/h/500/q/90" alt="">
+                <div class="name">
+                    <p>吴保龄</p>
+                    <p>签到时间：07:00:00</p>
+                </div>
+            </div>
+            <div class="waitingOneRight">
+                <img src="../../../assets/img/volume.png" alt="">
+            </div>
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.waitingCalled{
+    .waitingOne{
+        border: 1px #e5e5ee solid;
+        padding: 9px 0;
+        margin: 0 15px 15px 0;
+        float: left;
+        width: 360px;
+        cursor: pointer;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 10px;
+        .waitingOneLeft{
+            display: flex;
+            img{
+                width: 45px;
+                height: 45px;
+                border-radius: 50%;
+                margin-right: 15px;
+            }
+            .name{
+                >p:first-child{
+                    font-size: 16px;
+                    font-weight: bold;
+                    color:#000;
+                }
+                >p:last-child{
+                    font-size: 12px;
+                    color:#999999;
+                    margin-top: 10px;
+                }
+            }
+            
+        }
+        .waitingOneRight{
+            img{
+                width: 30px;
+                margin-top: 6px;
+            }
+        }
+    }
+}
+</style>

src/xt_pages/sign/lineUp.vue

@@ -0,0 +1,201 @@
+<template>
+    <div class="app-container">
+        <div class="page_lineUp">
+            <div class="lineUpTitle">
+                <div>唐山朝阳医院<span>温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合</span></div>
+                <div>2020.8.18   07:22(星期四）</div>
+            </div>
+            <div class="lineUpMain">
+                <div class="lineUpMainLeft">
+                    <div class="lineUpMainLeftTitle">
+                        <p style="width:14%">排号</p>
+                        <p style="width:14%">姓名</p>
+                        <p style="width:14%">病例号</p>
+                        <p style="width:14%">床位号</p>
+                        <p style="width:14%">治疗状态</p>
+                        <p style="width:14%">上机时间</p>
+                        <p style="width:14%">预计下机时间</p>
+                    </div>
+                    <div class="lineUpList">
+                        <div class="lineUpListOne" v-for="item in 8" :key="item">
+                            <p style="width:14%">P01</p>
+                            <p style="width:14%">张*等</p>
+                            <p style="width:14%">001</p>
+                            <p style="width:14%">普通区1号床</p>
+                            <p style="width:14%">已下机</p>
+                            <p style="width:14%">09:01</p>
+                            <p style="width:14%">09:01</p>
+                        </div>
+                    </div>
+                </div> 
+                <div class="callingBox">
+                    <div class="callingBoxLeft">
+                        <div class="callingTitle"><span style="margin: 0 auto;">接<br />诊<br />叫<br />号</span></div>
+                        <div style="flex: 1;">
+                            <div class="callingTop" style="margin-bottom:4px;">
+                                <div class="callingTopTip"><span style="margin: 0 auto;">正在<br />接诊</span></div>
+                                <div class="callingContent">
+                                    <p style="margin-top:13px;">请李四宋到1号诊台就诊</p>
+                                    <p>请王岐岐到2号诊台就诊</p>
+                                </div>
+                            </div>
+                            <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                <div class="callingTopTip"><span style="margin: 0 auto;">等待<br />接诊</span></div>
+                                <div class="callingContent">
+                                    <p style="margin-top:13px;">欧大大、王思思、陈啦啦、吴东汉、</p>
+                                    <p>孔豆豆、陈米春、孔豆豆、陈米春、</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="callingBoxLeft">
+                        <div class="callingTitle newCallingTitle"><span style="margin: 0 auto;">上<br />机<br />叫<br />号</span></div>
+                        <div style="flex: 1;">
+                            <div class="callingTop" style="margin-bottom:4px;">
+                                <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">正在<br />叫号</span></div>
+                                <div class="callingContent">
+                                    <p style="margin-top:13px;">请李四宋到普通区2号床上机</p>
+                                    <p>请王岐岐到普通区3号床上机</p>
+                                </div>
+                            </div>
+                            <div class="callingTop" style="border-radius: 0 0 15px 0;">
+                                <div class="callingTopTip newCallingTopTip"><span style="margin: 0 auto;">等待<br />叫号</span></div>
+                                <div class="callingContent">
+                                    <p style="margin-top:13px;">欧大大、王思思、陈啦啦、吴东汉、</p>
+                                    <p>孔豆豆、陈米春、孔豆豆、陈米春、</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            
+        </div>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.page_lineUp{
+    .lineUpTitle{
+        height: 50px;
+        background: #1A82BF;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 20px;
+        color:#fff;
+        font-size: 20px;
+        font-weight: 600;
+    }
+    .lineUpMain{
+        background: linear-gradient(0deg, #76ECEC, #479CD2);
+        height: 550px;
+        padding:10px;
+    }
+    .lineUpMainLeft{
+        height: 370px;
+        border-radius: 15px;
+        
+    }
+    .lineUpMainLeftTitle{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color:#fff;
+        font-size: 18px;
+        font-weight: 600;
+        height:50px;
+        background: #1A82BF;
+        border-radius: 15px 15px 0 0;
+        >p{
+            text-align: center;
+        }
+    }
+    .lineUpList{
+        font-size: 18px;
+        font-weight: 600;
+        >div:nth-child(odd){
+            background: #F9FDFF;
+        }
+        >div:nth-child(even){
+            background: #CCEBFF;
+        }
+        >div:last-child{
+            border-radius: 0 0 15px 15px;
+        }
+        .lineUpListOne{
+            height:40px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color:#1C6895;
+            >p{
+                width:25%;
+                text-align: center;
+            }
+        }
+    }
+    .callingBox{
+        height: 150px;
+        margin-top: 10px;
+        display: flex;
+        justify-content: space-between;
+        .callingBoxLeft{
+            width: 49%;
+            height: 100%;
+            display: flex;
+            justify-content: space-between;
+            .callingTitle{
+                width: 60px;
+                height: 100%;
+                border-radius: 15px 0 0 15px;
+                font-size: 30px;
+                font-weight:600;
+                text-align: center;
+                color: #fff;
+                background: #1A82BF;
+                display: flex;
+                align-items: center;
+                margin-right: 5px;
+            }
+            .newCallingTitle{
+                background: linear-gradient(90deg, rgba(66, 231, 167, 1), rgba(26, 191, 84, 1), rgba(157, 254, 31, 1));
+            }
+        } 
+        .callingTop{
+            height: 73px;
+            border-radius: 0 15px 0 0;
+            background: #F9FDFF;
+            display: flex;
+            justify-content: space-between;
+            .callingTopTip{
+                width: 73px;
+                height: 100%;
+                color: #fff;
+                font-size: 18px;
+                font-weight: 600;
+                background: #1A82BF;
+                display: flex;
+                align-items: center;
+            }
+            .newCallingTopTip{
+                background: linear-gradient(90deg, rgba(66, 231, 167, 1), rgba(26, 191, 84, 1), rgba(157, 254, 31, 1));
+            }
+            .callingContent{
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                font-size: 16px;
+                color:#1C6895;
+                font-weight: 600;
+                padding-left: 20px;
+                >p{
+                    width:100%;
+                    text-align: left;
+                    line-height: 24px;
+                }
+            }
+        }
+    }
+}
+</style>

src/xt_pages/sign/signIn.vue

@@ -0,0 +1,154 @@
+<template>
+    <div class="app-container">
+        <div class="page_signIn">
+            <div class="signInTitle">
+                <div>唐山朝阳医院</div>
+                <div>2020.8.18   07:22(星期四）</div>
+            </div>
+            <div class="signInMain">
+                <div style="display: flex;justify-content: space-between;padding:10px;">
+                    <div class="signInMainLeft">
+                        <div class="signInMainLeftTitle">
+                            <p>排号</p>
+                            <p>姓名</p>
+                            <p>病历号</p>
+                            <p>签到时间</p>
+                        </div>
+                        <div class="signInList">
+                            <div class="signInListOne" v-for="item in 12" :key="item">
+                                <p>P13</p>
+                                <p>张*等</p>
+                                <p>001</p>
+                                <p>09:01:00</p>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="signInMainRight">
+                        <div class="signInMainRightTitle"><span style="margin:0 auto;">张三</span></div>
+                        <div class="signInMainRightContent">
+                            <p style="margin: 0 auto;display:flex;align-items: center;"><span>排号&nbsp;&nbsp;</span><span style="font-size:120px;">P06</span></p>
+                        </div>
+                        <div class="signInMianRightBottom"><span style="margin:0 auto;">签到成功</span></div>
+                    </div>
+                </div>
+                <div class="signInTip">
+                    温馨提示：请注意排队叫号，依次叫号就诊上机，谢谢配合
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+
+<style lang="scss" scoped>
+.page_signIn{
+    .signInTitle{
+        height: 50px;
+        background: #1A82BF;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 0 20px;
+        color:#fff;
+        font-size: 20px;
+        font-weight: 600;
+    }
+    .signInMain{
+        background: linear-gradient(0deg, #76ECEC, #479CD2);
+        height: 600px;
+        
+        
+    }
+    .signInMainLeft{
+        width:65%;
+        height: 530px;
+        border-radius: 15px;
+    }
+    .signInMainLeftTitle{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color:#fff;
+        font-size: 18px;
+        font-weight: 600;
+        height:50px;
+        background: #1A82BF;
+        border-radius: 15px 15px 0 0;
+        >p{
+            width:25%;
+            text-align: center;
+        }
+    }
+    .signInList{
+        font-size: 18px;
+        font-weight: 600;
+        >div:nth-child(odd){
+            background: #F9FDFF;
+        }
+        >div:nth-child(even){
+            background: #CCEBFF;
+        }
+        >div:last-child{
+            border-radius: 0 0 15px 15px;
+        }
+        .signInListOne{
+            height:40px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            color:#1C6895;
+            >p{
+                width:25%;
+                text-align: center;
+            }
+        }
+    }
+    .signInMainRight{
+        width: 34%;
+        height: 530px;
+    }
+    .signInMainRightTitle{
+        height: 130px;
+        border-radius: 15px 15px 0 0;
+        background: #1A82BF;
+        font-size: 80px;
+        font-weight: 600;
+        color:#fff;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+    .signInMainRightContent{
+        background: #F9FDFF;
+        height: 300px;
+        text-align: center;
+        font-weight: 600;
+        color:#1C6895;
+        box-sizing: border-box;
+        font-size:70px;
+        display:flex;
+        align-items:center;
+    }
+    .signInMianRightBottom{
+        height: 100px;
+        background: #1A82BF;
+        border-radius: 0 0 15px 15px;
+        font-size: 40px;
+        font-weight: 600;
+        color:#fff;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+    }
+    .signInTip{
+        color:#fff;
+        font-size: 18px;
+        font-weight: 600;
+        display: flex;
+        align-items: center;
+        height: 50px;
+        background: linear-gradient(0deg, #42A9E7, #3686B9, #42A9E7);
+        margin-top: 1px;
+    }
+}
+</style>

src/xt_permission.js

@@ -12,19 +12,19 @@ const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名
 
 router.beforeEach((to, from, next) => {
   // 线上注释
-  if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
-      store.dispatch('VerifyConfigList', []).then(() => {
-        next()
-      })
-    }
-    if (store.getters.permission_routers === undefined) {
-      store.dispatch('xt_GenerateRoutes', []).then(() => {
-        next()
-      })
-    } else {
-      next()
-    }
-    return
+  // if (!store.getters.configlist || store.getters.configlist === undefined || store.getters.configlist.length <= 0) {
+  //     store.dispatch('VerifyConfigList', []).then(() => {
+  //       next()
+  //     })
+  //   }
+  //   if (store.getters.permission_routers === undefined) {
+  //     store.dispatch('xt_GenerateRoutes', []).then(() => {
+  //       next()
+  //     })
+  //   } else {
+  //     next()
+  //   }
+  //   return
   // 线上注释
 
   NProgress.start()