13 changed files with 1331 additions and 162 deletions
@ -0,0 +1,194 @@ |
|||||
|
<?php |
||||
|
// +---------------------------------------------------------------------- |
||||
|
// | Niucloud-admin 企业快速开发的多应用管理平台 |
||||
|
// +---------------------------------------------------------------------- |
||||
|
|
||||
|
namespace app\api\controller\student; |
||||
|
|
||||
|
use core\base\BaseApiController; |
||||
|
use app\service\api\student\ContractService; |
||||
|
|
||||
|
/** |
||||
|
* 学员合同管理控制器 |
||||
|
*/ |
||||
|
class StudentContract extends BaseApiController |
||||
|
{ |
||||
|
/** |
||||
|
* 获取学员合同列表 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function lists() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['student_id', 0], |
||||
|
['status', ''], |
||||
|
['page', 1], |
||||
|
['limit', 10] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['student_id'])) { |
||||
|
return fail('学员ID不能为空'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->getContractList($data)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取合同详情 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function info() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['contract_id', 0], |
||||
|
['student_id', 0] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['contract_id']) || empty($data['student_id'])) { |
||||
|
return fail('参数错误'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->getContractDetail($data['contract_id'], $data['student_id'])); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取合同签署表单配置 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function getSignForm() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['contract_id', 0], |
||||
|
['student_id', 0] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['contract_id']) || empty($data['student_id'])) { |
||||
|
return fail('参数错误'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->getSignForm($data['contract_id'], $data['student_id'])); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 提交合同签署 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function signContract() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['contract_id', 0], |
||||
|
['student_id', 0], |
||||
|
['form_data', []], |
||||
|
['signature_image', ''] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['contract_id']) || empty($data['student_id'])) { |
||||
|
return fail('参数错误'); |
||||
|
} |
||||
|
|
||||
|
if (empty($data['form_data']) && empty($data['signature_image'])) { |
||||
|
return fail('请填写必要信息或提供签名'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->signContract($data)); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 下载合同文件 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function downloadContract() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['contract_id', 0], |
||||
|
['student_id', 0] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['contract_id']) || empty($data['student_id'])) { |
||||
|
return fail('参数错误'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->downloadContract($data['contract_id'], $data['student_id'])); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取学员基本信息 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function getStudentInfo() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['student_id', 0] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['student_id'])) { |
||||
|
return fail('学员ID不能为空'); |
||||
|
} |
||||
|
|
||||
|
return success((new ContractService())->getStudentInfo($data['student_id'])); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 直接下载合同文件 |
||||
|
* @return \think\Response |
||||
|
*/ |
||||
|
public function downloadFile() |
||||
|
{ |
||||
|
$data = $this->request->params([ |
||||
|
['contract_id', 0], |
||||
|
['student_id', 0] |
||||
|
]); |
||||
|
|
||||
|
if (empty($data['contract_id']) || empty($data['student_id'])) { |
||||
|
return fail('参数错误'); |
||||
|
} |
||||
|
|
||||
|
try { |
||||
|
$fileInfo = (new ContractService())->downloadContract($data['contract_id'], $data['student_id']); |
||||
|
|
||||
|
// 构建文件的实际路径 |
||||
|
$filePath = ''; |
||||
|
if ($fileInfo['file_type'] === 'signed') { |
||||
|
// 已签署文档路径 |
||||
|
$contractSign = \think\facade\Db::table('school_contract_sign') |
||||
|
->where([ |
||||
|
['contract_id', '=', $data['contract_id']], |
||||
|
['student_id', '=', $data['student_id']], |
||||
|
['deleted_at', '=', 0] |
||||
|
]) |
||||
|
->find(); |
||||
|
$filePath = public_path() . '/upload/' . $contractSign['sign_file']; |
||||
|
} else { |
||||
|
// 模板文档路径 |
||||
|
$contract = \think\facade\Db::table('school_contract') |
||||
|
->where('id', $data['contract_id']) |
||||
|
->find(); |
||||
|
$filePath = public_path() . '/upload/' . $contract['contract_template']; |
||||
|
} |
||||
|
|
||||
|
// 检查文件是否存在 |
||||
|
if (!file_exists($filePath)) { |
||||
|
return fail('文件不存在'); |
||||
|
} |
||||
|
|
||||
|
// 设置下载响应头 |
||||
|
$response = response()->create('', 'html'); |
||||
|
$response->header([ |
||||
|
'Content-Type' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', |
||||
|
'Content-Disposition' => 'attachment; filename=' . urlencode($fileInfo['file_name']), |
||||
|
'Content-Length' => filesize($filePath), |
||||
|
'Cache-Control' => 'private', |
||||
|
'Pragma' => 'private', |
||||
|
'Expires' => 'Mon, 26 Jul 1997 05:00:00 GMT' |
||||
|
]); |
||||
|
|
||||
|
// 输出文件内容 |
||||
|
$response->data(file_get_contents($filePath)); |
||||
|
|
||||
|
return $response; |
||||
|
|
||||
|
} catch (\Exception $e) { |
||||
|
return fail('下载失败：' . $e->getMessage()); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,56 @@ |
|||||
|
<?php |
||||
|
declare(strict_types=1); |
||||
|
|
||||
|
namespace app\model\school_approval; |
||||
|
|
||||
|
use core\base\BaseModel; |
||||
|
|
||||
|
/** |
||||
|
* 审批历史模型 |
||||
|
* Class SchoolApprovalHistory |
||||
|
* @package app\model\school_approval |
||||
|
*/ |
||||
|
class SchoolApprovalHistory extends BaseModel |
||||
|
{ |
||||
|
/** |
||||
|
* 数据表主键 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $pk = 'id'; |
||||
|
|
||||
|
/** |
||||
|
* 模型名称 |
||||
|
* @var string |
||||
|
*/ |
||||
|
protected $name = 'approval_history'; |
||||
|
|
||||
|
// 审批动作常量 |
||||
|
const ACTION_APPROVE = 'approve'; |
||||
|
const ACTION_REJECT = 'reject'; |
||||
|
const ACTION_FORWARD = 'forward'; |
||||
|
const ACTION_CANCEL = 'cancel'; |
||||
|
|
||||
|
// 审批状态常量 |
||||
|
const STATUS_APPROVED = 'approved'; |
||||
|
const STATUS_REJECTED = 'rejected'; |
||||
|
const STATUS_FORWARDED = 'forwarded'; |
||||
|
const STATUS_CANCELLED = 'cancelled'; |
||||
|
|
||||
|
/** |
||||
|
* 关联审批流程 |
||||
|
* @return \think\model\relation\BelongsTo |
||||
|
*/ |
||||
|
public function approvalProcess() |
||||
|
{ |
||||
|
return $this->belongsTo(SchoolApprovalProcess::class, 'process_id', 'id'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 关联参与人（人员表） |
||||
|
* @return \think\model\relation\BelongsTo |
||||
|
*/ |
||||
|
public function participant() |
||||
|
{ |
||||
|
return $this->belongsTo('app\model\personnel\Personnel', 'participant_id', 'id'); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,578 @@ |
|||||
|
<template> |
||||
|
<view class="contract-form-container"> |
||||
|
<!-- 自定义导航栏 --> |
||||
|
<view class="navbar_section"> |
||||
|
<view class="navbar_back" @click="goBack"> |
||||
|
<text class="back_icon">‹</text> |
||||
|
</view> |
||||
|
<view class="navbar_title">合同签署</view> |
||||
|
<view class="navbar_action"></view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 合同信息 --> |
||||
|
<view class="contract-info"> |
||||
|
<view class="info-card"> |
||||
|
<text class="contract-name">{{ contractName }}</text> |
||||
|
<text class="contract-type">{{ contractInfo.contract_type || '学员课程协议' }}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 表单区域 --> |
||||
|
<view class="form-section" v-if="formFields.length > 0"> |
||||
|
<view class="section-title">合同信息填写</view> |
||||
|
|
||||
|
<view class="form-content"> |
||||
|
<view v-for="(field, index) in formFields" :key="field.id || index" class="form-field"> |
||||
|
<!-- 普通输入字段 --> |
||||
|
<view v-if="field.data_type === 'user_input'" class="input-field"> |
||||
|
<view class="field-label"> |
||||
|
<text class="label-text">{{ field.name }}</text> |
||||
|
<text v-if="field.is_required" class="required-mark">*</text> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 文本输入 --> |
||||
|
<input |
||||
|
v-if="field.field_type === 'text'" |
||||
|
v-model="formData[field.placeholder]" |
||||
|
:placeholder="field.default_value || `请输入${field.name}`" |
||||
|
class="form-input" |
||||
|
/> |
||||
|
|
||||
|
<!-- 日期输入 --> |
||||
|
<picker |
||||
|
v-if="field.field_type === 'date'" |
||||
|
mode="date" |
||||
|
:value="formData[field.placeholder] || getCurrentDate()" |
||||
|
@change="onDateChange($event, field.placeholder)" |
||||
|
class="form-picker"> |
||||
|
<view class="picker-display"> |
||||
|
{{ formData[field.placeholder] || getCurrentDate() }} |
||||
|
</view> |
||||
|
</picker> |
||||
|
|
||||
|
<!-- 数字输入 --> |
||||
|
<input |
||||
|
v-if="field.field_type === 'number'" |
||||
|
v-model="formData[field.placeholder]" |
||||
|
type="number" |
||||
|
:placeholder="field.default_value || `请输入${field.name}`" |
||||
|
class="form-input" |
||||
|
/> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 签名字段 --> |
||||
|
<view v-if="field.data_type === 'signature'" class="signature-field"> |
||||
|
<view class="field-label"> |
||||
|
<text class="label-text">{{ field.name }}</text> |
||||
|
<text v-if="field.is_required" class="required-mark">*</text> |
||||
|
</view> |
||||
|
|
||||
|
<view class="signature-container"> |
||||
|
<view v-if="!signatures[field.placeholder]" class="signature-placeholder" @click="goToSignature(field)"> |
||||
|
<text class="placeholder-icon">✍️</text> |
||||
|
<text class="placeholder-text">点击进行签名</text> |
||||
|
</view> |
||||
|
|
||||
|
<view v-else class="signature-preview" @click="goToSignature(field)"> |
||||
|
<image :src="signatures[field.placeholder]" class="signature-image" mode="aspectFit"></image> |
||||
|
<text class="signature-tip">点击重新签名</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 显示字段 --> |
||||
|
<view v-if="field.data_type === 'database' || field.data_type === 'system'" class="display-field"> |
||||
|
<view class="field-label"> |
||||
|
<text class="label-text">{{ field.name }}</text> |
||||
|
</view> |
||||
|
<view class="display-value">{{ field.default_value || '自动填充' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 合同条款（如果有） --> |
||||
|
<view class="terms-section" v-if="contractInfo.contract_content"> |
||||
|
<view class="section-title">合同条款</view> |
||||
|
<view class="terms-content"> |
||||
|
<text class="terms-text">{{ contractInfo.contract_content }}</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 底部操作按钮 --> |
||||
|
<view class="footer-actions"> |
||||
|
<button class="action-btn secondary" @click="goBack">取消</button> |
||||
|
<button class="action-btn primary" |
||||
|
@click="submitContract" |
||||
|
:disabled="!isFormValid || submitting" |
||||
|
:loading="submitting"> |
||||
|
{{ submitting ? '提交中...' : '确认签署' }} |
||||
|
</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import apiRoute from '@/api/apiRoute.js' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
contractId: 0, |
||||
|
studentId: 0, |
||||
|
contractName: '', |
||||
|
contractInfo: {}, |
||||
|
formFields: [], |
||||
|
formData: {}, |
||||
|
signatures: {}, |
||||
|
submitting: false, |
||||
|
loading: false |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
computed: { |
||||
|
isFormValid() { |
||||
|
// 检查必填字段是否都已填写 |
||||
|
for (let field of this.formFields) { |
||||
|
if (field.is_required) { |
||||
|
if (field.data_type === 'signature') { |
||||
|
if (!this.signatures[field.placeholder]) { |
||||
|
return false |
||||
|
} |
||||
|
} else if (field.data_type === 'user_input') { |
||||
|
if (!this.formData[field.placeholder] || this.formData[field.placeholder].trim() === '') { |
||||
|
return false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
return true |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
onLoad(options) { |
||||
|
this.contractId = parseInt(options.contract_id) || 0 |
||||
|
this.studentId = parseInt(options.student_id) || 0 |
||||
|
this.contractName = options.contractName ? decodeURIComponent(options.contractName) : '合同签署' |
||||
|
|
||||
|
if (this.contractId && this.studentId) { |
||||
|
this.loadSignForm() |
||||
|
} else { |
||||
|
uni.showToast({ |
||||
|
title: '参数错误', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
onShow() { |
||||
|
// 从签名页面返回时，检查是否有新的签名数据 |
||||
|
const pages = getCurrentPages() |
||||
|
const currentPage = pages[pages.length - 1] |
||||
|
|
||||
|
if (currentPage.data && currentPage.data.newSignature) { |
||||
|
const signData = currentPage.data.newSignature |
||||
|
this.signatures[signData.fieldPlaceholder] = signData.signatureData |
||||
|
// 清理临时数据 |
||||
|
currentPage.data.newSignature = null |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methods: { |
||||
|
goBack() { |
||||
|
uni.navigateBack() |
||||
|
}, |
||||
|
|
||||
|
async loadSignForm() { |
||||
|
this.loading = true |
||||
|
try { |
||||
|
const response = await apiRoute.getStudentContractSignForm({ |
||||
|
contract_id: this.contractId, |
||||
|
student_id: this.studentId |
||||
|
}) |
||||
|
|
||||
|
if (response.code === 1) { |
||||
|
this.contractInfo = response.data |
||||
|
this.formFields = response.data.form_fields || [] |
||||
|
|
||||
|
// 初始化表单数据 |
||||
|
this.formFields.forEach(field => { |
||||
|
if (field.data_type === 'user_input' && field.default_value) { |
||||
|
this.$set(this.formData, field.placeholder, field.default_value) |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
console.log('表单配置加载成功:', this.formFields) |
||||
|
} else { |
||||
|
console.error('API返回错误:', response.msg) |
||||
|
uni.showToast({ |
||||
|
title: response.msg || '获取表单配置失败', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error('获取表单配置失败:', error) |
||||
|
uni.showToast({ |
||||
|
title: '获取表单配置失败', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} finally { |
||||
|
this.loading = false |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
getCurrentDate() { |
||||
|
const now = new Date() |
||||
|
const year = now.getFullYear() |
||||
|
const month = String(now.getMonth() + 1).padStart(2, '0') |
||||
|
const day = String(now.getDate()).padStart(2, '0') |
||||
|
return `${year}-${month}-${day}` |
||||
|
}, |
||||
|
|
||||
|
onDateChange(event, fieldPlaceholder) { |
||||
|
this.$set(this.formData, fieldPlaceholder, event.detail.value) |
||||
|
}, |
||||
|
|
||||
|
goToSignature(field) { |
||||
|
uni.navigateTo({ |
||||
|
url: `/pages-common/contract/contract_sign?contract_id=${this.contractId}&field_name=${encodeURIComponent(field.name)}&field_placeholder=${encodeURIComponent(field.placeholder)}` |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
async submitContract() { |
||||
|
if (!this.isFormValid) { |
||||
|
uni.showToast({ |
||||
|
title: '请填写完整信息并完成签名', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.submitting = true |
||||
|
|
||||
|
try { |
||||
|
// 准备提交数据 |
||||
|
const submitData = { |
||||
|
contract_id: this.contractId, |
||||
|
student_id: this.studentId, |
||||
|
form_data: { ...this.formData }, |
||||
|
signature_image: '' |
||||
|
} |
||||
|
|
||||
|
// 添加签名数据到form_data中 |
||||
|
for (let field of this.formFields) { |
||||
|
if (field.data_type === 'signature' && this.signatures[field.placeholder]) { |
||||
|
submitData.form_data[field.placeholder] = this.signatures[field.placeholder] |
||||
|
|
||||
|
// 如果是主要签名，设置为signature_image |
||||
|
if (!submitData.signature_image) { |
||||
|
submitData.signature_image = this.signatures[field.placeholder] |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
console.log('提交合同数据:', submitData) |
||||
|
|
||||
|
const response = await apiRoute.signStudentContract(submitData) |
||||
|
|
||||
|
if (response.code === 1) { |
||||
|
uni.showToast({ |
||||
|
title: '合同签署成功', |
||||
|
icon: 'success', |
||||
|
duration: 2000 |
||||
|
}) |
||||
|
|
||||
|
setTimeout(() => { |
||||
|
// 返回合同列表页面 |
||||
|
uni.navigateBack({ |
||||
|
delta: 2 |
||||
|
}) |
||||
|
}, 2000) |
||||
|
} else { |
||||
|
throw new Error(response.msg || '合同签署失败') |
||||
|
} |
||||
|
} catch (error) { |
||||
|
console.error('提交合同失败:', error) |
||||
|
uni.showToast({ |
||||
|
title: error.message || '网络错误，请稍后重试', |
||||
|
icon: 'none' |
||||
|
}) |
||||
|
} finally { |
||||
|
this.submitting = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="less" scoped> |
||||
|
.contract-form-container { |
||||
|
min-height: 100vh; |
||||
|
background: #f8f9fa; |
||||
|
padding-bottom: 120rpx; |
||||
|
} |
||||
|
|
||||
|
// 自定义导航栏 |
||||
|
.navbar_section { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
background: #29D3B4; |
||||
|
padding: 40rpx 32rpx 20rpx; |
||||
|
|
||||
|
// 小程序端适配状态栏 |
||||
|
// #ifdef MP-WEIXIN |
||||
|
padding-top: 80rpx; |
||||
|
// #endif |
||||
|
|
||||
|
.navbar_back { |
||||
|
width: 60rpx; |
||||
|
|
||||
|
.back_icon { |
||||
|
color: #fff; |
||||
|
font-size: 40rpx; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.navbar_title { |
||||
|
color: #fff; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
.navbar_action { |
||||
|
width: 60rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 合同信息 |
||||
|
.contract-info { |
||||
|
padding: 20rpx; |
||||
|
|
||||
|
.info-card { |
||||
|
background: #fff; |
||||
|
border-radius: 16rpx; |
||||
|
padding: 32rpx; |
||||
|
text-align: center; |
||||
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); |
||||
|
|
||||
|
.contract-name { |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 600; |
||||
|
color: #333; |
||||
|
display: block; |
||||
|
margin-bottom: 8rpx; |
||||
|
} |
||||
|
|
||||
|
.contract-type { |
||||
|
font-size: 24rpx; |
||||
|
color: #666; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 表单区域 |
||||
|
.form-section { |
||||
|
margin: 20rpx; |
||||
|
background: #fff; |
||||
|
border-radius: 16rpx; |
||||
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); |
||||
|
|
||||
|
.section-title { |
||||
|
font-size: 28rpx; |
||||
|
font-weight: 600; |
||||
|
color: #333; |
||||
|
padding: 24rpx 32rpx 16rpx; |
||||
|
border-bottom: 1rpx solid #f0f0f0; |
||||
|
} |
||||
|
|
||||
|
.form-content { |
||||
|
padding: 24rpx 32rpx 32rpx; |
||||
|
|
||||
|
.form-field { |
||||
|
margin-bottom: 32rpx; |
||||
|
|
||||
|
&:last-child { |
||||
|
margin-bottom: 0; |
||||
|
} |
||||
|
|
||||
|
.field-label { |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin-bottom: 12rpx; |
||||
|
|
||||
|
.label-text { |
||||
|
font-size: 26rpx; |
||||
|
color: #333; |
||||
|
font-weight: 500; |
||||
|
} |
||||
|
|
||||
|
.required-mark { |
||||
|
color: #ff4757; |
||||
|
font-size: 26rpx; |
||||
|
margin-left: 4rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.form-input { |
||||
|
width: 100%; |
||||
|
height: 80rpx; |
||||
|
background: #f8f9fa; |
||||
|
border-radius: 8rpx; |
||||
|
padding: 0 20rpx; |
||||
|
font-size: 26rpx; |
||||
|
color: #333; |
||||
|
box-sizing: border-box; |
||||
|
} |
||||
|
|
||||
|
.form-picker { |
||||
|
width: 100%; |
||||
|
height: 80rpx; |
||||
|
background: #f8f9fa; |
||||
|
border-radius: 8rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
|
||||
|
.picker-display { |
||||
|
padding: 0 20rpx; |
||||
|
font-size: 26rpx; |
||||
|
color: #333; |
||||
|
flex: 1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.display-value { |
||||
|
height: 80rpx; |
||||
|
background: #f0f0f0; |
||||
|
border-radius: 8rpx; |
||||
|
padding: 0 20rpx; |
||||
|
font-size: 26rpx; |
||||
|
color: #666; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 签名字段样式 |
||||
|
.signature-field { |
||||
|
.signature-container { |
||||
|
background: #f8f9fa; |
||||
|
border-radius: 8rpx; |
||||
|
min-height: 120rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
border: 2rpx dashed #ddd; |
||||
|
|
||||
|
.signature-placeholder { |
||||
|
text-align: center; |
||||
|
color: #999; |
||||
|
|
||||
|
.placeholder-icon { |
||||
|
font-size: 40rpx; |
||||
|
display: block; |
||||
|
margin-bottom: 8rpx; |
||||
|
} |
||||
|
|
||||
|
.placeholder-text { |
||||
|
font-size: 24rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.signature-preview { |
||||
|
width: 100%; |
||||
|
text-align: center; |
||||
|
|
||||
|
.signature-image { |
||||
|
width: 200rpx; |
||||
|
height: 80rpx; |
||||
|
margin-bottom: 8rpx; |
||||
|
} |
||||
|
|
||||
|
.signature-tip { |
||||
|
font-size: 22rpx; |
||||
|
color: #666; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 合同条款 |
||||
|
.terms-section { |
||||
|
margin: 20rpx; |
||||
|
background: #fff; |
||||
|
border-radius: 16rpx; |
||||
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08); |
||||
|
|
||||
|
.section-title { |
||||
|
font-size: 28rpx; |
||||
|
font-weight: 600; |
||||
|
color: #333; |
||||
|
padding: 24rpx 32rpx 16rpx; |
||||
|
border-bottom: 1rpx solid #f0f0f0; |
||||
|
} |
||||
|
|
||||
|
.terms-content { |
||||
|
padding: 24rpx 32rpx 32rpx; |
||||
|
|
||||
|
.terms-text { |
||||
|
font-size: 24rpx; |
||||
|
color: #666; |
||||
|
line-height: 1.6; |
||||
|
white-space: pre-line; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 底部操作按钮 |
||||
|
.footer-actions { |
||||
|
position: fixed; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
background: #fff; |
||||
|
padding: 24rpx 32rpx; |
||||
|
border-top: 1rpx solid #f0f0f0; |
||||
|
display: flex; |
||||
|
gap: 24rpx; |
||||
|
z-index: 100; |
||||
|
|
||||
|
.action-btn { |
||||
|
flex: 1; |
||||
|
height: 88rpx; |
||||
|
border-radius: 12rpx; |
||||
|
font-size: 32rpx; |
||||
|
font-weight: 600; |
||||
|
border: none; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
justify-content: center; |
||||
|
|
||||
|
&.primary { |
||||
|
background: #29D3B4; |
||||
|
color: #fff; |
||||
|
|
||||
|
&:active:not(:disabled) { |
||||
|
background: #26c6a0; |
||||
|
} |
||||
|
|
||||
|
&:disabled { |
||||
|
background: #ccc; |
||||
|
color: #999; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
&.secondary { |
||||
|
background: #f8f9fa; |
||||
|
color: #666; |
||||
|
|
||||
|
&:active { |
||||
|
background: #e9ecef; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue