Skip to content

P
pica-admin-IM
提交 6d36ff5b 编写于 作者: zhentian.jia's avatar zhentian.jia
浏览文件
操作

添加新建项目页面

上级 2c9eca17
隐藏空白字符变更
内嵌 并排
正在显示 包含 77 行增加 和 64 行删除
src/views/addProject.vue
浏览文件 @ 6d36ff5b
...@@ -4,73 +4,71 @@ ...@@ -4,73 +4,71 @@
<v-slidebar></v-slidebar> <v-slidebar></v-slidebar>
<div class="main-container"> <div class="main-container">
<el-main> <el-main>
<el-steps :active="1" finish-status="success" simple style="margin-top: 20px"> <!-- <el-row>
<el-step title="基础信息"></el-step> <el-col :span="14">
<el-step title="选择范围"></el-step> <el-steps
<el-step title="选择项目组件"></el-step> :active="active"
</el-steps> finish-status="success"
<el-form :inline="true" :model="formInline" class="demo-form-inline"> simple
<el-form-item label="项目名称："> style="margin-bottom: 30px; background: #fff;"
<el-input v-model="formInline.name" placeholder="审批人"></el-input> >
<el-step title="基础信息"></el-step>
<el-step title="选择范围"></el-step>
<el-step title="选择项目组件"></el-step>
</el-steps>
</el-col>
<el-col :span="5" :offset="5">
<el-button>暂存</el-button>
<el-button type="primary" @click="next">下一步</el-button>
</el-col>
</el-row> -->
<el-form ref="form" :model="sizeForm" label-width="80px" size="mini">
<el-form-item label="活动名称">
<el-input v-model="sizeForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="项目时间："> <el-form-item label="活动区域">
<el-date-picker <el-select v-model="sizeForm.region" placeholder="请选择活动区域">
v-model="formInline.date" <el-option label="区域一" value="shanghai"></el-option>
type="daterange" <el-option label="区域二" value="beijing"></el-option>
unlink-panels </el-select>
range-separator="~"
start-placeholder="请选择开始时间"
end-placeholder="请选择结束时间"
:picker-options="pickerOptions"
value-format="yyyy-MM-dd hh:mm:ss"
></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="活动时间">
<el-button type="primary">查询</el-button> <el-col :span="11">
<el-date-picker
type="date"
placeholder="选择日期"
v-model="sizeForm.date1"
style="width: 100%;"
></el-date-picker>
</el-col>
<el-col class="line" :span="2">-</el-col>
<el-col :span="11">
<el-time-picker
type="fixed-time"
placeholder="选择时间"
v-model="sizeForm.date2"
style="width: 100%;"
></el-time-picker>
</el-col>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item label="活动性质">
<el-button type="primary" plain>重置</el-button> <el-checkbox-group v-model="sizeForm.type">
<el-checkbox-button label="美食/餐厅线上活动" name="type"></el-checkbox-button>
<el-checkbox-button label="地推活动" name="type"></el-checkbox-button>
<el-checkbox-button label="线下主题活动" name="type"></el-checkbox-button>
</el-checkbox-group>
</el-form-item> </el-form-item>
</el-form> <el-form-item label="特殊资源">
<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-radio-group v-model="sizeForm.resource" size="medium">
<el-form-item label="发布状态："> <el-radio border label="线上品牌商赞助"></el-radio>
<el-select v-model="formInline.type" placeholder="请选择发布状态"> <el-radio border label="线下场地免费"></el-radio>
<el-option label="状态1" value="shanghai"></el-option> </el-radio-group>
<el-option label="状态2" value="beijing"></el-option>
</el-select>
</el-form-item> </el-form-item>
</el-form> <el-form-item size="large">
<el-form :model="formInline" class="demo-form-inline"> <el-button type="primary" @click="onSubmit">立即创建</el-button>
<el-form-item> <el-button>取消</el-button>
<el-button type="primary">新建项目</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table :data="tableData" :header-cell-style="{background:'#FAFAFA',color:'#000'}">
<el-table-column prop="id" label="ID编号" width="140"></el-table-column>
<el-table-column prop="projectName" label="项目名称" width="120"></el-table-column>
<el-table-column prop="createName" label="创建人"></el-table-column>
<el-table-column prop="projectBrief" label="项目简介"></el-table-column>
<el-table-column prop="address" label="所属地区"></el-table-column>
<el-table-column prop="startTime" label="项目开始时间"></el-table-column>
<el-table-column prop="endTime" label="项目结束时间"></el-table-column>
<el-table-column prop="state" label="状态"></el-table-column>
<el-table-column fixed="right" label="操作" width="200">
<template slot-scope="scope">
<el-button class="title" type="text" size="small">编辑</el-button>
<el-button class="title" type="text" size="small">发布</el-button>
<el-button class="title" type="text" size="small">删除</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400"
></el-pagination>
</el-main> </el-main>
</div> </div>
</el-container> </el-container>
...@@ -102,11 +100,17 @@ export default { ...@@ -102,11 +100,17 @@ export default {
tableData: Array(10).fill(item), tableData: Array(10).fill(item),
timingTime: "", timingTime: "",
currentPage: 1, currentPage: 1,
formInline: { sizeForm: {
name: "", name: "",
date: "", region: "",
type: "" date1: "",
date2: "",
delivery: false,
type: [],
resource: "",
desc: ""
}, },
active: 0,
pickerOptions: { pickerOptions: {
shortcuts: [ shortcuts: [
{ {
...@@ -139,6 +143,15 @@ export default { ...@@ -139,6 +143,15 @@ export default {
] ]
} }
}; };
},
create() {},
methods: {
next() {
if (this.active++ > 2) this.active = 0;
},
onSubmit() {
console.log("submit!");
}
} }
}; };
</script> </script>
...@@ -148,7 +161,7 @@ export default { ...@@ -148,7 +161,7 @@ export default {
} }
.main-container { .main-container {
width: 100%; /* width: 100%; */
margin-left: 200px; margin-left: 200px;
margin-top: 80px; margin-top: 80px;
} }
......
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或