结构修改

src/router/router.js

@@ -11,7 +11,7 @@ const diagnosisListNew = r => require.ensure([], () => r(require('../views/IM/di
 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')
-
+ console.dir(workbench,111);
 export default [{
     path: '/',
     component: App,
@@ -52,8 +52,8 @@ export default [{
           component: operation
         },
         {
-            path: '/workbench',
-            component: workbench
+          path: '/workbench',
+          component: workbench
           }
     ]
 }]

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

@@ -271,6 +271,7 @@ export default {
 
   created() {
     _this = this;
+    console.log(_this);
     this.picakfAccId = getPicaKFAccid(); 
     this.tid = this.$route.query.tid || '';
     this.getFiveContentList();

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

@@ -11,6 +11,7 @@
             <el-date-picker
             v-model="value1"
             type="date"
+            clear-icon="el-input-icon"
             :clearable='false'
             placeholder="选择日期">
             </el-date-picker>
@@ -18,7 +19,7 @@
          </div>
         </el-row>
         <!-- tab栏 -->
-      <div class="radio" v-if="isdon ==='1'">
+      <div id="radio" 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>
@@ -27,6 +28,14 @@
       <el-radio-button label="Hasended">已结束(0)</el-radio-button>
       <el-radio-button label="Cancelled">已取消(0)</el-radio-button>
       </el-radio-group>
+      <!-- <el-row :gutter="25">
+        <el-col style="margin-bottom: 20px;" :span="8" v-for="item in 9 " :key="item">
+            <div class="grid-content bg-purple">
+                <div class="for"></div>
+             </div>
+         </el-col>
+      </el-row> -->
+     
       </div>
   
       <div class="lfet" v-else >
@@ -49,13 +58,32 @@
         <span>0单</span>
         </div>
         </el-col>
+        </el-row>
+        <div ><i class="el-icon-s-custom"> 运营A成员(6单)</i></div>
+        <el-row :gutter="25">
+        <el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
+            <div class="grid-content bg-purple">
+                <div class="for"></div>
+             </div>
+         </el-col>
+      </el-row>
+        <div ><i class="el-icon-s-custom"> 运营B成员(2单)</i></div>
+        <el-row :gutter="25">
+        <el-col style="margin-bottom: 20px;" :span="8" v-for="item in 6 " :key="item">
+            <div class="grid-content bg-purple">
+                <div class="for"></div>
+             </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 :image-size="200" description="描述文字"></el-empty>
+      <!-- <el-row type="flex" justify="space-between">
+          <div class="for" v-for="item in 10 " :key="item"></div>
+      </el-row> -->
+      
+      <!-- <el-empty :image-size="200" description="描述文字"></el-empty> -->
       <!-- 分页 -->
-      <el-row type="flex" justify="end">
+       <el-empty :image-size="200" src="//unpkg.com/element-ui@2.15.3/lib/index.js"></el-empty>
+      <el-row type="flex" justify="end" >
         <el-pagination
         background
         @size-change="handleSizeChange"
@@ -80,8 +108,12 @@ export default {
        currentPage4:0,
       // 判断是否是管理员
       isdon:'1',
+    
      }
    },
+   created(){
+       console.log(this);
+   },
    methods:{
      handleSizeChange(){
 
@@ -92,6 +124,21 @@ export default {
    },
 }
 </script>
+<style lang='scss' scoped>
+::v-deep {
+    .el-date-editor{
+        .el-input__inner{
+            background:red;
+        }
+    }
+    }
+.for{
+    width: 100%;
+    height: 200px;
+    background: orange;
+}
+
+</style>
 <style lang="scss" scoped>
 .diagnosis-list-content {
   .select-content {