|
@@ -1,31 +1,41 @@
|
|
|
<template>
|
|
|
<div class="AssociatedInvitees-all">
|
|
|
+ <el-dialog title="邀请方列表" :visible.sync="dialogTableVisible">
|
|
|
+ <el-table height="600px" :border="true" :data="invitingInfos">
|
|
|
+ <el-table-column property="country" label="国家" width="150"></el-table-column>
|
|
|
+ <el-table-column property="area" label="地区" width="200"></el-table-column>
|
|
|
+ <el-table-column property="client" label="单位" width="200"></el-table-column>
|
|
|
+ <el-table-column property="contact" label="名称" width="200"></el-table-column>
|
|
|
+ <el-table-column property="job" label="职位"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
+
|
|
|
<div class="AssociatedInvitees-search-head">
|
|
|
<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 @change="Countryswitching" clearable filterable v-model="nation" placeholder="请选择国家">
|
|
|
+ <el-option v-for="(item,index) in nationarr" :key="index" :label="item.name" :value="item.name"></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 @change="Cityswitching" :disabled='disabled' clearable filterable v-model="district" placeholder="请选择地区">
|
|
|
+ <el-option v-for="(item,index) in districtarr" :key="index" :label="item.name" :value="item.name"></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.year" :value="item.year"></el-option>
|
|
|
+ <el-select @change="Groupswitching" clearable filterable v-model="GroupName" placeholder="请选择团组名">
|
|
|
+ <el-option v-for="(item,index) in GroupNamearr" :key="index" :label="item.name" :value="item.name"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-form label-width="90px">
|
|
|
<el-form-item label="邀请方名称:">
|
|
|
- <el-select filterable v-model="companyname" placeholder="请选择邀请方名称">
|
|
|
- <el-option v-for="(item,index) in companynamearr" :key="index" :label="item.year" :value="item.year"></el-option>
|
|
|
+ <el-select @change="Invitingswitching" clearable filterable v-model="Invitingparty" placeholder="请选择邀请方名称">
|
|
|
+ <el-option v-for="(item,index) in Invitingpartyarr" :key="index" :label="item.unitName" :value="item.unitName"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
@@ -84,24 +94,25 @@
|
|
|
width="80">
|
|
|
</el-table-column>
|
|
|
<el-table-column label="操作" width="200">
|
|
|
- <el-button
|
|
|
- size="mini"
|
|
|
- title="查看邀请方"
|
|
|
- type="primary"
|
|
|
- >查看邀请方</el-button>
|
|
|
- <!-- <template slot-scope="scope">
|
|
|
- </template> -->
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ @click="clickInviting(scope.row)"
|
|
|
+ size="mini"
|
|
|
+ title="查看邀请方"
|
|
|
+ type="primary"
|
|
|
+ >查看邀请方</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"
|
|
|
+ :current-page="pageIndex"
|
|
|
+ :page-sizes="[10, 12, 20, 50]"
|
|
|
+ :page-size="pageSize"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
- :total="400">
|
|
|
+ :total="totals">
|
|
|
</el-pagination>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -111,18 +122,32 @@
|
|
|
export default {
|
|
|
data () {
|
|
|
return {
|
|
|
- companyname:'',
|
|
|
- companynamearr:[],
|
|
|
- currentPage4: 4,
|
|
|
- tableData: []
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:12,
|
|
|
+ tableData: [] ,
|
|
|
+ Invitingparty:'',
|
|
|
+ Invitingpartyarr:[],
|
|
|
+ GroupName:'',
|
|
|
+ GroupNamearr:[],
|
|
|
+ district:'',
|
|
|
+ districtarr:[],
|
|
|
+ nation:'',
|
|
|
+ nationarr:[],
|
|
|
+ totals:0,
|
|
|
+ countiesId:0,
|
|
|
+ disabled:true,
|
|
|
+ invitingInfos:[],
|
|
|
+ dialogTableVisible:false,
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
handleSizeChange(val) {
|
|
|
- console.log(`每页 ${val} 条`);
|
|
|
+ this.pageSize=val;
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
},
|
|
|
handleCurrentChange(val) {
|
|
|
- console.log(`当前页: ${val}`);
|
|
|
+ this.pageIndex=val;
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
},
|
|
|
filteryear(val){
|
|
|
let gstime=val.visitStartDate.split(' ')[0]
|
|
@@ -132,6 +157,130 @@ export default {
|
|
|
let gstime=val.visitEndDate.split(' ')[0]
|
|
|
return gstime;
|
|
|
},
|
|
|
+ //获取基础数据(邀请方)
|
|
|
+ PostGroupLinkInvitingUnitNameInit() {
|
|
|
+ var url = "/api/Groups/PostGroupLinkInvitingUnitNameInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:9999,
|
|
|
+ search:'',
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.Invitingpartyarr=res.data.data;
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取基础数据(国家)
|
|
|
+ PostGroupLinkInvitingCountryInit() {
|
|
|
+ var url = "/api/Groups/PostGroupLinkInvitingCountryInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:9999,
|
|
|
+ search:'',
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.nationarr=res.data.data;
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取基础数据(团组名称)
|
|
|
+ PostGroupLinkInvitingGroupInit() {
|
|
|
+ var url = "/api/Groups/PostGroupLinkInvitingGroupInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:9999,
|
|
|
+ search:'',
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.GroupNamearr=res.data.data;
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取基础数据(地区)
|
|
|
+ PostGroupLinkInvitingCityInit() {
|
|
|
+ var url = "/api/Groups/PostGroupLinkInvitingCityInit"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer '
|
|
|
+ },
|
|
|
+ data:{
|
|
|
+ portType:1,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:9999,
|
|
|
+ search:'',
|
|
|
+ countiesId:that.countiesId
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.districtarr=res.data.data;
|
|
|
+ if(that.districtarr.length>0){
|
|
|
+ that.disabled=false
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ that.$message({
|
|
|
+ message:res.data.msg,
|
|
|
+ duration:1000,
|
|
|
+ type:"error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error('请联系信息部!');
|
|
|
+ });
|
|
|
+ },
|
|
|
//获取表格
|
|
|
PostGroupLinkInvitingPageList() {
|
|
|
var url = "/api/Groups/PostGroupLinkInvitingPageList"
|
|
@@ -144,15 +293,16 @@ export default {
|
|
|
},
|
|
|
data:{
|
|
|
portType:1,
|
|
|
- pageIndex:1,
|
|
|
- pageSize:10,
|
|
|
- counrty:'',
|
|
|
- area:'',
|
|
|
- teamName:'',
|
|
|
- unitName:'',
|
|
|
+ pageIndex:that.pageIndex,
|
|
|
+ pageSize:that.pageSize,
|
|
|
+ counrty:that.nation,
|
|
|
+ area:that.district,
|
|
|
+ teamName:that.GroupName,
|
|
|
+ unitName:that.Invitingparty,
|
|
|
}
|
|
|
}).then(function (res) {
|
|
|
if (res.data.code == 200) {
|
|
|
+ that.totals=res.data.count;
|
|
|
that.tableData=res.data.data;
|
|
|
}else{
|
|
|
that.$message({
|
|
@@ -165,9 +315,45 @@ export default {
|
|
|
that.$message.error('请联系信息部!');
|
|
|
});
|
|
|
},
|
|
|
+ //国家切换
|
|
|
+ Countryswitching(val){
|
|
|
+ this.pageIndex=1;
|
|
|
+ for(let i=0;i<this.nationarr.length;i++){
|
|
|
+ if(this.nationarr[i].name==val){
|
|
|
+ this.countiesId=this.nationarr[i].id;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.PostGroupLinkInvitingCityInit();
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
+ },
|
|
|
+ //城市切换
|
|
|
+ Cityswitching(){
|
|
|
+ this.pageIndex=1;
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
+ },
|
|
|
+ //团组切换
|
|
|
+ Groupswitching(){
|
|
|
+ this.pageIndex=1;
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
+ },
|
|
|
+ //邀请方切换
|
|
|
+ Invitingswitching(){
|
|
|
+ this.pageIndex=1;
|
|
|
+ this.PostGroupLinkInvitingPageList();
|
|
|
+ },
|
|
|
+ //查看邀请方
|
|
|
+ clickInviting(val){
|
|
|
+ console.log(val);
|
|
|
+ this.invitingInfos=[];
|
|
|
+ this.dialogTableVisible=true;
|
|
|
+ this.invitingInfos=val.invitingInfos;
|
|
|
+ }
|
|
|
},
|
|
|
mounted(){
|
|
|
this.PostGroupLinkInvitingPageList();
|
|
|
+ this.PostGroupLinkInvitingUnitNameInit();
|
|
|
+ this.PostGroupLinkInvitingCountryInit();
|
|
|
+ this.PostGroupLinkInvitingGroupInit();
|
|
|
}
|
|
|
}
|
|
|
</script>
|