|
@@ -4,7 +4,6 @@
|
|
|
<div class="pA1Header">
|
|
|
<div class="pAHeader1">活动详情</div>
|
|
|
<span @click="backBtn" style="cursor: pointer;">返回</span>
|
|
|
- <!-- <el-button type="primary" class="addTeacher" style="box-sizing: border-box;padding-left: 30px;" @click="backBtn" size="mini">返回</el-button> -->
|
|
|
</div>
|
|
|
<hr>
|
|
|
<!-- 活动基本信息开始 -->
|
|
@@ -15,24 +14,24 @@
|
|
|
<div class="select">
|
|
|
<div class="selectTop">
|
|
|
<div class="label">活动名称</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.projectName" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
<div class="selectMid">
|
|
|
<div class="selectLeft">
|
|
|
<div class="inpBlock" style="position: relative;">
|
|
|
<div class="label">预算经费</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.budget" placeholder="请输入内容"></el-input>
|
|
|
<div style="position: absolute;right: -28px;top:8px">(元)</div>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">负责人</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.person" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">所在部门</div>
|
|
|
- <el-select v-model="input" style="width: 100%;" placeholder="请选择">
|
|
|
+ <el-select v-model="data.department" style="width: 100%;" placeholder="请选择">
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
+ v-for="item in data.departmentOptions"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value">
|
|
@@ -41,23 +40,23 @@
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">联系电话</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.tel" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="selectRight">
|
|
|
<div class="inpBlock" style="position: relative;">
|
|
|
<div class="label">实际使用经费</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.fund" placeholder="请输入内容"></el-input>
|
|
|
<div style="position: absolute;right: -28px;top:8px">(元)</div>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">参与学生人数</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.num" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">活动时间</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="data.date" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -135,58 +134,49 @@
|
|
|
<div class="tabTit">
|
|
|
活动介绍
|
|
|
</div>
|
|
|
- <div class=" MA1textArea">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:rows="6"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="activity.introduce">
|
|
|
</el-input>
|
|
|
- </div>
|
|
|
<div class="tabTit">
|
|
|
活动计划
|
|
|
</div>
|
|
|
- <div class=" MA1textArea">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:rows="6"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="activity.plan">
|
|
|
</el-input>
|
|
|
- </div>
|
|
|
<div class="tabTit">
|
|
|
预期目标
|
|
|
</div>
|
|
|
- <div class=" MA1textArea">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:rows="6"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="activity.target">
|
|
|
</el-input>
|
|
|
- </div>
|
|
|
<div class="tabTit">
|
|
|
活动受面
|
|
|
</div>
|
|
|
- <div class=" MA1textArea">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:rows="6"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="activity.scope">
|
|
|
</el-input>
|
|
|
- </div>
|
|
|
<div class="tabTit">
|
|
|
经费支出计划
|
|
|
</div>
|
|
|
- <div class=" MA1textArea">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
:rows="6"
|
|
|
+ class="textArea"
|
|
|
placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
+ v-model="activity.expend">
|
|
|
</el-input>
|
|
|
- </div>
|
|
|
<!-- 多行文本框部分结束 -->
|
|
|
|
|
|
<div class="baseBtn">
|
|
@@ -240,24 +230,41 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
addMemberDialog:false,
|
|
|
- options: [{
|
|
|
- value: '1',
|
|
|
- label: '中德学院'
|
|
|
- }],
|
|
|
+ data:{
|
|
|
+ projectName:'疯狂星期四',
|
|
|
+ budget:'200',
|
|
|
+ fund:"200000",
|
|
|
+ department:'肯德基',
|
|
|
+ person:'袁一鸣',
|
|
|
+ num:'10',
|
|
|
+ departmentOptions: [{
|
|
|
+ value: '1',
|
|
|
+ label: '肯德基'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '2',
|
|
|
+ label: '肯德基'
|
|
|
+ }],
|
|
|
+ date:'2023-11-12',
|
|
|
+ tel:'17739460368'
|
|
|
+ },
|
|
|
+ activity:{
|
|
|
+ introduce:'每周四福利大放送',
|
|
|
+ plan:'没有计划,主打真诚',
|
|
|
+ target:'为家人谋福利',
|
|
|
+ scope:'深技师',
|
|
|
+ expend:'1000万'
|
|
|
+ },
|
|
|
Member:{
|
|
|
Name:'袁一鸣',
|
|
|
class:'信通学院',
|
|
|
takeCharge:'ui'
|
|
|
},
|
|
|
- value:'',
|
|
|
- input:'',
|
|
|
- textarea:'',
|
|
|
tableData:[{
|
|
|
Name:'袁一鸣',
|
|
|
class:'22电子通信G5',
|
|
|
takeCharge:'ui设计',
|
|
|
},
|
|
|
-
|
|
|
],
|
|
|
|
|
|
}
|
|
@@ -304,6 +311,7 @@ export default {
|
|
|
|
|
|
|
|
|
textarea{
|
|
|
+ font-size: 16px;
|
|
|
resize: none;
|
|
|
}
|
|
|
|