code init

2021-05-25 18:06:45 +08:00
parent 02698d6dab
commit f54a8d4fa1
1367 changed files with 540755 additions and 21713 deletions
@@ -0,0 +1,100 @@
+<!-- 流程基础信息 -->
+<template>
+  <div class="prc-base-info">
+    <el-collapse-transition name="el-zoom-in-top">
+      <div class="info-content" v-if="showBaseInfo">
+        <slot></slot>
+        <el-divider v-if="showBorder"></el-divider>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script>
+import Bus from '@/common/eventHub'
+export default {
+  name: 'ProcessBaseInfo',
+  mixins: [],
+  props: {
+    toggle: {
+      type: Boolean,
+      default: false
+    },
+    showBorder: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {},
+  data () {
+    return {
+      showBaseInfo: true
+    }
+  },
+  methods: {
+    /**
+     * @description: 展开或收起流程基础信息
+     * @date: 2020-11-19 17:18:03
+     */
+    toggleBaseInfoVisible() {
+      this.showBaseInfo = !this.showBaseInfo
+    }
+  },
+  computed: {},
+  watch: {},
+  mounted () {
+    Bus.$on('toggleVisible', this.toggleBaseInfoVisible)
+    if (this.toggle) {
+      this.showBaseInfo = false
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.prc-base-info {
+  /deep/ .el-form-item {
+    margin-bottom: 18px;
+    &.disabled {
+      margin-bottom: 10px;
+    }
+  }
+  /deep/ .el-divider {
+    margin: 3px 0 15px 0;
+  }
+  .search-area {
+    padding: 0;
+    display: flex;
+    align-items: center;
+    /deep/ .search-item{
+      .el-form-item__label {
+        color: #333;
+        padding-right: 5px;
+      }
+      input.el-input__inner{
+        display: inline-block;
+        width: 165px;
+        border-radius: 20px !important;
+        color: #999;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+  }
+  .info-content-right {
+    position: relative;
+    top: -5px;
+    /deep/ .right-item {
+      display: flex;
+      font-size: 16px;
+      .label {
+        margin-right: 10px;
+        color: #ccc;
+      }
+      .value {
+        color: #666;
+      }
+    }
+  }
+}
+</style>