|
|
@@ -1,371 +0,0 @@
|
|
|
-<script setup lang="ts">
|
|
|
-import FormSearch, { type FormField } from "@/components/opts/form-search.vue";
|
|
|
-import TableButtons from "@/components/opts/btns2.vue";
|
|
|
-import Edit from "./edit.vue";
|
|
|
-import { PureTable } from "@pureadmin/table";
|
|
|
-import { computed, onBeforeMount, onMounted, reactive, ref, watch } from "vue";
|
|
|
-import * as $api from "@/api/agent/index";
|
|
|
-import { hasAuth } from "@/router/utils";
|
|
|
-import message from "@/utils/message";
|
|
|
-import { enableOptions } from "@/constants/constants";
|
|
|
-import { cloneDeep } from "@pureadmin/utils";
|
|
|
-
|
|
|
-const editRef = ref();
|
|
|
-
|
|
|
-defineOptions({
|
|
|
- name: "agentList"
|
|
|
-});
|
|
|
-
|
|
|
-const props: any = defineProps({
|
|
|
- mode: {
|
|
|
- required: false,
|
|
|
- type: String,
|
|
|
- default: "table"
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-const searchFormFields = computed((): FormField[] => {
|
|
|
- const fields: FormField[] = [
|
|
|
- {
|
|
|
- type: "input",
|
|
|
- label: "代理商名称",
|
|
|
- prop: "agentname",
|
|
|
- placeholder: "请输入代理商名模糊查询"
|
|
|
- },
|
|
|
- {
|
|
|
- type: "select",
|
|
|
- label: "状态",
|
|
|
- prop: "status",
|
|
|
- placeholder: "请选择",
|
|
|
- dataSourceKey: "enableOptions",
|
|
|
- options: {
|
|
|
- keys: {
|
|
|
- label: "label",
|
|
|
- value: "value",
|
|
|
- prop: "value"
|
|
|
- },
|
|
|
- filterable: true
|
|
|
- }
|
|
|
- }
|
|
|
- ];
|
|
|
- if (props.mode === "table") {
|
|
|
- return fields;
|
|
|
- } else {
|
|
|
- return fields;
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-const pageData: any = reactive({
|
|
|
- mode: "table",
|
|
|
- permission: {
|
|
|
- query: ["user:query"],
|
|
|
- save: ["user:save"],
|
|
|
- update: ["user:update"],
|
|
|
- del: ["user:del"]
|
|
|
- },
|
|
|
- searchParam: {
|
|
|
- searchState: true,
|
|
|
- searchForm: {}
|
|
|
- },
|
|
|
- dataSource: {
|
|
|
- enableOptions: enableOptions
|
|
|
- },
|
|
|
- /*按钮 */
|
|
|
- btnOpts: {
|
|
|
- size: "small",
|
|
|
- leftBtns: [
|
|
|
- {
|
|
|
- key: "add",
|
|
|
- label: "新增",
|
|
|
- type: "primary",
|
|
|
- icon: "ep:plus",
|
|
|
- state: true,
|
|
|
- permission: ["user:save"]
|
|
|
- }
|
|
|
- ],
|
|
|
- rightBtns: [
|
|
|
- {
|
|
|
- key: "search",
|
|
|
- label: "查询",
|
|
|
- icon: "ep:search",
|
|
|
- state: true,
|
|
|
- options: {
|
|
|
- circle: true
|
|
|
- }
|
|
|
- },
|
|
|
- {
|
|
|
- key: "refresh",
|
|
|
- label: "刷新",
|
|
|
- icon: "ep:refresh",
|
|
|
- state: true,
|
|
|
- options: {
|
|
|
- circle: true
|
|
|
- }
|
|
|
- }
|
|
|
- ]
|
|
|
- },
|
|
|
- tableParam: {
|
|
|
- list: [],
|
|
|
- columns: [
|
|
|
- {
|
|
|
- label: "ID",
|
|
|
- prop: "id",
|
|
|
- slot: "id",
|
|
|
- width: 220
|
|
|
- },
|
|
|
- {
|
|
|
- label: "代理商名称",
|
|
|
- prop: "userName",
|
|
|
- slot: "userName"
|
|
|
- },
|
|
|
- {
|
|
|
- label: "余额",
|
|
|
- prop: "amount",
|
|
|
- slot: "amount"
|
|
|
- },
|
|
|
- {
|
|
|
- label: "谷歌校验器",
|
|
|
- prop: "hasTpop",
|
|
|
- slot: "hasTpop"
|
|
|
- },
|
|
|
- {
|
|
|
- label: "状态",
|
|
|
- prop: "status",
|
|
|
- slot: "status"
|
|
|
- },
|
|
|
- {
|
|
|
- label: "更新时间",
|
|
|
- prop: "updateTime",
|
|
|
- slot: "updateTime"
|
|
|
- },
|
|
|
- {
|
|
|
- label: "操作",
|
|
|
- fixed: "right",
|
|
|
- slot: "operation"
|
|
|
- }
|
|
|
- ],
|
|
|
- loading: false,
|
|
|
- pagination: {
|
|
|
- small: true,
|
|
|
- pageSize: 10,
|
|
|
- defaultPageSize: 10,
|
|
|
- currentPage: 1,
|
|
|
- background: true,
|
|
|
- total: 0
|
|
|
- }
|
|
|
- }
|
|
|
-});
|
|
|
-
|
|
|
-const btnClickHandle = (val: string) => {
|
|
|
- switch (val) {
|
|
|
- case "add":
|
|
|
- editRef.value!.open({ enable: 1 }, pageData.dataSource, "add");
|
|
|
- break;
|
|
|
- case "update":
|
|
|
- break;
|
|
|
- case "search":
|
|
|
- _updateSearchState();
|
|
|
- break;
|
|
|
- case "refresh":
|
|
|
- _loadData();
|
|
|
- break;
|
|
|
- case "switch":
|
|
|
- break;
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
-};
|
|
|
-
|
|
|
-/**
|
|
|
- * 更新搜索表单
|
|
|
- * @param data .
|
|
|
- */
|
|
|
-const _updateSearchFormData = (data: any) => {
|
|
|
- pageData.searchParam.searchForm = data;
|
|
|
-};
|
|
|
-/**
|
|
|
- * 点击搜索按钮
|
|
|
- */
|
|
|
-const _searchForm = (data: any) => {
|
|
|
- pageData.searchParam.searchForm = data;
|
|
|
- _loadData();
|
|
|
-};
|
|
|
-/**
|
|
|
- * 重置
|
|
|
- */
|
|
|
-const _resetSearchForm = (data?: any) => {
|
|
|
- pageData.searchParam.searchForm = data;
|
|
|
-};
|
|
|
-/**
|
|
|
- * 更新搜索表达的状态
|
|
|
- */
|
|
|
-const _updateSearchState = () => {
|
|
|
- pageData.searchParam.searchState = !pageData.searchParam.searchState;
|
|
|
-};
|
|
|
-/**
|
|
|
- * 分页 - 改变每页条数
|
|
|
- * @param val .
|
|
|
- */
|
|
|
-const handleChangePageSize = (val: any) => {
|
|
|
- pageData.tableParam.pagination.pageSize = val;
|
|
|
- _loadData();
|
|
|
-};
|
|
|
-/**
|
|
|
- * 分页 - 改变页码
|
|
|
- * @param val .
|
|
|
- */
|
|
|
-const handleChangeCurrentPage = (val: any) => {
|
|
|
- pageData.tableParam.pagination.currentPage = val;
|
|
|
- _loadData();
|
|
|
-};
|
|
|
-/**
|
|
|
- * 获取查询参数
|
|
|
- */
|
|
|
-const getQueryParams = () => {
|
|
|
- const sqp = {};
|
|
|
- const param = Object.assign(sqp, pageData.searchParam.searchForm);
|
|
|
- param.current = pageData.tableParam.pagination.currentPage;
|
|
|
- param.size = pageData.tableParam.pagination.pageSize;
|
|
|
- return param;
|
|
|
-};
|
|
|
-/**
|
|
|
- * 获取列表数据
|
|
|
- * @param page .
|
|
|
- */
|
|
|
-const _loadData = (page?: number) => {
|
|
|
- const query = getQueryParams();
|
|
|
- if (page) {
|
|
|
- query.current = page;
|
|
|
- }
|
|
|
- pageData.tableParam.loading = true;
|
|
|
- $api
|
|
|
- .queryPage(query)
|
|
|
- .then((res: any) => {
|
|
|
- if (res.success) {
|
|
|
- pageData.tableParam.list = res.result.records;
|
|
|
- pageData.tableParam.pagination.total = Number(res.result.total);
|
|
|
- }
|
|
|
- })
|
|
|
- .finally(() => {
|
|
|
- pageData.tableParam.loading = false;
|
|
|
- });
|
|
|
-};
|
|
|
-/**
|
|
|
- * 查看详情
|
|
|
- * @param row .
|
|
|
- */
|
|
|
-const handleDetail = (row: any) => {
|
|
|
- editRef.value!.open(cloneDeep(row), pageData.dataSource, "detail");
|
|
|
-};
|
|
|
-/**
|
|
|
- * 编辑
|
|
|
- * @param row .
|
|
|
- */
|
|
|
-const handleEdit = (row: any) => {
|
|
|
- editRef.value!.open(cloneDeep(row), pageData.dataSource, "edit");
|
|
|
-};
|
|
|
-/**
|
|
|
- * 删除
|
|
|
- * @param row .
|
|
|
- */
|
|
|
-const handleDel = (row: any) => {
|
|
|
- message.confirm(`确认删除 id 为 (${row.id}) 的数据？`).then(() => {
|
|
|
- batchDel([row.id]);
|
|
|
- });
|
|
|
-};
|
|
|
-/**
|
|
|
- * 批量删除
|
|
|
- * @param ids .
|
|
|
- */
|
|
|
-const batchDel = (ids: string[]) => {
|
|
|
- if (ids && ids.length > 0) {
|
|
|
- $api.del(ids).then((res: any) => {
|
|
|
- if (res.success) {
|
|
|
- message.success("删除成功");
|
|
|
- _loadData();
|
|
|
- } else {
|
|
|
- message.warning(res.message);
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
-};
|
|
|
-watch(
|
|
|
- () => props.orgInfo,
|
|
|
- val => {
|
|
|
- if (val) {
|
|
|
- _loadData();
|
|
|
- }
|
|
|
- }
|
|
|
-);
|
|
|
-onBeforeMount(() => {});
|
|
|
-onMounted(() => {
|
|
|
- _loadData(1);
|
|
|
-});
|
|
|
-</script>
|
|
|
-
|
|
|
-<template>
|
|
|
- <div>
|
|
|
- <form-search
|
|
|
- size="small"
|
|
|
- :show="pageData.searchParam.searchState"
|
|
|
- :form-field="searchFormFields"
|
|
|
- :data-source="pageData.dataSource"
|
|
|
- :query-permission="pageData.permission.query"
|
|
|
- @search-form="_updateSearchFormData"
|
|
|
- @search="_searchForm"
|
|
|
- @reset="_resetSearchForm"
|
|
|
- />
|
|
|
- <!--operate-->
|
|
|
- <table-buttons
|
|
|
- :size="pageData.btnOpts.size"
|
|
|
- :left-btns="pageData.btnOpts.leftBtns"
|
|
|
- :right-btns="pageData.btnOpts.rightBtns"
|
|
|
- @click="btnClickHandle"
|
|
|
- />
|
|
|
- <!--table-->
|
|
|
- <pure-table
|
|
|
- :data="pageData.tableParam.list"
|
|
|
- :columns="pageData.tableParam.columns"
|
|
|
- row-key="id"
|
|
|
- size="small"
|
|
|
- border
|
|
|
- stripe
|
|
|
- :header-row-class-name="'table-header'"
|
|
|
- :loading="pageData.tableParam.loading"
|
|
|
- :pagination="pageData.tableParam.pagination"
|
|
|
- @page-current-change="handleChangeCurrentPage"
|
|
|
- @page-size-change="handleChangePageSize"
|
|
|
- >
|
|
|
- <template #ellipsis="{ row, column }">
|
|
|
- <el-tooltip placement="top-start" :content="row[column.property]"
|
|
|
- >{{ row[column.property] }}
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
- <template #enableScope="scope">
|
|
|
- <el-tag v-if="scope.row.enable">启用</el-tag>
|
|
|
- <el-tag v-else type="info">禁用</el-tag>
|
|
|
- </template>
|
|
|
- <template #operation="{ row }">
|
|
|
- <div class="flex justify-center items-center">
|
|
|
- <el-link
|
|
|
- v-show="hasAuth(pageData.permission.update)"
|
|
|
- type="primary"
|
|
|
- @click="handleEdit(row)"
|
|
|
- >编辑
|
|
|
- </el-link>
|
|
|
- <el-divider
|
|
|
- v-show="hasAuth(pageData.permission.del)"
|
|
|
- direction="vertical"
|
|
|
- />
|
|
|
- <el-link
|
|
|
- v-show="hasAuth(pageData.permission.del)"
|
|
|
- type="primary"
|
|
|
- @click="handleDel(row)"
|
|
|
- >删除
|
|
|
- </el-link>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </pure-table>
|
|
|
- <edit ref="editRef" @ok="_loadData" />
|
|
|
- </div>
|
|
|
-</template>
|
liu_lake