Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

主题整合备课 table 栏内容换行 更整齐

Browse Source
This commit is contained in:
zhanglipeng
2021-09-03 10:37:30 +08:00
parent d654ccb791
commit 3167d0f93c
8 changed files with 200 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
ruoyi-ui/src/views/benyi/mathtermplan/data.vue
View File

@ -78,8 +78,16 @@
label="游戏数学内容" label="游戏数学内容"
align="center" align="center"
prop="mathconent" prop="mathconent"
:formatter="mathFaFormat" >
/> <template slot-scope="scope" v-if="scope.row.mathconent != undefined">
<p
v-for="(item, index) in scope.row.mathconent.split(';')"
:key="index"
>
{{ mathFaFormat(item) }}
</p>
</template></el-table-column
>
<el-table-column <el-table-column
label="所属计划" label="所属计划"
align="center" align="center"
@ -118,7 +126,12 @@
/> />
<!-- 添加或修改游戏数学学期计划明细对话框 --> <!-- 添加或修改游戏数学学期计划明细对话框 -->
<el-dialog :title="title" :visible.sync="open" class="v-dialog" append-to-body> <el-dialog
:title="title"
:visible.sync="open"
class="v-dialog"
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">
<el-form-item label="所属计划" prop="tpid"> <el-form-item label="所属计划" prop="tpid">
<el-select v-model="form.tpid" size="small" :disabled="true"> <el-select v-model="form.tpid" size="small" :disabled="true">
@ -340,24 +353,33 @@ export default {
}); });
return actions.join(""); return actions.join("");
}, },
// // 游戏数学方案--字典状态字典翻译
// mathFaFormat(row, column) {
// if (row.mathconent != null) {
// var ilength = row.mathconent.split(";").length - 1;
// var names = "";
// for (var i = 1; i < ilength; i++) {
// names =
// names +
// this.selectMoeDictLabel(
// this.mathFaOptions,
// row.mathconent.split(";")[i]
// ) +
// "；";
// }
// //this.selectDictLabel(this.scopeOptions, row.xnxq);
// return names;
// }
// return "";
// },
// 游戏数学方案--字典状态字典翻译 // 游戏数学方案--字典状态字典翻译
mathFaFormat(row, column) { mathFaFormat(id) {
if (row.mathconent != null) { var name = "";
var ilength = row.mathconent.split(";").length - 1; if (id != null && id != "") {
var names = ""; name = this.selectMoeDictLabel(this.mathFaOptions, id);
for (var i = 1; i < ilength; i++) {
names =
names +
this.selectMoeDictLabel(
this.mathFaOptions,
row.mathconent.split(";")[i]
) +
"；";
} }
//this.selectDictLabel(this.scopeOptions, row.xnxq); //this.selectDictLabel(this.scopeOptions, row.xnxq);
return names; return name;
}
return "";
}, },
// 取消按钮 // 取消按钮
cancel() { cancel() {

63
ruoyi-ui/src/views/benyi/thememonthplan/data.vue
View File

@ -84,13 +84,16 @@
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> --> <!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column <el-table-column fixed label="活动" align="center" prop="activityid">
fixed <template slot-scope="scope" v-if="scope.row.activityid != undefined">
label="活动" <p
align="center" v-for="(item, index) in scope.row.activityid.split(';')"
prop="activityid" :key="index"
:formatter="themeactivityFormat" >
/> {{ themeactivityFormat(item) }}
</p>
</template></el-table-column
>
<el-table-column <el-table-column
label="所属月计划" label="所属月计划"
align="center" align="center"
@ -313,23 +316,31 @@ export default {
}, },
methods: { methods: {
// 主题--字典状态字典翻译 // 主题--字典状态字典翻译
themeactivityFormat(row, column) { // themeactivityFormat(row, column) {
if (row.activityid != null) { // if (row.activityid != null) {
var ilength = row.activityid.split(";").length - 1; // var ilength = row.activityid.split(";").length - 1;
var names = ""; // var names = "";
for (var i = 1; i < ilength; i++) { // for (var i = 1; i < ilength; i++) {
names = // names =
names + // names +
this.selectMoeDictLabel( // this.selectMoeDictLabel(
this.themeactivityOptions, // this.themeactivityOptions,
row.activityid.split(";")[i] // row.activityid.split(";")[i]
) + // ) +
"；"; // "；";
// }
// //this.selectDictLabel(this.scopeOptions, row.xnxq);
// return names;
// }
// return "";
// },
themeactivityFormat(activityid) {
var name = "";
if (activityid != null && activityid != "") {
name = this.selectMoeDictLabel(this.themeactivityOptions, activityid);
} }
//this.selectDictLabel(this.scopeOptions, row.xnxq); //this.selectDictLabel(this.scopeOptions, row.xnxq);
return names; return name;
}
return "";
}, },
//获取选中的checkbox //获取选中的checkbox
getThemeActivityIdValue() { getThemeActivityIdValue() {
@ -500,15 +511,11 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$confirm( this.$confirm("是否确认删除主题整合周计划明细的数据项?", "警告", {
'是否确认删除主题整合周计划明细的数据项?',
"警告",
{
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
} })
)
.then(function () { .then(function () {
return delMonthplanitem(ids); return delMonthplanitem(ids);
}) })

51
ruoyi-ui/src/views/benyi/thememonthplan/index.vue
View File

@ -163,12 +163,13 @@
<span>{{ parseTime(scope.row.month, "{y}-{m}") }}</span> <span>{{ parseTime(scope.row.month, "{y}-{m}") }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="本月主题" align="center" prop="themes">
label="本月主题" <template slot-scope="scope" v-if="scope.row.themes != undefined">
align="center" <p v-for="(item, index) in scope.row.themes.split(';')" :key="index">
prop="themes" {{ themeFormat(item) }}
:formatter="themeFormat" </p>
/> </template></el-table-column
>
<el-table-column prop="wxkc" label="微型课程"> <el-table-column prop="wxkc" label="微型课程">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-html="scope.row.wxkc"></div> <div v-html="scope.row.wxkc"></div>
@ -409,23 +410,31 @@ export default {
return this.selectDictLabel(this.statusOptions, row.status); return this.selectDictLabel(this.statusOptions, row.status);
}, },
// 主题--字典状态字典翻译 // 主题--字典状态字典翻译
themeFormat(row, column) { // themeFormat(row, column) {
if (row.themes != null) { // if (row.themes != null) {
var ilength = row.themes.split(";").length - 1; // var ilength = row.themes.split(";").length - 1;
var names = ""; // var names = "";
for (var i = 1; i < ilength; i++) { // for (var i = 1; i < ilength; i++) {
names = // names =
names + // names +
this.selectMoeDictLabel( // this.selectMoeDictLabel(
this.themeOptions, // this.themeOptions,
row.themes.split(";")[i] // row.themes.split(";")[i]
) + // ) +
" "; // " ";
// }
// //this.selectDictLabel(this.scopeOptions, row.xnxq);
// return names;
// }
// return "";
// },
themeFormat(themeid) {
var name = "";
if (themeid != null && themeid != "") {
name = this.selectMoeDictLabel(this.themeOptions, themeid);
} }
//this.selectDictLabel(this.scopeOptions, row.xnxq); //this.selectDictLabel(this.scopeOptions, row.xnxq);
return names; return name;
}
return "";
}, },
//主题 //主题
getThemeList() { getThemeList() {

6
ruoyi-ui/src/views/benyi/thememonthplan/table.vue
View File

@ -45,7 +45,7 @@
:rowspan="bodyData.monthplanitemList.length" :rowspan="bodyData.monthplanitemList.length"
class="align-center" class="align-center"
> >
<span>{{ monththeme }}</span> <span v-html="monththemes"></span>
</td> </td>
<td class="align-center">{{ item.zc }}</td> <td class="align-center">{{ item.zc }}</td>
<td class="align-center">{{ item.starttime }}至{{ item.endtime }}</td> <td class="align-center">{{ item.starttime }}至{{ item.endtime }}</td>
@ -99,6 +99,7 @@ export default {
classname: "", classname: "",
tbr: "", tbr: "",
monththeme: "", monththeme: "",
monththemes: "",
wxkc: "", wxkc: "",
bz: "", bz: "",
spyj: "", spyj: "",
@ -185,6 +186,7 @@ export default {
//主题翻译 //主题翻译
async themeFormat(themeids) { async themeFormat(themeids) {
var themename = ""; var themename = "";
var themenames = "";
var ids = themeids.split(";"); var ids = themeids.split(";");
var array = []; var array = [];
//console.log(ids); //console.log(ids);
@ -199,10 +201,12 @@ export default {
await listThemeByIds(array).then((response) => { await listThemeByIds(array).then((response) => {
response.rows.forEach(function (value1, key1, arr1) { response.rows.forEach(function (value1, key1, arr1) {
themename = themename + value1.name + ";"; themename = themename + value1.name + ";";
themenames = themenames + "<p>" + value1.name + "</p>";
}); });
}); });
//(themename); //(themename);
this.monththeme = themename; this.monththeme = themename;
this.monththemes = themenames;
} }
}, },
/** 查询主题整合周计划明细列表 */ /** 查询主题整合周计划明细列表 */

65
ruoyi-ui/src/views/benyi/themetermplan/data.vue
View File

@ -74,13 +74,17 @@
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> --> <!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column <el-table-column fixed label="主题内容" align="center" prop="themeconent"
fixed ><template slot-scope="scope" v-if="scope.row.themeconent != undefined">
label="主题内容" <p
align="center" v-for="(item, index) in scope.row.themeconent.split(';')"
prop="themeconent" :key="index"
:formatter="themeFormat" >
/> {{ themeFormat(item) }}
</p>
</template></el-table-column
>
<el-table-column <el-table-column
label="学期计划" label="学期计划"
align="center" align="center"
@ -264,23 +268,30 @@ export default {
}, },
methods: { methods: {
// 主题--字典状态字典翻译 // 主题--字典状态字典翻译
themeFormat(row, column) { // themeFormat(row, column) {
if (row.themeconent != null) { // if (row.themeconent != null) {
var ilength = row.themeconent.split(";").length - 1; // var ilength = row.themeconent.split(";").length - 1;
var names = ""; // var names = "";
for (var i = 1; i < ilength; i++) { // for (var i = 1; i < ilength; i++) {
names = // names =
names + // names +
this.selectMoeDictLabel( // this.selectMoeDictLabel(
this.themeOptions, // this.themeOptions,
row.themeconent.split(";")[i] // row.themeconent.split(";")[i]
) + // ) +
" "; // " ";
// }
// //this.selectDictLabel(this.scopeOptions, row.xnxq);
// return names;
// }
// return "";
// },
themeFormat(themeid) {
var name = "";
if (themeid != null && themeid != "") {
name = this.selectMoeDictLabel(this.themeOptions, themeid);
} }
//this.selectDictLabel(this.scopeOptions, row.xnxq); return name;
return names;
}
return "";
}, },
//获取选中的checkbox //获取选中的checkbox
getThemeconentValue() { getThemeconentValue() {
@ -440,15 +451,11 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$confirm( this.$confirm("是否确认删除主题整合学期计划明细的数据项?", "警告", {
'是否确认删除主题整合学期计划明细的数据项?',
"警告",
{
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
} })
)
.then(function () { .then(function () {
return delTermplanitem(ids); return delTermplanitem(ids);
}) })

3
ruoyi-ui/src/views/benyi/themetermplan/table.vue
View File

@ -39,7 +39,7 @@
<td class="align-center"> <td class="align-center">
<span>{{ item.month }}</span> <span>{{ item.month }}</span>
</td> </td>
<td class="align-center"> <td class="align-center" v-if="item.themeconent != undefined">
<router-link <router-link
style="margin: 10px; color: blue" style="margin: 10px; color: blue"
v-for="(index, item) in item.themeconent.split(';')" v-for="(index, item) in item.themeconent.split(';')"
@ -48,6 +48,7 @@
>{{ themeFormat(index) }}</router-link >{{ themeFormat(index) }}</router-link
> >
</td> </td>
<td v-else></td>
<td>{{ item.remark }}</td> <td>{{ item.remark }}</td>
</tr> </tr>
<tr> <tr>

64
ruoyi-ui/src/views/benyi/themeweekplan/data.vue
View File

@ -122,13 +122,16 @@
> >
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="编号" align="center" prop="id" /> --> <!-- <el-table-column label="编号" align="center" prop="id" /> -->
<el-table-column <el-table-column fixed label="活动" align="center" prop="activityid"
fixed ><template slot-scope="scope" v-if="scope.row.activityid != undefined">
label="活动" <p
align="center" v-for="(item, index) in scope.row.activityid.split(';')"
prop="activityid" :key="index"
:formatter="themeactivityFormat" >
/> {{ themeactivityFormat(item) }}
</p>
</template></el-table-column
>
<el-table-column <el-table-column
label="所属周计划" label="所属周计划"
align="center" align="center"
@ -361,23 +364,30 @@ export default {
}, },
methods: { methods: {
// 主题--字典状态字典翻译 // 主题--字典状态字典翻译
themeactivityFormat(row, column) { // themeactivityFormat(row, column) {
if (row.activityid != null) { // if (row.activityid != null) {
var ilength = row.activityid.split(";").length - 1; // var ilength = row.activityid.split(";").length - 1;
var names = ""; // var names = "";
for (var i = 1; i < ilength; i++) { // for (var i = 1; i < ilength; i++) {
names = // names =
names + // names +
this.selectMoeDictLabel( // this.selectMoeDictLabel(
this.themeactivityOptions, // this.themeactivityOptions,
row.activityid.split(";")[i] // row.activityid.split(";")[i]
) + // ) +
"；"; // "；";
// }
// //this.selectDictLabel(this.scopeOptions, row.xnxq);
// return names;
// }
// return "";
// },
themeactivityFormat(activityid) {
var name = "";
if (activityid != null && activityid != "") {
name = this.selectMoeDictLabel(this.themeactivityOptions, activityid);
} }
//this.selectDictLabel(this.scopeOptions, row.xnxq); return name;
return names;
}
return "";
}, },
//获取选中的checkbox //获取选中的checkbox
getThemeActivityIdValue() { getThemeActivityIdValue() {
@ -567,15 +577,11 @@ export default {
/** 删除按钮操作 */ /** 删除按钮操作 */
handleDelete(row) { handleDelete(row) {
const ids = row.id || this.ids; const ids = row.id || this.ids;
this.$confirm( this.$confirm("是否确认删除主题整合周计划明细数据项?", "警告", {
'是否确认删除主题整合周计划明细数据项?',
"警告",
{
confirmButtonText: "确定", confirmButtonText: "确定",
cancelButtonText: "取消", cancelButtonText: "取消",
type: "warning", type: "warning",
} })
)
.then(function () { .then(function () {
return delWeekplanitem(ids); return delWeekplanitem(ids);
}) })

4
ruoyi-ui/src/views/benyi/themeweekplan/table.vue
View File

@ -49,7 +49,9 @@
:rowspan="bodyData.weekplanitemList.length" :rowspan="bodyData.weekplanitemList.length"
class="align-center" class="align-center"
> >
<span>{{ item.theme }}</span> <p v-for="(item, index) in item.theme.split(';')" :key="index">
{{ item }}
</p>
</td> </td>
<td class="align-center">{{ item.daytime }} / 星期{{ item.zhou }}</td> <td class="align-center">{{ item.daytime }} / 星期{{ item.zhou }}</td>
<td v-if="item.activityid != undefined"> <td v-if="item.activityid != undefined">