页面修改

src/pages/studyAbroad/employment.vue

@@ -12,6 +12,16 @@
             map-options @input="resetSearch">
           </q-select>
         </div>
+        <div class="col-3">
+          <q-select class="q-pb-lg q-pr-lg" filled stack-label clearable option-value="Id" option-label="Name"
+            v-model="msg.ProductType" :options="productList" label="产品类型" :dense="false" emit-value map-options
+            @input="resetSearch" />
+        </div>
+        <div class="col-3">
+          <q-select class="q-pb-lg q-pr-lg" filled stack-label clearable option-value="ID" option-label="Name"
+            v-model="msg.StudyCountryId" :options="CountryList" label="就业国家" :dense="false" emit-value map-options
+            @input="resetSearch" />
+        </div>
       </div>
     </div>
     <div class="page-content">
@@ -68,8 +78,6 @@
             <q-td key="SellPrice" :props="props">
               {{props.row.SellPrice}}
             </q-td>
-
-
             <q-td key="B2CRatio" :props="props">
               {{props.row.B2CRatio}}%
             </q-td>
@@ -275,8 +283,12 @@
     queryStudyAbroadPage,
     saveSaleState,
     querySaleStateList,
-    deleteStudyAbroad
+    deleteStudyAbroad,
+    queryStudyAbroadProductType
   } from '../../api/studyabroad/index'
+  import {
+    queryCountryList
+  } from '../../api/common/common'
   import studyAbroadForm from '../../components/studyAbroad/studyAbroad-form'
   // import studyAbroadpriceForm from '../../components/studyAbroad/studyAbroadprice-form'
   import studyAbroadpriceForm from '../../components/studyAbroad/newstudyAbroadprice-form'
@@ -302,7 +314,9 @@
           rowsPerPage: 10,
           Name: "",
           IsQPrice: 1,
-          SaleState: "" //销售状态
+          SaleState: "", //销售状态
+          ProductType: "", //产品类型
+          StudyCountryId: "", //国家编号
         },
         dataList: [],
         loading: true,
@@ -495,6 +509,8 @@
         isShowStudyPrice: false, //是否显示价格设置
         saleDownList: [], //销售状态下拉
         isShowInfo: false, //是否显示审核信息
+        productList: [], //产品类型列表
+        CountryList: [], //国家列表
       }
     },
     computed: mapState({
@@ -530,11 +546,27 @@
     },
     created() {
       this.getSaleStateList();
+      this.getCountryList();
+      this.getProductType();
       if (!this.isHaveViewSupplierAction) {
         this.visibleColumns.splice(this.visibleColumns.length - 1, 1);
       }
     },
     methods: {
+      //获取国家列表
+      getCountryList() {
+        queryCountryList({}).then(res => {
+          if (res.Code == 1) {
+            this.CountryList = res.Data;
+          }
+        });
+      },
+      //获取产品类型列表
+      getProductType() {
+        queryStudyAbroadProductType({}).then(res => {
+          this.productList = res.Data;
+        });
+      },
       //删除留学就业产品
       removeStudy(item, status) {
         let delMsg = {