11

src/components/busManagement/busUsePrice.vue

@@ -250,8 +250,11 @@
               <img v-if="item.ShowBusImage" :src="item.ShowBusImage" style="width:200px;height:150px;" />
               <img v-else src="../../assets/img/suplier.jpg" style="width:200px;height:150px;" />
             </td>
-            <td>
-              {{getArea(item.AreaType)}}- {{getBusTypeStr(item.BusType)}}
+            <td style="vertical-align: top;">
+              <div style="font-size: 14px; color: #333; margin-bottom: 5px;">{{getArea(item.AreaType)}}- {{getBusTypeStr(item.BusType)}}</div>
+              <template v-if="item.ProvinceNameList&&item.ProvinceNameList.length>0">
+                <div style="font-size: 13px; color: #666; padding-top: 5px;">{{item.ProvinceNameList.join(",")}}</div>
+              </template>
             </td>
             <td>
               {{item.UseNum}}
@@ -384,10 +387,20 @@
               </el-select>
             </el-form-item>
           </el-col>
+          <el-col :span="5">
+            <el-form-item label="省份">
+              <el-select v-model="addMsg.ProvinceIdList" multiple filterable :placeholder="$t('hotel.hotel_province')"
+                clearable>
+                <el-option :key="0" :value="0" :label="$t('pub.pleaseSel')"></el-option>
+                <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
           <el-col :span="5">
             <el-form-item :label="$t('ground.busType')" prop="BusType">
               <el-select filterable :placeholder="$t('pub.pleaseSel')" v-model="addMsg.BusType">
-                <el-option v-for="item in BusTypeList" :key="item.Id" :label="item.Name+`(`+item.SeatNum+`座)`" :value="item.Id"></el-option>
+                <el-option v-for="item in BusTypeList" :key="item.Id" :label="item.Name+`(`+item.SeatNum+`座)`"
+                  :value="item.Id"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -519,10 +532,11 @@
         BusTypeList: "",
         selectDefauleValue: 0,
         AreaList: [],
+        provinceList: [], //省份列表
         currencyTypeList: [],
         msg: {
           pageIndex: 1,
-          pageSize: 18
+          pageSize: 10
         },
         //表单json
         addMsg: {
@@ -545,8 +559,10 @@
           BusImage: '', //车辆图片
           ShowBusImage: "",
           KMPrice: 0, //公里价格
-          BusNumber:"",//车牌号
+          BusNumber: "", //车牌号
+          ProvinceIdList: [], //省份
         },
+        userinfo: {},
         //表单验证
         rules: {
           AreaType: [{
@@ -790,7 +806,8 @@
           AllDayChaDaiFee: 0,
           PickUpChaDaiFee: 0,
           BusImage: '',
-          KMPrice: 0
+          KMPrice: 0,
+          ProvinceIdList: [],
         };
       },
       submitForm(addMsg) {
@@ -825,13 +842,39 @@
             null
           );
         });
+      },
+      getProvinceList(countryId) {
+        //根据省份获取城市
+        this.provinceList = [];
+        let msg = {
+          CodeLevel: 2,
+          ParentID: 0
+        };
+        if (countryId && countryId > 0) {
+          msg.ParentID = countryId;
         }
+        this.apipost(
+          "dict_get_Destination_GetCityExtList",
+          msg,
+          res => {
+            this.provinceList = res.data.data;
+          },
+        );
+      },
+    },
+    created() {
+      this.userinfo = this.getLocalStorage();
     },
     mounted() {
       this.initData();
       this.getAreaList();
       this.getCurrencyType();
       this.getBusTypeList();
+      if (this.userinfo && this.userinfo.RB_Group_id == 2) {
+        this.getProvinceList(651, 1);
+      } else {
+        this.getProvinceList(0, 1);
+      }
     }
   };