picker优化

components/seiminPicker/seiminPicker.vue

@@ -80,6 +80,10 @@
         let checkedObj = this.pickerList[this.pickerValue]
         this.$emit('onConfirm', checkedObj)
       },
+      // 选择初始选项
+      _changeValue(index){
+        this.pickerValue = [index];
+      },
       //滑动picker
       changePicker(e) {
         this.pickerValue = e.detail.value

pages/index/index.vue

@@ -458,6 +458,8 @@
       //打开
       openPicker() {
         this.$refs.sPicker._open();
+        let index = this.hospitalList.findIndex(v => v.value == this.loginInfo.user.currentHospital.id);
+        this.$refs.sPicker._changeValue(index);
       },
       //确定：接收子组件传来的参数
       confirmPicker(checkedObj) {

pages/orderList/orderList.vue

@@ -3,11 +3,11 @@
     <!-- 头部筛选 -->
     <view class="orderList_header">
       <view class="orderList_header_item" @click="openPicker('gdState')">
-        <text class="orderList_header_itemText">全部</text>
+        <text class="orderList_header_itemText">{{selectedGdState}}</text>
         <text class="pda pda-xiala"></text>
       </view>
-      <view class="orderList_header_item">
-        <text class="orderList_header_itemText" @click="openPicker('associationType')">全部</text>
+      <view class="orderList_header_item" @click="openPicker('associationType')">
+        <text class="orderList_header_itemText">{{selectedAssociationType}}</text>
         <text class="pda pda-xiala"></text>
       </view>
     </view>
@@ -80,6 +80,8 @@
     name: 'orderList',
     data() {
       return {
+        selectedGdState: '执行中',
+        selectedAssociationType: '全部',
         gdStates: [{
             value: -1,
             label: '全部'
@@ -93,12 +95,16 @@
             label: '待评价'
           },
         ], //工单状态筛选列表
-        associationTypes: [], //关联类型筛选列表
+        associationTypes: [{
+          value: -1,
+          label: '全部'
+        }, ], //关联类型筛选列表
         newOrderList: [], //工单列表
         totalNum: 0, //工单总数量
         idx: 0, //页码
         pageNum: 20, //每页的工单数量
         pickerList: [], //picker列表
+        type: '',
       };
     },
     computed: {
@@ -106,34 +112,42 @@
     },
     methods: {
       ...mapActions("dictionary", ["vxDictionary"]),
-      // 获取数据字典
-      getDictionary(key) {
-        let postData = {
-          "type": "list",
-          key
-        };
-        this.vxDictionary(postData).then(res => {
-          console.log(res);
-        })
-      },
       //关闭
       closePicker() {
         this.$refs.sPicker._close();
       },
       //打开
-      openPicker() {
+      openPicker(type) {
+        this.type = type;
         this.$refs.sPicker._open();
+        if (type === 'gdState') {
+          //工单状态
+          this.pickerList = this.gdStates;
+          let index = this.pickerList.findIndex(v => v.label === this.selectedGdState);
+          let obj = this.pickerList.find(v => v.label === this.selectedGdState);
+          this.$refs.sPicker._changeValue(index);
+          this.selectedGdState = obj && obj.label;
+        } else if (type === 'associationType') {
+          //关联类型
+          this.pickerList = this.associationTypes;
+          let index = this.pickerList.findIndex(v => v.label === this.selectedAssociationType);
+          let obj = this.pickerList.find(v => v.label === this.selectedAssociationType);
+          this.$refs.sPicker._changeValue(index);
+          this.selectedAssociationType = obj && obj.label;
+        }
       },
       //确定：接收子组件传来的参数
       confirmPicker(checkedObj) {
-        // this.changeSearchDeptParams({
-        //   backUrl: "/pages/index/index", //返回的url
-        //   type: "changeDept_index", //首页切换科室
-        //   hospital: checkedObj, //先选择院区
-        // });
-        // uni.navigateTo({
-        //   url: "/pages/searchDept/searchDept",
-        // });
+        if (this.type === 'gdState') {
+          //工单状态
+          this.selectedGdState = checkedObj.label;
+        } else if (this.type === 'associationType') {
+          //关联类型
+          this.selectedAssociationType = checkedObj.label;
+        }
+        let index = this.pickerList.findIndex(v => v.label === checkedObj.label);
+        this.$refs.sPicker._changeValue(index);
+        this.init();
       },
       // 获取页面数据
       init() {
@@ -143,10 +157,12 @@
         });
         Promise.all([
           this.queryWorkOrdersRequest(), //查询最新工单列表
+          this.queryDictionary('association_types'), //获取数据字典
         ]).then((values) => {
           uni.hideLoading();
           uni.stopPullDownRefresh();
           this.queryWorkOrdersResponse(values[0]);
+          this.queryDictionaryResponse(values[1], 'association_types');
         });
       },
       // 查询最新工单列表（上拉）
@@ -226,9 +242,32 @@
           throw new Error(res.msg || '获取数据失败');
         }
       },
+      // 获取数据字典
+      queryDictionary(key) {
+        let postData = {
+          "type": "list",
+          key
+        };
+        return this.vxDictionary(postData);
+      },
+      // 获取数据字典
+      queryDictionaryResponse(res, type) {
+        console.log(res, type);
+        switch (type) {
+          case 'association_types':
+            let arr = res.map(v => ({
+              value: v.id,
+              label: v.name
+            }));
+            this.associationTypes = [{
+              label: '全部',
+              value: -1
+            }, ...arr];
+            break;
+        }
+      },
     },
     mounted() {
-      this.getDictionary('association_types');
       this.init();
     },
     onPullDownRefresh() {