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

数据登记

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