|
@@ -23,6 +23,11 @@
|
|
|
<el-input v-model="queryParams.companyName" placeholder="请输入客户名称" clearable style="width: 150px"
|
|
|
@keyup.enter="handleQuery" />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="客户标签:">
|
|
|
+ <el-select v-model="queryParams.customerLabelId" style="width:100%" clearable>
|
|
|
+ <el-option v-for="item in options" :key="item.id" :label="item.lable" :value="item.id" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="月份:">
|
|
|
<el-select v-model.trim="queryParams.month" size="small" placeholder="月份" style="width: 130px"
|
|
|
@change="handleQuery" :clearable="false">
|
|
@@ -46,19 +51,30 @@
|
|
|
</el-form>
|
|
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" v-if="flag">
|
|
|
<el-tab-pane label="全部" name="first">
|
|
|
-
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
|
|
|
<el-tab-pane label="我的" name="second">
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
<!-- 列表区 -->
|
|
|
<el-table v-loading="loading" :data="list" size="small" border height="100%"
|
|
|
- @selection-change="handleSelectionChange" >
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
<el-table-column type="selection" width="55" align="center" />
|
|
|
- <el-table-column label="客户名称" align="center" prop="companyName" min-width="250" />
|
|
|
+ <el-table-column label="客户名称" align="center" prop="companyName" min-width="250">
|
|
|
+ <template #default="scope">
|
|
|
+ <div style="display: flex; align-items: center; justify-content: center;">
|
|
|
+ <el-tooltip :content="scope.row.customerLabelName" placement="top">
|
|
|
+ <el-icon :size="15" >
|
|
|
+ <CollectionTag />
|
|
|
+ </el-icon>
|
|
|
+ </el-tooltip>
|
|
|
+ <span style="margin-left: 15px;">{{scope.row.companyName}}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column label="来源" align="center" prop="fromCompanyName" min-width="100" />
|
|
|
<el-table-column label="纳税性质" align="center" min-width="130" prop="taxType" />
|
|
|
<el-table-column label="税号" align="center" prop="socialCreditCode" min-width="200" />
|
|
@@ -117,11 +133,11 @@
|
|
|
<!-- 分页 -->
|
|
|
<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" @getList = "getList"/>/>
|
|
|
+ <form-dialog ref="formDialogRef" :get-list="getList" @getList="getList" />
|
|
|
<view-dialog ref="viewDialogRef" :get-list="getList" />
|
|
|
<import-excel-dialog ref="importExcelDialogRef" :get-list="getList" />
|
|
|
<!-- 更多搜索弹窗 -->
|
|
|
- <el-dialog title="更多搜索" v-model="moreSearch" width="620px" append-to-body draggable :close-on-click-modal = "false">
|
|
|
+ <el-dialog title="更多搜索" v-model="moreSearch" width="620px" append-to-body draggable :close-on-click-modal="false">
|
|
|
<el-form :model="queryParams" ref="queryRef" size="small" label-width="100">
|
|
|
<el-row :gutter="20">
|
|
|
<el-col :span="12">
|
|
@@ -174,6 +190,7 @@
|
|
|
import { listCompany } from "@/api/business/crm/company";
|
|
|
import importExcelDialog from "./importExcelDialog.vue";
|
|
|
import { compile, reactive, ref, toRefs } from "vue";
|
|
|
+ import { listLableNoPage } from "@/api/business/lable"
|
|
|
|
|
|
import formDialog from "./form";
|
|
|
import viewDialog from "./view";
|
|
@@ -194,7 +211,7 @@
|
|
|
const prev = ref([]);
|
|
|
const permissions = useUserStore().permissions;
|
|
|
const all_permission = "*:*:*";
|
|
|
-
|
|
|
+ const options = ref([]);
|
|
|
const data = reactive({
|
|
|
selectMonths: [
|
|
|
{
|
|
@@ -312,7 +329,11 @@
|
|
|
};
|
|
|
|
|
|
/*********************** 方法区 ****************************/
|
|
|
-
|
|
|
+ function getOption() {
|
|
|
+ listLableNoPage().then(res => {
|
|
|
+ options.value = res.data
|
|
|
+ })
|
|
|
+ }
|
|
|
/** 查询company列表 */
|
|
|
function getList() {
|
|
|
loading.value = true;
|
|
@@ -369,7 +390,7 @@
|
|
|
companyName: "",
|
|
|
};
|
|
|
if (activeName.value != null && activeName.value === 'second') {
|
|
|
- queryParams.value.principal = useUserStore().user.userId;
|
|
|
+ queryParams.value.principal = useUserStore().user.userId;
|
|
|
}
|
|
|
handleQuery();
|
|
|
}
|
|
@@ -519,4 +540,5 @@
|
|
|
}
|
|
|
|
|
|
getList();
|
|
|
+ getOption();
|
|
|
</script>
|