no message

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/UpgradedVersionDetails.vue

 <template>
+  <div>
     <div class="UpgradedVersionDetails-form absolute row-sb z-index1" :style="{'background':backgroundColor}">
-
       <div class="UpgradedVersionDetails-form-Box absolute UpgradedVersion-Hover">
         <div class="UpgradedVersionDetails-formBox1 absolute">
           <FeatureControls :index="index" :FeatureData="FeatureData" :ControlsType="'row'"
             :isDeletePage="FeatureData.isDeletePage" :pagesType="3" @toAddPages="toAddPages"
             @toDeletePages="toDeletePages">
           </FeatureControls>
-        <input type="file" style="display:none" id='restaurantfile' @change="uploadpic">
+          <input type="file" style="display:none" :id="'GouDetaFile_'+(index * 2 + 1)+'_0'" @change="uploadpic">
         </div>
       </div>
-    <div class="UpgradedVersionDetails-box column" v-for="(item,index) in FeatureData.dataObj.SubList">
+      <div class="UpgradedVersionDetails-box column" v-for="(item,i) in FeatureData.dataObj.SubList">
         <div class="UpgradedVersionDetails-imgbox row-aic UpgradedVersion-Hover">
           <div class="UpgradedVersionDetails-img relative">
             <div class="UpgradedVersionDetails1 absolute z-index1">
               <FeatureControls v-if="FeatureData" :index="index" :FeatureData="FeatureData" :isUploadImg="true"
-              :isSelectImg="true" @toUploadImg="UploadImg" @toSelectImg="SelectImg" @toAddImg="AddImg"
-              @toDeleteImg="DeleteImg" />
+                :isSelectImg="true" @toUploadImg="UploadImg(i)" @toSelectImg="SelectImg(i)" @toAddImg="AddImg"
+                @toDeleteImg="DeleteImg(i)" />
             </div>
             <div class="UpgradedVersionDetails-imgOne bjE6">
               <template v-if="item.ImgList&&item.ImgList.length>0">
@@ -33,7 +33,7 @@
         <div class="UpgradedVersionDetails-Title UpgradedVersionDetails-two">
           <div class="UpgradedVersionDetails-Img-one relative">
             <div class="UpgradedVersionDetails-num relative" :style="{'color':TripColor}">
-            <span class="absolute">{{'0'+(index+1)}}</span>
+              <span class="absolute">{{'0'+(i+1)}}</span>
             </div>
             <div class="UpgradedVersionDetails-T absolute">
               <vEditDiv :canEdit='canEdit1' v-model="item.MainDesc"></vEditDiv>
@@ -52,6 +52,13 @@
         </div>
       </div>
     </div>
+    <el-dialog custom-class="resourceImgAdd" :title="$t('sm.chooseImg')" center :visible.sync="isShowScenicImg">
+      <!--imgType:1-酒店,2-餐厅,3-景点,4-票务,5-车辆,6-领队,7-购物店,isCheckmore:是否多选图片-->
+      <DMCchooseImg @closeImg="closeDMCchooseImg" ref="DMCchooseImg1" @headCallBack="getDMCimg" v-bind:isCheckmore="1"
+        v-bind:imgType="choseType" v-bind:queryItem="queryItem" v-bind:IsShowAdd="true" v-bind:IsShowVideo="true">
+      </DMCchooseImg>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
@@ -59,8 +66,10 @@
   import subheading from "./components/subheading";
   import vEditDiv from "../TravelTemp/VEditDiv";
   import FeatureControls from "./components/featureControls";
+  import DMCchooseImg from "../../../commonPage/DMCchooseImg.vue";
   export default {
     components: {
+      DMCchooseImg,
       MasterMapList,
       subheading,
       vEditDiv,
@@ -88,12 +97,20 @@
             Name: 'DELICIOUS',
             Id: 2
           }
-        ]
+        ],
+        choseType: 0,
+        queryItem: {
+          queryName: '',
+          queryId: 0,
+        },
+        isShowScenicImg: false,
+        MasterMapIndex: null,//主图下标
       };
     },
     methods: {
-      UploadImg() {
-
+      UploadImg(index) {
+        this.MasterMapIndex = index
+        document.querySelector(`#GouDetaFile_${(this.index * 2 + 1)}_0`).click();
       },
       uploadpic(e) {
         let that = this;
@@ -109,13 +126,18 @@
             that.uploadSelfBlob(path, newArr, x => {
               let allPath = that.domainManager().ViittoFileUrl + x.data.FilePath;
               let i = e.target.id.split("_")[2];
-              that.imgUrlChange(allPath);
+              that.FeatureData.dataObj.SubList[that.MasterMapIndex].ImgList[0].url = allPath
             });
           };
           reader.readAsDataURL(e.target.files[0]);
         }
       },
-      SelectImg() {
+      SelectImg(index) {
+        this.MasterMapIndex = index?index:0
+        if(this.FeatureData.pageType==4) this.choseType = 1
+        else if(this.FeatureData.pageType==5) this.choseType = 2
+        else if(this.FeatureData.pageType==6) this.choseType = 3
+        else this.choseType = 0
         this.isShowScenicImg = true
       },
       AddImg() {
@@ -124,12 +146,21 @@
       DeleteImg() {
 
       },
-      toAddPages(index, FeatureData) {
-        this.$emit('toAddPages', index, FeatureData)
+      toAddPages() {
+        this.$emit('toAddPages', this.index, this.FeatureData)
+      },
+      toDeletePages() {
+        this.$emit('toDeletePages', this.index)
       },
-      toDeletePages(index, FeatureData) {
-        this.$emit('toDeletePages', index, FeatureData)
+      closeDMCchooseImg() {
+        this.isShowScenicImg = false
       },
+      getDMCimg(selectImgArr) {
+        let Path = selectImgArr[0].Path
+        console.log(this.FeatureData.dataObj.SubList[this.MasterMapIndex],'-------')
+        this.FeatureData.dataObj.SubList[this.MasterMapIndex].ImgList[0].url = Path
+        this.isShowScenicImg = false
+      }
     },
     computed: {},
     watch: {
@@ -142,7 +173,7 @@
       },
       FeatureData: {
         handler(val, oldVal) {
-          console.log(val,'----------333')
+
         },
         deep: true,
         immediate: true

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/index.vue

@@ -124,13 +124,14 @@
       AddPages(index, FeatureData) {
         var pageData = this.getPageObj();
         pageData.isDeletePage = true
+        pageData.pageType = FeatureData.pageType
         if (FeatureData.pageType > 3) {
           pageData.pageTemplate = 1
         }
         this.pageList.splice(index, 0, pageData);
       },
       //删除页面
-      DeletePages(index, FeatureData) {
+      DeletePages(index) {
         this.pageList.splice(1, index);
       },
       getDetailsObj() {