|  | @@ -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>
 |