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