5601功能点和多语言

cuiqian2004

2024-07-05 37ff5e49c0e7c5b63e7e8e137058366244f826c1

 pages/selpsn/index.vue

@@ -1,50 +1,7 @@
<style>
   .content {
      width: 100vw;
      height: 93vh;
      background: #EAEAEA;
      padding: 14rpx 0rpx 0rpx 0rpx;
   }
   input{
      border: 1px solid #d5d5d5;
      width: 77%;
      height: 80rpx;
      border-radius: 60rpx!important;
      padding: 0 60rpx 0 66rpx;
      margin: 0rpx 20rpx 10rpx 20rpx;
      background: #FFF;
   }
   .dv_query_body {
       height: 91%;
      overflow: auto;
       background-color: #fff;
       border: 2rpx solid #d5d5d5;
       padding: 14rpx;
   }
   .psn {
       margin: 0 12rpx 12rpx 0;
       padding: 8rpx 20rpx 10rpx;
       background-color: #55a1dd;
       font-size: 30rpx;
       color: #fff;
       border-radius: 20rpx;
       display: inline-block;
       cursor: pointer;
   }
   button.btn_sava {
      margin-top: 47rpx;
      padding: 20rpx;
      line-height: 1.2;
      background: #27A6E1;
      border: none;
      color: #fff;
   }
</style>

<template>
   <view class="content">
   <view class="uni-page-selpsn">
      <view style="height:90%;">
         <input type="text" class="txt_search" v-model="searchVal" @input="onkeyup" placeholder="请输入人员姓名或简拼进行查询" >
         <input type="text" class="txt_search" v-model="searchVal" @input="onkeyup" :placeholder="translate('input_user_name_jp_query')">
         <!-- <div class="dv_query_body" >
            <div class="psn">
               <checkbox-group class="ischeck" @change="onchange" data-ischeck="false" data-index="0" >
@@ -66,7 +23,7 @@
            </div>
         </div>
         
         <button type="default" @tap="sava" class="btn_sava">确定</button>
         <button type="default" @tap="sava" class="btn_sava">{{translateSys("ok")}}</button>
      </view>
      
   </view>
@@ -76,7 +33,7 @@
   export default {
      data() {
         return {
            title: '选择人员',
            title:this.translate('select_user'),
            mulit:'',
            param:{},
            searchVal:'',
@@ -96,7 +53,10 @@
            console.log(e);
            console.log(this.$data.searchVal);
            if(this.$data.searchVal){
               var datainfo ={ jp: this.$data.searchVal, dept_id: '' };
               var datainfo = {
                  jp: this.$data.searchVal,
                  dept_id: ''
               };
               // console.log(datainfo);
               this.$store.dispatch('querySelpsn',datainfo).then(success=>{
                  console.log(success);
@@ -122,11 +82,21 @@
                     }
                     this.$data.data = json;
                  } else{
                     uni.showModal({title:"错误",content:success.msg?success.msg:success.err_msg,showCancel:false,confirmText:"取消"});
                     uni.showModal({
                        title: this.translateSys("error"),
                        content: success.msg ? success.msg : success.err_msg,
                        showCancel: false,
                        confirmText: this.translateSys("cancel")
                     });
                  }
               }).catch(ex=>{
                  // console.log(ex);
                  uni.showModal({title:"错误",content:ex.errMsg,showCancel:false,confirmText:"取消"});
                  uni.showModal({
                     title: this.translateSys("error"),
                     content: ex.errMsg,
                     showCancel: false,
                     confirmText: this.translateSys("cancel")
                  });
               });
            } else 
               this.$data.data = [];
@@ -152,7 +122,12 @@
               }
            }
            if(data.length==0){
               uni.showModal({title:"提示",content:'未选择人员！',showCancel:false,confirmText:"取消"});
               uni.showModal({
                  title: this.translateSys("tip"),
                  content: this.translate('tip_no_select_user'),
                  showCancel: false,
                  confirmText:this.translateSys("cancel")
               });
               return;
            }
            const eventChannel = this.$scope.eventChannel;
@@ -160,8 +135,62 @@
            eventChannel.emit('AddPer',data,this.$data.param);
            
            uni.navigateBack()
         }
         },
         translate(t) {
            if (typeof this.$t == "function") return this.$t(`page.${t}`)
            else return t;
         },
         translateSys(t) {
            if (typeof this.$t == "function") return this.$t(`sys.${t}`)
            else return t;
         },
      
      }
   }
</script>
<style lang="scss">
   .uni-page-selpsn {
      width: 100vw;
      height: 93vh;
      background: #EAEAEA;
      padding: 14rpx 0rpx 0rpx 0rpx;

      input {
         border: 1px solid #d5d5d5;
         width: 77%;
         height: 80rpx;
         border-radius: 60rpx !important;
         padding: 0 60rpx 0 66rpx;
         margin: 0rpx 20rpx 10rpx 20rpx;
         background: #FFF;
      }

      .dv_query_body {
         height: 91%;
         overflow: auto;
         background-color: #fff;
         border: 2rpx solid #d5d5d5;
         padding: 14rpx;
      }

      .psn {
         margin: 0 12rpx 12rpx 0;
         padding: 8rpx 20rpx 10rpx;
         background-color: #55a1dd;
         font-size: 30rpx;
         color: #fff;
         border-radius: 20rpx;
         display: inline-block;
         cursor: pointer;
      }

      button.btn_sava {
         margin-top: 47rpx;
         padding: 20rpx;
         line-height: 1.2;
         background: #27A6E1;
         border: none;
         color: #fff;
      }
   }
</style>