md

src/api/emis/emisSite.js

@@ -18,6 +18,14 @@ export function listSimpleEmisSite(query) {
   })
 }
 
+export function listChooseSite(query) {
+  return request({
+    url: '/emis/emisSite/chooseSite',
+    method: 'get',
+    params: query
+  })
+}
+
 // 查询网点列表 - 精简
 export function listSeaWay(query) {
   return request({

src/views/emis/EmisBaseTools/EmisTmsSiteBatchNextSitePicker.vue

@@ -0,0 +1,197 @@
+<template>
+  <el-select
+     style="width:100%"
+     ref="selectRef"
+     filterable
+     clearable
+     remote
+     :remote-method="queryData"
+     v-model="svalue"
+     :placeholder="placeholder"
+
+     :disabled="disabled"
+     no-data-text=""
+
+     @blur="onBlur"
+     @change="onChange"
+     @click.native="onClick"
+     @visible-change="reverseArrow"
+     >
+       <el-option v-for="item in optionItems" :key="item.siteCode" :label="item.siteName" :value="item.siteCode" ></el-option>
+   </el-select>
+
+
+</template>
+<script>
+ import emitter from 'element-ui/src/mixins/emitter';
+ import { listChooseSite } from "@/api/emis/emisSite";
+
+ export default {
+   name: "EmisTmsSiteBatchNextSitePicker",
+   mixins: [emitter],
+   props: {
+     value: {
+       type: String,
+       required: false
+     },
+     placeholder: {
+       type: String,
+       required: false
+     },
+     countryCode: {
+       type: String,
+       required: false
+     },
+     siteType:{
+       type: [String,Number],
+       required: false
+     },
+     parentSiteCode:{
+       type: [String],
+       required: false,
+       defaultValue:null
+     },
+     blIncludeChildSite:{
+       type: [String,Number],
+       required: false,
+       defaultValue:null
+     },
+     disabled:{
+       type: [Boolean,String],
+       required: false
+     },
+     startSiteCode: {
+        type: String,
+        required: false
+      },
+   },
+   data() {
+     return {
+       loading:false,
+
+       svalue: this.value,
+       optionItems: [],
+       // 缺省值
+       defaultItems: null,
+       itemMap:new Map(),
+
+       queryParams:{
+         pageNum:1,
+         pageSize:10,
+         status:'1',
+         siteType:this.siteType,
+         countryCode:this.countryCode,
+         siteCode:null,
+         siteName:null,
+         parentSiteCode:this.parentSiteCode,
+         params:{
+          startSiteCode:this.startSiteCode,
+          blIncludeChildSite:this.blIncludeChildSite
+         }
+       }
+     };
+   },
+   watch: {
+     value(newVal,oldVal) {
+       // 逻辑 有初始值先查询初值
+       // if(this.value!=null){
+       //   this.svalue=this.value;
+       //   this.queryData(null,this.svalue);
+       // }
+       this.svalue=this.value;
+       this.queryData(null,this.svalue);
+     },
+     siteType(newVal, oldVal) {
+       if(newVal!=oldVal){
+         this.queryParams.siteType=newVal
+         this.defaultItems=null;
+       }
+     },
+     countryCode(newVal, oldVal) {
+       if(newVal!=oldVal){
+         this.queryParams.countryCode=newVal
+         this.defaultItems=null;
+       }
+     },
+     startSiteCode(newVal,oldVal) {
+          this.queryData(null,this.svalue);
+     },
+   },
+   mounted(){
+     let rulesDom = this.$refs["selectRef"].$el.querySelector(".el-input .el-input__suffix .el-input__suffix-inner .el-input__icon"); // 找到dom
+     rulesDom.classList.add("el-icon-arrow-up"); // 对dom新增class
+   },
+   created() {
+     if(this.svalue!=null){
+         this.queryData(null,this.svalue);
+     }
+   },
+   methods: {
+     onClick(){
+       // 第一次点击时需要初始化
+       if(!this.defaultItems){
+         this.queryData(null,null);
+       }else{
+         this.optionItems = [...this.defaultItems];
+       }
+     },
+     onChange() {
+       this.$emit("input", this.svalue);
+       let itemData = this.optionItems.find(item => item.siteCode == this.svalue);
+       this.$emit("onChange",itemData);
+     },
+     onClear(){
+       this.$emit("input", this.svalue);
+       this.$emit("onChange",null);
+     },
+     onBlur(val){
+       this.$emit("input", this.svalue);
+       this.dispatch('ElFormItem', 'el.form.blur');
+     },
+     queryData(val,key) {
+       this.optionItems=[];
+
+       this.queryParams.siteCode=key;
+       this.queryParams.siteName=val;
+
+       listChooseSite(this.queryParams).then(response => {
+           this.optionItems=response.rows;
+         // 初始值存储
+         if(key==null && val==null){
+           this.defaultItems=[...this.optionItems]
+         }else{
+           this.onChange();
+         }
+       });
+     },
+     reverseArrow(flag) {
+       let rulesDom = this.$refs["selectRef"].$el.querySelector(
+         ".el-input .el-input__suffix .el-input__suffix-inner .el-input__icon"
+       ); // 找到dom
+       if (flag) {
+         rulesDom.classList.add("is-reverse"); // 对dom新增class
+       } else {
+         rulesDom.classList.remove("is-reverse"); // 对dom新增class
+       }
+     },
+   }
+ };
+</script>
+
+<style lang="scss" scoped>
+ // right: 30px;
+ // cursor: pointer;
+:deep .el-select.remote-select{
+ .el-select__caret::before{
+     content: '\e6e1';
+   }
+ .is-focus{
+   .el-select__caret{
+     transform: rotateZ(0deg);
+   }
+ }
+}
+
+
+
+</style>

src/views/emis/emisTmsSiteBatch/panel/BigBatchEditForm.vue

@@ -65,7 +65,7 @@
               </el-col>
               <el-col :span="8">
                 <el-form-item :label="$t('下一网点')" prop="nextSiteCode">
-                  <EmisSiteSimplePicker :placeholder="$t('请选择')"  @onChange="onNextSiteSelect"  v-model="form.nextSiteCode"  ></EmisSiteSimplePicker>
+                  <EmisTmsSiteBatchNextSitePicker :placeholder="$t('请选择')" :startSiteCode="form.startSiteCode"  @onChange="onNextSiteSelect"  v-model="form.nextSiteCode"  ></EmisTmsSiteBatchNextSitePicker>
                 </el-form-item>
               </el-col>
               <el-col :span="8">
@@ -382,6 +382,10 @@ import moment from 'moment'
 import PackListView from '@/views/emis/emisTmsSiteBatch/packListView';
 import EmisSupplierPicker from '@/views/emis/EmisBaseTools/EmisSupplierPicker';
 import EmisTmsSiteBatchSupplierPicker from '@/views/emis/EmisBaseTools/EmisTmsSiteBatchSupplierPicker';
+import EmisTmsSiteBatchNextSitePicker from '@/views/emis/EmisBaseTools/EmisTmsSiteBatchNextSitePicker.vue';
+
+
+
 
 export default {
   name: "BigBatchEditForm",
@@ -399,7 +403,7 @@ export default {
     },
 
   },
-  components: { EmisGetNextSitePicker, CountryPicker, EmisSiteSimplePicker, elDateAdvPicker, emisTmsPackForm, TransLinePicker, TransProductPicker, PackListView,EmisSupplierPicker,EmisTmsSiteBatchSupplierPicker},
+  components: { EmisGetNextSitePicker, CountryPicker, EmisSiteSimplePicker, elDateAdvPicker, emisTmsPackForm, TransLinePicker, TransProductPicker, PackListView,EmisSupplierPicker,EmisTmsSiteBatchSupplierPicker,EmisTmsSiteBatchNextSitePicker},
   dicts: ['emis_waybill_status', 'emis_payment_type', 'emis_biz_shipping_method', 'emis_qujian_fangshi', 'cebp_return_status','emis_declare_mode','emis_customs_clear','emis_big_batch_type'],
   data() {
     return {