Skip to content

Y
yd-csf-front
Commit 34364a66 by yuzhenWang
Options

封装页面组件

parent 0d20348c
Showing with 1022 additions and 350 deletions
src/api/financial/commission.js
...@@ -214,3 +214,11 @@ export function incomeCompareRecords(data) { ...@@ -214,3 +214,11 @@ export function incomeCompareRecords(data) {
data: data data: data
}) })
} }
// 保单号列表
export function policyData(data) {
return request({
url: '/csf/api/CommissionExpected/list/page',
method: 'post',
data: data
})
}
src/api/sign/underwritingMain.js
...@@ -213,3 +213,11 @@ export function changePolicyStatus(data) { ...@@ -213,3 +213,11 @@ export function changePolicyStatus(data) {
}) })
} }
// 签单人姓名列表
export function signName(data) {
return request({
url: '/csf/api/CommissionExpected/list/page',
method: 'post',
data: data
})
}
src/assets/styles/index.scss
...@@ -11,7 +11,8 @@ body { ...@@ -11,7 +11,8 @@ body {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial,
sans-serif;
} }
label { label {
...@@ -91,7 +92,7 @@ div:focus { ...@@ -91,7 +92,7 @@ div:focus {
visibility: hidden; visibility: hidden;
display: block; display: block;
font-size: 0; font-size: 0;
content: " "; content: ' ';
clear: both; clear: both;
height: 0; height: 0;
} }
...@@ -105,7 +106,8 @@ aside { ...@@ -105,7 +106,8 @@ aside {
display: block; display: block;
line-height: 32px; line-height: 32px;
font-size: 16px; font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #2c3e50; color: #2c3e50;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
...@@ -122,7 +124,8 @@ aside { ...@@ -122,7 +124,8 @@ aside {
//main-container全局样式 //main-container全局样式
.app-container { .app-container {
padding: 20px; padding: 10px;
box-sizing: border-box;
} }
.components-container { .components-container {
...@@ -131,7 +134,7 @@ aside { ...@@ -131,7 +134,7 @@ aside {
} }
.text-center { .text-center {
text-align: center text-align: center;
} }
.sub-navbar { .sub-navbar {
...@@ -142,7 +145,13 @@ aside { ...@@ -142,7 +145,13 @@ aside {
text-align: right; text-align: right;
padding-right: 20px; padding-right: 20px;
transition: 600ms ease position; transition: 600ms ease position;
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); background: linear-gradient(
90deg,
rgba(32, 182, 249, 1) 0%,
rgba(32, 182, 249, 1) 0%,
rgba(33, 120, 241, 1) 100%,
rgba(33, 120, 241, 1) 100%
);
.subtitle { .subtitle {
font-size: 20px; font-size: 20px;
......
src/components/commonDialog/index.vue 0 → 100644
<template>
<div class="commonDialog-container">
<el-dialog
style="padding: 0 !important"
v-model="showDialog"
:width="dialogWidth"
append-to-body
:close-on-click-modal="closeOnClickModal"
:before-close="handleClose"
center
:show-close="false"
>
<template #header>
<div class="titleBox">{{ dialogTitle }}</div>
</template>
<slot class="content"></slot>
<template #footer>
<div class="dialog-footer">
<!-- 取消按钮 -->
<el-button type="info" plain v-if="showCancle" @click="close">{{ cancleText }}</el-button>
<!-- 确认按钮 -->
<el-button type="primary" v-if="showConfirm" @click="confirm">{{
confirmText
}}</el-button>
</div>
</template>
</el-dialog>
</div>
</template>
<script setup>
import { ref, computed, watch, nextTick, onMounted, defineExpose } from 'vue'
const props = defineProps({
dialogTitle: {
type: String,
default: ''
},
cancleText: {
type: String,
default: '取消'
},
showCancle: {
type: Boolean,
default: true
},
confirmText: {
type: String,
default: '确认'
},
showConfirm: {
type: Boolean,
default: true
},
dialogWidth: {
type: [String, Number],
default: '500px'
},
// 是否点击遮罩层关闭弹窗
closeOnClickModal: {
type: Boolean,
default: true
},
// 打开弹窗
openDialog: {
type: Boolean,
default: true
},
// 打开弹窗
center: {
type: Boolean,
default: true
}
})
const showDialog = ref(props.openDialog)
const emit = defineEmits(['confirm', 'close'])
const close = () => {
showDialog.value = false
emit('close')
}
const confirm = () => {
showDialog.value = false
emit('confirm')
}
const handleClose = done => {
close()
done()
}
watch(
() => props.openDialog,
val => {
showDialog.value = val
}
)
</script>
<style scoped lang="scss">
.commonDialog-container {
width: 100%;
}
.titleBox {
width: 100%;
background: rgba(0, 82, 217, 0.05);
display: flex;
justify-content: center;
align-items: center;
padding: 15px 0;
}
.dialog-footer {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
</style>
src/components/commonPage/index.vue 0 → 100644
<template>
<div class="commonPage-container">
<!-- 条件查询区 -->
<el-card class="cardStyle" v-if="showSearchForm">
<el-row>
<!-- 查询条件插槽 -->
<div ref="searchFormRef" class="search-form-container" :class="{ expanded: isExpanded }">
<slot name="searchForm"></slot>
</div>
<!-- 更多/收起按钮区域 -->
<el-col :span="24" v-if="hasMoreCondition">
<div class="moreBtn">
<el-button v-if="!isExpanded" type="primary" link @click="toggleExpand">
更多<el-icon><Bottom /></el-icon>
</el-button>
<el-button v-else type="primary" link @click="toggleExpand">
收起<el-icon><Top /></el-icon>
</el-button>
</div>
</el-col>
</el-row>
</el-card>
<!-- 表格区域 -->
<el-card class="cardStyle">
<el-row>
<!-- 按钮区域 -->
<el-col :span="24" class="operationBtn">
<div class="operationLeft">
<template v-for="left in leftOperationBtns" :key="left.label">
<el-button
:type="left.type || 'primary'"
:icon="left.icon"
:size="left.size || 'default'"
@click="left.click"
:disabled="left.disabled"
:loading="left.loading"
>
{{ left.label }}
</el-button>
</template>
</div>
<div class="operationRight">
<template v-for="right in rightOperationBtns" :key="right.label">
<el-button
:type="right.type || 'primary'"
:icon="right.icon"
:size="right.size || 'default'"
@click="right.click"
:disabled="right.disabled"
:loading="right.loading"
>
{{ right.label }}
</el-button>
</template>
</div>
</el-col>
<!-- 表格插槽 -->
<slot name="table"></slot>
</el-row>
</el-card>
</div>
</template>
<script setup>
import { ref, computed, watch, nextTick, onMounted, defineExpose } from 'vue'
import { Bottom, Top } from '@element-plus/icons-vue'
const props = defineProps({
// 操作按钮列表
operationBtnList: {
type: Array,
default: () => []
},
// 是否显示查询表单
showSearchForm: {
type: Boolean,
default: true
},
// 分页相关
showPagination: {
type: Boolean,
default: false
},
total: {
type: Number,
default: 0
},
currentPage: {
type: Number,
default: 1
},
pageSize: {
type: Number,
default: 10
},
pageSizes: {
type: Array,
default: () => [10, 20, 50, 100]
},
paginationLayout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper'
},
// 默认显示的查询条件数量
defaultVisibleConditions: {
type: Number,
default: 6
}
})
const emit = defineEmits(['size-change', 'current-change', 'btn-click', 'search-toggle'])
// 响应式数据
const isExpanded = ref(false)
const hasMoreCondition = ref(false)
const searchFormRef = ref(null)
const currentPage = ref(props.currentPage)
const pageSize = ref(props.pageSize)
// 计算属性
const leftOperationBtns = computed(() => {
return props.operationBtnList.filter(btn => btn.direction === 'left' || !btn.direction)
})
const rightOperationBtns = computed(() => {
return props.operationBtnList.filter(btn => btn.direction === 'right')
})
// 方法
const toggleExpand = () => {
isExpanded.value = !isExpanded.value
}
const checkConditions = () => {
if (!searchFormRef.value) return
nextTick(() => {
// 查找表单中的所有表单项
const formItems = searchFormRef.value.querySelectorAll('.el-form-item')
const formButtons = searchFormRef.value.querySelectorAll('.el-button')
const totalItems = formItems.length + formButtons.length
hasMoreCondition.value = totalItems > props.defaultVisibleConditions
if (!isExpanded.value && hasMoreCondition.value) {
// 隐藏超出默认数量的条件
let visibleCount = 0
let hiddenCount = 0
// 处理表单项
formItems.forEach((item, index) => {
if (visibleCount < props.defaultVisibleConditions) {
item.style.display = ''
visibleCount++
} else {
item.style.display = 'none'
hiddenCount++
}
})
// 处理按钮项
formButtons.forEach((button, index) => {
if (visibleCount < props.defaultVisibleConditions) {
button.style.display = ''
visibleCount++
} else {
button.style.display = 'none'
hiddenCount++
}
})
} else {
// 显示所有条件
formItems.forEach(item => (item.style.display = ''))
formButtons.forEach(button => (button.style.display = ''))
}
})
}
const handleBtnClick = btn => {
emit('btn-click', btn)
if (btn.click && typeof btn.click === 'function') {
btn.click()
}
}
// 暴露给父组件的方法
defineExpose({
checkConditions,
toggleExpand
})
// 监听器
watch(isExpanded, () => {
checkConditions()
})
watch(
() => props.currentPage,
val => {
currentPage.value = val
}
)
watch(
() => props.pageSize,
val => {
pageSize.value = val
}
)
// 生命周期
onMounted(() => {
if (props.showSearchForm) {
checkConditions()
}
})
</script>
<style scoped>
.commonPage-container {
width: 100%;
}
.cardStyle {
margin-bottom: 10px;
border: none !important;
}
.moreBtn {
display: flex;
align-items: center;
justify-content: center;
margin-top: 10px;
}
.operationBtn {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.operationLeft,
.operationRight {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.pagination-container {
display: flex;
justify-content: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--el-border-color-lighter);
}
/* 搜索表单容器样式 */
.search-form-container {
display: flex;
flex-wrap: wrap;
gap: 12px;
width: 100%;
align-items: flex-end;
}
/* 响应式调整 */
@media (max-width: 768px) {
.operationBtn {
flex-direction: column;
gap: 10px;
}
.operationLeft,
.operationRight {
width: 100%;
justify-content: center;
}
.search-form-container {
flex-direction: column;
}
.search-form-container :deep(.el-form-item) {
width: 100% !important;
}
}
</style>
src/formJson/policyInfo.js
...@@ -235,8 +235,8 @@ const policyInfo = [ ...@@ -235,8 +235,8 @@ const policyInfo = [
lg: 8 //栅格布局份数 lg: 8 //栅格布局份数
}, },
{ {
label: '首期待交保费', label: '首期已交保费',
key: 'initialPremiumDue', key: 'initialPremiumPaid',
domType: 'Input', domType: 'Input',
inputType: 'number', inputType: 'number',
required: false, required: false,
...@@ -251,8 +251,8 @@ const policyInfo = [ ...@@ -251,8 +251,8 @@ const policyInfo = [
lg: 8 //栅格布局份数 lg: 8 //栅格布局份数
}, },
{ {
label: '首期已交保费', label: '首期待交保费',
key: 'initialPremiumPaid', key: 'initialPremiumDue',
domType: 'Input', domType: 'Input',
inputType: 'number', inputType: 'number',
required: false, required: false,
...@@ -266,6 +266,7 @@ const policyInfo = [ ...@@ -266,6 +266,7 @@ const policyInfo = [
sm: 8, //栅格布局份数 sm: 8, //栅格布局份数
lg: 8 //栅格布局份数 lg: 8 //栅格布局份数
}, },
{ {
label: '最晚缴费日期', label: '最晚缴费日期',
key: 'latestPaymentDate', key: 'latestPaymentDate',
......
src/store/modules/dict.js
import { signName } from '../../api/sign/underwritingMain'
const useDictStore = defineStore('dict', { const useDictStore = defineStore('dict', {
state: () => ({ state: () => ({
dict: new Array(), dict: new Array(),
...@@ -6,7 +8,8 @@ const useDictStore = defineStore('dict', { ...@@ -6,7 +8,8 @@ const useDictStore = defineStore('dict', {
additionalProductList: [], //附加险产品数据 additionalProductList: [], //附加险产品数据
insureCompanyList: [], //保险公司数据 insureCompanyList: [], //保险公司数据
clientUserList: [], //用户数据，转介人 clientUserList: [], //用户数据，转介人
dictTypeLists: [] //字典列表，根据请求得不同会变化，所以使用之前需要使用useDictLists请求数据 dictTypeLists: [], //字典列表，根据请求得不同会变化，所以使用之前需要使用useDictLists请求数据
signNameList: []
}), }),
actions: { actions: {
// 获取字典 // 获取字典
...@@ -77,6 +80,10 @@ const useDictStore = defineStore('dict', { ...@@ -77,6 +80,10 @@ const useDictStore = defineStore('dict', {
// 设置字典列表 // 设置字典列表
setDictTypeLists(typeList) { setDictTypeLists(typeList) {
this.dictTypeLists = typeList this.dictTypeLists = typeList
},
// 设置签单人姓名列表
setSignNameList(nameList) {
this.signNameList = nameList
} }
} }
}) })
......
src/utils/common.js
...@@ -13,8 +13,8 @@ export default function deepClone(obj) { ...@@ -13,8 +13,8 @@ export default function deepClone(obj) {
return clonedObj return clonedObj
} }
} }
// 处理用户名相同的情况 // 处理用户名重名时返回姓名+手机号
export function processUserName(users) { export function processSameUserName(users) {
const nameCountMap = new Map() const nameCountMap = new Map()
// 统计 realName 重复情况 // 统计 realName 重复情况
...@@ -46,3 +46,32 @@ export function processUserName(users) { ...@@ -46,3 +46,32 @@ export function processUserName(users) {
} }
}) })
} }
// 处理用户名返回姓名+手机号（手机号固定11位）
export function processUserName(users) {
return users.map(user => {
processUserName
const mobile = user.mobile || ''
if (mobile.length === 11) {
const prefix = mobile.substring(0, 3)
const suffix = mobile.substring(7)
return {
...user,
showName: `${user.realName || ''} ${prefix}****${suffix}`
}
} else if (mobile) {
// 非11位手机号，显示部分信息
const prefix = mobile.substring(0, Math.min(3, mobile.length))
const suffix = mobile.substring(Math.max(mobile.length - 2, 0))
return {
...user,
showName: `${user.realName || ''} ${prefix}***${suffix}`
}
} else {
return {
...user,
showName: user.realName || ''
}
}
})
}
src/views/financialCenter/financialIncome.vue
...@@ -239,7 +239,31 @@ ...@@ -239,7 +239,31 @@
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="保单号" prop="policyNo"> <el-form-item label="保单号" prop="policyNo">
<el-input v-model="incomeForm.policyNo" placeholder="请输入保单号" /> <el-select
v-model="incomeForm.policyNo"
filterable
remote
reserve-keyword
placeholder="请输入保单号"
:remote-method="searchPolicy"
:loading="policyLoading"
@change="plilcyChange"
remote-show-suffix
>
<el-option
v-if="policyOptions.length === 0"
disabled
value=""
label="暂无数据"
style="color: #909399; text-align: center"
/>
<el-option
v-for="item in policyOptions"
:key="item.policyBizId"
:label="item.policyNo"
:value="item.policyNo"
/>
</el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
...@@ -256,12 +280,16 @@ ...@@ -256,12 +280,16 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="当前期数" prop="commissionPeriod"> <el-form-item label="当前期数" prop="commissionPeriod">
<el-input-number v-model="incomeForm.commissionPeriod" :min="1" /> <el-input-number
v-model="incomeForm.commissionPeriod"
:min="1"
@change="periodChange"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="总期数" prop="totalPeriod"> <el-form-item label="总期数" prop="totalPeriod">
<el-input-number v-model="incomeForm.totalPeriod" :min="1" /> <el-input-number v-model="incomeForm.totalPeriod" :min="1" :disabled="true" />
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
...@@ -437,7 +465,8 @@ import { ...@@ -437,7 +465,8 @@ import {
updatePolicyCommission, updatePolicyCommission,
incomeStatistics, incomeStatistics,
incomeEditRecords, incomeEditRecords,
incomeCompareRecords incomeCompareRecords,
policyData
} from '@/api/financial/commission' } from '@/api/financial/commission'
import FileUpload from '@/components/FileUpload/index' import FileUpload from '@/components/FileUpload/index'
...@@ -449,8 +478,8 @@ import { listType } from '@/api/system/dict/type' ...@@ -449,8 +478,8 @@ import { listType } from '@/api/system/dict/type'
// 添加表格引用 // 添加表格引用
const tableRef = ref() const tableRef = ref()
const statisticList = ref([ const statisticList = ref([
{ name: '总金额', value: '0', key: 'totalAmount', format: true }, { name: '合计应入账金额', value: '0', key: 'totalAmount', format: true },
{ name: '总入账金额', value: '0', key: 'totalPaidAmount', format: true }, { name: '合计实际入账金额', value: '0', key: 'totalPaidAmount', format: true },
{ name: '待入账金额', value: '0', key: 'pendingPaidAmount', format: true }, { name: '待入账金额', value: '0', key: 'pendingPaidAmount', format: true },
{ name: '已入账比例', value: '0', key: 'paidAmountRatio', format: false }, { name: '已入账比例', value: '0', key: 'paidAmountRatio', format: false },
{ name: '总保单数', value: '0', key: 'totalPolicyCount', format: false } { name: '总保单数', value: '0', key: 'totalPolicyCount', format: false }
...@@ -478,6 +507,46 @@ const currentRowOperation = ref({}) ...@@ -478,6 +507,46 @@ const currentRowOperation = ref({})
const isSearch = ref(false) const isSearch = ref(false)
const editStatus = ref('add') const editStatus = ref('add')
const policyLoading = ref(false)
const policyOptions = ref([])
// 搜索保单方法
const searchPolicy = query => {
policyLoading.value = true
try {
const params = {
policyNo: query,
pageNo: 1,
pageSize: 10
}
policyData(params).then(response => {
policyOptions.value = response.data.records
})
} catch (error) {
console.error('保单号搜索失败', error)
policyOptions.value = []
} finally {
policyLoading.value = false
}
}
const plilcyChange = () => {
policyOptions.value.forEach(item => {
if (incomeForm.policyNo == item.policyNo) {
incomeForm.premium = item.premium
incomeForm.totalPeriod = item.totalPeriod
}
})
}
const periodChange = () => {
if (
incomeForm.totalPeriod &&
incomeForm.commissionPeriod &&
incomeForm.commissionPeriod > incomeForm.totalPeriod
) {
ElMessage.error('当前期数不能大于总期数')
incomeForm.commissionPeriod = '1'
}
}
const getAlignmentData = () => { const getAlignmentData = () => {
let data = { let data = {
commissionBizId: currentRowOperation.value.commissionBizId, commissionBizId: currentRowOperation.value.commissionBizId,
...@@ -864,7 +933,7 @@ const handleAdd = () => { ...@@ -864,7 +933,7 @@ const handleAdd = () => {
currency: 'HKD', currency: 'HKD',
commissionDate: '', commissionDate: '',
remark: '', remark: '',
exchangeRate: '', exchangeRate: '7.80',
premium: '', premium: '',
status: '' status: ''
}) })
......
src/views/sign/FnaList/components/customer.vue
...@@ -477,6 +477,7 @@ const processFormData = async () => { ...@@ -477,6 +477,7 @@ const processFormData = async () => {
editStatus.value = true editStatus.value = true
} else { } else {
editStatus.value = false editStatus.value = false
form.value.customerType = 'INDIVIDUAL'
processedCustomerData.value = oldCustomerData.value = processedData processedCustomerData.value = oldCustomerData.value = processedData
} }
} }
......
src/views/sign/FnaList/components/fanForm.vue
...@@ -876,7 +876,6 @@ const setFormValue = (obj, formData) => { ...@@ -876,7 +876,6 @@ const setFormValue = (obj, formData) => {
} }
} }
} }
} }
} }
} }
......
src/views/sign/FnaList/index.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 步骤条 --> <CommonPage
<!-- <el-row style="margin-bottom: 30px"> :operationBtnList="operationBtnList"
<el-col :span="24"> :showSearchForm="true"
<Step :stepList="stepList"></Step> :show-pagination="false"
</el-col> >
</el-row> --> <!-- 查询条件插槽 -->
<!-- 条件查询 --> <template #searchForm>
<el-row> <el-form :model="queryParams" ref="queryRef" label-width="78px">
<el-col :span="24"> <el-row :gutter="50">
<el-form <el-col :span="8">
:model="queryParams" <el-form-item label="创建时间">
ref="queryRef" <el-date-picker
:inline="true" v-model="dateRange"
v-show="showSearch" value-format="YYYY-MM-DD"
label-width="70px" type="daterange"
> range-separator="-"
<el-form-item start-placeholder="开始日期"
><el-button type="primary" icon="Plus" @click="handleAdd" end-placeholder="结束日期"
>新建流程</el-button @clear="clearDateRange"
></el-form-item style="width: 100%"
> ></el-date-picker>
</el-form-item>
<el-form-item label="创建时间" style="width: 300px"> </el-col>
<el-date-picker <el-col :span="8">
v-model="dateRange" <el-form-item label="流程编号" prop="fnaNo">
value-format="YYYY-MM-DD" <el-input
type="daterange" v-model="queryParams.fnaNo"
range-separator="-" placeholder="请输入流程编号"
start-placeholder="开始日期" clearable
end-placeholder="结束日期" @keyup.enter="handleQuery"
></el-date-picker> style="width: 100%"
</el-form-item> />
<el-form-item label="流程编号" prop="fnaNo"> </el-form-item>
<el-input </el-col>
v-model="queryParams.fnaNo" <el-col :span="8">
placeholder="请输入流程编号" <el-form-item label="客户姓名" prop="customerName">
clearable <el-input
style="width: 150px" v-model="queryParams.customerName"
@keyup.enter="handleQuery" placeholder="请输入姓名"
/> clearable
</el-form-item> @keyup.enter="handleQuery"
<el-form-item label="客户姓名" prop="customerName"> style="width: 100%"
<el-input />
v-model="queryParams.customerName" </el-form-item>
placeholder="请输入姓名" </el-col>
clearable
style="width: 140px"
@keyup.enter="handleQuery"
/>
</el-form-item>
<el-form-item label="状态" prop="status"> <el-col :span="8">
<el-select <el-form-item label="状态" prop="status">
v-model="queryParams.status" <el-select
placeholder="请选择" v-model="queryParams.status"
clearable placeholder="请选择"
style="width: 110px" clearable
> style="width: 100%"
<el-option >
v-for="dict in csf_fna_status" <el-option
:key="dict.value" v-for="dict in csf_fna_status"
:label="dict.label" :key="dict.value"
:value="dict.value" :label="dict.label"
/> :value="dict.value"
</el-select> />
</el-form-item> </el-select>
<el-form-item> </el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">查询</el-button> </el-col>
<el-button icon="Refresh" @click="resetQuery">重置</el-button> </el-row>
</el-form-item>
</el-form> </el-form>
</el-col> </template>
</el-row>
<el-table <!-- 表格插槽 -->
v-loading="loading" <template #table>
:data="tenantList" <el-table
@selection-change="tableSelect" v-loading="loading"
@sort-change="sortChange" :data="tenantList"
> @selection-change="tableSelect"
<!-- <el-table-column type="selection" width="55" /> --> @sort-change="sortChange"
<el-table-column type="index" width="50" label="序号" /> >
<el-table-column label="客户姓名" align="center" prop="customerName" width="100" /> <el-table-column type="index" width="50" label="序号" />
<el-table-column label="状态" align="center" width="150"> <el-table-column label="客户姓名" align="center" prop="customerName" width="100" />
<template #default="scope"> <el-table-column label="状态" align="center" width="150">
<span v-if="scope.row.status == 'UNCOMPLETED'"> <template #default="scope">
<span style="color: #ff7d00" class="iconfont icon-yanqiweiwancheng"></span> 未完成 <span v-if="scope.row.status == 'UNCOMPLETED'">
</span> <span style="color: #ff7d00" class="iconfont icon-yanqiweiwancheng"></span> 未完成
<span v-if="scope.row.status == 'COMPLETED'" </span>
><span style="color: #43cf7c" class="iconfont icon-yiwancheng"></span> 已完成 <span v-if="scope.row.status == 'COMPLETED'"
</span> ><span style="color: #43cf7c" class="iconfont icon-yiwancheng"></span> 已完成
<span v-if="scope.row.status == 'DRAFT'" </span>
><span style="color: #86909c" class="iconfont icon-genjinjilu"></span> 草稿 <span v-if="scope.row.status == 'DRAFT'"
</span> ><span style="color: #86909c" class="iconfont icon-genjinjilu"></span> 草稿
</template> </span>
</el-table-column> </template>
<el-table-column </el-table-column>
label="流程编号" <el-table-column
align="center" label="流程编号"
prop="fnaNo" align="center"
width="200" prop="fnaNo"
show-overflow-tooltip width="200"
/> show-overflow-tooltip
<el-table-column />
label="预约编号" <el-table-column
align="center" label="预约编号"
prop="appointmentNo" align="center"
width="200" prop="appointmentNo"
show-overflow-tooltip width="200"
/> show-overflow-tooltip
<el-table-column label="新单编号" align="center" prop="policyId" /> />
<el-table-column label="保单号" align="center" prop="policyNo" width="150" /> <el-table-column label="新单编号" align="center" prop="policyId" />
<el-table-column label="保单号" align="center" prop="policyNo" width="150" />
<el-table-column label="创建时间" sortable align="center" prop="createTime" width="200"> <el-table-column label="创建时间" sortable align="center" prop="createTime" width="200">
<template #default="scope"> <template #default="scope">
<span>{{ parseTime(scope.row.createTime) }}</span> <span>{{ parseTime(scope.row.createTime) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
width="250" width="250"
class-name="small-padding fixed-width" class-name="small-padding fixed-width"
fixed="right" fixed="right"
>
<template #default="scope">
<el-button type="primary" link @click="handleUpdate(scope.row)">修改</el-button>
<el-button type="success" link @click="handleCopy(scope.row)">生成副本</el-button>
<el-button v-if="!scope.row.policyNo" type="danger" link @click="handleDelete(scope.row)"
>删除</el-button
> >
</template> <template #default="scope">
</el-table-column> <el-button type="primary" link @click="handleUpdate(scope.row)">修改</el-button>
</el-table> <el-button type="success" link @click="handleCopy(scope.row)">生成副本</el-button>
<pagination <el-button
v-show="total >= 0" v-if="!scope.row.policyNo"
:total="total" type="danger"
v-model:page="queryParams.pageNo" link
v-model:limit="queryParams.pageSize" @click="handleDelete(scope.row)"
@pagination="getList" >删除</el-button
/> >
</template>
</el-table-column>
</el-table>
<div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
<pagination
v-show="total >= 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
style="text-align: right"
/>
</div>
</template>
</CommonPage>
<!-- 下一步到预约 --> <!-- 下一步到预约 -->
<div class="bottomBtn"> <div class="bottomBtn">
<el-button type="primary" @click="goToAppointment">下一步</el-button> <el-button type="primary" @click="goToAppointment">下一步</el-button>
...@@ -149,15 +152,10 @@ ...@@ -149,15 +152,10 @@
</template> </template>
<script setup name="FnaList"> <script setup name="FnaList">
import Step from '@/views/components/moduleStep' import CommonPage from '@/components/commonPage'
import { getFnaList, deleteFna, subProcess } from '@/api/sign/fna' import { getFnaList, deleteFna, subProcess } from '@/api/sign/fna'
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
const stepList = ref([
{ title: 'FNA', id: 1, finish: false, todo: true, unFinish: false },
{ title: '预约', id: 2, todo: false, finish: false, unFinish: true },
{ title: '新单跟进', id: 3, finish: false, todo: false, unFinish: true }
])
const userStore = useUserStore() const userStore = useUserStore()
const router = useRouter() const router = useRouter()
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
...@@ -165,16 +163,13 @@ const { csf_fna_status } = proxy.useDict('csf_fna_status') ...@@ -165,16 +163,13 @@ const { csf_fna_status } = proxy.useDict('csf_fna_status')
const tenantList = ref([]) const tenantList = ref([])
const loading = ref(true) const loading = ref(true)
const showSearch = ref(true)
const ids = ref([])
const total = ref(0) const total = ref(0)
const dateRange = ref([]) const dateRange = ref([])
const selectIdsList = ref([])
const data = reactive({ const data = reactive({
form: {}, form: {},
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
pageSize: 8, pageSize: 10,
startTime: '', startTime: '',
endTime: '', endTime: '',
sortField: '', sortField: '',
...@@ -183,6 +178,35 @@ const data = reactive({ ...@@ -183,6 +178,35 @@ const data = reactive({
}) })
const { queryParams, form, rules } = toRefs(data) const { queryParams, form, rules } = toRefs(data)
const operationBtnList = ref([
{
label: '新建流程',
icon: 'Plus',
type: 'primary',
direction: 'left',
size: 'small',
click: handleAdd
},
{
label: '搜索',
icon: 'Search',
type: 'primary',
direction: 'right',
size: 'small',
click: handleQuery
},
{
label: '重置',
icon: 'Refresh',
type: 'info',
direction: 'right',
size: 'small',
click: resetQuery
}
])
const clearDateRange = () => {
dateRange.value = []
}
const handleCopy = row => { const handleCopy = row => {
// { fnaBizId: row.fnaBizId } // { fnaBizId: row.fnaBizId }
subProcess({ fnaBizId: row.fnaBizId }).then(response => { subProcess({ fnaBizId: row.fnaBizId }).then(response => {
...@@ -191,7 +215,6 @@ const handleCopy = row => { ...@@ -191,7 +215,6 @@ const handleCopy = row => {
proxy.$modal.msgSuccess('生成副本成功') proxy.$modal.msgSuccess('生成副本成功')
} }
}) })
} }
const sortChange = ({ prop, order }) => { const sortChange = ({ prop, order }) => {
if (order == 'ascending') { if (order == 'ascending') {
...@@ -216,6 +239,9 @@ function getList() { ...@@ -216,6 +239,9 @@ function getList() {
if (dateRange.value.length > 0) { if (dateRange.value.length > 0) {
queryParams.value.startTime = `${dateRange.value[0]} 00:00:00` queryParams.value.startTime = `${dateRange.value[0]} 00:00:00`
queryParams.value.endTime = `${dateRange.value[1]} 23:59:59` queryParams.value.endTime = `${dateRange.value[1]} 23:59:59`
} else {
queryParams.value.startTime = ''
queryParams.value.endTime = ''
} }
loading.value = true loading.value = true
try { try {
...@@ -282,7 +308,7 @@ function handleAdd() { ...@@ -282,7 +308,7 @@ function handleAdd() {
function handleUpdate(row) { function handleUpdate(row) {
router.push({ router.push({
path: '/sign/FnaList/edit', path: '/sign/FnaList/edit',
query: { fnaBizId: row.fnaBizId, type: 'edit', status: row.status, source:'fnaList'} query: { fnaBizId: row.fnaBizId, type: 'edit', status: row.status, source: 'fnaList' }
}) })
} }
...@@ -290,8 +316,15 @@ getList() ...@@ -290,8 +316,15 @@ getList()
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bottomBtn { .bottomBtn {
width: 100%; box-sizing: border-box;
width: 95%;
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
position: fixed;
bottom: 0;
background-color: #fff;
z-index: 999;
border-top: 1px solid rgb(247 247 247);
padding: 10px 20px;
} }
</style> </style>
src/views/sign/appointment/appointmentEdit.vue
...@@ -318,7 +318,7 @@ import { ...@@ -318,7 +318,7 @@ import {
editAppointmentDetail, editAppointmentDetail,
uploadExcel uploadExcel
} from '@/api/sign/appointment' } from '@/api/sign/appointment'
import { getPolicyfollow, getPolicyInfo } from '@/api/sign/underwritingMain' import { getPolicyfollow, getPolicyInfo, signName } from '@/api/sign/underwritingMain'
import { listTenantUser, getInsuranceProductList, getAdditionalProductList } from '@/api/common' import { listTenantUser, getInsuranceProductList, getAdditionalProductList } from '@/api/common'
import { Check } from '@element-plus/icons-vue' import { Check } from '@element-plus/icons-vue'
import { ref, nextTick, onUnmounted } from 'vue' import { ref, nextTick, onUnmounted } from 'vue'
...@@ -588,6 +588,28 @@ function getCustomerInfo(customerBizId) { ...@@ -588,6 +588,28 @@ function getCustomerInfo(customerBizId) {
} }
// 获取各个流程所需要得字典数据 // 获取各个流程所需要得字典数据
const getDictsData = async () => { const getDictsData = async () => {
if (route.query.source == 'policyList') {
const params4 = {
pageNo: 1,
pageSize: 10,
policyNo: ''
}
const response4 = await signName(params4)
if (response4.code == 200) {
response4.data.records = response4.data.records.map(item => {
// return {
// ...item,
// label: item.productName,
// value: item.additionalProductBizId
// }
return item
})
dictStore.setSignNameList(response4.data.records)
console.log('response4', response4.data.records)
}
return
}
// 获取租户用户列表 // 获取租户用户列表
const params1 = { const params1 = {
tenantBizId: userStore.projectInfo.tenantBizId, tenantBizId: userStore.projectInfo.tenantBizId,
...@@ -631,6 +653,7 @@ const getDictsData = async () => { ...@@ -631,6 +653,7 @@ const getDictsData = async () => {
}) })
dictStore.setAdditionalProductList(response3.data.records) dictStore.setAdditionalProductList(response3.data.records)
} }
proxy.useDictLists([ proxy.useDictLists([
'csf_employment', 'csf_employment',
'sys_no_yes', 'sys_no_yes',
...@@ -1082,6 +1105,7 @@ if (route.query.source == 'policyList') { ...@@ -1082,6 +1105,7 @@ if (route.query.source == 'policyList') {
idsObj.value.appointmentBizId = route.query.appointmentBizId idsObj.value.appointmentBizId = route.query.appointmentBizId
isEmbed.value = route.query.embed isEmbed.value = route.query.embed
getDictsData()
tabsList.value = [ tabsList.value = [
{ {
label: '预计来佣', label: '预计来佣',
......
src/views/sign/appointment/index.vue
<template> <template>
<div class="app-container"> <div class="app-container">
<!-- 步骤条 --> <CommonPage
<!-- <el-row style="margin-bottom: 30px"> :operationBtnList="operationBtnList"
<el-col :span="24"> :showSearchForm="true"
<Step :stepList="stepList"></Step> :show-pagination="false"
</el-col> >
</el-row> --> <!-- 查询条件插槽 -->
<!-- 条件查询 --> <template #searchForm>
<el-row> <el-form :model="queryParams" ref="queryRef" label-width="100px">
<el-col :span="24"> <el-row :gutter="30">
<el-form <el-col :span="10">
:model="queryParams" <el-form-item label="确认预约时间">
ref="queryRef" <el-date-picker
:inline="true" v-model="dateRange"
v-show="showSearch" value-format="YYYY-MM-DD"
label-width="100px" type="daterange"
> range-separator="-"
<el-form-item label="确认预约时间" style="width: 300px"> start-placeholder="开始日期"
<el-date-picker end-placeholder="结束日期"
v-model="dateRange" @clear="clearDate"
value-format="YYYY-MM-DD" style="width: 100%"
type="daterange" ></el-date-picker>
range-separator="-" </el-form-item>
start-placeholder="开始日期" </el-col>
end-placeholder="结束日期" <el-col :span="7">
@clear="clearDate" <el-form-item label="预约编号" prop="appointmentNo">
></el-date-picker> <el-input
</el-form-item> style="width: 100%"
<el-form-item label="预约编号" prop="appointmentNo"> v-model="queryParams.appointmentNo"
<el-input placeholder="请输入预约编号"
v-model="queryParams.appointmentNo" clearable
placeholder="请输入预约编号" @keyup.enter="handleQuery"
clearable />
style="width: 150px" </el-form-item>
@keyup.enter="handleQuery" </el-col>
/> <el-col :span="7">
</el-form-item> <el-form-item label="预约状态" prop="status">
<el-form-item label="预约状态" prop="status"> <el-select
<el-select v-model="queryParams.status"
v-model="queryParams.status" placeholder="请选择"
placeholder="请选择" clearable
clearable style="width: 100%"
style="width: 110px" >
> <el-option
<el-option v-for="dict in csf_ap_status"
v-for="dict in csf_ap_status" :key="dict.value"
:key="dict.value" :label="dict.label"
:label="dict.label" :value="dict.value"
:value="dict.value" />
/> </el-select>
</el-select> </el-form-item>
</el-form-item> </el-col>
<el-form-item> </el-row>
<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-col> </template>
</el-row>
<el-table <!-- 表格插槽 -->
v-loading="loading" <template #table>
:data="tenantList" <el-table
@selection-change="tableSelect" v-loading="loading"
@sort-change="sortChange" :data="tenantList"
> @selection-change="tableSelect"
<!-- <el-table-column type="selection" width="55" /> --> @sort-change="sortChange"
<el-table-column type="index" label="序号" width="50" /> >
<el-table-column label="预约编号" align="center" prop="appointmentNo" width="200" /> <el-table-column type="index" label="序号" width="50" />
<el-table-column label="预约状态" align="center"> <el-table-column label="预约编号" align="center" prop="appointmentNo" width="200" />
<template #default="scope"> <el-table-column label="预约状态" align="center">
<dict-tag :options="csf_ap_status" :value="scope.row.status" /> <template #default="scope">
</template> <dict-tag :options="csf_ap_status" :value="scope.row.status" />
</el-table-column> </template>
<el-table-column label="最终预约时间" align="center" width="180"> </el-table-column>
<template #default="scope"> <el-table-column label="最终预约时间" align="center" width="180">
<span>{{ <template #default="scope">
scope.row.confirmAppointmentTime ? parseTime(scope.row.confirmAppointmentTime) : '--' <span>{{
}}</span> scope.row.confirmAppointmentTime
</template> ? parseTime(scope.row.confirmAppointmentTime)
</el-table-column> : '--'
<el-table-column label="产品名称" align="center" prop="productName" width="150" /> }}</span>
<el-table-column label="保险公司" align="center" prop="companyName" width="150" /> </template>
<el-table-column label="业务员" align="center" prop="businessRepresentName1" width="150" /> </el-table-column>
<el-table-column label="产品名称" align="center" prop="productName" width="150" />
<el-table-column label="保险公司" align="center" prop="companyName" width="150" />
<el-table-column
label="业务员"
align="center"
prop="businessRepresentName1"
width="150"
/>
<el-table-column label="投保人" align="center" prop="policyholder" width="150" /> <el-table-column label="投保人" align="center" prop="policyholder" width="150" />
<el-table-column label="受保人" align="center" prop="insurant" width="150" /> <el-table-column label="受保人" align="center" prop="insurant" width="150" />
<el-table-column label="供款年期" align="center" prop="paymentTerm" width="100" /> <el-table-column label="供款年期" align="center" prop="paymentTerm" width="100" />
<el-table-column label="每期保费" align="center" prop="eachIssuePremium" width="100" /> <el-table-column label="每期保费" align="center" prop="eachIssuePremium" width="100" />
<el-table-column label="货币" align="center" width="150"> <el-table-column label="货币" align="center" width="150">
<template #default="scope"> <template #default="scope">
<dict-tag :options="bx_currency_type" :value="scope.row.currency" /> <dict-tag :options="bx_currency_type" :value="scope.row.currency" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="意向预约时间" label="意向预约时间"
align="center" align="center"
prop="intentionAppointmentTime" prop="intentionAppointmentTime"
width="240" width="240"
show-overflow-tooltip show-overflow-tooltip
>
<template #default="scope">
<span>{{
scope.row.intentionAppointmentTime
? parseTime(scope.row.intentionAppointmentTime)
: '--'
}}</span>
</template>
</el-table-column>
<!-- sortable -->
<el-table-column label="创建时间" align="center" prop="createTime" width="150">
<template #default="scope">
<span>{{ formatToDate(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="left"
width="250"
class-name="small-padding fixed-width"
fixed="right"
>
<template #default="scope">
<el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
<el-button
link
type="primary"
v-if="scope.row.status == 2 || scope.row.status == 3"
@click="getAppointmentInfo(scope.row.appointmentBizId)"
>查看行程单</el-button
> >
<el-button link type="primary" @click="handleExprot(scope.row)">导出</el-button> <template #default="scope">
<el-button <span>{{
link scope.row.intentionAppointmentTime
type="danger" ? parseTime(scope.row.intentionAppointmentTime)
v-if="scope.row.status === 0" : '--'
@click="handleDelete(scope.row)" }}</span>
>删除</el-button </template>
</el-table-column>
<el-table-column label="创建时间" align="center" prop="createTime" width="150">
<template #default="scope">
<span>{{ formatToDate(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="left"
width="250"
class-name="small-padding fixed-width"
fixed="right"
> >
</template> <template #default="scope">
</el-table-column> <el-button link type="primary" @click="handleUpdate(scope.row)">修改</el-button>
</el-table> <el-button
<pagination link
v-show="total >= 0" type="primary"
:total="total" v-if="scope.row.status == 2 || scope.row.status == 3"
v-model:page="queryParams.pageNo" @click="getAppointmentInfo(scope.row.appointmentBizId)"
v-model:limit="queryParams.pageSize" >查看行程单</el-button
@pagination="getList" >
/> <el-button link type="primary" @click="handleExprot(scope.row)">导出</el-button>
<el-button
link
type="danger"
v-if="scope.row.status === 0"
@click="handleDelete(scope.row)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
<div style="width: 100%; display: flex; justify-content: flex-end; margin-bottom: 30px">
<pagination
v-show="total >= 0"
:total="total"
v-model:page="queryParams.pageNo"
v-model:limit="queryParams.pageSize"
@pagination="getList"
/>
</div>
</template>
</CommonPage>
<!-- 下一步到预约 --> <!-- 下一步到预约 -->
<div class="bottomBtn"> <div class="bottomBtn">
<el-button type="success" @click="goToAppointment('previousStep')">上一步</el-button> <el-button type="success" @click="goToAppointment('previousStep')">上一步</el-button>
<el-button type="primary" @click="goToAppointment('nextStep')">下一步</el-button> <el-button type="primary" @click="goToAppointment('nextStep')">下一步</el-button>
</div> </div>
<!-- 展示行程单详情 -->
<el-dialog v-model="dialogVisible" width="70%"> <CommonDialog
dialogTitle="香港行程安排"
confirmText="下载行程单"
cancleText="关闭"
dialogWidth="70%"
:openDialog="dialogVisible"
@confirm="handleExprotPdf"
@close="dialogVisible = false"
>
<div class="dialogBox"> <div class="dialogBox">
<div class="dialogTitle">香港行程安排</div>
<div class="dialogItem" v-for="item in detailData"> <div class="dialogItem" v-for="item in detailData">
<div class="dialogItemTitle">{{ item.title }}</div> <div class="dialogItemTitle">{{ item.title }}</div>
<DetailPanel <DetailPanel
...@@ -177,24 +191,16 @@ ...@@ -177,24 +191,16 @@
</div> </div>
<div class="remarkEmpty" v-else>暂无备注</div> <div class="remarkEmpty" v-else>暂无备注</div>
</div> </div>
<div class="exprotBtn">
<el-button
:loading="exportLoading"
type="primary"
style="margin-top: 15px"
@click="handleExprotPdf"
>下载行程单</el-button
>
</div>
</div> </div>
</el-dialog> </CommonDialog>
</div> </div>
</template> </template>
<script setup name="Appointment"> <script setup name="Appointment">
import CommonPage from '@/components/commonPage'
import DetailPanel from '@/components/DetailPanel' import DetailPanel from '@/components/DetailPanel'
import { onMounted, onActivated, ref } from 'vue' import { onMounted, onActivated, ref } from 'vue'
import Step from '@/views/components/moduleStep' import CommonDialog from '@/components/commonDialog'
import { import {
getAppointmentList, getAppointmentList,
getAppointmentExprot, getAppointmentExprot,
...@@ -203,11 +209,7 @@ import { ...@@ -203,11 +209,7 @@ import {
getItineraryExprot getItineraryExprot
} from '@/api/sign/appointment' } from '@/api/sign/appointment'
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
const stepList = ref([
{ title: 'FNA', id: 1, finish: true, todo: false, unFinish: false },
{ title: '预约', id: 2, todo: true, finish: false, unFinish: false },
{ title: '新单跟进', id: 3, finish: false, todo: false, unFinish: true }
])
const userStore = useUserStore() const userStore = useUserStore()
const router = useRouter() const router = useRouter()
const { proxy } = getCurrentInstance() const { proxy } = getCurrentInstance()
...@@ -221,11 +223,29 @@ const total = ref(0) ...@@ -221,11 +223,29 @@ const total = ref(0)
const dateRange = ref([]) const dateRange = ref([])
const detailData = ref([]) //行程单-行程信息 const detailData = ref([]) //行程单-行程信息
const exportLoading = ref(false) const exportLoading = ref(false)
const operationBtnList = ref([
{
label: '搜索',
icon: 'Search',
type: 'primary',
direction: 'right',
size: 'small',
click: handleQuery
},
{
label: '重置',
icon: 'Refresh',
type: 'info',
direction: 'right',
size: 'small',
click: resetQuery
}
])
const data = reactive({ const data = reactive({
form: {}, form: {},
queryParams: { queryParams: {
pageNo: 1, pageNo: 1,
pageSize: 8, pageSize: 10,
startTime: '', startTime: '',
endTime: '' endTime: ''
} }
...@@ -256,7 +276,6 @@ const handleExprotPdf = () => { ...@@ -256,7 +276,6 @@ const handleExprotPdf = () => {
link.click() link.click()
document.body.removeChild(link) document.body.removeChild(link)
exportLoading.value = false exportLoading.value = false
// proxy.$message.success('行程单下载成功')
dialogVisible.value = false dialogVisible.value = false
} else { } else {
proxy.$message.error('行程单下载失败') proxy.$message.error('行程单下载失败')
...@@ -517,20 +536,23 @@ function handleUpdate(row) { ...@@ -517,20 +536,23 @@ function handleUpdate(row) {
getList() getList()
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
/* ::v-deep .el-step__head.is-success { .app-container {
color: none !important; box-sizing: border-box;
background-color: #e8f3ff !important; }
border: none !important;
} */
/* ::v-deep .el-step__icon {
background-color: #e8f3ff !important;
} */
.bottomBtn { .bottomBtn {
width: 100%; box-sizing: border-box;
width: 95%;
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
position: fixed;
bottom: 0;
background-color: #fff;
z-index: 999;
border-top: 1px solid rgb(247 247 247);
padding: 10px 20px;
} }
.dialogBox { .dialogBox {
padding: 0 15px;
.dialogTitle { .dialogTitle {
display: flex; display: flex;
align-items: center; align-items: center;
......
src/views/sign/underwritingMain/components/expectedCommission.vue
...@@ -528,11 +528,15 @@ watch( ...@@ -528,11 +528,15 @@ watch(
newVal => { newVal => {
if (newVal === 'expectedCommission') { if (newVal === 'expectedCommission') {
searchOptions.value['reconciliationCompany'] = dictStore.insureCompanyList searchOptions.value['reconciliationCompany'] = dictStore.insureCompanyList
getTableList() if (props.policyNo) {
getTableList()
}
} }
} }
) )
getTableList() if (props.policyNo) {
getTableList()
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.domEmpty { .domEmpty {
......
src/views/sign/underwritingMain/components/policyInfo.vue
...@@ -117,12 +117,37 @@ ...@@ -117,12 +117,37 @@
<span class="required-label">姓名</span> <span class="required-label">姓名</span>
</template> </template>
<template #default="scope"> <template #default="scope">
<el-input <!-- <el-input
size="default" size="default"
placeholder="请输入" placeholder="请输入"
v-model="scope.row.signer" v-model="scope.row.signer"
:disabled="editStatus" :disabled="editStatus"
/> /> -->
<el-select
v-model="scope.row.signer"
filterable
remote
reserve-keyword
placeholder="请选择"
:remote-method="searchName"
:loading="nameLoading"
remote-show-suffix
:disabled="editStatus"
>
<el-option
v-if="nameOptions.length === 0"
disabled
value=""
label="暂无数据"
style="color: #909399; text-align: center"
/>
<el-option
v-for="item in nameOptions"
:key="item.policyBizId"
:label="item.policyNo"
:value="item.policyNo"
/>
</el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="手机号" prop="phone" align="center"> <el-table-column label="手机号" prop="phone" align="center">
...@@ -246,7 +271,7 @@ import { ...@@ -246,7 +271,7 @@ import {
getAllCompanys, getAllCompanys,
getClientUser getClientUser
} from '@/api/common' } from '@/api/common'
import { updatePolicyfollow, getPolicyfollow } from '@/api/sign/underwritingMain' import { updatePolicyfollow, getPolicyfollow, signName } from '@/api/sign/underwritingMain'
import useUserStore from '@/store/modules/user' import useUserStore from '@/store/modules/user'
const userStore = useUserStore() const userStore = useUserStore()
const dictStore = useDictStore() //获取字典数据 const dictStore = useDictStore() //获取字典数据
...@@ -294,6 +319,28 @@ const { ...@@ -294,6 +319,28 @@ const {
tempFanFormValue, tempFanFormValue,
tempFanFormData tempFanFormData
} = toRefs(data) } = toRefs(data)
const nameLoading = ref(false)
const nameOptions = ref([])
// 搜索签单人姓名方法
const searchName = query => {
nameLoading.value = true
try {
const params = {
policyNo: query,
pageNo: 1,
pageSize: 10
}
signName(params).then(response => {
nameOptions.value = response.data.records
})
} catch (error) {
console.error('保单号搜索失败', error)
nameOptions.value = []
} finally {
nameLoading.value = false
}
}
const disabledDate = time => { const disabledDate = time => {
return time.getTime() > Date.now() return time.getTime() > Date.now()
} }
...@@ -451,7 +498,8 @@ const processFormData = () => { ...@@ -451,7 +498,8 @@ const processFormData = () => {
loading.value = true loading.value = true
// 深拷贝原始数据 // 深拷贝原始数据
const processedData = JSON.parse(JSON.stringify(policyInfo)) const processedData = JSON.parse(JSON.stringify(policyInfo))
// 给签单员姓名加options
nameOptions.value = dictStore.signNameList
for (const section of processedData) { for (const section of processedData) {
if (section.fatherRequired) { if (section.fatherRequired) {
rules.value[section.key] = {} rules.value[section.key] = {}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment