Commit 3ea08d2c authored by chenjiahao's avatar chenjiahao

Merge remote-tracking branch 'origin/master'

parents 50d7b66f d1b722ec
......@@ -9,100 +9,120 @@
justify-content: center;
"
>
<div style="padding: 0 20%">
<div style="text-align: left; flex-direction: column;margin-bottom: 30px">
<Icon style="color: #409eff" icon="ant-design:send-outlined" />申请详细信息</div
<div style="padding: 0 10%">
<div style="text-align: left; flex-direction: column; margin-bottom: 30px">
<Icon style="color: #409eff" icon="ant-design:send-outlined" />申请信息</div
>
<el-form ref="form" :model="form" label-width="80px">
<Row>
<el-form ref="form" :model="form" label-width="130px">
<Row class="row1">
<Col :span="12">
<el-form-item label="登记编号">
<el-input class="input1" v-model="form.enrollCode" />
</el-form-item>
</Col>
<Col :span="12">
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<el-form-item label="申请日期">
<el-input class="input1" v-model="form.enrollDate" />
</el-form-item>
</Col>
</Row>
<Row>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Row class="row1">
<Col :span="12">
<el-form-item label="申请人">
<el-input class="input1" v-model="form.applicant" />
</el-form-item>
</Col>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Col :span="12">
<el-form-item label="数据知识产权名称">
<el-input class="input1" v-model="form.dataName" />
</el-form-item>
</Col>
</Row>
<Row>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Row class="row1">
<Col :span="12">
<el-form-item label="所属行业">
<el-input class="input1" v-model="form.industry" />
</el-form-item>
</Col>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Col :span="12">
<el-form-item label="数据来源">
<el-input class="input1" v-model="form.dataSource" />
</el-form-item>
</Col>
</Row>
<Row>
<Row class="row1">
<Col :span="24">
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<el-form-item label="数据结构">
<el-input
type="textarea"
rows="6"
style="width: 96%"
v-model="form.dataStructure"
/>
</el-form-item>
</Col>
</Row>
<Row>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Row class="row1">
<Col :span="12">
<el-form-item label="数据规模">
<el-input class="input1" v-model="form.dataSize" />
</el-form-item>
</Col>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Col :span="12">
<el-form-item label="更新频次">
<el-input class="input1" v-model="form.updateRate" />
</el-form-item>
</Col>
</Row>
<Row>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Row class="row1">
<Col :span="12">
<el-form-item label="应用场景">
<el-input type="textarea" rows="6" class="input1" v-model="form.applyScene" />
</el-form-item>
</Col>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Col :span="12">
<el-form-item label="算法规则简要说明">
<el-input type="textarea" rows="6" class="input1" v-model="form.ruleExplain" />
</el-form-item>
</Col>
</Row>
<Row>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
<Row class="row1">
<Col :span="12">
<el-form-item label="上传文件">
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
>
<el-button size="small" type="primary">选择文件</el-button>
<template #tip>
<div>可上传jpg/png/excel/word/pdf文件,且不超过500kb</div>
</template>
</el-upload>
</el-form-item>
</Col>
<Col>
<el-form-item label="登记编号">
<el-input v-model="form.enrollCode" />
</el-form-item>
<Col :span="12" style="text-align: right; padding: 0 4% 0 0">
<el-button size="large" @click="handleCancel">取消</el-button>
<el-button type="primary" size="large" @click="handleSubmit">提交</el-button>
</Col>
</Row>
</el-form>
</div>
</div>
</div>
<!-- <Row :gutter="[16, 30]">-->
<!-- <Col>-->
<!-- <el-input label="登记编号:" />-->
<!-- <Row class="row1" :gutter="[16, 30]">-->
<!-- <Col :span="12">-->
<!-- <el-input class="input1" label="登记编号:" />-->
<!-- </Col>-->
<!-- <Col>-->
<!-- <el-input label="登记编号:" />-->
<!-- <Col :span="12">-->
<!-- <el-input class="input1" label="登记编号:" />-->
<!-- </Col>-->
<!-- </Row>-->
</template>
......@@ -140,7 +160,7 @@
},
{
span: 12,
label: '登记日期',
label: '申请日期',
field: 'enrollDate',
},
{
......@@ -190,19 +210,18 @@
label: '算法规则简要说明',
field: 'ruleExplain',
},
{
span: 12,
label: '公证编号',
field: 'publicCode',
},
{
span: 12,
label: '存证公证情况',
field: 'publicSituation',
},
],
};
},
methods: {
handleSubmit() {
this.$message.success('提交成功!');
this.$router.go(-1);
},
handleCancel() {
this.$router.go(-1);
},
},
};
</script>
......@@ -224,4 +243,10 @@
width: 400px;
}
}
.input1 {
width: 90%;
}
.row1 {
margin: 30px 0;
}
</style>
......@@ -439,7 +439,7 @@
},
],
applyInfoData: {
enrollCode: 'DIP2024000016125',
enrollCode: 'DIP2024000084573',
enrollDate: '2016-05-02',
applicant: '**先导精密机械有限公司',
dataName: '关系型与非关系型数据库分析数据',
......@@ -452,13 +452,11 @@
'光温湿指数(THSW)是衡量人体在特定环境下舒适程度的重要指\n' +
'标。它考虑了影响人体舒适度的多个关键因素,如温度、湿\n' +
'度、太阳辐射和风等,因此能够更全面地反映人体在不同环境\n' +
'下的感受。在气候评价中,THSW指数可用于评估某个地区或城\n' +
'市的气候适宜性,特别是在康养、旅游等领域。通过THSW指\n' +
'数,可以了解衢州市江山市金坞村的气候特点,为人们的出行\n' +
'下的感受。通过THSW指数,可以了解城市的气候特点,为人们的出行\n' +
'和居住提供参考。',
ruleExplain:
'(1)数据采集:通过在线设备,每分钟实时测量获取衢州市江\n' +
'山市金坞村区段温度、湿度及光照强度数据;(2)数据处\n' +
'(1)数据采集:通过在线设备,每分钟实时测量获取' +
'区段温度、湿度及光照强度数据;(2)数据处\n' +
'理:将数据清洗后,根据公式光温湿指数(THSW)=温度*温度\n' +
'权重(α)+湿度*湿度权重(β)+光照强度*光照权重(v),\n' +
'三项权重为设定的固定值,计算结果保留小数点后两位。',
......
......@@ -91,6 +91,15 @@
</div>
</div>
</div>
<div class="page">
<div class="pg-left">
<LeftOutlined />
</div>
<div class="pg-num active"> 1 </div>
<div class="pg-right">
<RightOutlined />
</div>
</div>
</div>
</div>
</div>
......@@ -100,6 +109,7 @@
<script>
import Icon from '@/components/Icon/Icon.vue';
import { getToken } from '@/utils/auth';
import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
const items = [
{
......@@ -113,7 +123,7 @@
];
export default {
name: 'DemandHall',
components: { Icon },
components: { Icon, LeftOutlined, RightOutlined },
data() {
return {
items,
......@@ -937,4 +947,26 @@
}
}
}
.page {
padding: 5px;
display: flex;
gap: 20px;
font-size: 20px;
.pg-left {
padding: 15px 18px;
background-color: #f6f7fa;
}
.pg-right {
padding: 15px 18px;
background-color: #f6f7fa;
}
.pg-num {
padding: 15px 18px;
background-color: #f6f7fa;
}
.active {
background-color: #4e80f8;
color: #ffffff;
}
}
</style>
......@@ -8,6 +8,12 @@ export const identityFormSchema: FormSchema[] = [
defaultValue: '数据买家',
slot: 'identity',
required: true,
rules: [
{
required: true,
message: '请选择身份',
},
],
},
];
export const enterpriseFormSchema: FormSchema[] = [
......@@ -16,18 +22,36 @@ export const enterpriseFormSchema: FormSchema[] = [
label: '营业执照',
slot: 'license',
required: true,
rules: [
{
required: true,
message: '请上传营业执照',
},
],
},
{
field: 'logo',
label: '公司LOGO',
slot: 'logo',
required: true,
rules: [
{
required: true,
message: '请上传公司LOGO',
},
],
},
{
field: 'companyName',
label: '公司名称',
slot: 'companyName',
required: true,
rules: [
{
required: true,
message: '请输入公司名称',
},
],
},
{
field: 'code',
......@@ -43,6 +67,12 @@ export const enterpriseFormSchema: FormSchema[] = [
label: '法人',
slot: 'leader',
required: true,
rules: [
{
required: true,
message: '请输入法人姓名',
},
],
},
{
field: 'leaderNum',
......@@ -104,30 +134,60 @@ export const applicantFormSchema: FormSchema[] = [
label: '申办人身份',
defaultValue: '授权代表',
slot: 'type',
rules: [
{
required: true,
message: '请选择申办人身份',
},
],
},
{
field: 'idCardFront',
label: '申办人身份证正面',
required: true,
slot: 'idCardFront',
rules: [
{
required: true,
message: '请上传申办人身份证正面',
},
],
},
{
field: 'idCardReverse',
label: '申办人身份证反面',
required: true,
slot: 'idCardReverse',
rules: [
{
required: true,
message: '请上传申办人身份证反面',
},
],
},
{
field: 'name',
label: '申办人姓名',
required: true,
slot: 'name',
rules: [
{
required: true,
message: '请输入申办人姓名',
},
],
},
{
field: 'idNo',
label: '申办人身份证号码',
required: true,
slot: 'idNo',
rules: [
{
required: true,
message: '请输入申办人身份证号码',
},
],
},
{
field: 'phone',
......@@ -139,13 +199,27 @@ export const applicantFormSchema: FormSchema[] = [
required: true,
},
{
label: '企业授权文件',
field: 'doc',
slot: 'doc',
required: true,
rules: [
{
required: true,
message: '请上传企业授权文件',
},
],
},
{
label: '企业承诺函',
field: 'letter',
slot: 'letter',
required: true,
rules: [
{
required: true,
message: '请上传企业承诺函',
},
],
},
];
......@@ -132,12 +132,7 @@
<div class="des"> 与身份证图片保持一致。 </div>
</template>
<template #doc="{ field, model }">
<div class="field-item flex">
<div class="label">
<div class="required" style="margin-right: 1em">企业授权文件</div>
<div>(需要加盖公章)</div>
</div>
<div class="flex-1">
<div class="field-item">
<UploadDragger
style="width: 350px"
v-model:fileList="licenseList"
......@@ -150,19 +145,36 @@
</div>
</UploadDragger>
<div class="des">
请上传pngJPgJPeg格式文件,企业授权委托书,大小为5M以内。
请上传pngJPgJPeg格式文件,企业授权委托书(需要加盖公章),大小为5M以内。
<a-button type="link" @click="handleDownTemp">下载模板</a-button>
</div>
</div>
</div>
<!-- <div class="field-item flex">-->
<!-- <div class="label">-->
<!-- <div class="required" style="margin-right: 1em">企业授权文件</div>-->
<!-- <div></div>-->
<!-- </div>-->
<!-- <div class="flex-1">-->
<!-- <UploadDragger-->
<!-- style="width: 350px"-->
<!-- v-model:fileList="licenseList"-->
<!-- name="file"-->
<!-- :multiple="true"-->
<!-- >-->
<!-- <div class="logo">-->
<!-- <PlusOutlined class="icon" />-->
<!-- <div> 上传企业授权书 </div>-->
<!-- </div>-->
<!-- </UploadDragger>-->
<!-- <div class="des">-->
<!-- 请上传pngJPgJPeg格式文件,企业授权委托书(需要加盖公章),大小为5M以内。-->
<!-- <a-button type="link" @click="handleDownTemp">下载模板</a-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</template>
<template #letter="{ field, model }">
<div class="field-item flex">
<div class="label">
<div class="required" style="margin-right: 2em">企业承诺函</div>
<div>(需要加盖公章)</div>
</div>
<div class="flex-1">
<div class="field-item">
<UploadDragger
style="width: 350px"
v-model:fileList="licenseList"
......@@ -175,11 +187,33 @@
</div>
</UploadDragger>
<div class="des">
请上传pmgJPg.jPeg格式文件,数据安全承诺书,大小为5M以内。
请上传pmgJPg.jPeg格式文件,数据安全承诺书(需要加盖公章),大小为5M以内。
<a-button type="link" @click="handleDownTemp">下载模板</a-button>
</div>
</div>
</div>
<!-- <div class="field-item flex">-->
<!-- <div class="label">-->
<!-- <div class="required" style="margin-right: 2em">企业承诺函</div>-->
<!-- <div></div>-->
<!-- </div>-->
<!-- <div class="flex-1">-->
<!-- <UploadDragger-->
<!-- style="width: 350px"-->
<!-- v-model:fileList="licenseList"-->
<!-- name="file"-->
<!-- :multiple="true"-->
<!-- >-->
<!-- <div class="logo">-->
<!-- <PlusOutlined class="icon" />-->
<!-- <div> 上传企业承诺函 </div>-->
<!-- </div>-->
<!-- </UploadDragger>-->
<!-- <div class="des">-->
<!-- 请上传pmgJPg.jPeg格式文件,数据安全承诺书(需要加盖公章),大小为5M以内。-->
<!-- <a-button type="link" @click="handleDownTemp">下载模板</a-button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</template>
</BasicForm>
</div>
......@@ -250,10 +284,11 @@
createMessage.warning('请阅读并勾选平台协议!');
return;
}
// await Promise.all([identityValidate(), enterpriseValidate(), applicantValidate()]);
await Promise.all([identityValidate(), enterpriseValidate(), applicantValidate()]);
createMessage.success('提交成功!');
}
function handleSave() {
async function handleSave() {
await Promise.all([identityValidate(), enterpriseValidate(), applicantValidate()]);
createMessage.success('保存成功!');
}
/**
......@@ -267,7 +302,6 @@
actionColOptions: {
span: 23,
},
} as FormProps);
const [enterpriseForm, { validate: enterpriseValidate }] = useForm({
labelWidth: 150,
......
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