@leevan/jtui 2.0.33 → 2.0.34

package/packages/Search-Type/tree-select.vue

@@ -0,0 +1,134 @@
+<template>
+    <el-popover
+    placement="bottom"
+    width="400"
+    popper-class="tree-select"
+    trigger="click">
+    <div class="tree-box">
+        <el-tree
+        ref="treeRef"
+        :props="props"
+        :load="loadNode"
+        node-key="id"
+        lazy
+        :check-strictly="isStrictly"
+        @check="onTreecheck"
+        show-checkbox>
+        </el-tree>
+    </div>
+    
+    <div class="label-input" slot="reference">
+        <div class="tag-box">
+            <span v-if="value.length == 0" style="color:#b1b1b1">请选择</span>
+            <el-tag size="mini" type="info" v-for="(tag,index) in value.slice(0,1)" :key="index">{{ tag.name }}</el-tag>
+            <el-tag size="mini" type="info" v-if="value.length > 1">+ {{ value.length - 1 }}</el-tag>
+            <span v-if="value.length > 0" class="jtIcon iconguanbi1 guanbi-icon" @click="clearTree"></span>
+        </div>
+    </div>
+    </el-popover>
+</template>
+
+<script>
+export default {
+    props:['activeType','value','checked','baseUrl'],
+    created(){
+        console.log(this.activeType.rootpath)
+    },
+    data(){
+        return {
+            props: {
+                label: 'name',
+                children: 'id',
+                isLeaf: 'leaf'
+            },
+            isStrictly: this.activeType.config.isStrictly || false
+        }
+    },
+    methods:{
+        async loadNode(node, resolve) {
+            console.log(node)
+            let childPath
+            if(node.level == 0){
+                childPath = this.activeType.rootpath
+            }else{
+                childPath = node.data.path
+            }    
+            const {data} = await this.$axios.post(this.baseUrl + childPath,this.activeType.params);
+            for(let i of this.checked){
+                for(let c of data){
+                    if(i.id == c.id){
+                        setTimeout(() => {
+                            this.$refs.treeRef.setChecked(i.id,true)
+                        },100)
+                        break;
+                    }
+                }
+            }
+            resolve(data.map(item => {
+                item.leaf = item.path === '-' || !item.path
+                item.disabled = this.activeType.config.parentDisabled ? false : (item.path === '-' || !item.path ? false : true) 
+                return item
+            }));                
+        },
+        onTreecheck(data,treeInfo){
+            if(this.activeType.config.mode == 'radio'){
+                this.$refs.treeRef.setCheckedKeys([data.id]);
+                this.$emit('input',[data])
+            }else{
+                const checkNodes = this.$refs.treeRef.getCheckedNodes()
+                this.$emit('input',checkNodes)
+            }
+        },
+        clearTree(){ 
+            this.$emit('input',[])
+            this.$refs.treeRef.setCheckedKeys([]);
+        }
+    }
+}
+</script>
+
+<style lang="scss" scoped>
+.label-input{
+    min-height: 28px;
+    width:200px ;
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    background-color: #FFF;
+    display: flex;
+    align-items: center;
+    padding-left:15px;
+    position: relative;
+}
+.tag-box{
+    .guanbi-icon{
+        position: absolute;
+        right:10px;
+        top:6px;
+        color:#d0d0d0;
+        cursor: pointer;
+    }
+}
+.tree-box{
+    max-height:70vh;
+    overflow: auto;
+    padding:10px;
+    &::-webkit-scrollbar {
+        width: 10px;
+        height: 10px;
+        display: none;
+    }
+    &:hover::-webkit-scrollbar{
+        display: block;
+    }
+    &::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        background: #d0d0d0;
+    }
+}
+</style>
+
+<style lang="scss">
+.tree-select{
+    padding:0;
+}
+</style>

package/packages/index.js

@@ -4,6 +4,7 @@ import JtFormPc from './jt-form-pc';
 import JtUploadPc from './jt-upload-pc';
 import JtEchartsPc from './jt-echarts-pc';
 import JtOrgtreePc from './jt-orgtree-pc'
+import SearchType from './Search-Type/index.js';
 
 //vex-table样式
 import 'vxe-table/lib/index.css';
@@ -30,7 +31,8 @@ const components = [
   JtFormPc,
   JtUploadPc,
   JtEchartsPc,
-  JtOrgtreePc
+  JtOrgtreePc,
+  SearchType
 ]
 
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，那么所有的组件都会被注册
@@ -54,5 +56,6 @@ export default {
   JtFormPc,
   JtUploadPc,
   JtEchartsPc,
-  JtOrgtreePc
+  JtOrgtreePc,
+  SearchType
 }

package/packages/jtaxios.js

@@ -1,3 +1,10 @@
+/*
+ * @Author: leevan
+ * @Date: 2022-01-15 17:02:55
+ * @LastEditTime: 2024-04-21 14:31:38
+ * @LastEditors: leevan
+ * @FilePath: /jtui-pc/packages/jtaxios.js
+ */
 import axios from 'axios';
 import { Message } from 'element-ui';
 import { promises } from 'fs';
@@ -20,7 +27,6 @@ newAxios.interceptors.request.use(config=>{
 newAxios.interceptors.response.use(data=>{
     return data;
 },error=>{
-    Nprogress.done();
     Message.error({
         message:'加载失败'
     })

package/vue.config.js

@@ -1,7 +1,7 @@
 /*
  * @Author: leevan
  * @Date: 2022-01-15 17:02:55
- * @LastEditTime: 2023-10-12 16:04:14
+ * @LastEditTime: 2024-04-21 13:27:28
  * @LastEditors: leevan
  * @FilePath: /jtui-pc/vue.config.js
  */