发票列表
This commit is contained in:
@ -1,78 +1,151 @@
|
||||
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div class="app-container">
|
||||
<!-- 顶部区域 -->
|
||||
<el-form>
|
||||
<el-row type="flex">
|
||||
<el-col :span="8">
|
||||
<el-button type="primary">待审核</el-button>
|
||||
<el-button type="">已驳回</el-button>
|
||||
<el-button type="">已通过</el-button>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="站点">
|
||||
<el-select class="m-2" placeholder="请选择">
|
||||
<el-option/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form inline ref="queryFormRef" :model="queryParams">
|
||||
<el-row>
|
||||
<el-col>
|
||||
<el-form-item prop="status">
|
||||
<el-radio-group
|
||||
v-model="queryParams.status"
|
||||
size="small"
|
||||
@change="handleQuery"
|
||||
>
|
||||
<!-- <el-radio-button :label="1">已发布</el-radio-button> -->
|
||||
<el-radio-button :label="0">待审核</el-radio-button>
|
||||
<el-radio-button :label="1">已驳回</el-radio-button>
|
||||
<el-radio-button :label="2">已通过</el-radio-button>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="所属站点" prop="tenantId">
|
||||
<SiteOptions v-model="queryParams.tenantId" :site-list="siteList" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="search"
|
||||
size="default"
|
||||
@click="handleQuery"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button icon="refresh" size="default" @click="resetQuery"
|
||||
>重置</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<!-- 表格区域 -->
|
||||
<el-table :data="list">
|
||||
<el-table :data="dataList">
|
||||
<el-table-column label="编号" align="center" prop="id"></el-table-column>
|
||||
<el-table-column label="需求名称" align="center" prop="title"></el-table-column>
|
||||
<el-table-column label="所属领域" align="center" prop="industry"></el-table-column>
|
||||
<el-table-column label="联系人" align="center" prop="name"></el-table-column>
|
||||
<el-table-column label="手机" align="center" prop="mobile"></el-table-column>
|
||||
<el-table-column label="所属经纪人" align="center" prop=""></el-table-column>
|
||||
<el-table-column label="经纪人电话" align="center" prop=""></el-table-column>
|
||||
<el-table-column
|
||||
label="需求名称"
|
||||
align="center"
|
||||
prop="title"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="所属领域"
|
||||
align="center"
|
||||
prop="industryStr"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="联系人"
|
||||
align="center"
|
||||
prop="name"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="手机"
|
||||
align="center"
|
||||
prop="mobile"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="所属经纪人"
|
||||
align="center"
|
||||
prop=""
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="经纪人电话"
|
||||
align="center"
|
||||
prop=""
|
||||
></el-table-column>
|
||||
<el-table-column label="站点" align="center" prop=""></el-table-column>
|
||||
<el-table-column label="发布时间" align="center" prop="createTime"></el-table-column>
|
||||
<el-table-column label="截至日期" align="center" prop="deadline"></el-table-column>
|
||||
<el-table-column
|
||||
label="发布时间"
|
||||
align="center"
|
||||
prop="createTime"
|
||||
></el-table-column>
|
||||
<el-table-column
|
||||
label="截至日期"
|
||||
align="center"
|
||||
prop="deadline"
|
||||
></el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template #default="{row}">
|
||||
<el-button type="text" @click="shenpi(row.id)">审批</el-button>
|
||||
<template #default="{ row }">
|
||||
<el-button type="text" @click="shenpi(row.id)">审批</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页器 -->
|
||||
<el-row type="flex" justify="end" style="margin-top:10px ;">
|
||||
<el-pagination
|
||||
v-model:currentPage="currentPage3"
|
||||
v-model:page-size="pageSize3"
|
||||
:small="small"
|
||||
:disabled="disabled"
|
||||
:page-sizes="[10, 20, 30, 40]"
|
||||
:background="true"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="6"
|
||||
<pagination
|
||||
v-show="total > 0"
|
||||
:total="total"
|
||||
v-model:page="queryParams.pageNum"
|
||||
v-model:limit="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
</el-row>
|
||||
|
||||
<!-- 审批详情 -->
|
||||
<Edialog :is-show="isShow"></Edialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import {businessList} from '@/api/Businessneeds/index.js'
|
||||
import Edialog from '../../views/components/Businessneeds/Approvaldetails.vue'
|
||||
import { ref,toRefs,defineComponent } from 'vue';
|
||||
const data=reactive({
|
||||
queryData:{
|
||||
pageNum:1,
|
||||
pageSize:10
|
||||
}
|
||||
})
|
||||
const isShow=ref(false)
|
||||
const {queryData}=toRefs(data)
|
||||
const getList=async ()=>{
|
||||
const res= await businessList(queryData.value)
|
||||
}
|
||||
const shenpi=()=>{
|
||||
isShow.value=true
|
||||
}
|
||||
getList()
|
||||
import { businessList } from "@/api/Businessneeds/index.js";
|
||||
import Edialog from "../../views/components/Businessneeds/Approvaldetails.vue";
|
||||
import SiteOptions from "@/views/components/SiteOptions";
|
||||
import { tenantSelect } from "@/api/subPlatform/tenant";
|
||||
import { ref, toRefs, defineComponent } from "vue";
|
||||
const data = reactive({
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
status: 0,
|
||||
},
|
||||
});
|
||||
const siteList = ref([]);
|
||||
const dataList = ref([]);
|
||||
const total = ref(0);
|
||||
const isShow = ref(false);
|
||||
const { queryParams } = toRefs(data);
|
||||
const getList = async () => {
|
||||
const resp = await businessList(queryParams.value);
|
||||
dataList.value = resp.rows;
|
||||
total.value = resp.total;
|
||||
};
|
||||
const shenpi = () => {
|
||||
isShow.value = true;
|
||||
};
|
||||
|
||||
// 获取站点列表
|
||||
const getSiteList = async () => {
|
||||
const resp = await tenantSelect();
|
||||
siteList.value = resp.rows;
|
||||
};
|
||||
|
||||
const handleQuery = () => {
|
||||
queryParams.value.pageNum = 1;
|
||||
getList();
|
||||
};
|
||||
|
||||
/** 重置按钮操作 */
|
||||
const resetQuery = () => {
|
||||
if (queryFormRef.value) {
|
||||
queryFormRef.value.resetFields();
|
||||
}
|
||||
handleQuery();
|
||||
};
|
||||
|
||||
getSiteList();
|
||||
getList();
|
||||
</script>
|
||||
<style></style>
|
||||
<style></style>
|
||||
|
||||
Reference in New Issue
Block a user