调整app页面图标样式

components/Cn-filterCriteria/Cn-filterCriteria.vue

@@ -1,13 +1,14 @@
 <template>
     <view class="nav choose">
-        <view class="nav-menu" @click="selectEngineering" v-if="showQianTree"
-            >{{
+        <view class="nav-menu nav-menu1" @click="selectEngineering" v-if="showQianTree">
+            {{
                 select.engineeringName || select.projectName || select.deviceName || select.lineName
                     ? [select.engineeringName, select.projectName, select.deviceName, select.lineName]
                           .filter((item) => item && item !== '')
                           .join('>')
                     : '全部工程'
             }}
+
             <uni-icons type="bottom" size="14"></uni-icons>
         </view>
         <!-- 弹框组件 -->
@@ -35,18 +36,26 @@
                 <uni-icons type="bottom" size="14"></uni-icons>
             </view>
         </picker>
-        <uni-datetime-picker v-if="!showDatetime" v-model="select.range" type="daterange" :end="endDate">
+        <!-- <uni-datetime-picker v-if="!showDatetime" v-model="select.range" type="daterange" :end="endDate">
             <view class="nav-menu"
                 >{{ select.range[0] + '至' + select.range[1] }}
                 <uni-icons type="bottom" size="14"></uni-icons>
             </view>
-        </uni-datetime-picker>
-        <picker @change="bindReport" v-if="report" :value="select.report" :range="reportList">
+        </uni-datetime-picker> -->
+        <picker
+            mode="date"
+            :value="select.range"
+            fields="year"
+            :end="endDate.slice(0, -6)"
+            @change="yearChange"
+            v-if="!showDatetime"
+        >
             <view class="nav-menu"
-                >{{ reportList[select.report] }}
+                >{{ select.range }}
                 <uni-icons type="bottom" size="14"></uni-icons>
             </view>
         </picker>
+
         <slot />
     </view>
 </template>
@@ -57,7 +66,6 @@ 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 },
     },
@@ -65,6 +73,10 @@ export default {
         const currentDate = this.getDate({
             format: true,
         })
+        const rangeDate = this.getDate({
+            format: true,
+        }).slice(0, -3)
+        console.log('🚀 ~ rangeDate:', rangeDate)
         return {
             select: {
                 engineeringName: '',
@@ -76,18 +88,12 @@ export default {
                 lineName: '',
                 lineId: '', //测点ID
                 date: currentDate,
-                range: ['', ''],
-                report: 0,
+                range: rangeDate,
             },
             list: [],
-            reportList: ['日报', '月报'],
-        }
-    },
-    created() {
-        if (!this.showDatetime) {
-            this.select.range = [this.endDate.slice(0, -3) + '-01', this.endDate]
         }
     },
+    created() {},
     onShow() {},
 
     mounted() {},
@@ -172,9 +178,10 @@ export default {
         bindDateChange(e) {
             this.select.date = e.detail.value
         },
-        bindReport(e) {
-            this.select.report = e.detail.value
+        yearChange(e) {
+            this.select.range = e.detail.value
         },
+
         selectEngineering() {
             this.$refs.qiantree._show()
         },
@@ -219,10 +226,18 @@ export default {
                     break
             }
         },
-        external(name, id) {
+        external(params) {
             this.getTree()
-            this.select.engineeringId = id
-            this.select.engineeringName = name
+            // this.select.engineeringId = id
+            // this.select.engineeringName = name
+            this.select.engineeringName = params.engineeringName
+            this.select.engineeringId = params.engineeringId //工程ID
+            this.select.projectName = params.projectName
+            this.select.projectId = params.projectId //項目ID
+            this.select.deviceName = params.deviceName
+            this.select.deviceId = params.deviceId //设备ID
+            this.select.lineName = params.lineName
+            this.select.lineId = params.lineId //测点ID
         },
         // 取消回调事件
         treeCancel(e) {
@@ -273,6 +288,15 @@ export default {
             deep: true,
             immediate: true,
         },
+        // showDatetime: {
+        //     handler(val, oldVal) {
+        //         if (val == false) {
+
+        //             console.log("🚀 ~  this.select.range:",  this.select.range)
+        //         }
+        //     },
+        //     deep: true,
+        // },
     },
 }
 </script>
@@ -280,4 +304,13 @@ export default {
 /deep/ .uni-date-editor {
     width: 360rpx;
 }
+.nav-menu1 {
+    max-width: calc(100vw - 150px);
+    overflow: hidden;
+    -webkit-line-clamp: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+    word-break: break-all;
+}
 </style>