页面修改

src/components/assetsman/HotelList.vue

@@ -19,14 +19,15 @@
           <el-input class="w200" size="small" v-model="msg.SHotelName" placeholder="ホテル名"></el-input>
         </li>
         <li>
-          <el-select size="small" v-model="msg.SCountryId" placeholder="国家" @change="getProvinceList(msg.SCountryId,1)" filterable>
+          <el-select size="small" v-model="msg.SCountryId" placeholder="国家" @change="getProvinceList(msg.SCountryId,1)"
+            filterable>
             <el-option label="すべて" :value='0'></el-option>
             <el-option v-for="item in countryList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
           </el-select>
         </li>
         <li>
-          <el-select size="small" v-model="msg.SProvinceId" placeholder="省"
-            @change="getProvinceList(msg.SProvinceId,2)" filterable>
+          <el-select size="small" v-model="msg.SProvinceId" placeholder="省" @change="getProvinceList(msg.SProvinceId,2)"
+            filterable>
             <el-option label="すべて" :value='0'></el-option>
             <el-option v-for="item in provinceList" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
           </el-select>
@@ -46,8 +47,8 @@
         </li>
       </ul>
       <vxe-table stripe style="margin-top:15px" :loading="loading" :data="dataList">
-        <vxe-table-column field="SID" title="ホテル番号" width="90"  align="center"></vxe-table-column>
-        <vxe-table-column field="Name" title="ホテル名" width="290"  align="left">
+        <vxe-table-column field="SID" title="ホテル番号" width="90" align="center"></vxe-table-column>
+        <vxe-table-column field="Name" title="ホテル名" width="290" align="left">
           <template v-slot="{ row }">
             <span>{{ row.SHotelName }}</span>
           </template>
@@ -57,21 +58,27 @@
             <span>{{row.SCountryName}}-{{row.SProvinceName}}-{{row.SCityName}}</span>
           </template>
         </vxe-table-column>
-        <vxe-table-column field="SHotelStar" title="ホテル星" width="100"  align="center"></vxe-table-column>
-        <vxe-table-column field="UpdateByName" title="修正者" width="120"  align="center"></vxe-table-column>
-        <vxe-table-column field="Name" title="修正時間"  align="center">
+        <vxe-table-column field="SHotelStar" title="ホテル星" width="100" align="center"></vxe-table-column>
+        <vxe-table-column field="UpdateByName" title="修正者" width="120" align="center"></vxe-table-column>
+        <vxe-table-column field="Name" title="修正時間" align="center">
           <template v-slot="{row}">
             <span>{{getDate(row.UpdateTime)}}</span>
           </template>
         </vxe-table-column>
-        <vxe-table-column field="StatusStr" title="ホテル状態" align="center"></vxe-table-column>
-        <vxe-table-column field="address" title="操作" align="center">
+        <vxe-table-column field="StatusStr" title="ホテル状態" align="center"  ></vxe-table-column>
+        <vxe-table-column field="address" title="操作" align="center" width="150">
           <template v-slot="{ row }">
             <el-tooltip class="item" effect="dark" content="修正" placement="top">
-              <el-button type="success" @click="Edit(row)" icon="iconfont iconxiugaiziliao" circle style="padding:5px;"></el-button>
+              <el-button type="success" @click="Edit(row)" icon="iconfont iconxiugaiziliao" circle style="padding:5px;">
+              </el-button>
             </el-tooltip>
             <el-tooltip class="item" effect="dark" content="房型列表" placement="top">
-              <el-button type="primary" @click="goUrl(row)"  icon="iconfont iconicon-" circle style="padding:5px;"></el-button>
+              <el-button type="primary" @click="goUrl(row)" icon="iconfont iconicon-" circle style="padding:5px;">
+              </el-button>
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="プレビュー" placement="top" title="预览">
+              <el-button type="primary" @click="goPreviewUrl(row)" icon="iconfont iconicon-" circle
+                style="padding:5px;"></el-button>
             </el-tooltip>
           </template>
         </vxe-table-column>
@@ -118,10 +125,10 @@
         this.getList();
       },
       getList() {
-        this.loading=true;
+        this.loading = true;
         this.apipost("scm_get_GetSCMHotelPageListService", this.msg,
           res => {
-            this.loading=false;
+            this.loading = false;
             if (res.data.resultCode == 1) {
               this.dataList = res.data.data.pageData;
               this.total = res.data.data.count;
@@ -183,8 +190,12 @@
           }
         })
       },
+      goPreviewUrl(item) {
+        var url = "http://www.oytour.com/#/Home";
+        window.open(url, '_blank')
+      },
       //跳转
-      goUrl(item){
+      goUrl(item) {
         this.$router.push({
           path: 'RoomList',
           query: {