|
|
@@ -8,8 +8,13 @@
|
|
|
</el-button>
|
|
|
<template #dropdown>
|
|
|
<el-dropdown-menu>
|
|
|
- <el-dropdown-item icon="Download" @click="handleExport" v-hasPermi="['business:deposit:export']">
|
|
|
- 导出</el-dropdown-item>
|
|
|
+ <el-dropdown-item
|
|
|
+ icon="Download"
|
|
|
+ @click="handleExport"
|
|
|
+ v-hasPermi="['business:deposit:export']"
|
|
|
+ >
|
|
|
+ 导出</el-dropdown-item
|
|
|
+ >
|
|
|
<!-- <el-dropdown-item type="warning" size="small" icon="Download" @click="handleArea"
|
|
|
v-hasPermi="['business:deposit:export']"> area</el-dropdown-item> -->
|
|
|
</el-dropdown-menu>
|
|
|
@@ -17,59 +22,132 @@
|
|
|
</el-dropdown>
|
|
|
</div>
|
|
|
<!-- 搜索区 -->
|
|
|
- <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true"
|
|
|
- label-width="78px">
|
|
|
+ <el-form
|
|
|
+ class="list-search-container"
|
|
|
+ size="small"
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryRef"
|
|
|
+ :inline="true"
|
|
|
+ label-width="78px"
|
|
|
+ >
|
|
|
<el-form-item label="客户名称：" prop="companyName">
|
|
|
- <el-input v-model="queryParams.companyName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.companyName"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所属月：">
|
|
|
- <el-date-picker v-model="currentMonth" type="month" format="YYYY年MM月" :clearable="false" value-format="YYYY-MM-01"
|
|
|
- @change="currentMonthChange" :disabled-date="disabledDateHandler" />
|
|
|
+ <el-date-picker
|
|
|
+ v-model="currentMonth"
|
|
|
+ type="month"
|
|
|
+ format="YYYY年MM月"
|
|
|
+ :clearable="false"
|
|
|
+ value-format="YYYY-MM-01"
|
|
|
+ @change="currentMonthChange"
|
|
|
+ :disabled-date="disabledDateHandler"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="状态：">
|
|
|
- <el-select v-model.trim="queryParams.status" prop="status" size="small" type="text" placeholder="状态"
|
|
|
- :clearable="true" style="width: 130px" @clear="clearStatus">
|
|
|
- <el-option v-for="item in selectStatus" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-select
|
|
|
+ v-model.trim="queryParams.status"
|
|
|
+ prop="status"
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ placeholder="状态"
|
|
|
+ :clearable="true"
|
|
|
+ style="width: 130px"
|
|
|
+ @clear="clearStatus"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in selectStatus"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否自己负责:">
|
|
|
<el-switch v-model="oneself" @change="handleOneself" />
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
<el-button icon="operation" @click="moreSearch = true">更多</el-button>
|
|
|
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
|
|
|
<!-- 列表区 -->
|
|
|
- <el-table v-loading="loading" :data="orderList" size="small" border height="100%"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="orderList"
|
|
|
+ size="small"
|
|
|
+ border
|
|
|
+ height="100%"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="客户名称" min-width="250" align="center" prop="companyName" />
|
|
|
- <el-table-column label="来源" min-width="100" align="center" prop="fromCompanyName" />
|
|
|
- <el-table-column label="纳税性质" width="100" align="center" prop="taxType" />
|
|
|
+ <el-table-column
|
|
|
+ label="客户名称"
|
|
|
+ min-width="250"
|
|
|
+ align="center"
|
|
|
+ prop="companyName"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="来源"
|
|
|
+ min-width="100"
|
|
|
+ align="center"
|
|
|
+ prop="fromCompanyName"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="纳税性质"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ prop="taxType"
|
|
|
+ />
|
|
|
<el-table-column label="人员信息" width="100" align="center" prop="">
|
|
|
<template #default="scope">
|
|
|
- <el-button v-if="scope.row.detail != null" link type="primary" size="small"
|
|
|
- @click="showMember(scope.row)">查看</el-button>
|
|
|
+ <el-button
|
|
|
+ v-if="scope.row.detail != null"
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ @click="showMember(scope.row)"
|
|
|
+ >查看</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="申报填写" width="100" align="center" prop="">
|
|
|
<template #default="scope">
|
|
|
- <el-button link type="primary" size="small" @click="fillIn(scope.row)">{{
|
|
|
- scope.row.detail == null
|
|
|
- ? "填写"
|
|
|
- : scope.row.detail.status === 1
|
|
|
- ? "进行中"
|
|
|
- : "已填写"
|
|
|
- }}</el-button>
|
|
|
+ <el-button
|
|
|
+ link
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ v-hasPermi="['business:housingFundConfirm:verify']"
|
|
|
+ @click="fillIn(scope.row)"
|
|
|
+ >{{
|
|
|
+ scope.row.detail == null
|
|
|
+ ? "填写"
|
|
|
+ : scope.row.detail.status === 1
|
|
|
+ ? "进行中"
|
|
|
+ : "已填写"
|
|
|
+ }}</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="申报附件" width="100" align="center" prop="">
|
|
|
<template #default="scope">
|
|
|
- <el-button size="small" type="primary" link :disabled="scope.row.detail == null || scope.row.detail.status <= 1"
|
|
|
- @click="showFiles(scope.row)">查看文件</el-button>
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ link
|
|
|
+ :disabled="scope.row.detail == null || scope.row.detail.status <= 1"
|
|
|
+ @click="showFiles(scope.row)"
|
|
|
+ >查看文件</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="状态" width="110" align="center" prop="">
|
|
|
@@ -78,28 +156,36 @@
|
|
|
{{ getStatusLabel(scope.row) }}
|
|
|
<el-popover placement="top-start" width="250" trigger="hover">
|
|
|
<div style="display: flex; flex-direction: row">
|
|
|
- <div v-for="item in selectStatus" :key="item.value"
|
|
|
- style="display: flex; flex-direction: row; margin-right: 10px">
|
|
|
- <div :style="{
|
|
|
- backgroundColor: item.color,
|
|
|
- width: '14px',
|
|
|
- height: '14px',
|
|
|
- margin: 'auto',
|
|
|
- borderRadius: '50%',
|
|
|
- border: item.color === '#fff' ? '1px solid #ddd' : 'none',
|
|
|
- }" />
|
|
|
- <div style="
|
|
|
+ <div
|
|
|
+ v-for="item in selectStatus"
|
|
|
+ :key="item.value"
|
|
|
+ style="display: flex; flex-direction: row; margin-right: 10px"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ :style="{
|
|
|
+ backgroundColor: item.color,
|
|
|
+ width: '14px',
|
|
|
+ height: '14px',
|
|
|
+ margin: 'auto',
|
|
|
+ borderRadius: '50%',
|
|
|
+ border: item.color === '#fff' ? '1px solid #ddd' : 'none',
|
|
|
+ }"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
display: inline-block;
|
|
|
margin-left: 10px;
|
|
|
line-height: 36px;
|
|
|
font-size: 10px;
|
|
|
- ">
|
|
|
+ "
|
|
|
+ >
|
|
|
{{ item.label }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<template #reference>
|
|
|
- <span style="
|
|
|
+ <span
|
|
|
+ style="
|
|
|
color: #fff;
|
|
|
font-size: 12px;
|
|
|
text-align: center;
|
|
|
@@ -109,7 +195,9 @@
|
|
|
height: 14px;
|
|
|
background-color: #ccc;
|
|
|
border-radius: 50%;
|
|
|
- ">?</span>
|
|
|
+ "
|
|
|
+ >?</span
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
</div>
|
|
|
@@ -118,55 +206,129 @@
|
|
|
<el-table-column label="执行人" width="80" align="center" prop="" />
|
|
|
<el-table-column label="操作" width="80" align="center" prop="">
|
|
|
<template #default="scope">
|
|
|
- <el-button size="small" type="primary" link :disabled="scope.row.detail == null || scope.row.detail.status !== 3
|
|
|
- " @click="turnBack(scope.row.detail)">退回</el-button>
|
|
|
+ <el-button
|
|
|
+ size="small"
|
|
|
+ type="primary"
|
|
|
+ link
|
|
|
+ :disabled="
|
|
|
+ scope.row.detail == null || scope.row.detail.status !== 3
|
|
|
+ "
|
|
|
+ v-hasPermi="['business:housingFundConfirm:verify']"
|
|
|
+ @click="turnBack(scope.row.detail)"
|
|
|
+ >退回</el-button
|
|
|
+ >
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
<!-- 分页 -->
|
|
|
- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
|
|
|
- @pagination="getList" />
|
|
|
+ <pagination
|
|
|
+ v-show="total > 0"
|
|
|
+ :total="total"
|
|
|
+ v-model:page="queryParams.pageNum"
|
|
|
+ v-model:limit="queryParams.pageSize"
|
|
|
+ @pagination="getList"
|
|
|
+ />
|
|
|
<form-dialog ref="formDialogRef" :get-list="getList" />
|
|
|
<view-dialog ref="viewDialogRef" :get-list="getList" />
|
|
|
<member-dialog ref="memeberDialogRef" :get-list="getList" />
|
|
|
<FileListDialog ref="fileListDialogRef" :get-list="getList" />
|
|
|
<!-- 更多搜索弹窗 -->
|
|
|
- <el-dialog title="更多搜索" v-model="moreSearch" width="620px" append-to-body size="small" draggable>
|
|
|
- <el-form :model="queryParams" ref="queryRef" size="small" :rules="rules" label-width="100">
|
|
|
+ <el-dialog
|
|
|
+ title="更多搜索"
|
|
|
+ v-model="moreSearch"
|
|
|
+ width="620px"
|
|
|
+ append-to-body
|
|
|
+ size="small"
|
|
|
+ draggable
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryRef"
|
|
|
+ size="small"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="100"
|
|
|
+ >
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="客户名称：" prop="companyName">
|
|
|
- <el-input v-model="queryParams.companyName" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.companyName"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="所属月：">
|
|
|
- <el-date-picker v-model="currentMonth" type="month" format="YYYY年MM月" :clearable="false"
|
|
|
- value-format="YYYY-MM-01" @change="currentMonthChange" :disabled-date="disabledDateHandler" />
|
|
|
+ <el-date-picker
|
|
|
+ v-model="currentMonth"
|
|
|
+ type="month"
|
|
|
+ format="YYYY年MM月"
|
|
|
+ :clearable="false"
|
|
|
+ value-format="YYYY-MM-01"
|
|
|
+ @change="currentMonthChange"
|
|
|
+ :disabled-date="disabledDateHandler"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="纳税性质：" prop="taxType">
|
|
|
- <el-select size="small" v-model="queryParams.taxType" placeholder="请选择纳税性质" :clearable="true"
|
|
|
- @change="taxTypeChange">
|
|
|
- <el-option v-for="item in taxTypes" :key="item.label" :label="item.label" :value="item.value" />
|
|
|
+ <el-select
|
|
|
+ size="small"
|
|
|
+ v-model="queryParams.taxType"
|
|
|
+ placeholder="请选择纳税性质"
|
|
|
+ :clearable="true"
|
|
|
+ @change="taxTypeChange"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in taxTypes"
|
|
|
+ :key="item.label"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="状态：">
|
|
|
- <el-select v-model.trim="queryParams.status" prop="status" size="small" type="text" placeholder="状态"
|
|
|
- :clearable="true" @clear="clearStatus">
|
|
|
- <el-option v-for="item in selectStatus" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ <el-select
|
|
|
+ v-model.trim="queryParams.status"
|
|
|
+ prop="status"
|
|
|
+ size="small"
|
|
|
+ type="text"
|
|
|
+ placeholder="状态"
|
|
|
+ :clearable="true"
|
|
|
+ @clear="clearStatus"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in selectStatus"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="来源：" prop="fromCompanyName">
|
|
|
- <el-input size="small" v-model="queryParams.fromCompanyName" type="text" placeholder="客户来源"
|
|
|
- :clearable="true" />
|
|
|
+ <el-input
|
|
|
+ size="small"
|
|
|
+ v-model="queryParams.fromCompanyName"
|
|
|
+ type="text"
|
|
|
+ placeholder="客户来源"
|
|
|
+ :clearable="true"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<div class="dialog-footer">
|
|
|
- <el-button type="primary" icon="Finished" size="small" @click="handleQuery">确 定</el-button>
|
|
|
- <el-button icon="close" size="small" @click="moreSearch = false">取 消</el-button>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="Finished"
|
|
|
+ size="small"
|
|
|
+ @click="handleQuery"
|
|
|
+ >确 定</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="close" size="small" @click="moreSearch = false"
|
|
|
+ >取 消</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-dialog>
|
ezhizao_zx