新增 货主筛选

src/views/index/Index.vue

@@ -115,6 +115,23 @@
               :value="item.key"
             />
           </el-select>
+          <div class="mr4 mr10">货主</div>
+          <el-select
+            style="width: 140px"
+            v-model="postData.cargoOwnerId"
+            placeholder="货主"
+            size="mini"
+            @change="getIndexData(1)"
+            filterable
+            clearable
+          >
+            <el-option
+              v-for="item in cargoOwnerOptions"
+              :key="item"
+              :label="item.value"
+              :value="item.key"
+            />
+          </el-select>
           <div @click="resetFilter" class="all mr10">全部</div>
         </div>
       </div>
@@ -362,6 +379,7 @@ function changeVoyageType(s) {
     isArrived: "",
     abnormalStatus: "",
     cargoId: "",
+    cargoOwnerId: "",
   };
   getIndexSelect();
   getIndexData();
@@ -383,6 +401,7 @@ let postData = ref({
   isArrived: "",
   abnormalStatus: "",
   cargoId: "",
+  cargoOwnerId: "",
 });
 let indexData = ref({
   finshDiscTons: "",
@@ -615,10 +634,12 @@ function resetFilter() {
     isArrived: "",
     abnormalStatus: "",
     cargoId: "",
+    cargoOwnerId: "",
   };
   getIndexData();
 }
 
+let cargoOwnerOptions = ref([]);
 async function getIndexSelect() {
   let res = await api.getIndexSelect({
     status: status.value,
@@ -627,10 +648,12 @@ async function getIndexSelect() {
     loadPortOptions.value = res.data.result.loadPortSelect;
     discPortOptions.value = res.data.result.discPortSelect;
     cargoOptions.value = res.data.result.cargoSelect;
+    cargoOwnerOptions.value = res.data.result.cargoOwnerSelect;
   } else {
     loadPortOptions.value = [];
     discPortOptions.value = [];
     cargoOptions.value = [];
+    cargoOwnerOptions.value = [];
   }
 }