{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\profilesCustomer\\BlacklistsCustomer\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\assetsOperating\\profilesCustomer\\BlacklistsCustomer\\index.vue","mtime":1701943659908},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport pagination from '@/components/pagination'\r\nimport { TableMixin } from '@/mixins/tableMixin'\r\nimport detailDialog from './components/detailDialog.vue'\r\nimport search from '@/components/search/search.vue'\r\nimport utils from '@/utils.js'\r\nimport SuperSearch from '@/components/SuperSearch/index.vue'\r\nimport api from '@/api/assetsOperating/profilesCustomer/IndividualCustomers.js'\r\nexport default {\r\n  name: 'BlacklistsCustomer',\r\n  components: {\r\n    SuperSearch,\r\n    pagination,\r\n    detailDialog,\r\n    search\r\n  },\r\n  mixins: [TableMixin],\r\n  data() {\r\n    return {\r\n      tableMaxHeight: '600px',\r\n      loading: false,\r\n      tableLoading: false,\r\n      componentName: 'table',\r\n      tableData: [],\r\n      multipleSelection: [],\r\n      queryParams: {\r\n        page: 1,\r\n        pageSize: 20,\r\n        total: 0,\r\n        clientsType: '',\r\n        clientsStatus: 1,\r\n        cardType: []\r\n      },\r\n      searchForm: {}, // 顶部搜索对象\r\n      currentDataDel: [],\r\n      sorter: [\r\n        {\r\n          direction: 'DESC',\r\n          property: 'createTime'\r\n        }\r\n      ],\r\n      basisOption: [\r\n        {\r\n          itemLabel: '证件类型',\r\n          itemProp: 'cardType',\r\n          itemType: 'checkbox',\r\n          searchType: 'basic',\r\n          labelWidth: '100px',\r\n          option: []\r\n        },\r\n        {\r\n          itemLabel: '客户名称',\r\n          itemProp: 'clientsName',\r\n          itemType: 'input',\r\n          labelWidth: '90px',\r\n          searchType: 'advance'\r\n        },\r\n        {\r\n          itemLabel: '证件编码',\r\n          itemProp: 'cardNo',\r\n          itemType: 'input',\r\n          labelWidth: '90px',\r\n          searchType: 'advance'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n\r\n  created() {\r\n    this.basisOption[0].option = utils.getDictItemsFromCache('zjlx')\r\n    this.loadData()\r\n  },\r\n  mounted() {\r\n    this.calcTableHeight()\r\n    this.$root.$on('resize', () => {\r\n      this.calcTableHeight(500)\r\n    })\r\n  },\r\n  computed: {\r\n    // 加工为后端需要的请求格式\r\n    computedQuery() {\r\n      /*\r\n       * 定义 escapeOpt 字段对应字典名 对象\r\n       *  为重新加工结构赋值的新请求配置参数\r\n       * */\r\n      const querys = [\r\n        { operation: 'LIKE', property: 'clientsType', relation: 'AND' },\r\n        { operation: 'LIKE', property: 'clientsStatus', relation: 'AND' },\r\n        { operation: 'IN', property: 'cardType', relation: 'AND' },\r\n        { operation: 'LIKE', property: 'clientsName', relation: 'AND' },\r\n        { operation: 'LIKE', property: 'cardNo', relation: 'AND' }\r\n      ]\r\n      const { pageSize, page, ...item } = this.queryParams\r\n      return {\r\n        pageBean: { pageSize, page },\r\n        querys: querys.flatMap(i => {\r\n          const value = item[i.property]\r\n          if (Array.isArray(value) && !value.length) return []\r\n          if (value === '') return []\r\n          return { group: 'main', ...i, value }\r\n        }),\r\n        sorter: this.sorter.filter(i => i.direction !== '')\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    //关闭组件\r\n    closeComponent(row) {\r\n      this.componentName = 'table'\r\n      this.loadData()\r\n    },\r\n    //证件类型翻译回显\r\n    cardTypeName(value) {\r\n      if (value != '') {\r\n        return this.cardTypeData.filter(item => item.value == value)[0].name\r\n      }\r\n    },\r\n    //字典翻译\r\n    getDictName(code, value) {\r\n      return utils.getDictName(code, value)\r\n    },\r\n    //获取数据\r\n    loadData() {\r\n      this.tableLoading = true\r\n      api.queryData(this.computedQuery, res => {\r\n        if (res.rows) {\r\n          this.tableData = res.rows\r\n          this.queryParams.total = res.total\r\n          this.tableLoading = false\r\n        }\r\n      })\r\n    },\r\n    //添加\r\n    handleAdd() {\r\n      this.componentName = 'editAddDialog'\r\n      this.$refs.editAddDialog.addModifyBtn()\r\n    },\r\n    // 删除\r\n    handleDelete(val) {\r\n      let ids\r\n      if (val) {\r\n        ids = val.id\r\n      } else {\r\n        ids = this.currentDataDel.join()\r\n      }\r\n      this.$confirm('确定删除选中数据吗？', '提示', {\r\n        confirmButtonText: '确认',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        api.deleteData(ids, res => {\r\n          if (res.state) {\r\n            this.$message.success('删除成功')\r\n            this.loadData()\r\n          }\r\n        })\r\n      })\r\n    },\r\n    //加入黑名单\r\n    blacklistBtn(val) {\r\n      this.$confirm('确定将此用户移除黑名单吗？', '提示', {\r\n        confirmButtonText: '确认',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        api.getBlack(val.id, res => {\r\n          if (res.state) {\r\n            this.$message.success('移除成功')\r\n            this.loadData()\r\n          }\r\n        })\r\n      })\r\n    },\r\n    //修改\r\n    handleDbClick(row) {\r\n      this.componentName = 'editAddDialog'\r\n      this.$refs.editAddDialog.addModifyBtn(row)\r\n    },\r\n    // 顶部搜索\r\n    handleSearch(data) {\r\n      // data.cardType = data.cardType ? data.cardType.join() : ''\r\n      this.queryParams = data\r\n      this.loadData()\r\n    },\r\n    //详情\r\n    detailBtn(row) {\r\n      this.componentName = 'detailDialog'\r\n      this.$refs.detailDialog.detail(row)\r\n    },\r\n     // 指定一个key标识这一行的数据\r\n     getRowKey(row) {\r\n      return row.id;\r\n    },\r\n    //表格选中\r\n    handleSelectionChange(val) {\r\n      this.currentDataDel = val.map((item) => {\r\n        return item.id\r\n      })\r\n    },\r\n    //分页页数\r\n    handleCurrentChange(page) {\r\n      this.queryParams.page = page\r\n      this.loadData()\r\n    },\r\n    //分页大小\r\n    handleSizeChange(pageSize) {\r\n      this.queryParams.pageSize = pageSize\r\n      this.loadData()\r\n    }\r\n  }\r\n}\r\n",null]}