cd-work-flow-web/src/views/system/modules/AddressListRight.vue

<template>
  <a-card class="j-address-list-right-card-box" :loading="cardLoading" :bordered="false">
    <div class="table-page-search-wrapper">
      <a-form layout="inline">
        <a-row :gutter="10">

          <a-col :md="6" :sm="12">
            <a-form-item label="姓名" style="margin-left:8px">
              <a-input placeholder="请输入姓名查询" v-model="queryParam.realname"></a-input>
            </a-form-item>
          </a-col>


          <a-col :md="6" :sm="12">
            <a-form-item label="工号" style="margin-left:8px">
              <a-input placeholder="请输入工号查询" v-model="queryParam.workNo"></a-input>
            </a-form-item>
          </a-col>

          <a-col :md="6" :sm="12">
            <a-form-item label="部门" style="margin-left:8px">
               <j-search-select-tag v-model="queryParam.deptName" placeholder="请选择部门" 
                   dict="sys_depart,depart_name,depart_name,org_type='3' or org_code='TBD' order by org_code"/>
            </a-form-item>
          </a-col>

          <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
            <a-col :md="6" :sm="24">
             <a-button type="primary" @click="searchQuery" icon="search" style="margin-left: 18px">查询</a-button>
              <a-button type="primary" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button>
            </a-col>
          </span>
        </a-row>
      </a-form>
    </div>

    <div class="table-operator" style="border-top: 5px">
      <a-button @click="handleDelete" type="primary" icon="hdd" v-has='"address:delete"'>删除</a-button>
      <a-button type="primary" icon="download" @click="handleExportXls('通讯录信息')">导出</a-button>
      
    </div>

    <a-table
      ref="table"
      size="middle"
      bordered
      rowKey="id"
      :pagination="ipagination"
      :columns="columns"
      :dataSource="dataSource"
       :rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
      :loading="loading"
      @change="handleTableChange">
    </a-table>

  </a-card>
</template>

<script>
  import { getAction,deleteAction } from '@/api/manage'
  import { JeecgListMixin } from '@/mixins/JeecgListMixin'
  import JSearchSelectTag from '@/components/dict/JSearchSelectTag'
  export default {
    name: 'AddressListRight',
    mixins: [JeecgListMixin],
    components: {JSearchSelectTag},
    props: ['value'],
    data() {
      return {
        description: '用户信息',
        cardLoading: true,
        positionInfo: {},
        deptnameOptionArr:[],
        ipagination:{
          pageSizeOptions: ["10", "20", "30", "300"]
        },
        columns: [
          // {
          //   title: '#',
          //   key: 'rowIndex',
          //   dataIndex: '',
          //   width: 60,
          //   align: 'center',
          //   customRender: (t, r, i) => parseInt(i) + 1
          // },
          {
            title: '姓名',
            width: '7%',
            align: 'center',
            dataIndex: 'realname'
          },
          {
            title: '工号',
            width: '7%',
            align: 'center',
            dataIndex: 'workNo'
          },
          {
            title: '部门',
            width: '15%',
            align: 'center',
            dataIndex: 'departIds'
          },
          {
            title: '职务',
            width: '10%',
            align: 'center',
            dataIndex: 'post',
            customRender: (text) => (text || '').split(',').map(t => this.positionInfo[t] ? this.positionInfo[t] : t).join(',')
          },
          {
            title: '手机',
            width: '10%',
            align: 'center',
            dataIndex: 'phone'
          },
          {
            title: '虚拟网号',
            width: '10%',
            align: 'center',
            dataIndex: 'nvirtualNo'
          },
          {
            title: '公司电话',
            width: '10%',
            align: 'center',
            dataIndex: 'ncompanyPhone'
          },
          {
            title: '公司内线',
            width: '10%',
            align: 'center',
            dataIndex: 'ncompanyLine'
          },
          {
            title: '家电',
            width: '10%',
            align: 'center',
            dataIndex: 'telephone'
          },
          {
            title: '公司邮箱',
            width: '11%',
            align: 'center',
            dataIndex: 'email'
          }
        ],
        url: {
          exportXlsUrl: "/sys/user/exportXls?address=1",
          list: '/sys/user/queryByOrgCodeForAddressList',
          listByPosition: '/sys/position/list'
        }
      }
    },
    watch: {
      value: {
        immediate: true,
        handler(orgCode) {
          this.dataSource = []
          this.loadData(1, orgCode)
        }
      },
    },
    created() {
    },
    methods: {

      loadData(pageNum, orgCode) {
        this.loading = true
        if (pageNum === 1) {
            this.ipagination.current = 1
        }
        // update-begin- --- author:wangshuai ------ date:20200102 ---- for:传过来的部门编码为空全查
        if (!orgCode) {
            getAction(this.url.list, {
                ...this.getQueryParams()
            }).then((res) => {
                if (res.success) {
                    this.dataSource = res.result.records
                    this.ipagination.total = res.result.total
                }
            }).finally(() => {
                this.loading = false
                this.cardLoading = false
            })
          // update-end- --- author:wangshuai ------ date:20200102 ---- for:传过来的部门编码为空全查
        }else{
        //加载数据 若传入参数1则加载第一页的内容
        getAction(this.url.list, {
          orgCode,
          ...this.getQueryParams()
        }).then((res) => {
          if (res.success) {
            this.dataSource = res.result.records
            this.ipagination.total = res.result.total
          }
        }).finally(() => {
          this.loading = false
          this.cardLoading = false
        })
        }
      },

      searchQuery() {
        this.loadData(1, this.value)
      },
      searchReset() {
        this.queryParam = {}
        this.loadData(1, this.value)
      },

      handleTableChange(pagination, filters, sorter) {
        if (Object.keys(sorter).length > 0) {
          this.isorter.column = sorter.field
          this.isorter.order = 'ascend' === sorter.order ? 'asc' : 'desc'
        }
        this.ipagination = pagination
        this.loadData(null, this.value)
      },

      //删除
      handleDelete(){
         if (this.selectedRowKeys.length <= 0) {
                  this.$message.warning('请选择一条记录！');
                  return;
          } else {
            var ids = "";
            for (var a = 0; a < this.selectedRowKeys.length; a++) {
              ids += this.selectedRowKeys[a] + ",";
            }
            var that = this;
            this.$confirm({
              title: "确认取消",
              content: "是否删除?",
              onOk: function () {
                deleteAction("/sys/user/deleteCommunication", {id:ids}).then((res) => {
                  if (res.success) {
                    that.$message.success("删除成功！");
                    that.loadData();
                    that.onClearSelected();
                  } else {
                    that.$message.warning(res.message);
                  }
                });
              }
            });
          }
      },

      // 查询职务信息
      queryPositionInfo() {
        getAction(this.url.listByPosition, { pageSize: 99999 }).then(res => {
          if (res.success) {
            let positionInfo = {}
            res.result.records.forEach(record => {
              positionInfo[record['code']] = record['name']
            })
            this.positionInfo = positionInfo
          }
        })
      }

    }
  }
</script>
<style>
  .j-address-list-right-card-box .ant-table-placeholder {
    min-height: 46px;
  }
</style>
<style scoped>
  .j-address-list-right-card-box {
    height: 100%;
    min-height: 300px;
  }
</style>