|
@@ -1,13 +1,235 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- 市场部下载op行程单
|
|
|
+ <div class="DownloadOpitinerary-all">
|
|
|
+ <div class="DownloadOpitinerary-search-head">
|
|
|
+ <el-form label-width="75px">
|
|
|
+ <el-form-item label="国家:">
|
|
|
+ <el-select filterable v-model="countryData" placeholder="请选择国家">
|
|
|
+ <el-option v-for="(item,index) in countryDatas" :key="index" :label="item" :value="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form label-width="75px">
|
|
|
+ <el-form-item label="地区:">
|
|
|
+ <el-select filterable v-model="companyname" placeholder="请选择地区">
|
|
|
+ <el-option v-for="(item,index) in companynamearr" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-form label-width="75px">
|
|
|
+ <el-form-item label="团组名:">
|
|
|
+ <el-select filterable v-model="teamNameData" placeholder="请选择团组名">
|
|
|
+ <el-option v-for="(item,index) in teamNameDatas" :key="index" :label="item" :value="item"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div style="margin-left: 20px;">
|
|
|
+ <el-button type="primary">查询</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="DownloadOpitinerary-table">
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <!-- <el-table-column
|
|
|
+ prop="num"
|
|
|
+ label="序 号"
|
|
|
+ width="55">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{(currentPage - 1) * pageSize + scope.$index + 1}}
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column
|
|
|
+ prop="teamLev"
|
|
|
+ label="级 别"
|
|
|
+ width="70">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{ scope.row.teamLev=='暂未定级'?'-':scope.row.teamLev }}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="tourCode"
|
|
|
+ width="100"
|
|
|
+ label="团 号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="teamType"
|
|
|
+ label="团组类型"
|
|
|
+ width="110">
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ prop="teamName"
|
|
|
+ label="团队名称"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="clientName"
|
|
|
+ label="客户名称"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="clientUnit"
|
|
|
+ label="客户单位">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitDate"
|
|
|
+ :formatter="filteryear"
|
|
|
+ label="出访时间"
|
|
|
+ width="110">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitDays"
|
|
|
+ label="天数"
|
|
|
+ width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitPNumber"
|
|
|
+ label="人数"
|
|
|
+ width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="jietuanOperator"
|
|
|
+ label="接团操作人"
|
|
|
+ width="110">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作" width="200">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ title="下载OP行程单"
|
|
|
+ type="primary"
|
|
|
+ @click="handleEdit(scope.$index, scope.row)">下载OP行程单</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <div class="block">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage4"
|
|
|
+ :page-sizes="[100, 200, 300, 400]"
|
|
|
+ :page-size="100"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="400">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
export default {
|
|
|
-
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ userId:'',
|
|
|
+ companyname:'',
|
|
|
+ companynamearr:[],
|
|
|
+ countryData:'',
|
|
|
+ countryDatas:[],
|
|
|
+ teamNameData:'',
|
|
|
+ teamNameDatas:[],
|
|
|
+ currentPage4: 4,
|
|
|
+ tableData: [],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleSizeChange(val) {
|
|
|
+ console.log(`每页 ${val} 条`);
|
|
|
+ },
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ console.log(`当前页: ${val}`);
|
|
|
+ },
|
|
|
+ filteryear(val){
|
|
|
+ let gstime=val.visitDate.split(' ')[0]
|
|
|
+ return gstime;
|
|
|
+ },
|
|
|
+ //获取下拉框
|
|
|
+ PostMateOpGroupInit() {
|
|
|
+ var url = "/api/Groups/PostMateOpGroupInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.countryDatas=res.data.data.countryDatas;
|
|
|
+ that.teamNameDatas=res.data.data.teamNameDatas;
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取表格
|
|
|
+ PostMateOpGroupPageList() {
|
|
|
+ var url = "/api/Groups/PostMateOpGroupPageList"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ userId:that.userId,
|
|
|
+ pageId:183,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:10,
|
|
|
+ country:'',
|
|
|
+ area:'',
|
|
|
+ teamName:''
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.tableData=res.data.data
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
|
|
|
+ this.PostMateOpGroupInit();
|
|
|
+ this.PostMateOpGroupPageList();
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
<style>
|
|
|
+.DownloadOpitinerary-all{
|
|
|
+ background-color: #fff;
|
|
|
+
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ min-height: 830px;
|
|
|
|
|
|
+}
|
|
|
+.DownloadOpitinerary-search-head{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.DownloadOpitinerary-search-head .el-form{
|
|
|
+ width: 300px;
|
|
|
+}
|
|
|
+.DownloadOpitinerary-search-head .el-select{
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.DownloadOpitinerary-table .block{
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
</style>
|