Commit 956b542a authored by 曹泽华's avatar 曹泽华

数据登记

parent 8a3080a2
<template> <template>
<div style="display: flex; justify-content: center"> <div style="display: flex; justify-content: center">
<el-card style="width: 1440px;margin: 30px 0"> <el-card style="width: 1440px; margin: 30px 0">
<div style="display: flex; justify-content: center"> <div style="display: flex; justify-content: center">
<div <div
style=" style="
margin-top: 30px; margin-top: 10px;
width: 1440px; width: 1440px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -52,12 +52,46 @@ ...@@ -52,12 +52,46 @@
</el-form-item> </el-form-item>
</Col> </Col>
</Row> </Row>
<Row class="row1">
<Col :span="12">
<el-form-item label="场景类型">
<el-Select placeholder="" class="input1" v-model="form.sceneType" clearable>
<el-option
v-for="item in sceneList"
:key="item.value"
:value="item.value"
:label="item.label"
/>
</el-Select>
</el-form-item>
</Col>
<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文件,且不超过5Mb</div>
</template>
</el-upload>
</el-form-item>
</Col>
</Row>
<Row class="row1"> <Row class="row1">
<Col :span="24"> <Col :span="24">
<el-form-item label="数据结构"> <el-form-item label="数据结构">
<el-input <el-input
type="textarea" type="textarea"
rows="6" rows="3"
style="width: 96%" style="width: 96%"
v-model="form.dataStructure" v-model="form.dataStructure"
/> />
...@@ -79,38 +113,29 @@ ...@@ -79,38 +113,29 @@
<Row class="row1"> <Row class="row1">
<Col :span="12"> <Col :span="12">
<el-form-item label="应用场景"> <el-form-item label="应用场景">
<el-input type="textarea" rows="6" class="input1" v-model="form.applyScene" /> <el-input type="textarea" rows="3" class="input1" v-model="form.applyScene" />
</el-form-item> </el-form-item>
</Col> </Col>
<Col :span="12"> <Col :span="12">
<el-form-item label="算法规则简要说明"> <el-form-item label="算法规则简要说明">
<el-input type="textarea" rows="6" class="input1" v-model="form.ruleExplain" /> <el-input type="textarea" rows="3" class="input1" v-model="form.ruleExplain" />
</el-form-item> </el-form-item>
</Col> </Col>
</Row> </Row>
<Row class="row1"> <Row class="row1">
<Col :span="12"> <Col :span="12">
<el-form-item label="上传文件"> <el-form-item label="存证公证编号">
<el-upload <el-input class="input1" v-model="form.applyScene" />
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文件,且不超过5Mb</div>
</template>
</el-upload>
</el-form-item> </el-form-item>
</Col> </Col>
<Col :span="12">
<Col :span="12" style="text-align: right; padding: 0 4% 0 0"> <el-form-item label="存证公证平台">
<el-input class="input1" v-model="form.ruleExplain" />
</el-form-item>
</Col>
</Row>
<Row>
<Col :span="24" style="text-align: right; padding: 0 4% 0 0; margin-top: -10px">
<el-button size="large" @click="handleCancel">取消</el-button> <el-button size="large" @click="handleCancel">取消</el-button>
<el-button type="primary" size="large" @click="handleSubmit">提交</el-button> <el-button type="primary" size="large" @click="handleSubmit">提交</el-button>
</Col> </Col>
...@@ -135,6 +160,7 @@ ...@@ -135,6 +160,7 @@
return { return {
form: { form: {
enrollCode: '', enrollCode: '',
sceneType: '',
enrollDate: '', enrollDate: '',
applicant: '', applicant: '',
dataName: '', dataName: '',
...@@ -148,6 +174,20 @@ ...@@ -148,6 +174,20 @@
publicCode: '', publicCode: '',
publicSituation: '', publicSituation: '',
}, },
sceneList: [
{
label: '场景一',
value: '1',
},
{
label: '场景二',
value: '2',
},
{
label: '场景三',
value: '3',
},
],
applyInfo: [ applyInfo: [
{ {
span: 12, span: 12,
......
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
><Icon style="color: #409eff" icon="ant-design:send-outlined" />公示详情</div ><Icon style="color: #409eff" icon="ant-design:send-outlined" />公示详情</div
> >
<Row :gutter="[16, 30]"> <Row :gutter="[16, 30]">
<Col :span="info.span" v-for="info in applyInfo" :key="info"> <Col span="12" v-for="info in applyInfo" :key="info">
<div class="col-item"> <div class="col-item">
<div class="item-label">{{ info.label }}</div> <div class="item-label">{{ info.label }}</div>
<div class="item-des">{{ <div class="item-des">{{
...@@ -80,6 +80,11 @@ ...@@ -80,6 +80,11 @@
label: '数据来源', label: '数据来源',
field: 'dataSource', field: 'dataSource',
}, },
{
span: 12,
label: '场景类型',
field: 'sceneType',
},
{ {
span: 24, span: 24,
label: '数据结构', label: '数据结构',
...@@ -114,6 +119,7 @@ ...@@ -114,6 +119,7 @@
dataName: '关系型与非关系型数据库分析数据', dataName: '关系型与非关系型数据库分析数据',
industry: '科学研究和技术服务业', industry: '科学研究和技术服务业',
dataSource: '自行产生', dataSource: '自行产生',
sceneType: '场景一',
dataStructure: '关系型与非关系型数据库分析数据', dataStructure: '关系型与非关系型数据库分析数据',
dataSize: '932条', dataSize: '932条',
updateRate: '每分钟', updateRate: '每分钟',
......
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
<span class="table-span-label">{{ scope.column.label }}</span> <span class="table-span-label">{{ scope.column.label }}</span>
</template> </template>
<template #default="scope"> <template #default="scope">
<span class="table-span">{{ scope.row.address }}</span> <span class="table-span" @click="handleDetail">{{ scope.row.address }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="name" width="350" label="申请人" /> <el-table-column prop="name" width="350" label="申请人" />
...@@ -254,7 +254,7 @@ ...@@ -254,7 +254,7 @@
<!-- 登记公告详情页--> <!-- 登记公告详情页-->
<div v-if="enrollNotice === '3'" class="item-content-box"> <div v-if="enrollNotice === '3'" class="item-content-box">
<el-card style="width: 1440px; margin: 30px 0"> <el-card style="width: 1440px; margin: 50px 0">
<div style="margin-left: 30px"> <div style="margin-left: 30px">
<div style="display: inline-block" <div style="display: inline-block"
>更新时间 >更新时间
...@@ -288,6 +288,11 @@ ...@@ -288,6 +288,11 @@
</Row> </Row>
</div> </div>
</el-card> </el-card>
<el-button-group>
<el-button plain class="back-button1" type="text" @click="handleBackMore">
<Icon :size="24" icon="icon-park-solid:left-c" />&nbsp;返回
</el-button>
</el-button-group>
</div> </div>
</div> </div>
</div> </div>
...@@ -411,7 +416,12 @@ ...@@ -411,7 +416,12 @@
field: 'dataSource', field: 'dataSource',
}, },
{ {
span: 24, span: 12,
label: '场景类型',
field: 'sceneType',
},
{
span: 12,
label: '数据结构', label: '数据结构',
field: 'dataStructure', field: 'dataStructure',
}, },
...@@ -454,6 +464,7 @@ ...@@ -454,6 +464,7 @@
dataName: '关系型与非关系型数据库分析数据', dataName: '关系型与非关系型数据库分析数据',
industry: '科学研究和技术服务业', industry: '科学研究和技术服务业',
dataSource: '自行产生', dataSource: '自行产生',
sceneType: '场景一',
dataStructure: '关系型与非关系型数据库分析数据', dataStructure: '关系型与非关系型数据库分析数据',
dataSize: '932条', dataSize: '932条',
updateRate: '每分钟', updateRate: '每分钟',
...@@ -543,9 +554,12 @@ ...@@ -543,9 +554,12 @@
}); });
}, },
handleBack() { handleBack() {
this.$router.go(-1); this.enrollNotice = '1';
}, },
handleBackMore() {
this.enrollNotice = '2';
},
// 进入后台方法 // 进入后台方法
toBackstage() { toBackstage() {
console.log('activeIndex', this.activeIndex); console.log('activeIndex', this.activeIndex);
...@@ -737,6 +751,7 @@ ...@@ -737,6 +751,7 @@
.table-span { .table-span {
color: #1962e2; color: #1962e2;
margin-left: 80px; margin-left: 80px;
cursor: pointer;
} }
.table-span-label { .table-span-label {
margin-left: 80px; margin-left: 80px;
...@@ -832,7 +847,4 @@ ...@@ -832,7 +847,4 @@
border-top: 15px solid transparent; border-top: 15px solid transparent;
border-bottom: 15px solid transparent; border-bottom: 15px solid transparent;
} }
</style> </style>
...@@ -766,6 +766,7 @@ ...@@ -766,6 +766,7 @@
.card-box:hover { .card-box:hover {
box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2); box-shadow: 3px 2px 15px rgba(0, 0, 0, 0.2);
cursor: pointer;
} }
.card-row { .card-row {
......
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