Skip to content

S
SuperMan
Commit e2d6998d authored by 吴春's avatar 吴春
Browse files
Options

修改餐详情

parent 22dc2c8a
Show whitespace changes
Inline Side-by-side
Showing with 126 additions and 144 deletions
src/components/Restaurant/restaurantInfoDetail.vue
View file @ e2d6998d
......@@ -677,20 +677,7 @@
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.el-tag.el-tag--info{
margin-right:5px;
}
.spanRebateCount{
display: block !important;
padding-top: 6px !important;
text-align: center !important;
}
.divConten{
display: flex;
/* line-height: 20px; */
min-height: 20px;
height: auto;
}
</style>
<template>
<div class="flexOne restaurantInfo">
......@@ -699,83 +686,99 @@ margin-right:5px;
<div class="resource-baseinfo">
<span class="resource-lititle">{{$t('hotel.hotel_baseinfo')}}</span>
<el-form-item :label="$t('ground.cantdwmc')" prop="Name">
<div class="divConten"> {{addMsg.Name}}</div>
<el-input disabled type="text" v-model="addMsg.Name" maxlength="100" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('ground.cantzsmc')" prop="RealName">
<div class="divConten"> {{addMsg.RealName}}</div>
<el-input disabled type="text" v-model="addMsg.RealName" maxlength="100" class="w300"></el-input>
</el-form-item>
<el-form-item label="餐标">
<span> {{addMsg.UnitPrice}}/人</span>
<el-input disabled type="text" v-model="addMsg.UnitPrice" maxlength="100" class="w300">
<template slot="append">/人</template>
</el-input>
</el-form-item>
<el-form-item label="适用类型">
<el-tag v-for="childItem in DiningUseTypeNowList" :key="childItem.ID" type="info">{{childItem.Name}}</el-tag>
<el-select disabled placeholder="适用类型" v-model="addMsg.UseTypeList" multiple class='multiple_input w300'>
<el-option v-for="childItem in DiningUseTypeList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_website')">
<div>
<el-link :href="addMsg.URL" type="info" target="_blank">{{addMsg.URL}}</el-link>
<span class="resource-net">
<span class="resource-http">https://</span>
<input disabled type="text" v-model="addMsg.URL" maxlength="100" class="resource-name R1" />
</span>
</div>
</el-form-item>
<el-form-item :label="$t('system.table_country')">
<template v-if="CountryList&&CountryList.length>0&&addMsg.Province>0">
<span v-for="childItem in CountryList" :key="childItem.ID" v-if="childItem.ID==addMsg.Country">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled :placeholder="$t('visaT.qxzguojia')" filterable v-model="addMsg.Country"
class='multiple_input w300'
@change="GetSubAreaList(addMsg.Country,1),addMsg.Province=0,addMsg.City=0,addMsg.District=0">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CountryList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_province')">
<template v-if="ProvinceList&&ProvinceList.length>0&&addMsg.Province>0">
<span v-for="childItem in ProvinceList" :key="childItem.ID" v-if="childItem.ID==addMsg.Province">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled :placeholder="$t('pub.pleaseSel')" filterable class='multiple_input w300'
v-model="addMsg.Province" @change="GetSubAreaList(addMsg.Province,2),addMsg.City=0,addMsg.District=0">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in ProvinceList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_city')">
<template v-if="CityList&&CityList.length>0&&addMsg.City>0">
<span v-for="childItem in CityList" :key="childItem.ID" v-if="childItem.ID==addMsg.City">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled :placeholder="$t('pub.pleaseSel')" filterable class='multiple_input w300' v-model="addMsg.City"
@change="GetSubAreaList(addMsg.City,3),addMsg.District=0">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="childItem in CityList" :key="childItem.ID" :label="childItem.Name"
:value="childItem.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_area')">
<template v-if="district&&district.length>0&&addMsg.District>0">
<span v-for="childItem in district" :key="childItem.ID" v-if="childItem.ID==addMsg.District">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled v-model="addMsg.District" class="w300" @change="getArea" filterable
:placeholder="$t('hotel.hotel_area')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in district" :key="item.ID" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_detailinfo')" prop="Address">
<div class="divConten" style="width:80%;"> {{addMsg.Address}}</div>
<el-input disabled :placeholder="$t('fnc.qsrneirong')" class="w300 addAddress" v-model="addMsg.Address">
<!-- <el-button slot="append" @click="selectAddress = true" icon="iconfont icon-img_dw"></el-button> -->
</el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_BusinessHours')" prop="OpeningHours">
{{addMsg.OpeningHours}}
<el-input disabled type="text" v-model="addMsg.OpeningHours" maxlength="20" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_ContactNumber')" prop="Tel">
{{addMsg.Tel}}
<el-input disabled type="text" maxlength="20" v-model="addMsg.Tel" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('hotel.hotel_fax')" prop="Fax">
{{addMsg.Fax}}
<el-input disabled type="text" maxlength="20" v-model="addMsg.Fax" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_parkDetail')" prop="ParkInfo">
<div class="divConten"> {{addMsg.ParkInfo}}</div>
<el-input disabled type="text" maxlength="100" v-model="addMsg.ParkInfo" class="w300"></el-input>
</el-form-item>
<span class="resource-lititle sheshi">{{$t('restaurant.res_detailInformation')}}</span>
<el-form-item :label="$t('restaurant.res_salePlatform')">
<el-tag type="info" v-for="childItem in openplatList" :key="childItem.ID" >{{childItem.Name}}</el-tag>
<el-select disabled v-model="openplatString" class='multiple_input w300' multiple :placeholder="$t('pub.pleaseSel')">
<el-option v-for="item in openplatform" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('restaurant.res_bookCapacity')" prop="SupportCount">
{{addMsg.SupportCount}}
<el-input-number disabled v-model="addMsg.SupportCount" class="w300" :min="0"></el-input-number>
</el-form-item>
<div class="RabateDiv clearfix">
<div class="RebateCount reTwo dayLi">
<div class="tiqianDay ">{{$t('restaurant.res_advanceDays')}}</div>
<div class="dayNum spanRebateCount">{{addMsg.DieLine}}</div>
<!-- <input type="text" class="dayNum" v-model="addMsg.DieLine" maxlength="10"
onkeyup="value=value.replace(/[^\d]/g,'')"> -->
<div class="tiqianDay">{{$t('restaurant.res_advanceDays')}}</div>
<input disabled type="text" class="dayNum" v-model="addMsg.DieLine" maxlength="10"
onkeyup="value=value.replace(/[^\d]/g,'')">
<div class="percentCon">{{$t('hotel.hotel_day')}}</div>
</div>
</div>
......@@ -784,37 +787,32 @@ margin-right:5px;
</el-switch>
</el-form-item>
<el-form-item :label="$t('ground.zhifufangshi')">
<template v-if="PayList&&PayList.length>0&&addMsg.PayStyle>0">
<span v-for="childItem in PayList" :key="childItem.Id" v-if="childItem.Id==addMsg.PayStyle">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled v-model="addMsg.PayStyle" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')" >
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in PayList" :key="item.Id" :label="item.Name" :value="item.Id">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('ground.cantingleixing')">
<template v-if="DiningTypeList&&DiningTypeList.length>0&&addMsg.DiningType>0">
<span v-for="childItem in DiningTypeList" :key="childItem.ID" v-if="childItem.ID==addMsg.DiningType">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled v-model="addMsg.DiningType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in DiningTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('Operation.Op_price')">
<template v-if="DiningPriceTypeList&&DiningPriceTypeList.length>0&&addMsg.DiningPriceType>0">
<span v-for="childItem in DiningPriceTypeList" :key="childItem.ID" v-if="childItem.ID==addMsg.DiningPriceType">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled v-model="addMsg.DiningPriceType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in DiningPriceTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('ground.hezuofangshi')">
<template v-if="CooperationTypeList&&CooperationTypeList.length>0&&addMsg.CooperationType>0">
<span v-for="childItem in CooperationTypeList" :key="childItem.ID" v-if="childItem.ID==addMsg.CooperationType">{{childItem.Name}}</span>
</template>
<template v-else>
{{$t('pub.unlimitedSel')}}
</template>
<el-select disabled v-model="addMsg.CooperationType" class='multiple_input w300' :placeholder="$t('pub.pleaseSel')">
<el-option :label="$t('pub.unlimitedSel')" :value='SelectDefaultValue'></el-option>
<el-option v-for="item in CooperationTypeList" :key="item.ID" :label="item.Name" :value="item.ID">
</el-option>
</el-select>
</el-form-item>
</div>
<div class="resource-imginfo">
......@@ -824,47 +822,55 @@ margin-right:5px;
<div class="RabateDiv clearfix">
<div class="RebateCount reOne">
<div class="leftPnum">{{$t('admin.admin_personNumber')}}</div>
<span class="toolInput inpuOne spanRebateCount">{{addMsg.RebateCount}}</span>
<input disabled type="text" class="toolInput inpuOne" v-model="addMsg.RebateCount"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
</div>
<div class="RebateCount reTwo">
<div class="fanNum">{{$t('restaurant.res_return')}}</div>
<span class="toolInput inpuTwo spanRebateCount">{{addMsg.RebateRatio}}</span>
<input disabled type="text" class="toolInput inpuTwo" v-model="addMsg.RebateRatio"
onkeyup="value=value.replace(/[^\d]/g,'')" maxlength="20">
<div class="percentCon">%</div>
</div>
</div>
</div>
<div class="toolOne">
<span class="toolSpan" style="margin-right:5px;">{{$t('scen.sc_fdTag')}}</span>
<el-tag :key="tag" type="info" v-for="tag in tipsList" >{{tag}}</el-tag>
<span class="toolSpan">{{$t('scen.sc_fdTag')}}</span>
<div class="footabs">
<el-tag :key="tag" v-for="tag in foodTagList" :disable-transitions="false"
@close="handleCloseFoodTag(tag)">{{tag}}
</el-tag>
</div>
</div>
<div class="toolOne">
<span class="toolSpan" style="margin-right:5px;">{{$t('scen.sc_dlTag')}}</span>
<el-tag :key="tag" type="info" v-for="tag in Geographic" >{{tag}} </el-tag>
<span class="toolSpan">{{$t('scen.sc_dlTag')}}</span>
<div class="footabs">
<el-tag :key="tag" v-for="tag in Geographic" :disable-transitions="false"
@close="handleClose2(tag)">{{tag}}
</el-tag>
</div>
</div>
<el-form-item :label="$t('restaurant.res_special')">
<div class="divConten"> {{addMsg.Feature}}</div>
<el-input disabled type="textarea" class="w300" v-model="addMsg.Feature"></el-input>
</el-form-item>
<el-form-item :label="$t('Operation.Op_Warmprompt')" prop="About">
<div class="divConten"> {{addMsg.About}}</div>
<el-input disabled type="textarea" maxlength="1000" v-model="addMsg.About" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_bookInformation')" prop="BookingInfo">
<div class="divConten"> {{addMsg.BookingInfo}}</div>
<el-input disabled type="textarea" maxlength="1000" v-model="addMsg.BookingInfo" class="w300"></el-input>
</el-form-item>
<el-form-item :label="$t('restaurant.res_WhetherToConfirm')">
<el-switch disabled v-model="addMsg.Sure" active-value="1" inactive-value="0"></el-switch>
</el-form-item>
<el-form-item label="预订方式">
<el-radio v-model="addMsg.IsSelfBook" disabled :label="0">自订</el-radio>
<el-radio v-model="addMsg.IsSelfBook" disabled :label="1">供应商预订</el-radio>
<el-radio disabled v-model="addMsg.IsSelfBook" :label="0">自订</el-radio>
<el-radio disabled v-model="addMsg.IsSelfBook" :label="1">供应商预订</el-radio>
</el-form-item>
<el-form-item label="是否推荐">
<el-radio v-model="addMsg.IsRecommend" disabled :label="1">推荐</el-radio>
<el-radio v-model="addMsg.IsRecommend" disabled :label="0">不推荐</el-radio>
<el-radio disabled v-model="addMsg.IsRecommend" :label="1">推荐</el-radio>
<el-radio disabled v-model="addMsg.IsRecommend" :label="0">不推荐</el-radio>
</el-form-item>
</div>
<span class="resource-lititle">{{$t('hotel.hotel_imgintroduce')}}</span>
......@@ -872,14 +878,15 @@ margin-right:5px;
<div class="resource-imglist clearfix">
<div class="re-img" v-for="(item,index) in DiningImageArray" :key="index">
<img v-if="!item" src="../../assets/img/bg_c3@3x.png">
<el-image
style="width: 100px; height: 100px"
:src="item.ShowPath"
:preview-src-list="DiningImageUrlArray">
</el-image>
<img :src="item.ShowPath" :onerror='defaultImg' />
<div class="imgzhe">
<div class="re-delte"><i @click.stop="showImg(item.ShowPath)" class="iconfont icon-img_cz"></i></div>
</div>
</div>
</div>
</div>
</div>
</el-form>
</div>
......@@ -891,6 +898,10 @@ margin-right:5px;
<googleMap @refList="googleMap" v-on:headCallBack="headCall" v-bind:address="addMsg.Address"></googleMap>
</el-dialog>
<div class="btn-list">
<span class="common-lefttit"></span>
<button class="cancel-Btn" @click="goUrl('restaurantList')">返回</button>
</div>
<viewer :images="images" :options='imageOptions' @inited="inited" class="viewer" ref="viewer">
<img v-for="src in images" :src="src" :key="src">
</viewer>
......@@ -920,7 +931,7 @@ margin-right:5px;
totalimg: "",
selecnum: 0,
ID: "",
tipsList: [],
foodTagList: [],//实物标签
tipsItem: "",
Geographic: [],
GeoItem: "",
......@@ -945,7 +956,6 @@ margin-right:5px;
district: [],
//上传的文件数组
DiningImageArray: [],
DiningImageUrlArray:[],
//删除的图片文件数组
DeleteImageArray: [],
inActive: 1, //已选中
......@@ -1002,9 +1012,6 @@ margin-right:5px;
UseTypeList: [], //适用类型
},
DiningUseTypeList: [],
DiningUseTypeNowList:[],
openplatList:[],
rules: {
//表单必填验证
Name: [{
......@@ -1119,7 +1126,7 @@ margin-right:5px;
picPathArr.push(x.Path);
});
this.addMsg.PicPath = picPathArr.join(",");
this.addMsg.FoodTag = this.tipsList.join(",");
this.addMsg.FoodTag = this.foodTagList.join(",");
this.addMsg.GeographicTag = this.Geographic.join(",");
this.addMsg.DiningImageList = this.DiningImageArray;
this.addMsg.DeleteImageList = this.DeleteImageArray;
......@@ -1197,7 +1204,6 @@ margin-right:5px;
this.GetSubAreaList(this.addMsg.City, 3);
}
if (this.addMsg.OpenPlatform != null) {
this.openplatString=[];
if (this.addMsg.OpenPlatform != "") {
this.OpenPlatformStrings = this.addMsg.OpenPlatform.split(",");
this.OpenPlatformStrings.forEach(x => {
......@@ -1205,29 +1211,8 @@ margin-right:5px;
});
}
}
if( this.OpenPlatformStrings&& this.OpenPlatformStrings.length>0&&this.openplatform&&this.openplatform.length>0){
this.openplatList=[];
this.openplatform.forEach((item,index) => {
this.OpenPlatformStrings.forEach((item1,index1) => {
if(item1==item.ID){
this.openplatList.push(item);
}
});
});
}
if( this.addMsg.UseTypeList&& this.addMsg.UseTypeList.length>0&&this.DiningUseTypeList&&this.DiningUseTypeList.length>0){
this.DiningUseTypeNowList=[];
this.DiningUseTypeList.forEach((item,index) => {
this.addMsg.UseTypeList.forEach((item1,index1) => {
if(item1==item.ID){
this.DiningUseTypeNowList.push(item);
}
});
});
}
if (res.data.data.FoodTag != "") {
this.tipsList = res.data.data.FoodTag.split(",");
this.foodTagList = res.data.data.FoodTag.split(",");
}
if (res.data.data.GeographicTag != "") {
this.Geographic = res.data.data.GeographicTag.split(",");
......@@ -1244,11 +1229,8 @@ margin-right:5px;
x +
"?x-oss-process=image/resize,l_140";
this.DiningImageArray.push(obj);
this.DiningImageUrlArray.push( this.domainManager().ViittoFileUrl +
x);
}
});
console.log("this.DiningImageUrlArray",this.DiningImageUrlArray);
} else {
this.tips(res.data.message, "error");
}
......@@ -1307,28 +1289,30 @@ margin-right:5px;
},
getItemList(type) {
if (type == 1) {
this.tipsList.push(this.tipsItem);
this.foodTagList.push(this.tipsItem);
this.tipsItem = "";
} else {
this.Geographic.push(this.GeoItem);
this.GeoItem = "";
}
},
handleClose(tag) {
this.tipsList.splice(this.tipsList.indexOf(tag), 1);
handleCloseFoodTag(tag) {
this.foodTagList.splice(this.foodTagList.indexOf(tag), 1);
},
showInput() {
showFoodTag() {
this.inputVisible = true;
if(this.foodTagList&&this.foodTagList.length==0)
{
this.foodTagList.push("徐總推薦")
}
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus();
});
},
handleInputConfirm() {
handleFoodTagInputConfirm() {
let inputValue = this.inputValue;
if (inputValue) {
this.tipsList.push(inputValue);
this.foodTagList.push(inputValue);
}
this.inputVisible = false;
this.inputValue = "";
......@@ -1336,14 +1320,12 @@ margin-right:5px;
handleClose2(tag) {
this.Geographic.splice(this.Geographic.indexOf(tag), 1);
},
showInput2() {
this.inputVisible2 = true;
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus();
});
},
handleInputConfirm2() {
let inputValue = this.inputValue2;
if (inputValue) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment