握手流程布局

2022-04-22 15:25:17 +08:00
parent f045b83232
commit 9379c958a7
8 changed files with 557 additions and 17 deletions
@@ -0,0 +1,84 @@
+<template>
+  <div class="box">
+    <div class="box-text">
+      <div class="header-text">
+        {{$t('circulationHistory')}}
+      </div>
+    </div>
+    <div style="width: 100%">
+      <a-table
+        ref="table"
+        :loading="loading"
+        :pagination="false"
+        :scroll="{x: true}"
+        :data-source="dataSource"
+        :columns="columns"
+      >
+      </a-table>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'circulationHistory',
+    data() {
+      return {
+        dataSource: [],
+        loading: false,
+        columns: [
+          {
+            title: this.$t('result'),
+            dataIndex: 'result',
+            align: 'center'
+          },
+          {
+            title: this.$t('opinion'),
+            dataIndex: 'opinion',
+            align: 'center'
+          },
+          {
+            title: this.$t('enclosure'),
+            dataIndex: 'enclosure',
+            align: 'center'
+          },
+          {
+            title: this.$t('operationNode'),
+            dataIndex: 'operationNode',
+            align: 'center'
+          },
+          {
+            title: this.$t('Operator'),
+            dataIndex: 'Operator',
+            align: 'center'
+          },
+          {
+            title: this.$t('operationTime'),
+            dataIndex: 'operationTime',
+            align: 'center'
+          }
+        ]
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .box {
+    padding: 0 24px 24px 24px;
+    box-sizing: border-box;
+  }
+
+  .box-text {
+    display: flex;
+    justify-content: space-between;
+    height: 60px;
+    line-height: 40px;
+
+    .header-text {
+      font-size: 16px;
+      font-weight: 400;
+      color: #000F16;
+    }
+  }
+</style>