新增景点交通组件

src/components/newTravelmanager/travelLineTrip/ScenicTraffic.vue

+<style>
+  .ScenicTraffic table td {
+    height: 25px;
+    line-height: 25px;
+  }
+
+  ;
+
+</style>
+<template>
+  <div class="TC-ScenicTraffic">
+    <template v-if="!ishasScenic">
+      <table>
+        <thead>
+          <tr>
+            <td>
+              酒店出发
+            </td>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>
+              {{trafficObj.trafficIntroduce.IntroduceTitle}}
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <el-select :placeholder="$t('pub.pleaseSel')" v-model="trafficObj.trafficIntroduce.TrafficType">
+                <el-option v-for="item in ArrivalTypeArray" :value="item.ID" :key="item.ID" :label="item.Name">
+                </el-option>
+              </el-select>
+            </td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr>
+            <td>回酒店</td>
+          </tr>
+        </tfoot>
+      </table>
+    </template>
+    <template v-else>
+      <table>
+        <thead>
+          <tr>
+            <td>
+              酒店出发
+            </td>
+          </tr>
+        </thead>
+        <tbody v-for="(item,index) in ScenicArray">
+          <tr :key="index">
+            <td>
+              {{item.CouponsName}}
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <el-select :placeholder="$t('pub.pleaseSel')" v-model="item.TrafficType">
+                <el-option v-for="subItem in ArrivalTypeArray" :value="subItem.ID" :key="subItem.ID" :label="item.Name">
+                </el-option>
+              </el-select>
+            </td>
+          </tr>
+        </tbody>
+        <tfoot>
+          <tr>
+            <td>回酒店</td>
+          </tr>
+        </tfoot>
+      </table>
+    </template>
+  </div>
+</template>
+<script>
+  import MyEdit from "../../EditTemplate.vue";
+  export default {
+    props: [
+      "trafficObj", //交通信息
+      "ScenicArray", //景点数组
+      "ishasScenic", //是否有景点
+    ],
+    data() {
+      return {
+        subItemObj: [],
+        //下拉框默认值
+        DefaultSelectValue: 0,
+        //编辑器选项
+        toolbar: {
+          clean: false, //加粗
+          font: false, //字体
+          narrative: true //叙述,
+        },
+        //交通类型数组
+        ArrivalTypeArray: [{
+            ID: 1,
+            Name: "飞机",
+            ClassStr: "iconfont icon-feiji"
+          }, //飞机
+          {
+            ID: 2,
+            Name: "专车",
+            ClassStr: "iconfont icon-dabaxiaoba"
+          }, //汽车
+          {
+            ID: 3,
+            Name: "地铁",
+            ClassStr: "iconfont icon-lunchuan"
+          }, //轮船
+          {
+            ID: 4,
+            Name: "步行",
+            ClassStr: "iconfont icon-huoche"
+          } //火车
+        ],
+      };
+    },
+    components: {
+      "my-edit": MyEdit
+    },
+    methods: {
+
+    },
+    mounted() {},
+    created() {},
+    watch: {
+
+    }
+  };
+
+</script>

src/components/newTravelmanager/travelLineTrip/travelDaysTrip.vue

@@ -161,7 +161,7 @@
                 <span style="float: right; color: #8492a6; font-size: 13px">{{ item.Inventory }}</span>
               </el-option>
             </el-select>
-             <el-popover placement="right" width="540" trigger="click" style="display:none;" >
+             <el-popover placement="right" width="540" trigger="click" >
                         <scenicTraffic :ref="'scenicTraffic'+dayObj.DayNum+''" :ScenicArray="dayObj.ScenicArray"  :trafficObj="dayObj.TrafficObj" :ishasScenic="ishasScenic">
                         </scenicTraffic>
                          <span slot="reference" class="TC-tripTitle" style="padding-left:5px;cursor:pointer;">选择交通信息</span>