|
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
- <div class="page-container list-container">
|
|
|
- <!-- 功能按钮区 -->
|
|
|
- <div class="list-btns-container">
|
|
|
- <!-- <el-button
|
|
|
+ <div class="page-container list-container">
|
|
|
+ <!-- 功能按钮区 -->
|
|
|
+ <div class="list-btns-container">
|
|
|
+ <!-- <el-button
|
|
|
type="primary"
|
|
|
size="small"
|
|
|
icon="Plus"
|
|
@@ -35,205 +35,273 @@
|
|
|
@click="handleExport"
|
|
|
v-hasPermi="['business:company:export']"
|
|
|
>导出</el-button> -->
|
|
|
- <!--<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
|
|
|
- </div>
|
|
|
- <!-- 搜索区 -->
|
|
|
- <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true">
|
|
|
- <el-form class="list-search-container" size="small" :model="queryParams" ref="queryRef" :inline="true">
|
|
|
- <el-form-item label="客户名称:" prop="name">
|
|
|
- <el-input v-model="queryParams.name" placeholder="请输入客户名称" clearable @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="统一社会信用码:" prop="socialCreditCode">
|
|
|
- <el-input v-model="queryParams.socialCreditCode" placeholder="请输入统一社会信用码" clearable
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="客户负责人:" prop="leaderName">
|
|
|
- <el-input v-model="queryParams.leaderName" placeholder="请输入客户负责人" clearable
|
|
|
- @keyup.enter="handleQuery" />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <!-- 列表区 -->
|
|
|
- <el-table v-loading="loading" :data="companyList" size="small" border height="100%"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
- <el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="序号" align="center" type="index" />
|
|
|
- <el-table-column label="客户名称" width="230" align="center" prop="name" />
|
|
|
- <el-table-column label="税号" width="180" align="center" prop="socialCreditCode" />
|
|
|
- <el-table-column label="注册省-市-区" width="180" align="center" prop="province">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ scope.row.province + '-' + scope.row.city + '-' + scope.row.district }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="年收入" align="center" prop="annualIncome" />
|
|
|
- <el-table-column label="纳税类型" align="center" prop="taxType" />
|
|
|
- <el-table-column label="是否零申报" width="100" align="center" prop="isZero">
|
|
|
- <template #default="scope">
|
|
|
- <span>{{ scope.row.isZero === 1 ? "是" : scope.row.isZero === 0 ? "否" : '' }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="客服" align="center" prop="adviserName" />
|
|
|
- <el-table-column label="负责人" align="center" prop="leaderName" />
|
|
|
-
|
|
|
- <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
+ <!--<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>-->
|
|
|
+ </div>
|
|
|
+ <!-- 搜索区 -->
|
|
|
+ <el-form
|
|
|
+ class="list-search-container"
|
|
|
+ size="small"
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryRef"
|
|
|
+ :inline="true"
|
|
|
+ >
|
|
|
+ <el-form
|
|
|
+ class="list-search-container"
|
|
|
+ size="small"
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryRef"
|
|
|
+ :inline="true"
|
|
|
+ >
|
|
|
+ <el-form-item label="客户名称:" prop="name">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.name"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="统一社会信用码:" prop="socialCreditCode">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.socialCreditCode"
|
|
|
+ placeholder="请输入统一社会信用码"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="客户负责人:" prop="leaderName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.leaderName"
|
|
|
+ placeholder="请输入客户负责人"
|
|
|
+ clearable
|
|
|
+ @keyup.enter="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" icon="Search" @click="handleQuery"
|
|
|
+ >搜索</el-button
|
|
|
+ >
|
|
|
+ <el-button icon="Refresh" @click="resetQuery">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-form>
|
|
|
+
|
|
|
+ <!-- 列表区 -->
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ :data="companyList"
|
|
|
+ size="small"
|
|
|
+ border
|
|
|
+ height="100%"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+ <el-table-column type="selection" width="55" align="center" />
|
|
|
+ <el-table-column label="序号" align="center" type="index" />
|
|
|
+ <el-table-column
|
|
|
+ label="客户名称"
|
|
|
+ width="230"
|
|
|
+ align="center"
|
|
|
+ prop="name"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="税号"
|
|
|
+ width="180"
|
|
|
+ align="center"
|
|
|
+ prop="socialCreditCode"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="注册省-市-区"
|
|
|
+ width="180"
|
|
|
+ align="center"
|
|
|
+ prop="province"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.province + "-" + scope.row.city + "-" + scope.row.district
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="年收入" align="center" prop="annualIncome" />
|
|
|
+ <el-table-column label="纳税类型" align="center" prop="taxType" />
|
|
|
+ <el-table-column
|
|
|
+ label="是否零申报"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ prop="isZero"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{
|
|
|
+ scope.row.isZero === 1 ? "是" : scope.row.isZero === 0 ? "否" : ""
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="客服" align="center" prop="adviserName" />
|
|
|
+ <el-table-column label="负责人" align="center" prop="leaderName" />
|
|
|
+
|
|
|
+ <!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
|
|
<template #default="scope">
|
|
|
<el-button link type="warning" size="small" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['business:company:edit']">修改</el-button>
|
|
|
<el-button link type="danger" size="small" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['business:company:remove']">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column> -->
|
|
|
- </el-table>
|
|
|
+ </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"
|
|
|
+ />
|
|
|
|
|
|
- <!-- 表单 -->
|
|
|
- <company-form ref="companyRef" :get-list="getList"></company-form>
|
|
|
- </div>
|
|
|
+ <!-- 表单 -->
|
|
|
+ <company-form ref="companyRef" :get-list="getList"></company-form>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script setup name="Company">
|
|
|
import { listCompany, delCompany } from "@/api/business/crm/company";
|
|
|
-import companyForm from "./form"
|
|
|
-const { proxy } = getCurrentInstance()
|
|
|
+import companyForm from "./form";
|
|
|
+const { proxy } = getCurrentInstance();
|
|
|
/** 字典数组区 */
|
|
|
/** 查询 对象 */
|
|
|
|
|
|
const companyList = ref([]);
|
|
|
const loading = ref(true);
|
|
|
-const ids = ref([])
|
|
|
+const ids = ref([]);
|
|
|
const single = ref(true);
|
|
|
const multiple = ref(true);
|
|
|
const total = ref(0);
|
|
|
/** 查询对象 */
|
|
|
const queryParams = ref({
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 20,
|
|
|
- category: null,
|
|
|
- code: null,
|
|
|
- name: null,
|
|
|
- shortName: null,
|
|
|
- oldName: null,
|
|
|
- owner: null,
|
|
|
- phone: null,
|
|
|
- email: null,
|
|
|
- contactAddress: null,
|
|
|
- source: null,
|
|
|
- type: null,
|
|
|
- socialCreditCode: null,
|
|
|
- mainBusiness: null,
|
|
|
- legalRepresentative: null,
|
|
|
- foundationDate: null,
|
|
|
- licenceDate: null,
|
|
|
- businessStartDate: null,
|
|
|
- businessEndDate: null,
|
|
|
- isPermanentlyEffective: null,
|
|
|
- registerMoney: null,
|
|
|
- registerMoneyUnit: null,
|
|
|
- provinceCode: null,
|
|
|
- province: null,
|
|
|
- cityCode: null,
|
|
|
- city: null,
|
|
|
- districtCode: null,
|
|
|
- district: null,
|
|
|
- address: null,
|
|
|
- businessField: null,
|
|
|
- taxType: null,
|
|
|
- isZero: null,
|
|
|
- competentTaxAuthority: null,
|
|
|
- taxCollectorName: null,
|
|
|
- taxCollectorPhone: null,
|
|
|
- taxMonth: null,
|
|
|
- openingBank: null,
|
|
|
- bankAccount: null,
|
|
|
- annualIncome: null,
|
|
|
- governmentAccountNo: null,
|
|
|
- governmentPassword: null,
|
|
|
- socialSecurityAccountNo: null,
|
|
|
- socialSecurityPassword: null,
|
|
|
- employeePassword: null,
|
|
|
- housingFundPassword: null,
|
|
|
- housingFundUnitAccount: null,
|
|
|
- housingFundDeductionPassword: null,
|
|
|
- collectionMethod: null,
|
|
|
- quotaAmount: null,
|
|
|
- isPayOnWindow: null,
|
|
|
- isFirstSocialSecurity: null,
|
|
|
- isFirstHousingFund: null,
|
|
|
- leaderId: null,
|
|
|
- adviserId: null,
|
|
|
- leaderName: null,
|
|
|
- adviserName: null,
|
|
|
-})
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ category: null,
|
|
|
+ code: null,
|
|
|
+ name: null,
|
|
|
+ shortName: null,
|
|
|
+ oldName: null,
|
|
|
+ owner: null,
|
|
|
+ phone: null,
|
|
|
+ email: null,
|
|
|
+ contactAddress: null,
|
|
|
+ source: null,
|
|
|
+ type: null,
|
|
|
+ socialCreditCode: null,
|
|
|
+ mainBusiness: null,
|
|
|
+ legalRepresentative: null,
|
|
|
+ foundationDate: null,
|
|
|
+ licenceDate: null,
|
|
|
+ businessStartDate: null,
|
|
|
+ businessEndDate: null,
|
|
|
+ isPermanentlyEffective: null,
|
|
|
+ registerMoney: null,
|
|
|
+ registerMoneyUnit: null,
|
|
|
+ provinceCode: null,
|
|
|
+ province: null,
|
|
|
+ cityCode: null,
|
|
|
+ city: null,
|
|
|
+ districtCode: null,
|
|
|
+ district: null,
|
|
|
+ address: null,
|
|
|
+ businessField: null,
|
|
|
+ taxType: null,
|
|
|
+ isZero: null,
|
|
|
+ competentTaxAuthority: null,
|
|
|
+ taxCollectorName: null,
|
|
|
+ taxCollectorPhone: null,
|
|
|
+ taxMonth: null,
|
|
|
+ openingBank: null,
|
|
|
+ bankAccount: null,
|
|
|
+ annualIncome: null,
|
|
|
+ governmentAccountNo: null,
|
|
|
+ governmentPassword: null,
|
|
|
+ socialSecurityAccountNo: null,
|
|
|
+ socialSecurityPassword: null,
|
|
|
+ employeePassword: null,
|
|
|
+ housingFundPassword: null,
|
|
|
+ housingFundUnitAccount: null,
|
|
|
+ housingFundDeductionPassword: null,
|
|
|
+ collectionMethod: null,
|
|
|
+ quotaAmount: null,
|
|
|
+ isPayOnWindow: null,
|
|
|
+ isFirstSocialSecurity: null,
|
|
|
+ isFirstHousingFund: null,
|
|
|
+ leaderId: null,
|
|
|
+ adviserId: null,
|
|
|
+ leaderName: null,
|
|
|
+ adviserName: null,
|
|
|
+});
|
|
|
|
|
|
/*********************** 方法区 ****************************/
|
|
|
|
|
|
/** 查询company列表 */
|
|
|
function getList() {
|
|
|
- loading.value = true;
|
|
|
- listCompany(queryParams.value).then(response => {
|
|
|
- companyList.value = response.rows;
|
|
|
- total.value = response.total;
|
|
|
- loading.value = false;
|
|
|
- console.log(companyList.value)
|
|
|
- });
|
|
|
+ loading.value = true;
|
|
|
+ listCompany(queryParams.value).then((response) => {
|
|
|
+ companyList.value = response.rows;
|
|
|
+ total.value = response.total;
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
function handleQuery() {
|
|
|
- queryParams.value.pageNum = 1;
|
|
|
- getList();
|
|
|
+ queryParams.value.pageNum = 1;
|
|
|
+ getList();
|
|
|
}
|
|
|
|
|
|
/** 重置按钮操作 */
|
|
|
function resetQuery() {
|
|
|
- proxy.resetForm("queryRef");
|
|
|
- queryParams.value.name = "";
|
|
|
- queryParams.value.socialCreditCode = "";
|
|
|
- queryParams.value.leaderName = "";
|
|
|
- handleQuery();
|
|
|
+ proxy.resetForm("queryRef");
|
|
|
+ queryParams.value.name = "";
|
|
|
+ queryParams.value.socialCreditCode = "";
|
|
|
+ queryParams.value.leaderName = "";
|
|
|
+ handleQuery();
|
|
|
}
|
|
|
|
|
|
// 多选框选中数据
|
|
|
function handleSelectionChange(selection) {
|
|
|
- ids.value = selection.map(item => item.id);
|
|
|
- single.value = selection.length != 1;
|
|
|
- multiple.value = !selection.length;
|
|
|
+ ids.value = selection.map((item) => item.id);
|
|
|
+ single.value = selection.length != 1;
|
|
|
+ multiple.value = !selection.length;
|
|
|
}
|
|
|
|
|
|
/** 新增按钮操作 */
|
|
|
function handleAdd() {
|
|
|
- proxy.$refs.companyRef.open()
|
|
|
+ proxy.$refs.companyRef.open();
|
|
|
}
|
|
|
|
|
|
/** 修改按钮操作 */
|
|
|
function handleUpdate(row) {
|
|
|
- const id = row.id || ids.value
|
|
|
- proxy.$refs.companyRef.open(id)
|
|
|
+ const id = row.id || ids.value;
|
|
|
+ proxy.$refs.companyRef.open(id);
|
|
|
}
|
|
|
|
|
|
-
|
|
|
/** 删除按钮操作 */
|
|
|
function handleDelete(row) {
|
|
|
- const _ids = row.id || ids.value;
|
|
|
- proxy.$modal.confirm('是否确认删除选中的数据项?').then(function () {
|
|
|
- return delCompany(_ids);
|
|
|
- }).then(() => {
|
|
|
- getList();
|
|
|
- proxy.$modal.msgSuccess("删除成功!");
|
|
|
- }).catch(() => { });
|
|
|
+ const _ids = row.id || ids.value;
|
|
|
+ proxy.$modal
|
|
|
+ .confirm("是否确认删除选中的数据项?")
|
|
|
+ .then(function () {
|
|
|
+ return delCompany(_ids);
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ getList();
|
|
|
+ proxy.$modal.msgSuccess("删除成功!");
|
|
|
+ })
|
|
|
+ .catch(() => {});
|
|
|
}
|
|
|
|
|
|
/** 导出按钮操作 */
|
|
|
function handleExport() {
|
|
|
- proxy.download('business/company/export', {
|
|
|
- ...queryParams.value
|
|
|
- }, `company_${new Date().getTime()}.xlsx`)
|
|
|
+ proxy.download(
|
|
|
+ "business/company/export",
|
|
|
+ {
|
|
|
+ ...queryParams.value,
|
|
|
+ },
|
|
|
+ `company_${new Date().getTime()}.xlsx`
|
|
|
+ );
|
|
|
}
|
|
|
|
|
|
getList();
|