小牛集卡web 客户端
chenwei
2021-06-08 e41faf1640e2e71febf4ba347a301e0c043b6ce9
src/components/agopage/home/Wind.vue
@@ -13,20 +13,21 @@
          </div>
        </div>
        <div class="form">
          <el-form ref="form" :model="form" label-width="160px">
          <el-form ref="form" :model="submitForm" label-width="160px">
            <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <i class="iconfont icon-listmatou"></i>
                  <!-- <img src="../../../../public/img/index/boat.png" alt="" /> -->
                  <span>提箱地 : </span>
                </div>
              </template>
              <div class="form-input">
                <box-adress
                  :boxaddress="retrunPlaceList"
                  @acceptreturn="acceptReturnAdress"
                ></box-adress>
                    <box-adress
                :boxaddress="retrunPlaceList"
                @acceptreturn="acceptReturnAdress"
              ></box-adress>
              </div>
            </el-form-item>
            <el-form-item>
@@ -35,90 +36,89 @@
                  <i
                    class="iconfont icon-diaoyun_lift_jizhuangxiang_container"
                  ></i>
                  <!-- <img
                        src="../../../../public/img/index/zhuang.png"
                        alt=""
                      /> -->
                  <span>装卸地 : </span>
                </div>
              </template>
              <div class="form-input enter-text">
                <ai-adress></ai-adress>
                  <ai-adress @platfrom="platFormData"></ai-adress>
                <div class="suffix-txt">
                  <div>常用地址</div>
                  <div @click="usualAdrDialog = true">常用地址</div>
                </div>
              </div>
            </el-form-item>
            <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <!-- <img
                        src="../../../../public/img/index/haixiangdi.svg"
                        alt=""
                      /> -->
                  <i class="iconfont icon-components-full"></i>
                  <span>还箱地 : </span>
                </div>
              </template>
              <div class="form-input">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <div class="suffix-txt">
                  <div>果园港</div>
                  <div>果园港</div>
                  <div>果园港</div>
                </div>
              </div>
              <box-adress
                :boxaddress="retrunPlaceList"
                @acceptreturn="acceptReturnAdress"
              ></box-adress>
            </el-form-item>
            <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <!-- <img
                        src="../../../../public/img/index/box-state.png"
                        alt=""
                      /> -->
                  <i class="iconfont icon-express-package-full"></i>
                  <span>双托箱型 : </span>
                  <span>配拖箱型 : </span>
                </div>
              </template>
              <div class="form-input">
                <el-select v-model="form.region" placeholder="请选择活动区域">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
                <div class="box-type">
                  <div >
                    <el-select v-model="value" placeholder="请选择">
                      <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value"
                      >
                      </el-option>
                    </el-select>
                  </div>
                </div>
              </div>
            </el-form-item>
            <el-form-item>
             <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <!-- <img
                        src="../../../../public/img/index/box-state.png"
                        alt=""
                      /> -->
                  <i class="iconfont icon-express-package-full"></i>
                  <span>重量 : </span>
                </div>
              </template>
              <div class="form-input wind-weight">
                <el-input></el-input>
                <span>吨</span>
              <div class="form-input">
                <div class="box-type">
                  <div class="tibox-adres" style="display:flex;">
                       <el-input
                    @focus="tiFocus"
                   type="number"
                    v-model="playBox"
                  ></el-input>
                  <span style="margin-left:6px;">吨</span>
                  </div>
                </div>
              </div>
            </el-form-item>
            <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <!-- <img src="../../../../public/img/index/time.svg" alt="" /> -->
                  <i class="iconfont icon-shijian"></i>
                  <span>到达时间 : </span>
                  <span>配拖时间: </span>
                </div>
              </template>
              <div class="form-input">
                <el-date-picker
                  v-model="value1"
                  type="date"
                  placeholder="选择日期"
                  range-separator="至"
                  start-placeholder="开始日期"
                  end-placeholder="结束日期"
                  v-model="submitForm.ArriveTime"
                  type="daterange"
                  placeholder="选择日期时间"
                  :picker-options="urgentTime"
                  value-format="yyyy-MM-dd HH:mm"
                >
                </el-date-picker>
              </div>
@@ -126,26 +126,26 @@
            <el-form-item>
              <template slot="label">
                <div class="form-label">
                  <!-- <img
                        src="../../../../public/img/index/product.svg"
                        alt=""
                      /> -->
                  <i class="iconfont icon-express-package-full"></i>
                  <span>物品 : </span>
                </div>
              </template>
              <div class="form-input">
                <div v-for="(item, index) in productData" :key="index">
                  <div
                    class="product"
                    :class="{ activepro: item == activeVal }"
                    @click="proActive(item)"
                  >
                    {{ item }}
                  </div>
                <div
                  class="product"
                  v-for="(item, indexp) in productData"
                  :key="indexp"
                  :class="{ activebox: activeProduct == item }"
                  @click="selProeuct(item)"
                >
                  {{ item.GoodsTypeName }}
                </div>
                <div class="pro-input">
                  <el-input placeholder="输入物品" @focus="proInput"></el-input>
                  <el-input
                    placeholder="输入物品"
                    v-model="productVal"
                    @focus="proInput"
                  ></el-input>
                </div>
              </div>
            </el-form-item>
@@ -175,9 +175,14 @@
        <button @click="sharePill">拼 单</button>
      </div>
    </div>
    <el-dialog title="顺风达拼车" :visible.sync="carDialog" width="900px" class="ride">
    <el-dialog
      title="顺风达拼车"
      :visible.sync="carDialog"
      width="900px"
      class="ride"
    >
      <!-- <car-pool></car-pool> -->
        <car-sharing></car-sharing>
      <car-sharing></car-sharing>
    </el-dialog>
  </div>
</template>
@@ -185,13 +190,14 @@
import Wind from "./Wind.vue";
import ShareCar from "../comment/ShareCar.vue";
// import CarPool from "./CarPool.vue";
import CarSharing from'../comment/CarSharing.vue'
import CarSharing from "../comment/CarSharing.vue";
import AiAdress from "../map/AiAdress.vue";
import BoxAdress from"../comment/BoxAdress"
import BoxAdress from "../comment/BoxAdress";
export default {
  data() {
    return {
      nav: ["我要装", "我要卸"],
      lunboImg: [
        require("../../../../public/img/index/lunbo.png"),
        require("../../../../public/img/index/niu.png"),
@@ -212,32 +218,36 @@
      submitForm: {
        CityId: "5dc90c98-475e-4529-bb3a-c3010a82b0e1",
        OrderType: 3,
      },
      radio1: "",
      productData: [
        "物品1",
        "物品2",
        "物品3",
        "物品4",
        "物品5",
        "物品6",
        "物品7",
      ],
      productData: [],
      value1: "",
      factory: ["重庆长安新厂区", "重庆福特厂区", "重庆福特配件厂区"],
      activeVal: "",
      carDialog: false,
      retrunPlaceList:[],
      urgentTime:{
          disabledDate(time) {
            //只能选择的当天及当天之后的日期
            return time.getTime() < Date.now() - 8.64e7;
          }
      }
    };
  },
  components: {
    Wind,
    ShareCar,
    // CarPool,
    AiAdress,BoxAdress,CarSharing
    AiAdress,
    BoxAdress,
    CarSharing,
  },
  props: ["cardialog"],
  methods: {
    //接收装卸地传来的数据
    platFormData(e){
      console.log(e);
    },
    proActive(content) {
      this.activeVal = content;
    },
@@ -259,8 +269,8 @@
</script>
<style lang="less" scoped>
// 修改弹窗的样式
.ride{
  /deep/.el-dialog__body{
.ride {
  /deep/.el-dialog__body {
    padding: 0 10px;
    padding-bottom: 10px;
  }