解决筛选条件项多次重复问题

heyujie

2021-06-25 81fd2fff7dba4af2749ce5288a7afde8e5cdb538

 src/pages/shuohuangMonitorAnalyze/components/memberManage.vue

@@ -211,7 +211,7 @@
            @mouseover="showDemo=true"
            @mouseout="showDemo=false"
          >示例</a>),点击
          <a href="javascript:;">下载模板.excel</a>
          <a href="javascript:;" @click="downloadExcel">下载模板.excel</a>
          <img class="tip-demo" v-if="showDemo" :src="`${publicPath}images/shuohuang/tip.jpg`" alt />
        </p>
        <div class="flex-box">
@@ -232,9 +232,9 @@

<script>

import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile } from '@/api/shuohuang'
import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile, downloadFile } from '@/api/shuohuang'
export default {
  data () {
  data() {
    return {
      publicPath: process.env.BASE_URL,
      CLIP: 'http://192.168.20.113/',
@@ -247,7 +247,7 @@
      menuLeft: 0,
      keyword: '',
      gender: '',
      genders: [{id:'g3',name:'全部'},{ name: '男', id: 'g0' }, { name: '女', id: 'g1' }],
      genders: [{ id: 'g3', name: '全部' }, { name: '男', id: 'g0' }, { name: '女', id: 'g1' }],
      tableData: [],
      multipleTableSelection: [],
      PageIndex: 1,
@@ -255,7 +255,8 @@
      tableTotal: 0,
      PageSize: 8,
      organizeData: [],
      checkedOrg: '',
      checkedOrgID: '',
      checkedOrgName: "",
      organizeKeyword: '',
      memberEditDialogVisible: false,
      toggleOrganizeDialogVisible: false,
@@ -273,41 +274,58 @@
      batchImportTableData: [],
    }
  },
  mounted () {
  mounted() {
    this.searchLeftTreeData();
    this.getOrganizeTreeData();
    //this.renderMemberTable();

  },
  methods: {
    resetFilter(){
    resetFilter() {
      this.keyword = '';
      this.gender = '';
      this.renderMemberTable();
    },
    isPhone (rule, value, callback) {
      if (value.trim()) {
    isPhone(rule, value, callback) {
      if (!value) {
        return callback()
      } else if (value.trim()) {
        var pattern = /^1[345789]\d{9}$/
        if (pattern.test(value)) {
          return callback()
        }
        return callback(new Error('输入的手机号错误'))
      }
      // if (value.trim()) {
      //   var pattern = /^1[345789]\d{9}$/
      //   if (pattern.test(value)) {
      //     return callback()
      //   }
      //   return callback(new Error('输入的手机号错误'))
      // }
    },
    nodeContextMenu (e, data, node, comp) {
    nodeContextMenu(e, data, node, comp) {
      this.showMenu = true;
      this.menuTop = e.pageY;
      this.menuLeft = e.pageX;
    },
    checkOrgNode (a, b, c) {
      this.checkedOrg = a.id
    checkOrgNode(a, b, c) {
      this.checkedOrgID = a.id
      this.checkedOrgName = a.label
    },
    updateOrg () {
    downloadExcel() {
      downloadFile().then(function (res) {
        // debugger
        console.log(res);
      })
    },
    updateOrg() {
      let ids = this.multipleTableSelection.map(row => {
        return row.ID
      });
      let params = {
        DeptID: this.checkedOrg,
        DeptID: this.checkedOrgID,
        DeptName: this.checkedOrgName,
        Users: ids.join(',')
      }
      updateUnit(params).then(res => {
@@ -318,14 +336,15 @@
          });
          this.toggleOrganizeDialogVisible = false;
          this.renderMemberTable();
          this.searchLeftTreeData()
        }
      })

    },
    tableSelection (val) {
    tableSelection(val) {
      this.multipleTableSelection = val;
    },
    memberSave () {
    memberSave() {
      this.$refs['memberForm'].validate((valid) => {
        if (valid) {
          let params = Object.assign({ DeptID: this.curLeftTreeNode.id }, this.memberEditForm);
@@ -359,15 +378,15 @@
        }
      })
    },
    delMember (member) {
    delMember(member) {
      member.IsDel = '1';
      this.memberUpdate(member);
    },
    editMember (member) {
    editMember(member) {
      this.memberEditDialogVisible = true;
      this.memberEditForm = member;
    },
    memberUpdate (member) {
    memberUpdate(member) {
      updateMemberInfo(member).then(res => {
        if (res.success) {
          this.$notify({
@@ -379,18 +398,18 @@
        }
      })
    },
    checkNode (a, b, c) {
    checkNode(a, b, c) {
      if (a.hasOwnProperty('children')) {
        this.curLeftTreeNode = a;
        this.deptId = a.id;
        this.renderMemberTable();
      }
    },
    handleTableSizeChange (size) {
    handleTableSizeChange(size) {
      this.PageSize = size;
      this.renderMemberTable();
    },
    renderMemberTable () {
    renderMemberTable() {
      let _this = this;
      let params = {
        DeptID: this.deptId,
@@ -404,13 +423,13 @@
        _this.tableTotal = res.total;
      })
    },
    uploadPic () {
    uploadPic() {

    },
    uploadDirectoryTrigger () {
    uploadDirectoryTrigger() {
      this.$refs['directoryInput'].click();
    },
    importDirectory () {
    importDirectory() {
      let _this = this;
      //this.$refs['directoryInput'].files //文件夹map
      let formData = new FormData;
@@ -420,25 +439,24 @@
      //formData.append('files', this.$refs['directoryInput'].files)

      uploadDirectory(formData).then(res => {
        debugger
        _this.batchImportTableData = res.data;
        _this.renderMemberTable();
      })
    },

    handleRemove () {
    handleRemove() {

    },
    handleExceed () {
    handleExceed() {

    },
    batchImport () {
    batchImport() {
      this.batchImportDialogVisible = true;
    },
    toggleOrganize () {
    toggleOrganize() {
      this.toggleOrganizeDialogVisible = true;
    },
    uploadMemberPicture (params) {
    uploadMemberPicture(params) {
      let param = new FormData();
      param.append('file', params.file)
      uploadMemberPic(param).then(res => {
@@ -446,7 +464,7 @@
      })
    },

    deepNodeChildren (node) {
    deepNodeChildren(node) {
      var arr1 = [];
      var arr2 = [];
      if (node.ChildDept && node.ChildDept.length > 0) {
@@ -475,7 +493,7 @@
      }
      return arr1.concat(arr2)
    },
    getOrganizeTreeData () {
    getOrganizeTreeData() {
      let _this = this;
      getOrganizeTree().then(res => {
        _this.organizeData = res.data.map(item => {
@@ -488,7 +506,7 @@
        })
      })
    },
    searchLeftTreeData () {
    searchLeftTreeData() {
      let _this = this;
      getShuohuangDepartTree().then(res => {
        _this.treeData = res.data.map(item => {
@@ -500,9 +518,12 @@
          return obj
        });
        this.$nextTick(() => {

          if (!Object.keys(_this.curLeftTreeNode).length) {
            _this.curLeftTreeNode = _this.treeData[0];
            _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]);
            if (_this.treeData.length) {
              _this.curLeftTreeNode = _this.treeData[0];
              _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]);
            }
          } else {
            _this.$refs['leftTreeNodes'].setCurrentNode(_this.curLeftTreeNode);
          }
@@ -511,7 +532,7 @@

      })
    },
    addMember () {
    addMember() {
      this.memberEditDialogVisible = true;
      this.memberEditForm = {};
    },