save

package-lock.json

@@ -1270,6 +1270,7 @@
       "resolved": "http://192.168.110.93:4873/boom/-/boom-2.10.1.tgz",
       "integrity": "sha1-OciRjO/1eZ+D+UkqhI9iWt0Mdm8=",
       "dev": true,
+      "optional": true,
       "requires": {
         "hoek": "2.x.x"
       }
@@ -3621,7 +3622,8 @@
       "version": "2.16.3",
       "resolved": "http://192.168.110.93:4873/hoek/-/hoek-2.16.3.tgz",
       "integrity": "sha1-ILt0A9POo5jpHcRxCo/xuCdKJe0=",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "home-or-tmp": {
       "version": "2.0.0",

src/router/router.js

@@ -10,6 +10,8 @@ const diagnosisEditor = r => require.ensure([], () => r(require('../views/IM/dia
 const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/diagnosis-list-new.vue')), 'diagnosisListNew')
 const downList = r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/down-list.vue')), 'downList')
 const operation= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/operation.vue')), 'downList')
+const workbench= r => require.ensure([], () => r(require('../views/IM/diagnosis-admin/workbench.vue')), 'workbench')
+
 export default [{
     path: '/',
     component: App,
@@ -48,6 +50,10 @@ export default [{
         },{
           path: '/operation',
           component: operation
-        }
+        },
+        {
+            path: '/workbench',
+            component: workbench
+          }
     ]
 }]

src/views/IM/diagnosis-admin/workbench.vue

+<template>
+  <div class="diagnosis-list-content">
+    <div class="select-content screenSet">
+      <div class="title">我的工作台</div> 
+    </div>
+      <div class="select-content screenSet">
+        <!-- 时间 -->
+        <el-row type="flex" justify="center" >
+         <div id="picker">
+             <div class="block">
+            <el-date-picker
+            v-model="value1"
+            type="date"
+            :clearable='false'
+            ref="picker"
+            placeholder="选择日期">
+            </el-date-picker>
+            <i class="el-icon-arrow-down" @click="onfn"></i>
+         </div>
+         </div>
+        </el-row>
+        <!-- tab栏 -->
+      <div class="box" v-if="isdon ==='1'">
+      <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;" >
+      <el-radio-button label="all">全部(0)</el-radio-button>
+      <el-radio-button label="abnormal">异常(0)</el-radio-button>
+      <el-radio-button label="consultation">问诊中(0)</el-radio-button>
+      <el-radio-button label="Notstarted">未开始(0)</el-radio-button>
+      <el-radio-button label="Hasended">已结束(0)</el-radio-button>
+      <el-radio-button label="Cancelled">已取消(0)</el-radio-button>
+      </el-radio-group>
+      </div>
+  
+      <div class="lfet" v-else >
+        <el-row :gutter="20">
+        <el-col :span="6"><div class="grid-content bg-purple">
+            <span>总问诊数</span>
+            <span>0单</span>
+          </div></el-col>
+        <el-col :span="6"><div class="grid-content bg-purple">
+          <span>已问诊数</span>
+          <span>0单</span>
+          </div></el-col>
+        <el-col :span="6"><div class="grid-content bg-purple">
+          <span>问诊中</span>
+          <span>0单</span>
+        </div>
+        </el-col>
+        <el-col :span="6"><div class="grid-content bg-purple">
+        <span>未问诊</span>
+        <span>0单</span>
+        </div>
+        </el-col>
+      </el-row>
+      <div ><i class="el-icon-s-custom"> 运营A成员(6单)</i></div>
+      <div ><i class="el-icon-s-custom"> 运营B成员(2单)</i></div>
+      </div>
+      <!-- <el-empty description="描述文字"></el-empty> -->
+      <!-- 分页 -->
+      <el-row type="flex" justify="end">
+        <el-pagination
+        background
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="currentPage4"
+        :page-sizes="[100, 200, 300, 400]"
+        :page-size="100"
+        layout="prev, pager, next, sizes, jumper"
+        :total="400">
+      </el-pagination>
+      </el-row>
+    </div>
+ </div>
+</template>
+
+<script>
+export default {
+   data(){
+     return {
+       tabPosition:"all",
+       value1:Date.now(),
+       currentPage4:0,
+      // 判断是否是管理员
+      isdon:'2',
+      name:''
+     }
+   },
+   methods:{
+     handleSizeChange(){
+
+     },
+     handleCurrentChange(){
+
+     },
+     onfn(){
+      this.$refs.picker.focus()
+     }
+   },
+   mounted(){
+      console.log(this.$refs.picker.value);
+   }
+}
+</script>
+<style lang='scss' scoped>
+#picker{
+
+    ::v-deep{
+        .el-input--prefix{
+             padding-left: 0px;
+            .el-input__inner{
+              background: turquoise !important;
+            }
+        }
+    }
+}
+
+
+</style>
+<style lang="scss" scoped>
+.diagnosis-list-content {
+  .select-content {
+    margin-bottom: 10px;
+    padding: 10px;
+    background: #fff;
+    overflow: hidden !important;
+    .title {
+      height: 50px;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+    }
+    .box{
+        border-bottom: 1px solid #ccc;
+        .el-radio-group {
+            margin-bottom: -1px !important;
+        }
+    }
+  }
+}
+  
+  .el-row {
+    margin-bottom: 20px;
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+  .el-col {
+    border-radius: 4px;
+  }
+  .bg-purple-dark {
+    background: #99a9bf;
+  }
+  .bg-purple {
+    background: #d3dce6;
+  }
+  .bg-purple-light {
+    background: #e5e9f2;
+  }
+  .grid-content {
+    border-radius: 4px;
+    min-height: 45px;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+    font-size: 16px;
+    }
+  .row-bg {
+    padding: 10px 0;
+    background-color: #f9fafc;
+  }
+ 
+
+</style>node
\ No newline at end of file