app验收反馈

pages/index/comp/device.vue

@@ -6,14 +6,32 @@
             </view> -->
             <picker
                 @change="projectNameChange"
+                @cancel="selectProject = false"
                 :value="select.projectNameIndex"
                 :range="projectList"
                 range-key="text"
                 v-if="store.params.engineerId"
             >
-                <view class="nav-menu" :class="{ 'nav-menu-active': select.projectName }">
-                    {{ select.projectName || '项目' }}
-                    <uni-icons type="bottom" size="14" color="#666"></uni-icons>
+                <view class="nav-menu" :class="{ 'nav-menu-active': select.projectName }" @click="selectProject = true">
+                    {{
+                        select.projectName
+                            ? select.projectName.length > 4
+                                ? select.projectName.substring(0, 4) + '...'
+                                : select.projectName
+                            : '全部项目'
+                    }}
+                    <uni-icons
+                        type="top"
+                        size="14"
+                        :color="select.projectName ? '#376cf3' : '#666'"
+                        v-if="selectProject"
+                    ></uni-icons>
+                    <uni-icons
+                        type="bottom"
+                        size="14"
+                        :color="select.projectName ? '#376cf3' : '#666'"
+                        v-else
+                    ></uni-icons>
                 </view>
             </picker>
             <view style="flex: 1"></view>
@@ -101,6 +119,7 @@ export default {
             projectType: [],
             navHeight: 0,
             userInfo: {},
+            selectProject: false,
         }
     },
     computed: {
@@ -231,6 +250,7 @@ export default {
             this.select.projectType = this.projectType[e.detail.value].text
         },
         projectNameChange(e) {
+            this.selectProject = false
             console.log(e)
             this.select.projectNameIndex = e.detail.value
             if (e.detail.value === 0) {