流程中心页面绘制

2023-04-14 15:45:12 +08:00
parent 7c5b276b5d
commit 4ed0752b86
10 changed files with 690 additions and 2 deletions
@@ -0,0 +1,96 @@
+<template>
+    <div>
+    <el-table
+    :data="tableData"
+    style="width: 100%"
+    border
+    :header-cell-style="{background:'#DFE6EC',fontWeight:'700',color:'#1F2D3D'}"
+    >
+    <el-table-column
+      prop="processId"
+      label="流程编号"
+      width="150"
+      align="center"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processName"
+      label="流程名称"
+      
+      align="left"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="processPerson"
+      label="发起人"
+      width="390"
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      prop="createTime"
+      label="创建时间"
+      width="260"
+      sortable
+      align="center"
+      
+      >
+    </el-table-column>
+    <el-table-column
+      fixed="right"
+      label="操作"
+      width="120"
+      align="center">
+      <template slot-scope="scope">
+        <el-button
+          @click.native.prevent="handle(scope.$index, tableData)"
+          type="text"
+          size="small">
+          办理
+        </el-button>
+      </template>
+      </el-table-column>
+  </el-table>
+    </div>
+</template>
+
+<script>
+    export default {
+        name:'gencyProcess',
+        data() {
+      return {
+        tableData: [{
+            processId: '2016-05-1',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-1'
+        }, {
+            processId: '2016-05-2',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-2'
+        }, {
+            processId: '2016-05-3',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-3'
+        }, {
+            processId: '2016-05-4',
+            processName: '王小虎',
+            processPerson: '上海市普陀区金沙江路 1518 弄',
+            createTime:'2023-1-4'
+        }]
+      }
+    },
+    methods: {
+        handle(){
+            alert(111)
+        }
+    }
+    }
+</script>
+
+<style lang="sass" scoped>
+
+</style>