tree 优化

This commit is contained in:
zhanglipeng
2021-08-14 16:33:46 +08:00
parent 0830c786e1
commit 249c2ef099
6 changed files with 139 additions and 76 deletions

View File

@ -16,7 +16,7 @@
<el-tree <el-tree
:data="treeOptions" :data="treeOptions"
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="true"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="tree"
default-expand-all default-expand-all

View File

@ -16,7 +16,7 @@
<el-tree <el-tree
:data="treeOptions" :data="treeOptions"
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="true"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="tree"
default-expand-all default-expand-all

View File

@ -16,7 +16,7 @@
<el-tree <el-tree
:data="treeOptions" :data="treeOptions"
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="true"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="tree"
:default-expand-all="false" :default-expand-all="false"

View File

@ -161,6 +161,7 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
class="v-dialog" class="v-dialog"
width="900px"
append-to-body append-to-body
> >
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">

View File

@ -170,6 +170,13 @@
v-hasPermi="['benyi:planweek:remove']" v-hasPermi="['benyi:planweek:remove']"
>删除</el-button >删除</el-button
> >
<el-button
size="mini"
type="text"
icon="el-icon-setting"
@click="handleActity(scope.row)"
>活动</el-button
>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
@ -195,80 +202,129 @@
:title="title" :title="title"
:visible.sync="open" :visible.sync="open"
class="v-dialog" class="v-dialog"
width="1024px"
append-to-body append-to-body
> >
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-row :gutter="15">
<el-form-item label="计划名称" prop="name"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-input v-model="form.name" placeholder="请输入计划名称" /> <el-col :span="12">
</el-form-item> <el-form-item label="计划名称" prop="name">
<el-form-item label="选择月份" prop="month"> <el-input v-model="form.name" placeholder="请输入计划名称" />
<label slot="label" </el-form-item>
>选择月份</label </el-col>
> <el-col :span="12">
<el-date-picker <el-form-item label="选择月份" prop="month">
clearable <label slot="label">选择月份</label>
size="small" <el-date-picker
class="my-date-picker" clearable
v-model="form.month" size="small"
type="month" class="my-date-picker"
value-format="yyyy-MM" v-model="form.month"
placeholder="选择月份" type="month"
></el-date-picker> value-format="yyyy-MM"
</el-form-item> placeholder="选择月份"
<el-form-item label="开始时间" prop="starttime"> ></el-date-picker>
<el-date-picker </el-form-item>
clearable </el-col>
size="small" <el-col :span="12">
class="my-date-picker" <el-form-item label="开始时间" prop="starttime">
v-model="form.starttime" <el-date-picker
type="date" clearable
value-format="yyyy-MM-dd" size="small"
placeholder="选择开始时间" class="my-date-picker"
></el-date-picker> v-model="form.starttime"
</el-form-item> type="date"
<el-form-item label="结束时间" prop="endtime"> value-format="yyyy-MM-dd"
<el-date-picker placeholder="选择开始时间"
clearable ></el-date-picker>
size="small" </el-form-item>
class="my-date-picker" </el-col>
v-model="form.endtime" <el-col :span="12">
type="date" <el-form-item label="结束时间" prop="endtime">
value-format="yyyy-MM-dd" <el-date-picker
placeholder="选择结束时间" clearable
></el-date-picker> size="small"
</el-form-item> class="my-date-picker"
<el-form-item label="选择周次" prop="weekly"> v-model="form.endtime"
<label slot="label" type="date"
>选择周次</label value-format="yyyy-MM-dd"
> placeholder="选择结束时间"
<el-select v-model="form.weekly" placeholder="请选择周次"> ></el-date-picker>
<el-option </el-form-item>
v-for="dict in weeklyOptions" </el-col>
:key="dict.dictValue" <el-col :span="12">
:label="dict.dictLabel" <el-form-item label="选择周次" prop="weekly">
:value="dict.dictValue" <label slot="label">选择周次</label>
></el-option> <el-select v-model="form.weekly" placeholder="请选择周次">
</el-select> <el-option
</el-form-item> v-for="dict in weeklyOptions"
<el-form-item label="本周主题" prop="themeofweek"> :key="dict.dictValue"
<el-input v-model="form.themeofweek" placeholder="请输入本周主题" /> :label="dict.dictLabel"
</el-form-item> :value="dict.dictValue"
<el-form-item label="教学目标(社会)" prop="jxmbSh"> ></el-option>
<Editor v-model="form.jxmbSh" placeholder="请输入教学目标(社会)" :quillIndex="0" toref="Editora"/> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="教学目标(语言)" prop="jxmbYy"> </el-col>
<Editor v-model="form.jxmbYy" placeholder="请输入教学目标(语言)" :quillIndex="1" toref="Editora"/> <el-col :span="12">
</el-form-item> <el-form-item label="本周主题" prop="themeofweek">
<el-form-item label="教学目标(健康)" prop="jxmbJk"> <el-input
<Editor v-model="form.jxmbJk" placeholder="请输入教学目标(健康)" :quillIndex="2" toref="Editora"/> v-model="form.themeofweek"
</el-form-item> placeholder="请输入本周主题"
<el-form-item label="教学目标(科学)" prop="jxmbKx"> />
<Editor v-model="form.jxmbKx" placeholder="请输入教学目标(科学)" :quillIndex="3" toref="Editora"/> </el-form-item>
</el-form-item> </el-col>
<el-form-item label="教学目标(艺术)" prop="jxmbYs"> <el-col :span="24">
<Editor v-model="form.jxmbYs" placeholder="请输入教学目标(艺术)" :quillIndex="4" toref="Editora"/> <el-form-item label="教学目标(社会)" prop="jxmbSh">
</el-form-item> <Editor
</el-form> v-model="form.jxmbSh"
placeholder="请输入教学目标(社会)"
:quillIndex="0"
toref="Editora"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="教学目标(语言)" prop="jxmbYy">
<Editor
v-model="form.jxmbYy"
placeholder="请输入教学目标(语言)"
:quillIndex="1"
toref="Editora"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="教学目标(健康)" prop="jxmbJk">
<Editor
v-model="form.jxmbJk"
placeholder="请输入教学目标(健康)"
:quillIndex="2"
toref="Editora"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="教学目标(科学)" prop="jxmbKx">
<Editor
v-model="form.jxmbKx"
placeholder="请输入教学目标(科学)"
:quillIndex="3"
toref="Editora"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="教学目标(艺术)" prop="jxmbYs">
<Editor
v-model="form.jxmbYs"
placeholder="请输入教学目标(艺术)"
:quillIndex="4"
toref="Editora"
/>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button> <el-button @click="cancel"> </el-button>
@ -583,6 +639,12 @@ export default {
path: "/benyi_course/planweekprint/table/" + id, path: "/benyi_course/planweekprint/table/" + id,
}); });
}, },
handleActity(row) {
const id = row.id;
this.$router.push({
path: "/benyi_course/planweek/data/" + id,
});
},
}, },
}; };
</script> </script>

View File

@ -16,7 +16,7 @@
<el-tree <el-tree
:data="treeOptions" :data="treeOptions"
:props="defaultProps" :props="defaultProps"
:expand-on-click-node="false" :expand-on-click-node="true"
:filter-node-method="filterNode" :filter-node-method="filterNode"
ref="tree" ref="tree"
default-expand-all default-expand-all