|
@@ -24,33 +24,33 @@
|
|
|
<div class="select">
|
|
|
<div class="selectTop">
|
|
|
<div class="label">项目名称</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="selects.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="selects.fund" placeholder="请输入内容"></el-input>
|
|
|
<div style="position: absolute;top: 8px;right: -30px;">(万)</div>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">负责人</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="selects.leader" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">所在部门</div>
|
|
|
- <el-select v-model="input" style="width: 100%;" placeholder="请选择">
|
|
|
+ <el-select v-model="selects.department" style="width: 100%;" placeholder="请选择">
|
|
|
<el-option
|
|
|
- v-for="item in options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ v-for="item in selectInput"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">联系电话</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <el-input v-model="selects.tel" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -58,15 +58,15 @@
|
|
|
<div class="inpBlock">
|
|
|
<div class="label">项目开始时间</div>
|
|
|
<el-date-picker
|
|
|
- v-model="value"
|
|
|
- type="date"
|
|
|
+ v-model="selects.beginDate"
|
|
|
+ type="datetime"
|
|
|
style="width: 100%;"
|
|
|
placeholder="选择日期">
|
|
|
</el-date-picker>
|
|
|
</div>
|
|
|
<div class="inpBlock">
|
|
|
- <div class="label">预算总经费</div>
|
|
|
- <el-input v-model="input" placeholder="请输入内容"></el-input>
|
|
|
+ <div class="label">参与学生人数</div>
|
|
|
+ <el-input v-model="selects.studentNum" placeholder="请输入内容"></el-input>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
@@ -97,14 +97,14 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="className"
|
|
|
+ prop="work"
|
|
|
label="工作单位"
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
|
- prop="division"
|
|
|
+ prop="takeCharge"
|
|
|
label="活动分工"
|
|
|
align="center"
|
|
|
>
|
|
@@ -125,70 +125,34 @@
|
|
|
<!-- 指导老师结束 -->
|
|
|
|
|
|
<!-- 多行文本框区域开始 -->
|
|
|
+
|
|
|
<div class="tabTit">
|
|
|
<div><p>活动介绍</p></div>
|
|
|
</div>
|
|
|
<div class="textArea">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- class="textArea"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
- </el-input>
|
|
|
- </div>
|
|
|
- <div class="tabTit">
|
|
|
- <div><p>活动介绍</p></div>
|
|
|
- </div>
|
|
|
- <div class="textArea">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- class="textArea"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
- </el-input>
|
|
|
+ <vue-editor :editorToolbar="customToolbar" v-model="textareaS[0]"></vue-editor>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="tabTit">
|
|
|
<div><p>预期目标</p></div>
|
|
|
</div>
|
|
|
<div class="textArea">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- resize="none"
|
|
|
- class="textArea"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
- </el-input>
|
|
|
+ <vue-editor :editorToolbar="customToolbar" v-model="textareaS[1]"></vue-editor>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="tabTit">
|
|
|
<div><p>活动受面</p></div>
|
|
|
</div>
|
|
|
<div class="textArea">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- class="textArea"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
- </el-input>
|
|
|
+ <vue-editor :editorToolbar="customToolbar" v-model="textareaS[2]"></vue-editor>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="tabTit">
|
|
|
<div><p>经费支出计划</p></div>
|
|
|
</div>
|
|
|
<div class="textArea">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- class="textArea"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="textarea">
|
|
|
- </el-input>
|
|
|
+ <vue-editor :editorToolbar="customToolbar" v-model="textareaS[3]"></vue-editor>
|
|
|
+
|
|
|
</div>
|
|
|
<!-- 多行文本框区域结束 -->
|
|
|
|
|
@@ -230,42 +194,81 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import { VueEditor } from "vue2-editor";
|
|
|
+ import { uuid } from 'vue-uuid';
|
|
|
export default {
|
|
|
+ components:{
|
|
|
+ VueEditor,
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ customToolbar: [
|
|
|
+ ["bold", "italic", "underline"], [{ list: "ordered" }, { list: "bullet" }],
|
|
|
+ [{ align: "" }, { align: "center" }, { align: "right"}, { align: "justify"}],
|
|
|
+ [{header:[false,1,2,3,4]}]
|
|
|
+ ],
|
|
|
addMemberDialog:false,
|
|
|
- textarea:'',
|
|
|
- options: [{
|
|
|
- value: '选项1',
|
|
|
- label: '中德学院'
|
|
|
- }],
|
|
|
+ tableData:[], //活动指导老师列表
|
|
|
+ selects:{ //基础信息
|
|
|
+ projectName:'',
|
|
|
+ fund:'',
|
|
|
+ leader:'',
|
|
|
+ department:'',
|
|
|
+ tel:'',
|
|
|
+ beginDate:'',
|
|
|
+ studentNum:''
|
|
|
+ },
|
|
|
+
|
|
|
+ textareaS:[],
|
|
|
+ selectInput: [], //部门下拉框
|
|
|
Member:{
|
|
|
name:'袁一鸣',
|
|
|
className:'21通信',
|
|
|
Division:'ui'
|
|
|
},
|
|
|
value: '中德学院',
|
|
|
- input:'',
|
|
|
- tableData:[{
|
|
|
- Name:'徐晓慧',
|
|
|
- className:'22电子通信G5',
|
|
|
- division:'前端',
|
|
|
- },
|
|
|
- {
|
|
|
- Name:'林凡文',
|
|
|
- className:'22电子通信G5',
|
|
|
- division:'后端',
|
|
|
- },
|
|
|
- ],
|
|
|
+ input:'',
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- handleClose(){
|
|
|
+
|
|
|
+ getData(){ //获取基础信息
|
|
|
+ this.ajax.get(this.$store.state.api+"/GetActivityDetail",{
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ // aId:this.$route.query["Id"]
|
|
|
+ aId:this.$route.query["Id"]
|
|
|
+
|
|
|
+ }).then(res=>{
|
|
|
+ if(!res.data[0][0])return this.$message.error("错误")
|
|
|
+ let data = res.data[0][0];
|
|
|
+ console.log(data);
|
|
|
+ this.selects.projectName=data.title;
|
|
|
+ this.selects.fund=data.money;
|
|
|
+ this.selects.leader=data.pro_leader;
|
|
|
+ this.selects.tel=data.phone;
|
|
|
+ this.selects.beginDate=data.create_at;
|
|
|
+ this.selects.studentNum=data.students;
|
|
|
+ this.selects.department=data.classid;
|
|
|
+ this.tableData=JSON.parse(data.course_teacher)
|
|
|
+ this.textareaS=JSON.parse(data.chapters)
|
|
|
+ }).catch(err=>{
|
|
|
+ this.$message.error(err.message)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getAllClass(){
|
|
|
+ this.ajax.get(this.$store.state.api+"/SelectAllDepartment",{
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ }).then(res=>{
|
|
|
+ this.selectInput = res.data[0];
|
|
|
+ }).catch(err=>{
|
|
|
+ this.$message.error(err.message)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClose(){
|
|
|
this.addMemberDialog=false
|
|
|
},
|
|
|
addMember(){
|
|
|
this.addMemberDialog=true
|
|
|
-
|
|
|
},
|
|
|
commit(){
|
|
|
this.addMemberDialog=false;
|
|
@@ -299,8 +302,11 @@
|
|
|
},
|
|
|
|
|
|
},
|
|
|
- created(){
|
|
|
+ mounted(){
|
|
|
// this.value=(this.options[0].value)
|
|
|
+ this.getData();
|
|
|
+ this. getAllClass();
|
|
|
+ console.log(this.$route.query["Id"]);
|
|
|
}
|
|
|
}
|
|
|
</script>
|