初始化产品库

2021-11-15 10:29:05 +08:00
parent 8f735a4ffe
commit 5440b43b9c
306 changed files with 54508 additions and 3 deletions
--- a/src/components/AiSelectEnterprise/AiSelectEnterprise.vue
+++ b/src/components/AiSelectEnterprise/AiSelectEnterprise.vue
@@ -0,0 +1,148 @@
+<template>
+  <div class="AiSelectEnterprise">
+    <tree :checkList="checkList" :props="prop" @sendValue="(val)=>checkList = val" :multiple="multiple" :isCheck="true"
+          :rootId="rootId"/>
+    <div class="footer">
+      <scroll-view scroll-x class="scroll" style="width: 100%;">
+      </scroll-view>
+      <div class="btn" @click="confirm">确定选择</div>
+      <AiBack :visible="true" eventName="update:visible" :data="false" @click.native="confirm"></AiBack>
+    </div>
+  </div>
+</template>
+
+<script>
+  import tree from "./tree";
+  import AiBack from "../AiBack";
+
+  export default {
+    name: "AiSelectEnterprise",
+    components: {tree, AiBack},
+    props: {
+      value: {
+        type: Array,
+        default: () => []
+      },
+      multiple: {
+        type: Boolean,
+        default: true
+      },
+      rootId: Object,
+    },
+    data() {
+      return {
+        tree: [],
+        checkList: this.value,
+        prop: {
+          label: 'name',
+          multiple: this.multiple,
+        },
+        map: {},
+      }
+    },
+
+    created() {
+      uni.pageScrollTo({
+        duration: 0,
+        scrollTop: 0
+      })
+    },
+
+    methods: {
+      confirm() {
+        let filter = []
+        this.map = {}
+        this.recursion(this.checkList)
+        Object.keys(this.map).map(e => filter.push(this.map[e]))
+        this.$emit("change", filter)
+        this.$emit('update:visible', false)
+      },
+
+      recursion(arr) {
+        if (arr?.length) {
+          arr.map(e => {
+            if ((e.type == 0 || e.openId) && e.checked && !this.map[e.id]) {
+              this.map[e.id] = e
+              this.recursion(e.childrenUser)
+            }
+            if (e.childrenDept?.length) {
+              this.recursion(e.childrenDept)
+            }
+          })
+        }
+      }
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+  .AiSelectEnterprise {
+    min-height: 100%;
+    background-color: #F5F5F5;
+    position: relative;
+
+    .footer {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      z-index: 10;
+      background: #F4F8FB;
+      position: fixed;
+      left: 0;
+      bottom: 0;
+      box-sizing: border-box;
+      padding: 0 32px;
+
+      .scroll {
+        height: 118px;
+
+        ::v-deep .uni-scroll-view-content {
+          display: flex;
+          align-items: center;
+
+          .tag {
+            width: 236px;
+            height: 72px;
+            background: #EAEEF1;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            margin-right: 16px;
+
+            & > img {
+              width: 48px;
+              height: 45px;
+              margin-right: 8px;
+              flex-shrink: 0;
+            }
+
+            & > label {
+              width: 148px;
+              height: 42px;
+              font-size: 30px;
+              font-weight: 600;
+              color: #333333;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+          }
+        }
+      }
+
+      .btn {
+        width: 192px;
+        height: 80px;
+        background: #1365DD;
+        border-radius: 4px;
+        z-index: 10;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 32px;
+        color: #FFFFFF;
+        margin-left: 8px;
+      }
+    }
+  }
+</style>