联调app

components/Cn-filterCriteria/Cn-filterCriteria.vue

@@ -1,6 +1,6 @@
 <template>
     <view class="nav choose">
-        <view class="nav-menu" :class="{ 'nav-menu-active': select.engineeringName }" @click="selectEngineering"
+        <view class="nav-menu" @click="selectEngineering" v-if="showQianTree"
             >{{
                 // select.engineeringName + '>' + select.projectName + '>' + select.deviceName + '>' + select.lineName ||
                 // '全部工程'
@@ -10,7 +10,7 @@
                           .join('>')
                     : '全部工程'
             }}
-            <uni-icons type="bottom" size="14" :color="select.engineeringName ? '#376cf3' : '#666'"></uni-icons>
+            <uni-icons type="bottom" size="14"></uni-icons>
         </view>
         <!-- 弹框组件 -->
         <Cn-qianTree
@@ -19,6 +19,7 @@
             :multiple="false"
             :range="list"
             :foldAll="true"
+            :singleChoice="singleChoice"
             @confirm="treeConfirm"
             @cancel="treeCancel"
         ></Cn-qianTree>
@@ -42,6 +43,12 @@
                 <uni-icons type="bottom" size="14"></uni-icons>
             </view>
         </uni-datetime-picker>
+        <picker @change="bindReport" v-if="report" :value="select.report" :range="reportList">
+            <view class="nav-menu"
+                >{{ reportList[select.report] }}
+                <uni-icons type="bottom" size="14"></uni-icons>
+            </view>
+        </picker>
         <slot />
     </view>
 </template>
@@ -52,6 +59,9 @@ export default {
     props: {
         level: { type: Number, default: 3 },
         showDatetime: { type: Boolean, default: true },
+        report: { type: Boolean, default: false },
+        singleChoice: { type: Boolean, default: false },
+        showQianTree: { type: Boolean, default: true },
     },
     data() {
         const currentDate = this.getDate({
@@ -69,8 +79,10 @@ export default {
                 lineId: '', //测点ID
                 date: currentDate,
                 range: ['', ''],
+                report: 0,
             },
             list: [],
+            reportList: ['日报', '月报'],
         }
     },
     created() {
@@ -86,29 +98,44 @@ export default {
         getTree() {
             this.clear()
             lineTree().then((res) => {
-                let list = {
-                    id: '',
-                    pid: '0',
-                    pids: '0',
-                    name: '全部项目',
-                    path: null,
-                    provinceId: null,
-                    cityId: null,
-                    area: null,
-                    remark: null,
-                    sort: 0,
-                    level: 0,
-                    comFlag: null,
-                    type: null,
-                    lineType: null,
-                    conType: null,
-                    process: null,
-                    isTop: 0,
-                    children: [],
-                    ndid: null,
+                let list = {}
+                if (this.singleChoice) {
+                    let result = this.findFirstLevel(res.data)
+                    console.log('🚀 ~ result:', result)
+                    this.select.engineeringName = result.parents[0].name
+                    this.select.engineeringId = result.parents[0].id //工程ID
+                    this.select.projectName = result.parents[1].name
+                    this.select.projectId = result.parents[1].id //項目ID
+                    this.select.deviceName = result.parents[2].name
+                    this.select.deviceId = result.parents[2].id //设备ID
+                    this.select.lineName = result.node.name
+                    this.select.lineId = result.node.id //测点ID
+                } else {
+                    list = {
+                        id: '',
+                        pid: '0',
+                        pids: '0',
+                        name: '全部项目',
+                        path: null,
+                        provinceId: null,
+                        cityId: null,
+                        area: null,
+                        remark: null,
+                        sort: 0,
+                        level: 0,
+                        comFlag: null,
+                        type: null,
+                        lineType: null,
+                        conType: null,
+                        process: null,
+                        isTop: 0,
+                        children: [],
+                        ndid: null,
+                    }
                 }
 
-                this.list = this.filterTreeByLevel([list, ...res.data])
+                this.list = this.filterTreeByLevel(this.singleChoice ? res.data : [list, ...res.data])
+                // this.findFirstLevel( this.list)
             })
         },
         // 递归过滤函数：去除level > 2的节点
@@ -147,11 +174,13 @@ export default {
         bindDateChange(e) {
             this.select.date = e.detail.value
         },
+        bindReport(e) {
+            this.select.report = e.detail.value
+        },
         selectEngineering() {
             this.$refs.qiantree._show()
         },
 
-        getProjectList() {},
         // 确定回调事件
         treeConfirm(e) {
             this.clear()
@@ -192,10 +221,33 @@ export default {
                     break
             }
         },
+        external(name, id) {
+            this.getTree()
+            this.select.engineeringId = id
+            this.select.engineeringName = name
+        },
         // 取消回调事件
         treeCancel(e) {
             console.log(e)
         },
+        findFirstLevel(list, parents = []) {
+            for (const item of list) {
+                // 当前就是 level=3
+                if (item.level === 3) {
+                    return {
+                        node: item, // 第一个 level=3
+                        parents: parents, // 它的所有上级
+                    }
+                }
+
+                // 递归子节点
+                if (item.children && item.children.length) {
+                    const res = this.findFirstLevel(item.children, [...parents, item])
+                    if (res) return res // 找到直接返回，不再循环
+                }
+            }
+            return null
+        },
     },
 
     computed: {