diff --git a/ruoyi-ui/src/views/benyi/mathtermplan/data.vue b/ruoyi-ui/src/views/benyi/mathtermplan/data.vue
index 7ff5cea0e..65c8e9a61 100644
--- a/ruoyi-ui/src/views/benyi/mathtermplan/data.vue
+++ b/ruoyi-ui/src/views/benyi/mathtermplan/data.vue
@@ -383,6 +383,7 @@ export default {
         updateTime: undefined,
       };
       this.resetForm("form");
+      this.mathFaList = [];
     },
     /** 搜索按钮操作 */
     handleQuery() {
@@ -416,6 +417,15 @@ export default {
         this.form = response.data;
         this.open = true;
         this.title = "修改游戏数学学期计划明细";
+        var mathconent = response.data.mathconent.split(";");
+        var array = [];
+        //console.log(arr);
+        mathconent.forEach(function (value, key, arr) {
+          if (value != "") {
+            array.push(parseInt(value));
+          }
+        });
+        this.mathFaList = array;
       });
     },
     /** 提交按钮 */
diff --git a/ruoyi-ui/src/views/benyi/mathtermplan/index.vue b/ruoyi-ui/src/views/benyi/mathtermplan/index.vue
index 2bede1a01..02bd8159f 100644
--- a/ruoyi-ui/src/views/benyi/mathtermplan/index.vue
+++ b/ruoyi-ui/src/views/benyi/mathtermplan/index.vue
@@ -188,7 +188,6 @@
             icon="el-icon-view"
             @click="handleView(scope.row)"
             v-hasPermi="['benyi:mathtermplan:query']"
-            :disabled=true
           >预览</el-button>
         </template>
       </el-table-column>
@@ -492,12 +491,12 @@ export default {
         .catch(function () {});
     },
     /** 预览按钮操作 */
-    // handleView(row) {
-    //   const id = row.id;
-    //   this.$router.push({
-    //     path: "/benyi_course/mathtermplanprint/table/"+id,
-    //   });
-    // },
+    handleView(row) {
+      const id = row.id;
+      this.$router.push({
+        path: "/benyi_course/mathtermplanprint/table/"+id,
+      });
+    },
     
   },
 };
diff --git a/ruoyi-ui/src/views/benyi/mathtermplan/table.vue b/ruoyi-ui/src/views/benyi/mathtermplan/table.vue
new file mode 100644
index 000000000..879107c78
--- /dev/null
+++ b/ruoyi-ui/src/views/benyi/mathtermplan/table.vue
@@ -0,0 +1,226 @@
+<template>
+  <div class="table-container" ref="printMe">
+    <h2 class="title">{{title}}</h2>
+    <div class="table">
+      <div class="print no-print">
+        <el-button type="primary" plain size="mini" icon="el-icon-printer" @click="prints"></el-button>
+      </div>
+      <table>
+        <tr class="align-center">
+          <!-- <td v-for="h in headerData" :key="h.title">
+            <b class="table-title">{{h.title}}</b>
+            {{h.name}}
+          </td>-->
+          <td class="w140">
+            <b class="table-title">班级：</b>
+            {{classname}}
+          </td>
+          <td>
+            <b class="table-title">学期：</b>
+            {{xnxqFormat(xnxq)}}
+          </td>
+          <td class="w200">
+            <b class="table-title">制定人：</b>
+            {{tbr}}
+          </td>
+        </tr>
+        <tr class="align-center table-bg">
+          <td v-for="h in bodyData.title" :key="h.prop">
+            <b>{{h.label}}</b>
+          </td>
+        </tr>
+        <tr v-for="item in bodyData.termplanitemList" :key="item.id">
+          <td class="align-center">
+            <span>{{item.month}}</span>
+          </td>
+          <td class="align-center">{{mathFormat(item.mathconent)}}</td>
+          <td>{{item.remark}}</td>
+        </tr>
+        <tr>
+          <td class="align-center">教学主管审批</td>
+          <td colspan="2">{{spyj}}</td>
+        </tr>
+      </table>
+      <!-- <p
+        class="warning"
+      >注：此周计划表不需要发给家长，只需上报教学主管。制定班级一周教学与活动计划表，请使用班级管理模块中“教学与游戏活动周计划表”，以上报教学主管和作为周计划通知发给家长。</p>-->
+    </div>
+  </div>
+</template>
+
+<script>
+import { listMathtermplan, getMathtermplan } from "@/api/benyi/mathtermplan";
+import {
+  listMathtermplanitem,
+  getMathtermplanitem,
+} from "@/api/benyi/mathtermplanitem";
+
+import { listPlan } from "@/api/benyi/plan";
+
+export default {
+  name: "TermTable",
+  data() {
+    return {
+      // 学年学期
+      xnxqOptions: [],
+      // 方案选项
+      mathOptions: [],
+      title: "",
+      xnxq: "",
+      classname: "",
+      tbr: "",
+      spyj: "",
+      bodyData: {
+        title: [
+          {
+            label: "月份",
+            prop: "theme",
+          },
+          {
+            label: "方案名称",
+            prop: "name",
+          },
+          {
+            label: "备注",
+            prop: "help",
+          },
+        ],
+        termplanitemList: [],
+      },
+      // 查询参数
+      queryParams: {
+        tpid: undefined,
+      },
+    };
+  },
+  created() {
+    const mathtermplanid = this.$route.params && this.$route.params.id;
+    this.queryParams.tpid = mathtermplanid;
+    this.getMathTermPlan(mathtermplanid);
+    this.getMathList();
+    this.getDicts("sys_xnxq").then((response) => {
+      this.xnxqOptions = response.data;
+    });
+  },
+  methods: {
+    // 学年学期类型--字典状态字典翻译
+    xnxqFormat(xnxq) {
+      return this.selectDictLabel(this.xnxqOptions, xnxq);
+    },
+    // 游戏方案--字典状态字典翻译
+    mathFormat(mathids) {
+      if (mathids != "" && mathids != null) {
+        var ilength = mathids.split(";").length - 1;
+        var names = "";
+        for (var i = 1; i < ilength; i++) {
+          names =
+            names +
+            this.selectMoeDictLabel(this.mathOptions, mathids.split(";")[i]) +
+            " ";
+        }
+        //this.selectDictLabel(this.scopeOptions, row.xnxq);
+        return names;
+      }
+      return "";
+    },
+    // 获取游戏数学方案
+    getMathList() {
+      listPlan(null).then((response) => {
+        console.log(response.rows);
+        this.mathOptions = response.rows;
+      });
+    },
+    //获取教学学期计划
+    getMathTermPlan(mathtermplanid) {
+      getMathtermplan(mathtermplanid).then((response) => {
+        // console.log(response.data);
+        this.title = response.data.name;
+        this.tbr = response.createusername;
+        this.classname = response.classname;
+        this.xnxq = response.data.xnxq;
+        this.spyj = response.data.shyj;
+      });
+      this.listMathTermItemPlan();
+    },
+    //获取学期月份详细计划
+    listMathTermItemPlan() {
+      listMathtermplanitem(this.queryParams).then((response) => {
+        console.log(response.rows);
+        this.bodyData.termplanitemList = response.rows;
+      });
+    },
+    //打印
+    prints() {
+      //console.log(this.$refs.printMe);
+      this.$print(this.$refs.printMe);
+    },
+  },
+};
+</script>
+<style lang="scss">
+.table-container {
+  padding: 30px 10%;
+  .w140 {
+    width: 140px;
+  }
+  .w200 {
+    width: 200px;
+  }
+  .title {
+    margin: 0;
+    font-size: 18px;
+    text-align: center;
+    padding: 15px 0;
+  }
+  .title2 {
+    padding: 0;
+  }
+  .align-center {
+    text-align: center;
+  }
+  .table {
+    font-size: 14px;
+    .print {
+      display: flex;
+      justify-content: flex-end;
+      padding-bottom: 10px;
+    }
+    p {
+      margin: 0;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    table td {
+      border: #ccc solid 1px;
+      line-height: 24px;
+      padding: 8px 5px;
+    }
+    .table-title {
+      font-size: 16px;
+    }
+    .table-bg {
+      background: #f8f8f8;
+    }
+  }
+  .warning {
+    padding-top: 20px;
+    font-size: 12px;
+    color: #666;
+  }
+}
+@media print {
+  .table-container {
+    padding: 30px 0;
+  }
+  .print {
+    opacity: 0;
+  }
+}
+/*去除页眉页脚*/
+@page {
+  size: auto; /* auto is the initial value */
+  margin: 3mm; /* this affects the margin in the printer settings */
+}
+</style>
\ No newline at end of file