|
|
@@ -2,7 +2,7 @@
|
|
|
import { reactive, computed, ref, watch } from 'vue'
|
|
|
import { formatBackendDateTime } from '@/utils/formatTime'
|
|
|
import { DICT_TYPE, getDictLabel } from '@/utils/dict'
|
|
|
-import {getCheckInDetailByElderId, getCheckInRecordId} from '@/api/elderly/apply/check-in'
|
|
|
+import {getCheckInDetailByElderId} from '@/api/elderly/apply/check-in'
|
|
|
import FieldItem from './FieldItem.vue'
|
|
|
import SignatureItem from './SignatureItem.vue'
|
|
|
|
|
|
@@ -79,6 +79,7 @@ const contractForm = reactive({
|
|
|
depositFee: '',
|
|
|
depositType: '',
|
|
|
depositInterest: '',
|
|
|
+ depositInterestType: '0',
|
|
|
payMode: '1',
|
|
|
payMonthDay: '5',
|
|
|
paySeasonMonth: '1',
|
|
|
@@ -122,11 +123,20 @@ const contractForm = reactive({
|
|
|
})
|
|
|
|
|
|
const parseIdCardBirth = (idCard: string): string => {
|
|
|
- if (!idCard || idCard.length < 14) return ''
|
|
|
- const year = idCard.substring(6, 10)
|
|
|
- const month = idCard.substring(10, 12)
|
|
|
- const day = idCard.substring(12, 14)
|
|
|
- return `${year}年${month}月${day}日`
|
|
|
+ if (!idCard) return ''
|
|
|
+ const len = idCard.length
|
|
|
+ if (len === 18) {
|
|
|
+ return `${idCard.substring(6, 10)}年${idCard.substring(10, 12)}月${idCard.substring(12, 14)}日`
|
|
|
+ }
|
|
|
+ if (len === 15) {
|
|
|
+ return `19${idCard.substring(6, 8)}年${idCard.substring(8, 10)}月${idCard.substring(10, 12)}日`
|
|
|
+ }
|
|
|
+ return ''
|
|
|
+}
|
|
|
+
|
|
|
+const isIdCardType = (papersType: any): boolean => {
|
|
|
+ const label = getDictLabel(DICT_TYPE.PAPERS_TYPE, papersType)
|
|
|
+ return label && (label.includes('身份证') || label.includes('居民身份'))
|
|
|
}
|
|
|
|
|
|
const numToChinese = (num: number | string): string => {
|
|
|
@@ -198,10 +208,13 @@ const fillContractForm = (data: any) => {
|
|
|
|
|
|
if (data.idCard) {
|
|
|
contractForm.elderIdCard = data.idCard
|
|
|
- contractForm.elderBirth = parseIdCardBirth(data.idCard)
|
|
|
}
|
|
|
if (data.papersType != null && data.papersType !== '' && data.papersType !== undefined) {
|
|
|
- contractForm.elderPapersType = data.papersType
|
|
|
+ const papersNum = Number(data.papersType)
|
|
|
+ contractForm.elderPapersType = Number.isNaN(papersNum) ? data.papersType : papersNum
|
|
|
+ }
|
|
|
+ if (data.idCard && isIdCardType(contractForm.elderPapersType)) {
|
|
|
+ contractForm.elderBirth = parseIdCardBirth(data.idCard)
|
|
|
}
|
|
|
|
|
|
contractForm.elderAge = data.elderAge || ''
|
|
|
@@ -255,9 +268,14 @@ const fillContractForm = (data: any) => {
|
|
|
contractForm.roomType = m ? m[1] : bedItem.itemName
|
|
|
}
|
|
|
|
|
|
- if (data.bedId) {
|
|
|
+ if (data.bedName) {
|
|
|
+ contractForm.roomNo = data.bedName
|
|
|
+ } else if (data.bedId) {
|
|
|
contractForm.roomNo = String(data.bedId)
|
|
|
}
|
|
|
+ if (data.bedType) {
|
|
|
+ contractForm.roomType = data.bedType
|
|
|
+ }
|
|
|
|
|
|
const oneTime = data.oneTimeExpenses || []
|
|
|
const deposit = findItem(oneTime, '押金')
|
|
|
@@ -280,10 +298,13 @@ const fillContractForm = (data: any) => {
|
|
|
}
|
|
|
if (relative.idCard) {
|
|
|
contractForm.partyCIdCard = relative.idCard
|
|
|
- contractForm.partyCBirth = parseIdCardBirth(relative.idCard)
|
|
|
}
|
|
|
if (relative.papersType != null && relative.papersType !== '' && relative.papersType !== undefined) {
|
|
|
- contractForm.partyCPapersType = relative.papersType
|
|
|
+ const papersNum = Number(relative.papersType)
|
|
|
+ contractForm.partyCPapersType = Number.isNaN(papersNum) ? relative.papersType : papersNum
|
|
|
+ }
|
|
|
+ if (relative.idCard && isIdCardType(contractForm.partyCPapersType)) {
|
|
|
+ contractForm.partyCBirth = parseIdCardBirth(relative.idCard)
|
|
|
}
|
|
|
contractForm.partyCRelation = relative.relation || ''
|
|
|
contractForm.partyCPhone = relative.phone || ''
|
|
|
@@ -314,18 +335,18 @@ const fetchContractData = async (row: any) => {
|
|
|
fillContractForm(row)
|
|
|
return
|
|
|
}
|
|
|
+ console.log("合同id",row)
|
|
|
// 否则调用接口获取
|
|
|
- const recordId = row.checkInRecordId || row.id || row.elderId
|
|
|
+ const recordId = row.id
|
|
|
if (!recordId) {
|
|
|
fillContractForm(row)
|
|
|
return
|
|
|
}
|
|
|
loading.value = true
|
|
|
try {
|
|
|
- const status = row.status ?? ''
|
|
|
- const res = await getCheckInDetailByElderId(row.elderId)
|
|
|
- if (res && res.data) {
|
|
|
- fillContractForm(res.data)
|
|
|
+ const res = await getCheckInDetailByElderId(row.id)
|
|
|
+ if (res) {
|
|
|
+ fillContractForm(res)
|
|
|
}
|
|
|
} catch (e) {
|
|
|
console.error('获取合同详情失败', e)
|
|
|
@@ -424,6 +445,67 @@ const displayDate = computed(() => {
|
|
|
const today = new Date()
|
|
|
return `${today.getFullYear()}年${today.getMonth() + 1}月${today.getDate()}日`
|
|
|
})
|
|
|
+
|
|
|
+// 费用相关动态列表
|
|
|
+const monthlyExpensesList = computed(() => detailData.value?.monthlyExpenses || [])
|
|
|
+const oneTimeExpensesList = computed(() => detailData.value?.oneTimeExpenses || [])
|
|
|
+const stageExpensesList = computed(() => detailData.value?.stageExpenses || [])
|
|
|
+
|
|
|
+const formatExpenseAmount = (val: any): string => {
|
|
|
+ if (val == null || val === '') return ''
|
|
|
+ return String(val)
|
|
|
+}
|
|
|
+
|
|
|
+const isDepositFee = (item: any): boolean => {
|
|
|
+ return item.isDeposit === 1 || (item.itemCategoryName || '').includes('押金') || (item.itemName || '').includes('押金')
|
|
|
+}
|
|
|
+
|
|
|
+const numberToCircle = (num: number): string => {
|
|
|
+ const circles = ['①', '②', '③', '④', '⑤', '⑥', '⑦', '⑧', '⑨', '⑩']
|
|
|
+ return circles[num - 1] || `${num}`
|
|
|
+}
|
|
|
+
|
|
|
+// 费用项显示名称：类别名（项目名）
|
|
|
+const displayExpenseName = (item: any): string => {
|
|
|
+ const category = item?.itemCategoryName || ''
|
|
|
+ const name = item?.itemName || ''
|
|
|
+ if (category && name && category !== name) {
|
|
|
+ return `${category}（${name}）`
|
|
|
+ }
|
|
|
+ return category || name || ''
|
|
|
+}
|
|
|
+
|
|
|
+// 房间类型映射：优先根据月度费用中 type=1 的床位项目，再回退 bedType
|
|
|
+const selectedRoomType = computed(() => {
|
|
|
+ const bedItem = monthlyExpensesList.value.find((item: any) => item.type === 1)
|
|
|
+ const bedType = bedItem?.itemName || contractForm.roomType || detailData.value?.bedType || ''
|
|
|
+ const map: Record<string, string> = {
|
|
|
+ '单人间': '单间',
|
|
|
+ '双人间': '双人间',
|
|
|
+ '三人间': '三人间',
|
|
|
+ '多人间': '多人间'
|
|
|
+ }
|
|
|
+ return map[bedType] || '其他'
|
|
|
+})
|
|
|
+
|
|
|
+const roomTypeOptions = [
|
|
|
+ { label: '单间', value: '单人间' },
|
|
|
+ { label: '双人间', value: '双人间' },
|
|
|
+ { label: '三人间', value: '三人间' },
|
|
|
+ { label: '多人间', value: '多人间' },
|
|
|
+ { label: '其他', value: '其他' }
|
|
|
+]
|
|
|
+
|
|
|
+// 月度费用总额随明细自动汇总
|
|
|
+watch(
|
|
|
+ () => monthlyExpensesList.value.map((item: any) => item.actualAmount),
|
|
|
+ () => {
|
|
|
+ contractForm.totalFee = monthlyExpensesList.value
|
|
|
+ .reduce((sum: number, item: any) => sum + (Number(item.actualAmount) || 0), 0)
|
|
|
+ .toString()
|
|
|
+ },
|
|
|
+ { deep: true }
|
|
|
+)
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
@@ -649,7 +731,7 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第5页：第二条 ========== -->
|
|
|
+ <!-- ========== 第5页：第二条 服务地点及设施 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
@@ -673,36 +755,37 @@ const displayDate = computed(() => {
|
|
|
2.甲方为乙方提供养老服务的地点为：
|
|
|
<FieldItem v-model="contractForm.servicePlace" :is-text-mode="isTextMode" width="260px" placeholder="请输入" />
|
|
|
</p>
|
|
|
-
|
|
|
- <h3 class="subsection-title" style="margin-top: 14px;">第三条 服务费用</h3>
|
|
|
+ <div class="content-text">
|
|
|
+ 3.乙方或丙方为乙方选择入住的房间类型为：
|
|
|
+ <template v-if="!isTextMode">
|
|
|
+ <el-select v-model="contractForm.roomType" placeholder="请选择" style="width: 180px">
|
|
|
+ <el-option v-for="item in roomTypeOptions" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <span class="fill-text">{{ contractForm.roomType || detailData.value?.bedType || '' }}</span>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
<p class="content-text">
|
|
|
- 1.养老服务费用标准：
|
|
|
+ 4.乙方或丙方为乙方选择的具体房间为：
|
|
|
+ <FieldItem v-model="contractForm.roomNo" :is-text-mode="isTextMode" width="120px" placeholder="请输入" />
|
|
|
+ 。
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
- （1）养老服务费用为：
|
|
|
- <FieldItem v-model="contractForm.totalFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元/月。
|
|
|
+ 5.乙方或丙方基于正当理由要求调整房间的，甲方在条件许可的范围内应尽量满足。若因房间变化，需要相应调整费用的，应由各方协商一致书面确认后调整，如各方不能达成一致意见书面确认，则仍依本合同约定房间履行。
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
- 其中：床位费：
|
|
|
- <FieldItem v-model="contractForm.bedFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元/月；护理费：
|
|
|
- <FieldItem v-model="contractForm.nurseFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元/月；伙食费：
|
|
|
- <FieldItem v-model="contractForm.mealFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元/月；
|
|
|
+ 6.甲方提供的服务设施除了住宿的房屋，还包括房间内生活起居必要的基础设施及其他公共设施。
|
|
|
</p>
|
|
|
+
|
|
|
+ <h2 class="section-title">第三条 收费标准及费用支付方式</h2>
|
|
|
<p class="content-text">
|
|
|
- 其他费用：1）水电费：超出床位费包含的每人每月
|
|
|
- <FieldItem v-model="contractForm.manageFee" :is-text-mode="isTextMode" width="80px" placeholder="0" />
|
|
|
- 千瓦时电和
|
|
|
- <FieldItem v-model="contractForm.manageFee" :is-text-mode="isTextMode" width="80px" placeholder="0" />
|
|
|
- 立方冷水的免费额度后，超出部分按实际支出进行对应房型具体入住床数进行均摊收取。
|
|
|
+ 1.甲方的收费标准和调整应遵守养老机构服务收费管理的相关规定，不得违规收取大额预付、向服务对象兜售保健品，不得以许诺还本付息或者给予其他投资回报、虚假夸大宣传、承诺明显低于市场价入住、折扣返利等与事实不符的条件诱导乙方或丙方交纳费用。
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第6页：第二条继续 + 第三条开头 ========== -->
|
|
|
+ <!-- ========== 第6页：第三条 收费标准及费用明细 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
@@ -712,28 +795,6 @@ const displayDate = computed(() => {
|
|
|
<span class="page-no-right">6</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
- <p class="content-text">
|
|
|
- 3.乙方或丙方为乙方选择入住的房间类型为（在以下几种情况中选择一种）：
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- □单间 □双人间 □三人间 □多人间（四人以上六人以下，含四人、六人） □其他（套房等）。
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- 4.乙方或丙方为乙方选择的具体房间为：
|
|
|
- <FieldItem v-model="contractForm.roomNo" :is-text-mode="isTextMode" width="120px" placeholder="请输入" />
|
|
|
- 。
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- 5.乙方或丙方基于正当理由要求调整房间的，甲方在条件许可的范围内应尽量满足。若因房间变化，需要相应调整费用的，应由各方协商一致书面确认后调整，如各方不能达成一致意见书面确认，则仍依本合同约定房间履行。
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- 6.甲方提供的服务设施除了住宿的房屋，还包括房间内生活起居必要的基础设施及其他公共设施。
|
|
|
- </p>
|
|
|
-
|
|
|
- <h3 class="subsection-title" style="margin-top: 14px;">第三条 服务费用及费用支付方式</h3>
|
|
|
- <p class="content-text">
|
|
|
- 1.甲方的收费标准和调整应遵守养老机构服务收费管理的相关规定，不得违规收取大额预付、向服务对象兜售保健品，不得以许诺还本付息或者给予其他投资回报、虚假夸大宣传、承诺明显低于市场价入住、折扣返利等与事实不符的条件诱导乙方或丙方交纳费用。
|
|
|
- </p>
|
|
|
<p class="content-text">
|
|
|
2.甲方提供的各种服务项目的收费标准和收费依据应在养老机构内公共区域显著位置进行公示，并以公共区域或网络方式（养老机构网站、政府部门有关网站等）进行线上公示，服务项目及其收费标准应作为本合同附件。
|
|
|
</p>
|
|
|
@@ -748,32 +809,9 @@ const displayDate = computed(() => {
|
|
|
<p class="content-text">
|
|
|
其中：
|
|
|
</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <!-- ========== 第7页：第三条费用条款明细 ========== -->
|
|
|
- <div class="a4-page">
|
|
|
- <div class="page-header">
|
|
|
- <div class="logo-line">
|
|
|
- <span class="logo-circle">颐</span>
|
|
|
- <span class="logo-text">颐年医养</span>
|
|
|
- </div>
|
|
|
- <span class="page-no-right">7</span>
|
|
|
- </div>
|
|
|
- <div class="page-content">
|
|
|
- <p class="content-text">
|
|
|
- 床位费：
|
|
|
- <FieldItem v-model="contractForm.bedFee" :is-text-mode="isTextMode" width="120px" placeholder="0" />
|
|
|
- 元/月；
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- 护理费：
|
|
|
- <FieldItem v-model="contractForm.nurseFee" :is-text-mode="isTextMode" width="120px" placeholder="0" />
|
|
|
- 元/月；
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- 伙食费：
|
|
|
- <FieldItem v-model="contractForm.mealFee" :is-text-mode="isTextMode" width="120px" placeholder="0" />
|
|
|
+ <p v-for="item in monthlyExpensesList" :key="item.id" class="content-text">
|
|
|
+ {{ item.itemCategoryName || item.itemName }}：
|
|
|
+ <FieldItem v-model="item.actualAmount" :is-text-mode="isTextMode" width="120px" placeholder="0" />
|
|
|
元/月；
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
@@ -792,59 +830,72 @@ const displayDate = computed(() => {
|
|
|
<FieldItem v-model="contractForm.electricFee" :is-text-mode="isTextMode" width="80px" placeholder="0" />
|
|
|
元/千瓦时；
|
|
|
</p>
|
|
|
- <p class="content-text">
|
|
|
- 2）诊查费：
|
|
|
- <FieldItem v-model="contractForm.diagnosisFee" :is-text-mode="isTextMode" width="120px" placeholder="0" />
|
|
|
- 元/月
|
|
|
- </p>
|
|
|
<p class="content-text" style="padding-left: 2em;">
|
|
|
出现合同中止或终止情形的，扣除实际入住天数产生的费用后予以退款。
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
- （2）一次性收取的费用（如有请填写）。
|
|
|
+ （2）一次性收取的费用（如有请填写）。
|
|
|
</p>
|
|
|
- <p class="content-text">
|
|
|
- ①一次性设施设备费
|
|
|
- <FieldItem v-model="contractForm.oneTimeEquipFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元，收取的期限自
|
|
|
- <FieldItem v-model="contractForm.oneTimeEquipStart" :is-text-mode="isTextMode" type="date" width="180px" placeholder="请选择日期" />
|
|
|
- 至
|
|
|
- <FieldItem v-model="contractForm.oneTimeEquipEnd" :is-text-mode="isTextMode" type="date" width="180px" placeholder="请选择日期" />
|
|
|
- （建议时长不超过3年）。出现合同中止或终止情形的，扣除实际入住天数产生的费用后，按照以下标准予以退款：
|
|
|
- <FieldItem v-model="contractForm.depositRefund" :is-text-mode="isTextMode" width="180px" placeholder="请填写" />
|
|
|
- 。
|
|
|
- </p>
|
|
|
- <p class="content-text">
|
|
|
- ②押金（如有请填写押金类型：履约及医疗保证金：
|
|
|
- <FieldItem v-model="contractForm.depositFee" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
- 元。出现合同中止情形的，予以全额退还（□押金不计利息 ☑押金计利息，计息标准为：
|
|
|
- <FieldItem v-model="contractForm.depositInterest" :is-text-mode="isTextMode" width="160px" placeholder="无" />
|
|
|
- 元 ）。
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- ========== 第7页：第三条 一次性费用及支付方式 ========== -->
|
|
|
+ <div class="a4-page">
|
|
|
+ <div class="page-header">
|
|
|
+ <div class="logo-line">
|
|
|
+ <span class="logo-circle">颐</span>
|
|
|
+ <span class="logo-text">颐年医养</span>
|
|
|
+ </div>
|
|
|
+ <span class="page-no-right">7</span>
|
|
|
+ </div>
|
|
|
+ <div class="page-content">
|
|
|
+ <div v-for="(item, index) in oneTimeExpensesList" :key="item.id" class="content-text">
|
|
|
+ {{ numberToCircle(index + 1) }}{{ displayExpenseName(item) }}
|
|
|
+ <FieldItem v-model="item.actualAmount" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
+ 元。
|
|
|
+ <template v-if="isDepositFee(item)">
|
|
|
+ 出现合同中止情形的，予以全额退还（
|
|
|
+ <el-radio-group style="margin-left: 4mm;" v-if="!isTextMode" v-model="contractForm.depositInterestType" size="small">
|
|
|
+ <el-radio label="0">押金不计利息</el-radio>
|
|
|
+ <el-radio label="1">押金计利息</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ <template v-else>
|
|
|
+ <span v-if="contractForm.depositInterestType === '0'">☑押金不计利息 □押金计利息</span>
|
|
|
+ <span v-else>□押金不计利息 ☑押金计利息</span>
|
|
|
+ </template>
|
|
|
+ <template v-if="contractForm.depositInterestType === '1'">
|
|
|
+ ，计息标准为：
|
|
|
+ <FieldItem v-model="contractForm.depositInterest" :is-text-mode="isTextMode" width="160px" placeholder="无" />
|
|
|
+
|
|
|
+ </template>
|
|
|
+ ）。
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <p v-if="!oneTimeExpensesList.length" class="content-text">
|
|
|
+ 无。
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
合同期限内出现押金不足时，乙方或丙方应在接到甲方通知之日起5日内补足。涉及退款的，在出现合同中止或终止情形后，双方进行结算，经双方确认无误之日起15个工作日内将资金退给付款方。
|
|
|
</p>
|
|
|
<p class="content-text">
|
|
|
- 4.定期支付的费用按第
|
|
|
- <FieldItem v-model="contractForm.payMode" :is-text-mode="isTextMode" width="40px" placeholder="1" />
|
|
|
- 种方式支付：
|
|
|
+ 4.乙方应支付的阶段性费用及支付方式如下：
|
|
|
</p>
|
|
|
- <p class="content-text">
|
|
|
- （1）按月支付（每月
|
|
|
- <FieldItem v-model="contractForm.payMonthDay" :is-text-mode="isTextMode" width="40px" placeholder="5" />
|
|
|
- 日前支付下一个月费用）；
|
|
|
+ <p v-for="item in stageExpensesList" :key="item.id" class="content-text">
|
|
|
+ {{ displayExpenseName(item) }}：费用总额
|
|
|
+ <FieldItem v-model="item.totalAmount" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
+ 元，分
|
|
|
+ <FieldItem v-model="item.hirePurchaseNumber" :is-text-mode="isTextMode" width="60px" placeholder="0" />
|
|
|
+ 期支付，每期
|
|
|
+ <FieldItem v-model="item.hirePurchaseAmount" :is-text-mode="isTextMode" width="100px" placeholder="0" />
|
|
|
+ 元；
|
|
|
</p>
|
|
|
- <p class="content-text">
|
|
|
- （2）按季度支付（每季度第
|
|
|
- <FieldItem v-model="contractForm.paySeasonMonth" :is-text-mode="isTextMode" width="40px" placeholder="1" />
|
|
|
- 个月的
|
|
|
- <FieldItem v-model="contractForm.paySeasonDay" :is-text-mode="isTextMode" width="40px" placeholder="5" />
|
|
|
- 日前支付当季费用）；
|
|
|
+ <p v-if="!stageExpensesList.length" class="content-text">
|
|
|
+ 无。
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第8页：第三条继续 + 第四条甲方权利义务 ========== -->
|
|
|
+ <!-- ========== 第8页：第三条 账户信息及后续 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
@@ -854,13 +905,6 @@ const displayDate = computed(() => {
|
|
|
<span class="page-no-right">8</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
- <p class="content-text">
|
|
|
- （3）其它：
|
|
|
- <FieldItem v-model="contractForm.otherPayMode" :is-text-mode="isTextMode" width="160px" placeholder="请填写" />
|
|
|
- /
|
|
|
- <FieldItem v-model="contractForm.otherPayMode2" :is-text-mode="isTextMode" width="100px" placeholder="请填写" />
|
|
|
- 。
|
|
|
- </p>
|
|
|
<p class="content-text">
|
|
|
5.甲方指定的收款账户信息如下：
|
|
|
</p>
|
|
|
@@ -906,7 +950,19 @@ const displayDate = computed(() => {
|
|
|
<p class="content-text">
|
|
|
10.甲方在收到款项后应向付款人开具等额的合法收费发票。
|
|
|
</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
+ <!-- ========== 第9页：第四条 甲方权利及义务 ========== -->
|
|
|
+ <div class="a4-page">
|
|
|
+ <div class="page-header">
|
|
|
+ <div class="logo-line">
|
|
|
+ <span class="logo-circle">颐</span>
|
|
|
+ <span class="logo-text">颐年医养</span>
|
|
|
+ </div>
|
|
|
+ <span class="page-no-right">9</span>
|
|
|
+ </div>
|
|
|
+ <div class="page-content">
|
|
|
<h2 class="section-title">第四条 甲方权利及义务</h2>
|
|
|
<h3 class="subsection-title">1.甲方权利</h3>
|
|
|
<p class="content-text">
|
|
|
@@ -921,14 +977,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第9页：第四条甲方权利义务继续 + 甲方义务 ========== -->
|
|
|
+ <!-- ========== 第10页：第四条甲方权利义务继续 + 甲方义务 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">9</span>
|
|
|
+ <span class="page-no-right">10</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -957,14 +1013,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第10页：第四条甲方义务继续 ========== -->
|
|
|
+ <!-- ========== 第11页：第四条甲方义务继续 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">10</span>
|
|
|
+ <span class="page-no-right">11</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -991,14 +1047,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第11页：甲方义务继续 + 第五条 ========== -->
|
|
|
+ <!-- ========== 第12页：甲方义务继续 + 第五条 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">11</span>
|
|
|
+ <span class="page-no-right">12</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1030,14 +1086,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第12页：乙方权利及义务 ========== -->
|
|
|
+ <!-- ========== 第13页：乙方权利及义务 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">12</span>
|
|
|
+ <span class="page-no-right">13</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<h3 class="subsection-title">1.乙方的权利</h3>
|
|
|
@@ -1082,14 +1138,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第13页：乙方义务继续 + 第六条 ========== -->
|
|
|
+ <!-- ========== 第14页：乙方义务继续 + 第六条 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">13</span>
|
|
|
+ <span class="page-no-right">14</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1127,14 +1183,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第14页：丙方义务继续 + 第七条 + 第八条 ========== -->
|
|
|
+ <!-- ========== 第15页：丙方义务继续 + 第七条 + 第八条 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">14</span>
|
|
|
+ <span class="page-no-right">15</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1185,14 +1241,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第15页：合同变更继续 + 合同解除 ========== -->
|
|
|
+ <!-- ========== 第16页：合同变更继续 + 合同解除 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">15</span>
|
|
|
+ <span class="page-no-right">16</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1259,14 +1315,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第17页：合同解除继续 + 第九条违约责任 ========== -->
|
|
|
+ <!-- ========== 第18页：合同解除继续 + 第九条违约责任 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">17</span>
|
|
|
+ <span class="page-no-right">18</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1306,14 +1362,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第18页：违约责任继续 ========== -->
|
|
|
+ <!-- ========== 第19页：违约责任继续 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">18</span>
|
|
|
+ <span class="page-no-right">19</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1340,14 +1396,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第19页：违约责任继续 + 第十条通知与送达 + 第十一条陈述与保证 ========== -->
|
|
|
+ <!-- ========== 第20页：违约责任继续 + 第十条通知与送达 + 第十一条陈述与保证 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">19</span>
|
|
|
+ <span class="page-no-right">20</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1381,14 +1437,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第20页：陈述与保证继续 + 第十二条特别约定 ========== -->
|
|
|
+ <!-- ========== 第21页：陈述与保证继续 + 第十二条特别约定 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">20</span>
|
|
|
+ <span class="page-no-right">21</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1449,14 +1505,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第22页：特别约定继续 + 第十三条争议解决 ========== -->
|
|
|
+ <!-- ========== 第23页：特别约定继续 + 第十三条争议解决 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">22</span>
|
|
|
+ <span class="page-no-right">23</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text">
|
|
|
@@ -1502,14 +1558,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第23页：第十四条合同生效及附件 ========== -->
|
|
|
+ <!-- ========== 第24页：第十四条合同生效及附件 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">23</span>
|
|
|
+ <span class="page-no-right">24</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<h2 class="section-title">第十四条 合同生效及附件</h2>
|
|
|
@@ -1576,14 +1632,14 @@ const displayDate = computed(() => {
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <!-- ========== 第24页：附件继续 + 签署页 ========== -->
|
|
|
+ <!-- ========== 第25页：附件继续 + 签署页 ========== -->
|
|
|
<div class="a4-page">
|
|
|
<div class="page-header">
|
|
|
<div class="logo-line">
|
|
|
<span class="logo-circle">颐</span>
|
|
|
<span class="logo-text">颐年医养</span>
|
|
|
</div>
|
|
|
- <span class="page-no-right">24</span>
|
|
|
+ <span class="page-no-right">25</span>
|
|
|
</div>
|
|
|
<div class="page-content">
|
|
|
<p class="content-text" style="padding-left: 2em;">
|
unknown