修改相关人员名单;

2.布局握手流程
2022-04-22 10:34:26 +08:00
parent 5d5f7b752c
commit 0e21c294a2
7 changed files with 149 additions and 38 deletions
@@ -0,0 +1,107 @@
+<template>
+  <div class="process-header">
+    <div class="process-header-title">
+      <div class="process-title">
+        <a-icon type="arrow-left" class="back-to" @click="backTo"/>
+        <span>{{title}}</span>
+      </div>
+      <div class="process-header-btn">
+        <!--          终止流程-->
+        <a-button class="header-btn termin" @click="terminationProcessClick" type="danger" ghost>{{$t('terminationProcess')}}</a-button>
+        <!--          保存-->
+        <a-button class="header-btn prese">{{$t('preservation')}}</a-button>
+        <!--          下发-->
+        <a-button class="header-btn issue" type="primary" ghost>{{$t('issue')}}</a-button>
+        <!--          提交-->
+        <a-button class="header-btn submit" type="primary" @click="submit">{{$t('submit')}}</a-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'headerProcess',
+    props:['title'],
+    methods:{
+      terminationProcessClick(){
+
+      },
+    },
+  }
+</script>
+
+<style lang="less" scoped>
+  .process-header {
+    position: fixed;
+    top: 0;
+    width: 100%;
+
+    .process-header-top {
+      height: 56px;
+      line-height: 56px;
+      margin: 0 32px;
+      display: flex;
+      justify-content: space-between;
+      font-size: 14px;
+
+      .right {
+        display: flex;
+        justify-content: flex-end;
+
+        .anticon {
+          line-height: 56px;
+          margin-left: 15px;
+          font-size: 18px;
+        }
+
+        .right-select {
+          cursor: pointer;
+
+          .anticon-down {
+            font-size: 12px;
+            margin-right: 15px;
+            margin-left: 5px;
+          }
+        }
+
+        .right-img {
+          display: inline-block;
+          width: 18px;
+          height: 18px;
+          margin: 19px;
+          margin-left: 15px;
+          border-radius: 50%;
+        }
+      }
+    }
+
+    .process-header-title {
+      display: flex;
+      justify-content: space-between;
+      height: 68px;
+      line-height: 68px;
+      border-top: 1px solid #efefef;
+      border-bottom: 1px solid #efefef;
+      background: #FFFFFF;
+
+      .process-title {
+        padding-left: 32px;
+        font-size: 16px;
+        font-width: 600;
+
+        .back-to {
+          margin-right: 10px;
+        }
+      }
+
+      .process-header-btn {
+        padding-right: 22px;
+
+        .header-btn {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
+</style>