Skip to content

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

页面修改

parent 7e2649a4
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 215 deletions
src/components/administrative/ContractManage.vue
View file @ 06049597
......@@ -3,61 +3,44 @@
<div class="query-box">
<ul>
<li>
<span
><em>合同编号</em
><el-input
class="w210"
v-model="msg.T_ContractNum"
placeholder="请输入合同编号"
@keyup.enter.native="getList"
></el-input
></span>
<span><em>合同编号</em>
<el-input class="w210" v-model="msg.T_ContractNum" placeholder="请输入合同编号" @keyup.enter.native="getList">
</el-input>
</span>
</li>
<li>
<span><em>合同类型</em>
<el-select v-model="msg.CType" :placeholder="$t('pub.pleaseSel')">
<el-option label="请选择" :value="0" :key="0"> </el-option>
<el-option label="单向委托合同" :value="1" :key="1"> </el-option>
<el-option label="境内旅游合同" :value="2" :key="2"> </el-option>
<el-option label="一日游合同" :value="3" :key="3"> </el-option>
</el-select>
</span>
</li>
<li>
<span
><em>客户名称</em
><el-input
class="w210"
v-model="msg.Tourists_Name"
placeholder="请输入客户名称"
@keyup.enter.native="getList"
></el-input
></span>
<span><em>客户名称</em>
<el-input class="w210" v-model="msg.Tourists_Name" placeholder="请输入客户名称" @keyup.enter.native="getList">
</el-input>
</span>
</li>
<li>
<span
><em>客户电话</em
><el-input
class="w210"
v-model="msg.Tourists_Tel"
placeholder="请输入客户电话"
@keyup.enter.native="getList"
></el-input
></span>
<span><em>客户电话</em>
<el-input class="w210" v-model="msg.Tourists_Tel" placeholder="请输入客户电话" @keyup.enter.native="getList">
</el-input>
</span>
</li>
<li>
<span
><em>{{ $t("sm.Date") }}</em>
<el-date-picker
v-model="msg.StartDate"
class="w135"
value-format="yyyy-MM-dd"
type="date"
:picker-options="pickerBeginDateBefore"
></el-date-picker>
<span><em>{{ $t("sm.Date") }}</em>
<el-date-picker v-model="msg.StartDate" class="w135" value-format="yyyy-MM-dd" type="date"
:picker-options="pickerBeginDateBefore"></el-date-picker>
-
<el-date-picker
v-model="msg.EndDate"
class="w135"
value-format="yyyy-MM-dd"
type="date"
:picker-options="pickerBeginDateAfter"
></el-date-picker>
<el-date-picker v-model="msg.EndDate" class="w135" value-format="yyyy-MM-dd" type="date"
:picker-options="pickerBeginDateAfter"></el-date-picker>
</span>
</li>
<li>
<span
><em>合同状态</em>
<span><em>合同状态</em>
<el-select v-model="msg.Status" :placeholder="$t('pub.pleaseSel')">
<el-option label="请选择" :value="-1" :key="-1"> </el-option>
<el-option label="正常" :value="0" :key="0"> </el-option>
......@@ -66,45 +49,20 @@
</span>
</li>
<li>
<input
type="button"
class="normalBtn"
:value="$t('pub.searchBtn')"
@click="
<input type="button" class="normalBtn" :value="$t('pub.searchBtn')" @click="
getList();
resetPageIndex();
"
/>
" />
</li>
<li>
<input
type="button"
@click="goContract('onedayTripContract', 0, '一日游合同')"
class="normalBtn"
value="一日游合同"
/>
<input
type="button"
@click="goContract('DomesticTravelcontract', 0, '境内旅游合同')"
class="normalBtn"
value="境内旅游合同"
/>
<input
type="button"
@click="goContract('SingleContract', 0, '单项委托合同')"
class="normalBtn"
value="单项委托合同"
/>
<input type="button" @click="goContract('onedayTripContract', 0, '一日游合同')" class="normalBtn" value="一日游合同" />
<input type="button" @click="goContract('DomesticTravelcontract', 0, '境内旅游合同')" class="normalBtn"
value="境内旅游合同" />
<input type="button" @click="goContract('SingleContract', 0, '单项委托合同')" class="normalBtn" value="单项委托合同" />
</li>
</ul>
</div>
<table
class="singeRowTable"
border="0"
cellspacing="0"
cellpadding="0"
v-loading="loading"
>
<table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
<tr>
<th width="80">编号</th>
<th width="120">合同编号</th>
......@@ -127,7 +85,7 @@
<template v-else-if="item.CType == 3">
一日游合同
</template>
<template v-else-if="item.CType==1">
<template v-else-if="item.CType == 1">
单向委托合同
</template>
</td>
......@@ -138,171 +96,139 @@
<td>{{ item.CreateByName }}</td>
<td>{{ item.CreateTimeStr }}</td>
<td>
<el-tooltip
class="item"
effect="dark"
content="修改"
placement="top-start"
>
<el-tooltip class="item" effect="dark" content="修改" placement="top-start">
<template v-if="item.CType == 3">
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="goContract('onedayTripContract', item.ID, '一日游合同')"
></el-button>
<el-button type="primary" icon="el-icon-edit" circle
@click="goContract('onedayTripContract', item.ID, '一日游合同')"></el-button>
</template>
<template v-else-if="item.CType == 2">
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="
<el-button type="primary" icon="el-icon-edit" circle @click="
goContract('DomesticTravelcontract', item.ID, '境内旅游合同')
"
></el-button>
"></el-button>
</template>
<template v-else>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="goContract('SingleContract', item.ID, '单项委托合同')"
></el-button>
<el-button type="primary" icon="el-icon-edit" circle
@click="goContract('SingleContract', item.ID, '单项委托合同')"></el-button>
</template>
</el-tooltip>
<el-tooltip
class="item"
effect="dark"
content="删除"
placement="top-start"
>
<el-button
type="primary"
icon="el-icon-edit"
circle
@click="DeleteContract(item)"
></el-button>
<el-tooltip class="item" effect="dark" content="删除" placement="top-start">
<el-button type="primary" icon="el-icon-edit" circle @click="DeleteContract(item)"></el-button>
</el-tooltip>
</td>
</tr>
</table>
<el-pagination
background
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size="msg.pageSize"
:total="total"
>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
</el-pagination>
</div>
</template>
<script>
export default {
data() {
return {
total: 0,
currentPage: 1,
dataList: [],
loading: false, //页面加载
msg: {
T_ContractNum: "", //合同编号
Tourists_Name: "", //客户名称
Tourists_Tel: "", //客户电话
StartDate: "", //开始日期
EndDate: "", //结束日期
Status: -1, //合同状态
pageIndex: 1,
pageSize: 15
},
pickerBeginDateBefore: {
disabledDate: time => {
if (this.msg.EndDate == null) {
return false;
} else {
let endTime = new Date(this.msg.EndDate);
return endTime.getTime() < time.getTime();
export default {
data() {
return {
total: 0,
currentPage: 1,
dataList: [],
loading: false, //页面加载
msg: {
T_ContractNum: "", //合同编号
CType: 0, //合同类型
Tourists_Name: "", //客户名称
Tourists_Tel: "", //客户电话
StartDate: "", //开始日期
EndDate: "", //结束日期
Status: -1, //合同状态
pageIndex: 1,
pageSize: 15
},
pickerBeginDateBefore: {
disabledDate: time => {
if (this.msg.EndDate == null) {
return false;
} else {
let endTime = new Date(this.msg.EndDate);
return endTime.getTime() < time.getTime();
}
}
},
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.msg.StartDate);
return startTime.getTime() >= time.getTime();
}
}
};
},
mounted() {
this.getList();
},
methods: {
//删除合同
DeleteContract(item) {
var that = this;
this.Confirm("是否此合同删除?", function () {
var msg = {
ID: item.ID
};
that.apipost(
"travelcontract_post_RemoveTravelContractService",
msg,
res => {
if (res.data.resultCode == 1) {
that.Success("删除成功！");
that.getList();
} else {
that.Error(res.data.message);
}
},
null
);
});
},
pickerBeginDateAfter: {
disabledDate: time => {
let startTime = new Date(this.msg.StartDate);
return startTime.getTime() >= time.getTime();
}
}
};
},
mounted() {
this.getList();
},
methods: {
//删除合同
DeleteContract(item) {
var that = this;
this.Confirm("是否此合同删除?", function() {
var msg = {
ID: item.ID
};
that.apipost(
"travelcontract_post_RemoveTravelContractService",
msg,
getList() {
this.loading = true;
//获取列表数据
this.apipost(
"travelcontract_get_GetPageListService",
this.msg,
res => {
this.loading = false;
console.log("res.data.data", res.data.data);
if (res.data.resultCode == 1) {
that.Success("删除成功！");
that.getList();
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
that.Error(res.data.message);
this.Error(res.data.message);
}
},
null
err => {}
);
});
},
getList() {
this.loading = true;
//获取列表数据
this.apipost(
"travelcontract_get_GetPageListService",
this.msg,
res => {
this.loading = false;
console.log("res.data.data", res.data.data);
if (res.data.resultCode == 1) {
this.dataList = res.data.data.pageData;
this.total = res.data.data.count;
} else {
this.Error(res.data.message);
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
goContract(path, Id, title) {
var nId = 0;
if (Id && Id > 0) {
nId = Id;
}
this.$router.push({
name: path,
query: {
id: nId,
blank: "y",
tab: title
}
},
err => {}
);
},
resetPageIndex() {
this.msg.pageIndex = 1;
this.currentPage = 1;
},
handleCurrentChange(val) {
this.msg.pageIndex = val;
this.getList();
},
goContract(path, Id, title) {
var nId = 0;
if (Id && Id > 0) {
nId = Id;
});
}
this.$router.push({
name: path,
query: {
id: nId,
blank: "y",
tab: title
}
});
}
}
};
};
</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