Skip to content

S
SuperMan
Commit 57bd7aab authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent c20c4fc4
Show whitespace changes
Inline Side-by-side
Showing with 435 additions and 431 deletions
src/components/Hotel/HotelSupplier.vue
View file @ 57bd7aab
<style> <style>
@import "../../assets/css/comSupplier.css"; @import "../../assets/css/comSupplier.css";
</style> </style>
<template> <template>
<div class="flexOne suppierManage"> <div class="flexOne suppierManage">
...@@ -8,95 +9,81 @@ ...@@ -8,95 +9,81 @@
<li> <li>
<span> <span>
<em>{{$t('system.quety_area')}}</em> <em>{{$t('system.quety_area')}}</em>
<el-select v-model="msg.CountryStr" clearable class="w150" filterable @change="getProvinceList(msg.CountryStr,1)" :placeholder="$t('hotel.hotel_country')"> <el-select v-model="msg.CountryStr" clearable class="w150" filterable
<el-option v-for='item in countryList' @change="getProvinceList(msg.CountryStr,1)" :placeholder="$t('hotel.hotel_country')">
:key="item.ID" <el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="msg.ProvinceStr" class="w150" filterable @change="getProvinceList(msg.ProvinceStr,2)" :placeholder="$t('hotel.hotel_province')"> <el-select v-model="msg.ProvinceStr" class="w150" filterable @change="getProvinceList(msg.ProvinceStr,2)"
<el-option v-for='item in provinceList' :placeholder="$t('hotel.hotel_province')">
:key="item.ID" <el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="msg.CityStr" class="w150" filterable @change="getProvinceList(msg.CityStr,3)" :placeholder="$t('hotel.hotel_city')"> <el-select v-model="msg.CityStr" class="w150" filterable @change="getProvinceList(msg.CityStr,3)"
<el-option v-for='item in cityList' :placeholder="$t('hotel.hotel_city')">
:key="item.ID" <el-option v-for='item in cityList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="msg.DistrictStr" class="w150" filterable :placeholder="$t('hotel.hotel_area')"> <el-select v-model="msg.DistrictStr" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district' <el-option v-for='item in district' :key="item.ID" :label="item.Name" :value="item.ID">
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>{{$t('hotel.suplier_name')}}</em><el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Name" class="permiss-input w150" :placeholder="$t('pub.pleaseImport')"></el-input> <em>{{$t('hotel.suplier_name')}}</em>
<el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Name" class="permiss-input w150"
:placeholder="$t('pub.pleaseImport')"></el-input>
</span> </span>
</li> </li>
<li> <li>
<span> <span>
<em>{{$t('hotel.suplier_contact')}}</em><el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Contact" class="permiss-input w150" :placeholder="$t('pub.pleaseImport')"></el-input> <em>{{$t('hotel.suplier_contact')}}</em>
<el-input maxlength="50" @keyup.native.enter="initData" v-model="msg.Contact" class="permiss-input w150"
:placeholder="$t('pub.pleaseImport')"></el-input>
</span> </span>
</li> </li>
<li> <li>
<button class="hollowFixedBtn" type="button" @click="resetPageIndex(),initData()">{{$t('pub.searchBtn')}}</button> <button class="hollowFixedBtn" type="button"
<button class="normalBtn" type="button" @click="clearinputInfo(),outerVisible = true,dialogTitle='添加供应商'">{{$t('pub.addBtn')}}</button> @click="resetPageIndex(),initData()">{{$t('pub.searchBtn')}}</button>
<button class="normalBtn" type="button"
@click="clearinputInfo(),outerVisible = true,dialogTitle='添加供应商'">{{$t('pub.addBtn')}}</button>
</li> </li>
</ul> </ul>
<el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center> <el-dialog custom-class='addCompany' :title="dialogTitle" :visible.sync="outerVisible" center>
<el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px" > <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
<el-form-item :label="$t('hotel.suplier_name')" prop="Name"> <el-form-item :label="$t('hotel.suplier_name')" prop="Name">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Name"></el-input> <el-input type="text" class="w300" maxlength="50" v-model="addMsg.Name"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('restaurant.res_belongArea')"> <el-form-item :label="$t('restaurant.res_belongArea')">
<el-select v-model="addMsg.Country" clearable class="w150" filterable @change="getProvinceList(addMsg.Country,1)" :placeholder="$t('hotel.hotel_country')"> <el-select v-model="addMsg.Country" clearable class="w150" filterable
<el-option v-for='item in countryList' @change="getProvinceList(addMsg.Country,1)" :placeholder="$t('hotel.hotel_country')">
:key="item.ID" <el-option v-for='item in countryList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="addMsg.Province" class="w150" filterable @change="getProvinceList(addMsg.Province,2)" :placeholder="$t('hotel.hotel_province')"> <el-select v-model="addMsg.Province" class="w150" filterable @change="getProvinceList(addMsg.Province,2)"
<el-option v-for='item in provinceList' :placeholder="$t('hotel.hotel_province')">
:key="item.ID" <el-option v-for='item in provinceList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="addMsg.City" class="w150" filterable @change="getProvinceList(addMsg.City,3)" :placeholder="$t('hotel.hotel_city')"> <el-select v-model="addMsg.City" class="w150" filterable @change="getProvinceList(addMsg.City,3)"
<el-option v-for='item in cityList' :placeholder="$t('hotel.hotel_city')">
:key="item.ID" <el-option v-for='item in cityList' :key="item.ID" :label="item.Name" :value="item.ID">
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
<el-select v-model="addMsg.District" class="w150" filterable :placeholder="$t('hotel.hotel_area')"> <el-select v-model="addMsg.District" class="w150" filterable :placeholder="$t('hotel.hotel_area')">
<el-option v-for='item in district' <el-option v-for='item in district' :key="item.ID" :label="item.Name" :value="item.ID">
:key="item.ID"
:label="item.Name"
:value="item.ID">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.table_HotelAddress')" prop="Address"> <el-form-item :label="$t('hotel.table_HotelAddress')" prop="Address">
<el-input type="text" class="w300" maxlength="50" v-model="addMsg.Address" :placeholder="$t('hotel.table_areaDetail')"></el-input> <el-input type="text" class="w300" maxlength="50" v-model="addMsg.Address"
:placeholder="$t('hotel.table_areaDetail')"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="付款方式" prop="Address"> <el-form-item label="付款方式" prop="Address">
<el-select v-model="addMsg.PayType" filterable placeholder="请选择" class="w300"> <el-select v-model="addMsg.PayType" filterable placeholder="请选择" class="w300">
<el-option v-for='item in PayTypeList' <el-option v-for='item in PayTypeList' :key="item.Id" :label="item.name" :value="item.Id">
:key="item.Id"
:label="item.name"
:value="item.Id">
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
...@@ -105,7 +92,8 @@ ...@@ -105,7 +92,8 @@
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item v-if="addMsg.IsHaveShouPeiFee==1" label="手配费金额"> <el-form-item v-if="addMsg.IsHaveShouPeiFee==1" label="手配费金额">
<el-input type="text" class="w300" maxlength="10" @keyup.native="checkPrice(addMsg,'ShouPeiMoney')" v-model="addMsg.ShouPeiMoney"></el-input> <el-input type="text" class="w300" maxlength="10" @keyup.native="checkPrice(addMsg,'ShouPeiMoney')"
v-model="addMsg.ShouPeiMoney"></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('hotel.table_tel')" prop="Tel"> <el-form-item :label="$t('hotel.table_tel')" prop="Tel">
<el-input type="text" class="w300" maxlength="20" v-model="addMsg.Tel"></el-input> <el-input type="text" class="w300" maxlength="20" v-model="addMsg.Tel"></el-input>
...@@ -121,7 +109,8 @@ ...@@ -121,7 +109,8 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<button class="hollowFixedBtn" @click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp; <button class="hollowFixedBtn"
@click="resetForm('addMsg'),outerVisible = false">{{$t('pub.cancelBtn')}}</button> &nbsp;
<button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.sureBtn')}}</button> <button class="normalBtn" type="primary" @click="submitForm('addMsg')">{{$t('pub.sureBtn')}}</button>
</div> </div>
</el-dialog> </el-dialog>
...@@ -143,26 +132,22 @@ ...@@ -143,26 +132,22 @@
</div> </div>
</div> </div>
<div class="updataBtn"> <div class="updataBtn">
<button class="normalBtn UPBtn" @click="outerVisible = true,dialogTitle='修改供应商信息',updateInfo(item.ID)">{{$t('pub.updateMsg')}}</button> <button class="normalBtn UPBtn"
@click="outerVisible = true,dialogTitle='修改供应商信息',updateInfo(item.ID)">{{$t('pub.updateMsg')}}</button>
<button class="hollowFixedBtn UPBtn" @click="isdelete(item.ID)">删除</button> <button class="hollowFixedBtn UPBtn" @click="isdelete(item.ID)">删除</button>
<button class="hollowFixedBtn HS_financial" @click="AccountManage(item)">账户管理</button> <button class="hollowFixedBtn HS_financial" @click="AccountManage(item)">账户管理</button>
</div> </div>
</div> </div>
</div> </div>
<el-pagination <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
background layout="total,prev, pager, next, jumper" :page-size="this.msg.pageSize" :total="total">
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="this.msg.pageSize"
:total="total">
</el-pagination> </el-pagination>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
total: 0, total: 0,
...@@ -206,25 +191,31 @@ export default { ...@@ -206,25 +191,31 @@ export default {
Fax: "", Fax: "",
Remark: "", Remark: "",
Type: "1", Type: "1",
PayType:'', PayType: '',
//是否有手配费 //是否有手配费
IsHaveShouPeiFee:0, IsHaveShouPeiFee: 0,
//手配费金额 //手配费金额
ShouPeiMoney:0 ShouPeiMoney: 0
}, },
//付款方式 //付款方式
PayTypeList:[{ PayTypeList: [{
name:'现付', name: '现付',
Id:1 Id: 1
},{ }, {
name:'签单', name: '签单',
Id:2 Id: 2
}], }],
rules: { rules: {
Name: [ Name: [{
{ required: true, message: "请输入供应商名称", trigger: "blur" } required: true,
], message: "请输入供应商名称",
Contact: [{ required: true, message: "请输入联系人", trigger: "blur" }] trigger: "blur"
}],
Contact: [{
required: true,
message: "请输入联系人",
trigger: "blur"
}]
} }
}; };
}, },
...@@ -292,8 +283,8 @@ export default { ...@@ -292,8 +283,8 @@ export default {
); );
}, },
saveInfo() { saveInfo() {
if(this.addMsg.ShouPeiMoney==''){ if (this.addMsg.ShouPeiMoney == '') {
this.addMsg.ShouPeiMoney=0; this.addMsg.ShouPeiMoney = 0;
} }
this.apipost( this.apipost(
"supplier_post_Set", "supplier_post_Set",
...@@ -323,9 +314,9 @@ export default { ...@@ -323,9 +314,9 @@ export default {
Fax: "", Fax: "",
Remark: "", Remark: "",
Type: 1, Type: 1,
PayType:'', PayType: '',
IsHaveShouPeiFee:0, IsHaveShouPeiFee: 0,
ShouPeiMoney:0 ShouPeiMoney: 0
}), }),
(this.provinceList = ""); (this.provinceList = "");
this.cityList = ""; this.cityList = "";
...@@ -358,7 +349,9 @@ export default { ...@@ -358,7 +349,9 @@ export default {
}, },
getProvinceList(ID, type) { getProvinceList(ID, type) {
//根据省份获取城市 //根据省份获取城市
let msg = { Id: ID }; let msg = {
Id: ID
};
if (type == 1) { if (type == 1) {
this.addMsg.Province = ""; this.addMsg.Province = "";
this.addMsg.City = ""; this.addMsg.City = "";
...@@ -405,7 +398,12 @@ export default { ...@@ -405,7 +398,12 @@ export default {
); );
}, },
goUrl(path, id) { goUrl(path, id) {
this.$router.push({ path: path, query: { id: id } }); this.$router.push({
path: path,
query: {
id: id
}
});
}, },
submitForm(addMsg) { submitForm(addMsg) {
//提交创建、修改表单 //提交创建、修改表单
...@@ -441,7 +439,12 @@ export default { ...@@ -441,7 +439,12 @@ export default {
AccountManage(item) { AccountManage(item) {
this.$router.push({ this.$router.push({
name: "empBankAccount", name: "empBankAccount",
query: { id: item.ID, type: 1,blank:'y', tab:'账户管理' } query: {
id: item.ID,
type: 1,
blank: 'y',
tab: '账户管理'
}
}); });
} }
}, },
...@@ -450,5 +453,6 @@ export default { ...@@ -450,5 +453,6 @@ export default {
this.initData(); this.initData();
this.getCountryList(); //初始化国家下拉 this.getCountryList(); //初始化国家下拉
} }
}; };
</script> </script>
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