增加我的工作台界面

src/router/index.js

@@ -75,6 +75,11 @@ export const constantRoutes = [
     name: 'EnforceFlowDetail',
     component:()=>import('@/views/enforceflow/enforceflowdetail')
   },
+  {
+    path: '/workbench',
+    name: 'Workbench',
+    component:()=>import('@/views/workbench/workbench')
+  },
 
   // {
   //   path: '/system',

src/views/enforceflow/enforceflow.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="app-container">
-
     <el-form :model="formInline" ref="formInline" size="mini" :inline="true">
       <el-form-item label="实施项目名称：">
         <el-input v-model="formInline.name" placeholder="项目名称"></el-input>
@@ -113,6 +112,85 @@
       </div>
     </el-dialog>
 
+    <el-dialog title="启动实施流程" :visible.sync="editEnforceFormVisible" width="45%" @click="closeEnforceDialog">
+      <el-form label-width="120px" :model="enforceForm" >
+        <el-descriptions  title="" :column="2"  border>
+          <el-descriptions-item>
+            <template slot="label">
+              项目名称
+            </template>
+           {{enforceFlow.name}}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+             实施人员
+            </template>
+            {{enforceFlow.enforcer}}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+             实施医院
+            </template>
+            {{enforceFlow.hno}}
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+             实施系统
+            </template>
+            {{enforceFlow.hsytem}}
+          </el-descriptions-item>
+          <el-descriptions-item >
+            <template slot="label">
+             实施时间
+            </template>
+           {{enforceFlow.time}}
+          </el-descriptions-item>
+          <el-descriptions-item >
+            <template slot="label">
+              实施状态
+            </template>
+            <span style="color: red">待开始</span>
+          </el-descriptions-item>
+          <el-descriptions-item :span="2">
+            <template slot="label">
+              实施内容
+            </template>
+          {{enforceFlow.content}}
+          </el-descriptions-item>
+          <el-descriptions-item :span="2">
+            <template slot="label">
+              项目启动人
+            </template>
+            <el-input size="small" v-model="enforceForm.director"></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item :span="2">
+            <template slot="label">
+              备注说明
+            </template>
+            <el-input size="small" v-model="enforceForm.remark" type="textarea" :rows="4" ></el-input>
+          </el-descriptions-item>
+          <el-descriptions-item :span="2">
+            <template slot="label">
+              文件列表
+            </template>
+            <el-upload
+              class="upload-demo"
+              ref="upload"
+              action="https://jsonplaceholder.typicode.com/posts/"
+              :on-remove="handleRemove"
+              :file-list="fileList"
+              :auto-upload="false">
+              <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
+            </el-upload>
+          </el-descriptions-item>
+        </el-descriptions>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button size="small" @click="closeEnforceDialog">取消</el-button>
+        <el-button size="small" type="primary" :loading="loading" class="title" @click="submitEnforceForm('editForm')">保存</el-button>
+      </div>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -151,7 +229,24 @@ export default {
       editFormVisible: false,
       title : '创建实施项目',
       hnos:[],
-      hsytem: []
+      hsytem: [],
+      editEnforceFormVisible:false,
+      enforceForm:{
+        id:null,
+        enforceId:null,
+        director:null,
+        directorId:null,
+        remark:null,
+      },
+      enforceFlow:{
+        name:'',
+        enforcer:'',
+        time:null,
+        hno:null,
+        hsytem:null,
+        content:''
+      },
+      fileList: []
 
     }
   },
@@ -237,7 +332,26 @@ export default {
       this.editFormVisible=true
     },
     startEnforceFlow(row){
-      alert('开启实时流程')
+
+      this.editEnforceFormVisible=true
+      this.enforceFlow.name=row.name
+      this.enforceFlow.enforcer=row.enforcer
+      this.enforceFlow.time=row.beginTime+'至'+row.endTime
+      this.enforceFlow.content=row.content
+      this.enforceFlow.hno=row.hname
+      this.enforceFlow.hsytem=row.hsytem
+
+      this.enforceForm.enforceId=row.id
+
+    },
+    closeEnforceDialog(){
+      this.editEnforceFormVisible=false
+    },
+    handleRemove(file, fileList) {
+     alert('Remove')
+    },
+    submitEnforceForm(){
+      alert('添加保存实施流程哦')
     }
   }
 }

src/views/enforceflow/enforceflowdetail.vue

@@ -1,20 +1,19 @@
 <template>
   <div class="app-container">
     <h3> 实施流程明细</h3>
-    <el-steps :active="1" finish-status="success" align-center  >
+    <el-steps :active="10" finish-status="success" align-center  >
       <el-step title="开始" />
       <el-step title="项目启动会" />
       <el-step title="发货" />
       <el-step title="物流签收" />
       <el-step title="进入现场" />
       <el-step title="设备安装" />
-      <el-step title="系统安装" />
+      <el-step title="系统调试" />
       <el-step title="操作培训" />
       <el-step title="现场值守" />
       <el-step title="离场" />
       <el-step title="实施复盘" />
       <el-step title="文件归档" />
-
       <el-step title="结束" />
     </el-steps>
 

src/views/workbench/workbench.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="app-container">
+    <el-row :gutter="15">
+      <el-col :span="6">
+        <el-card style="width: 300px;height: 150px;background-color: #1ab394" >
+          <div style="color: white;display: flex;justify-content: center;align-items: center;">
+            <h2>待办事项</h2>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card style="width: 300px;height: 150px;background-color: indianred" >
+          <div style="color: white;display: flex;justify-content: center;align-items: center;">
+            <h2>我的项目</h2>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card style="width: 300px;height: 150px;background-color:steelblue" >
+          <div style="color: white;display: flex;justify-content: center;align-items: center;">
+            <h2>出勤状态:上班</h2>
+          </div>
+        </el-card>
+      </el-col>
+      <el-col :span="6">
+        <el-card style="width: 300px;height: 150px;background-color:steelblue" >
+          <div style="color: white;display: flex;justify-content: center;align-items: center;">
+            <h2>其他事项</h2>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'workbench'
+}
+</script>
+
+<style scoped>
+
+.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: 36px;
+}
+.row-bg {
+  padding: 10px 0;
+  background-color: #f9fafc;
+}
+
+</style>