feat: 资信管理审核-客户信息&公司评审-暂存

@@ -376,7 +376,6 @@ export default {
         annualTotalSales: '',
         mainIndustry: '',
         annualMaterialOverview: '',
-        companyCreditLimit: '',
         corePersonnelList: [],
       },
       sheet: { visible: false, title: '请选择', field: '', options: [], value: '' },

@@ -25,8 +25,7 @@
 				<view class="action-modal_header">{{ approveType === 'PASS' ? '通过' : '驳回' }}</view>
 				<view class="action-modal_body">
 					<text class="tip">{{ approveType === 'PASS' ? '您将通过该信息的审核' : '您将驳回该信息的审核' }}</text>
-					<uni-easyinput v-model="message"
-						:placeholder="approveType === 'PASS' ? '请输入通过原因' : '请输入驳回原因'" />
+					<uni-easyinput v-model="message" :placeholder="approveType === 'PASS' ? '请输入通过原因' : '请输入驳回原因'" />
 				</view>
 				<view class="action-modal_footer">
 					<button class="btn cancel" @click="cancelApprove">取消</button>
@@ -35,15 +34,93 @@
 				</view>
 			</view>
 		</uni-popup>
+
+		<uni-popup ref="customerInfoPopup" type="bottom" :mask-click="false">
+			<view class="dialog">
+				<view class="dialog_header">
+					<text>上传客户信息</text>
+					<view class="dialog_close" @click="closeCustomerInfo">×</view>
+				</view>
+				<view class="dialog_body">
+					<view class="dialog_row">
+						<text class="dialog_label">上传工商信息</text>
+						<FileUpload v-model="businessFile" />
+						<view v-if="businessFile && businessFile.name" class="upload-show">{{ businessFile.name }}
+						</view>
+					</view>
+					<view class="dialog_row">
+						<text class="dialog_label">上传股东信息</text>
+						<FileUpload v-model="shareholderFile" />
+						<view v-if="shareholderFile && shareholderFile.name" class="upload-show">{{ shareholderFile.name
+							}}</view>
+					</view>
+				</view>
+				<view class="dialog_footer">
+					<button class="btn confirm" type="primary" @click="onCustomerInfoSave">保存</button>
+				</view>
+			</view>
+		</uni-popup>
+
+		<uni-popup ref="companyReviewPopup" type="bottom" :mask-click="false">
+			<view class="dialog">
+				<view class="dialog_header">
+					<text>公司评审</text>
+					<view class="dialog_close" @click="closeCompanyReview">×</view>
+				</view>
+				<view class="dialog_body">
+					<uni-list>
+						<uni-list-item title="结算期限">
+							<template v-slot:footer>
+								<uni-easyinput v-model="companyReview.companySettlementPeriod" placeholder="请输入结算期限"
+									:inputBorder="false" />
+							</template>
+						</uni-list-item>
+						<uni-list-item title="加工操作方案">
+							<template v-slot:footer>
+								<uni-easyinput v-model="companyReview.companyMaterialSupplyPlan" placeholder="请输入加工操作方案"
+									:inputBorder="false" />
+							</template>
+						</uni-list-item>
+						<uni-list-item class="select-item" clickable
+							:rightText="companyReview.companySuggestedCategoryName || '请选择'" showArrow
+							@click="openSheet('companySuggestedCategory')">
+							<template v-slot:body>
+								<view class="item-title"><text>客户分类</text></view>
+							</template>
+						</uni-list-item>
+						<uni-list-item title="授信额度">
+							<template v-slot:footer>
+								<view class="amount-row">
+									<uni-easyinput type="number" v-model="companyReview.companyCreditLimit"
+										placeholder="0.00" :inputBorder="false" />
+									<text class="unit">万元</text>
+								</view>
+							</template>
+						</uni-list-item>
+					</uni-list>
+				</view>
+				<view class="dialog_footer">
+					<button class="btn confirm" type="primary" @click="onCompanyReviewSave">保存</button>
+				</view>
+			</view>
+		</uni-popup>
+
+		<SingleSelectSheet :visible.sync="sheet.visible" :title="sheet.title" :options="sheet.options"
+			v-model="sheet.value" @confirm="onSheetConfirm" />
 	</view>
 </template>
 <script>
 import FlowTimeline from '@/components/flow-timeline/index.vue'
+import SingleSelectSheet from '@/components/single-select/index.vue'
+import FileUpload from '@/components/file-upload/index.vue'
 import { getSysFlowComponentPath } from '@/utils/flow-components.js'
 import { getFlowLinkByInstanceIdApi, getInstanceByBusinessIdApi, approvePassApi, approveRefuseApi } from '@/api/flow.js'
+import { getDicByCodeApi } from '@/api/base.js'
 export default {
 	components: {
-		FlowTimeline
+		FlowTimeline,
+		SingleSelectSheet,
+		FileUpload
 	},
 	data() {
 		return {
@@ -56,9 +133,16 @@ export default {
 			},
 			isEnd: false, // 流程是否结束
 			nodeList: [],
-			extraBtnText: '',
 			approveType: 'PASS',
-			message: ''
+			message: '',
+			customerInfoVisible: false,
+			companyReviewVisible: false,
+			businessFile: { id: '', name: '' },
+			shareholderFile: { id: '', name: '' },
+			customerInfo: { businessFileName: '', businessFileId: '', shareholderFileName: '', shareholderFileId: '' },
+			companyReview: { companySettlementPeriod: '', companyMaterialSupplyPlan: '', companySuggestedCategory: '', companySuggestedCategoryName: '', companyCreditLimit: '' },
+			categoryOptions: [],
+			sheet: { visible: false, title: '请选择', options: [], value: '', field: '' }
 		}
 	},
 	computed: {
@@ -66,6 +150,22 @@ export default {
 			// sourceBusinessType 业务类型 todo 待处理--主要是合同那边使用
 			const name = getSysFlowComponentPath(this.auditCtx.bizFlag || '')
 			return name || ''
+		},
+		roleCodes() {
+			const g = this.$store && this.$store.getters
+			return (g && g.roleCodes) || []
+		},
+		extraBtnText() {
+			let text = ''
+			if (String(this.auditCtx.bizFlag || '') === 'CUSTOMER_CREDIT_EDIT') {
+				const codes = Array.isArray(this.roleCodes) ? this.roleCodes : []
+				if (codes.includes('yzkzg')) {
+					text = '公司评审'
+				} else if (codes.includes('yzkday')) {
+					text = '客户信息'
+				}
+			}
+			return text
 		}
 	},
 	onLoad() {
@@ -105,6 +205,7 @@ export default {
 		if (this.auditCtx && this.auditCtx.instanceId) {
 			this.loadFlowLinkByInstanceId(this.auditCtx.instanceId)
 		}
+		this.loadCategoryOptions()
 	},
 	onUnload() {
 		try {
@@ -114,6 +215,15 @@ export default {
 		} catch (e) { }
 	},
 	methods: {
+		async loadCategoryOptions() {
+			try {
+				const res = await getDicByCodeApi('CUSTOMER_CATEGORY')
+				const list = res.data || []
+				this.categoryOptions = (list || []).map(it => ({ label: it.name || '', value: it.code || '' }))
+			} catch (e) {
+				this.categoryOptions = []
+			}
+		},
 		loadFlowLinkByInstanceId(instanceId) {
 			getFlowLinkByInstanceIdApi({ instanceId }).then(res => {
 				console.log('审核__loadFlowLinkByInstanceId', res)
@@ -126,7 +236,9 @@ export default {
 			const ref = this.$refs.basicRef
 			const vals = ref && typeof ref.getFormValues === 'function' ? ref.getFormValues() : {}
 			return {
-				...vals
+				...vals,
+				customerInfo: { ...this.customerInfo },
+				companyReview: { ...this.companyReview }
 			}
 		},
 		//  驳回
@@ -138,23 +250,116 @@ export default {
 		//  通过
 		//  在这里增加业务判断  比如 资信管理，判断有没有填写客户信息、公司评审（这些是不同角色进行操作的）
 		onPass() {
+			console.log('审核__roles&&bizFlag', this.roleCodes, this.auditCtx.bizFlag);
+			// 客户资信的审核
+			if (this.auditCtx.bizFlag === 'CUSTOMER_CREDIT_EDIT') {
+				//  运作科档案员审核（yzkday） --显示客户信息按钮，可上传工商信息、股东信息的图片
+				if (this.roleCodes.includes('yzkday') && !this.hsCustomerInfo()) {
+					uni.showToast({
+						title: '请填写客户信息',
+						icon: 'none'
+					})
+					return
+				}
+				//  运作科主管审核（yzkzg） --显示公司评审按钮，可对加工操作方案、授信额度、结算期限、客户等级进行修改
+				if (this.roleCodes.includes('yzkzg') && !this.hsCompanyReview()) {
+					uni.showToast({
+						title: '请填写公司评审信息',
+						icon: 'none'
+					})
+					return
+				}
+			}
 			this.approveType = 'PASS'
 			this.message = ''
 			this.$refs.approvePopup.open()
 		},
+		// 是否填写-客户信息
+		hsCustomerInfo() {
+			if (this.customerInfo.businessFileId || this.customerInfo.shareholderFileId) {
+				return true
+			}
+			return false
+		},
+		// 是否填写-公司评审信息
+		hsCompanyReview() {
+			if (this.companyReview.companySettlementPeriod || this.companyReview.companyMaterialSupplyPlan || this.companyReview.companySuggestedCategory || this.companyReview.companySuggestedCategoryName || this.companyReview.companyCreditLimit) {
+				return true
+			}
+			return false
+		},
+		// 更多按钮操作
 		onExtra() {
-			const payload = this.getPayload()
-			uni.showToast({
-				title: this.extraBtnText,
-				icon: 'none'
-			})
+			if (this.extraBtnText === '客户信息') {
+				this.$refs.customerInfoPopup && this.$refs.customerInfoPopup.open()
+			} else if (this.extraBtnText === '公司评审') {
+				this.$refs.companyReviewPopup && this.$refs.companyReviewPopup.open()
+			}
+		},
+		// 上传客户信息 保存
+		onCustomerInfoSave() {
+			const b = this.businessFile || {}
+			const s = this.shareholderFile || {}
+			this.customerInfo.businessFileId = b.id || ''
+			this.customerInfo.businessFileName = b.name || ''
+			this.customerInfo.shareholderFileId = s.id || ''
+			this.customerInfo.shareholderFileName = s.name || ''
+			this.$refs.customerInfoPopup && this.$refs.customerInfoPopup.close()
+			console.log('审核__customerInfo', this.customerInfo)
+			uni.showToast({ title: '已保存', icon: 'none' })
+		},
+		openSheet(field) {
+			if (field === 'companySuggestedCategory') {
+				const current = this.companyReview.companySuggestedCategory
+				const match = (this.categoryOptions || []).find(o => String(o.value) === String(current) || String(o.label) === String(current))
+				this.sheet = { ...this.sheet, visible: true, title: '建议客户分类', options: this.categoryOptions, value: match ? match.value : '', field }
+			}
+		},
+		closeCustomerInfo() {
+			this.$refs.customerInfoPopup && this.$refs.customerInfoPopup.close()
+		},
+		closeCompanyReview() {
+			this.$refs.companyReviewPopup && this.$refs.companyReviewPopup.close()
+		},
+		onSheetConfirm({ value, label }) {
+			const field = this.sheet.field
+			if (!field) return
+			if (field === 'companySuggestedCategory') {
+				this.companyReview.companySuggestedCategory = value || ''
+				this.companyReview.companySuggestedCategoryName = label || ''
+			}
+			this.sheet.visible = false
+		},
+		// 公司评审 保存
+		onCompanyReviewSave() {
+			this.$refs.companyReviewPopup && this.$refs.companyReviewPopup.close();
+			console.log('审核__companyReview', this.companyReview)
+			uni.showToast({ title: '已保存', icon: 'none' })
 		},
 		cancelApprove() {
 			this.$refs.approvePopup.close()
 		},
 		confirmApprove() {
+			let _data = this.getPayload() || {};
+			// 客户资信的审核
+			if (this.auditCtx.bizFlag === 'CUSTOMER_CREDIT_EDIT') {
+				//  运作科档案员审核（yzkday） --客户信息数据
+				if (this.roleCodes.includes('yzkday')) {
+					_data = {
+						..._data,
+						...this.customerInfo
+					}
+				}
+				//  运作科主管审核（yzkzg） --公司评审数据
+				if (this.roleCodes.includes('yzkzg')) {
+					_data = {
+						..._data,
+						...this.companyReview
+					}
+				}
+			}
 			const payload = {
-				variables:this.getPayload(),
+				variables: _data,
 				message: this.message,
 				taskId: this.auditCtx.taskId
 			}
@@ -215,19 +420,19 @@ export default {
 		align-items: center;
 		height: 96rpx;
 
-        &.bg1 {
-            background-image: url('~@/static/images/flow/tab_1_icon.png');
-            background-repeat: no-repeat;
-            background-position: right center;
-            background-size: cover;
-        }
+		&.bg1 {
+			background-image: url('~@/static/images/flow/tab_1_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
 
-        &.bg2 {
-            background-image: url('~@/static/images/flow/tab_2_icon.png');
-            background-repeat: no-repeat;
-            background-position: right center;
-            background-size: cover;
-        }
+		&.bg2 {
+			background-image: url('~@/static/images/flow/tab_2_icon.png');
+			background-repeat: no-repeat;
+			background-position: right center;
+			background-size: cover;
+		}
 
 		.tab {
 			width: 50%;
@@ -351,4 +556,90 @@ export default {
 		}
 	}
 }
+
+.dialog {
+	width: 100%;
+	max-height: 70vh;
+	overflow-y: auto;
+	padding: 32rpx 28rpx calc(20rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	border-radius: 20rpx 20rpx 0 0;
+
+	&_header {
+		position: relative;
+		text-align: center;
+		font-size: 34rpx;
+		font-weight: 600;
+		margin-bottom: 12rpx;
+		color: rgba(0, 0, 0, 0.9);
+	}
+
+	&_body {
+		padding: 12rpx 4rpx 24rpx;
+	}
+
+	&_footer {
+		padding-top: 12rpx;
+		display: flex;
+		justify-content: center;
+
+		.btn {
+			width: 100%;
+			height: 80rpx;
+			line-height: 80rpx;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			background: $theme-primary;
+			color: #fff;
+
+			&::after {
+				border: none;
+			}
+		}
+	}
+}
+
+.dialog_close {
+	position: absolute;
+	right: 16rpx;
+	top: 0;
+	width: 64rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	font-size: 36rpx;
+	color: rgba(0, 0, 0, 0.6);
+}
+
+.dialog_row {
+	margin-bottom: 24rpx;
+}
+
+.dialog_label {
+	display: block;
+	margin-bottom: 12rpx;
+	font-size: 28rpx;
+	color: rgba(0, 0, 0, 0.9);
+}
+
+.upload-show {
+	margin-top: 8rpx;
+	font-size: 26rpx;
+	color: rgba(0, 0, 0, 0.6);
+}
+
+.select-item .item-title {
+	font-size: 28rpx;
+	color: rgba(0, 0, 0, 0.9);
+}
+
+.amount-row {
+	display: flex;
+	align-items: center;
+	gap: 12rpx;
+}
+
+.amount-row .unit {
+	color: rgba(0, 0, 0, 0.6);
+}
 </style>
\ No newline at end of file