流程中心页面绘制

2023-04-14 15:45:12 +08:00
parent 7c5b276b5d
commit 4ed0752b86
10 changed files with 690 additions and 2 deletions
@@ -0,0 +1,92 @@
+<template>
+    <div class="content">
+        <div class="title">
+            <span>流程中心</span>
+        </div>
+        <div class="searchForm">
+            <div class="item">
+                <div>流程编号：</div>
+                <el-input v-model="form.id" ></el-input> 
+            </div>
+            <div class="item">
+                <div>流程名称：</div>
+                <el-input v-model="form.name"></el-input> 
+            </div>
+            <div class="item">
+                <el-button type="primary"  @click="search">查询</el-button>
+                <el-button type="" @click="reset">重置</el-button>
+            </div>
+        </div>
+        <div class="tabs">
+            <tabs />
+        </div>
+    </div>
+</template>
+
+<script>
+import tabs from '../userCenter/processCenter/tabs.vue'
+    export default {
+        name:'processCenter',
+        components:{
+          tabs
+        },
+        data() {
+            return {
+                form: {}
+            }
+        },
+        created () {
+            ;
+        },
+        mounted () {
+            ;
+        },
+        methods: {
+            //查询
+            search() {
+                // this.$api.processCenter.search({})
+            },
+            //重置
+            reset(){
+                this.form={}
+                // this.$api.processCenter.reset({})
+            }
+        },
+    }
+</script>
+
+<style lang="scss" scoped>
+.content{
+    .title {
+        border-bottom: 1px solid #EBEEF5;
+        height: 42px;
+        line-height: 42px;
+        margin: 0 18px 0 22px;
+
+        span {
+            font-size: 16px;
+            font-weight: 600;
+            color: #262626;
+        }
+    }
+    .searchForm{
+        width: 1200px;
+        display: flex;
+        align-items: center;
+        margin: 20px 0 0 22px;
+        .item{
+        width: 300px;
+        display: flex;
+        align-items: center;
+        }
+       
+    }
+    .tabs{
+        margin: 20px 0 0 5px;
+    }
+    
+}
+::v-deep .el-input{
+    width: 200px;
+}
+</style>