添加修改查看表格

src/components/look_word/bdgleven.vue

@@ -1,7 +1,6 @@
 <template>
-  <div class="word" id="contents">
+  <div class="word" id="contents" style="font-family: 'fangsong';">
     <!-- <div class="fTitle">大队连务会记录本</div> -->
-
     <table
       class="table"
       border="1"
@@ -134,4 +133,12 @@ tbody {
 tr:last-child {
   border-bottom: 1px solid;
 }
+/* @font-face {
+  font-family: 'siYuan';
+  src: url('../../assets/css/siyuan.OTF');
+}
+@font-face {
+  font-family: 'siyuan-x';
+  src: url('../../assets/css/SOURCEHANSANSCN-REGULAR.OTF');
+} */
 </style>

src/components/look_word/bdglpublicproperty.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="word" id="contents">
+    <el-button @click="daochu">导出word</el-button>
     <!-- <div class="fTitle">大队连务会记录本</div> -->
     <!-- <div class="fTitle">营产、公物管理登记簿</div> -->
     <table
@@ -214,9 +215,21 @@
   </div>
 </template>
 <script>
+// import loadjs from '@/utils/lodJs.js'
 export default {
   name: "bdgleven",
   props: ["message"],
+  // data() {
+  //   return {
+  //     'title': '连务会记录本'
+  //   }
+  // },
+  // methods: {
+  //   daochu(){
+  //     console.log(111);
+  //     $('#contents').wordExport(this.title)
+  //   }
+  // }
 };
 </script>
 <style scoped>

src/components/look_word/bdglweekwork.vue

@@ -62,23 +62,30 @@
           <td width="158" valign="top"><p align="center">时间</p></td>
         </tr>
 
-        <tr v-for="(item,i) in message.bdglWeekworkRegisterList" style="text-align: center">
-          <td style="text-align: center" rowspan="2" >
-            {{ message.bdglWeekworkRegisterList.week }}
+        <tr
+          v-for="(item, i) in message.bdglWeekworkRegisterList"
+		  :key="i"
+          style="text-align: center"
+        >
+          <td style="text-align: center" rowspan="2">
+            {{ item.week }}
+          </td>
+          <td style="text-align: center" rowspan="2">
+            {{ item.time }}
           </td>
-          <td style="text-align: center" rowspan="2">{{ message.bdglWeekworkRegisterList.time }}</td>
-          <td style="text-align: center" rowspan="2">{{ message.dateline }}</td>
-          <td style="text-align: center" rowspan="2">{{ message.contents }}</td>
-          <td style="text-align: center" rowspan="2">{{ message.unitId1 }}</td>
-          <td style="text-align: center" rowspan="2">{{ message.peopleIds }}</td>
-          <td style="text-align: center" rowspan="2">{{ message.address }}</td>
+          <td style="text-align: center" rowspan="2">{{ item.dateline }}</td>
+          <td style="text-align: center" rowspan="2">{{ item.contents }}</td>
+          <td style="text-align: center" rowspan="2">{{ item.unitId1 }}</td>
           <td style="text-align: center" rowspan="2">
-            {{ message.startTime }}—{{ message.endTime }}
+            {{ item.peopleIds }}
+          </td>
+          <td style="text-align: center" rowspan="2">{{ item.address }}</td>
+          <td style="text-align: center" rowspan="2">
+            {{ item.startTime }}—{{ item.endTime }}
           </td>
         </tr>
 
-        <tr>
-        </tr>
+        <tr></tr>
 
         <!-- <tr >
 

src/main.js

@@ -42,6 +42,9 @@ import 'quill/dist/quill.core.css'
 import 'quill/dist/quill.snow.css'
 import 'quill/dist/quill.bubble.css'
 
+import '@/utils/lodJs.js'
+
+
 // 全局方法挂载
 Vue.prototype.getDicts = getDicts
 Vue.prototype.getConfigKey = getConfigKey

src/views/grassrootsregistration/bdgldiary/index.vue

@@ -658,11 +658,22 @@
           <el-button type="primary" @click="submitForm(1)">确 定</el-button>
         </div>
       </el-dialog>
+      <el-dialog :visible.sync="menuRoleVisible" :title="title" append-to-body >
+      
+        <bdgldiary
+        v-if="menuRoleVisible"
+        ref="menuRole"
+        :message="wordInfo"
+      ></bdgldiary>
+      
+    </el-dialog>
     </div>
   </div>
 </template>
 
 <script>
+import bdgldiary from "@/components/look_word/bdgldiary.vue";
+
 import {
   listBdgldiary,
   getBdgldiary,
@@ -689,10 +700,13 @@ import Treeselect from "@riophae/vue-treeselect";
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import { treeselect } from "@/api/system/dept";
 export default {
-  components: { Treeselect },
+  components: { Treeselect,bdgldiary },
   name: "Bdgldiary",
   data() {
     return {
+      //查看页面
+      menuRoleVisible: false,
+      wordInfo: {},
       //判断关闭
       style: "2",
       // 获取首长
@@ -1199,18 +1213,17 @@ export default {
         this.title = "修改要事日记";
       });
     },
-    // //查看按钮操作
-    // handleChakan(row) {
-    //   // 是否隐藏按钮
-    //   this.opens = false;
-    //   const id = row.id || this.ids;
-    //   getBdgldiary(id).then((response) => {
-    //     this.wordInfo = response.data;
-    //     console.log(this.wordInfo);
-    //     this.title = "查看要事日记";
-    //     this.menuRoleVisible = true;
-    //   });
-    // },
+      //查看按钮操作
+    handleChakan(row) {
+      // 是否隐藏按钮
+      this.opens = false;
+      const id = row.id || this.ids;
+      getBdgldiary(id).then((response) => {
+        this.wordInfo = response.data;
+        this.title = "查看要事日记";
+        this.menuRoleVisible = true;
+      });
+    },
 
     /** 提交按钮 */
     submitForm(style) {
@@ -1319,9 +1332,10 @@ export default {
   color: #fff !important;
 }
 ::v-deep .el-dialog__body {
-  margin: 0px 20px;
+  margin: 10px  30px  20px 30px;
+  padding-top: 20px !important;
   box-sizing: border-box;
-  padding: 30px 12px 30px 28px;
+  /* padding: 30px 12px 30px 28px; */
 }
 /* 表单背景 */
 ::v-deep .el-input__inner {
@@ -1588,4 +1602,16 @@ export default {
 /* .greedd  {
   background-color: #67c23a
 } */
+/* 底部确定取消按钮 */
+::v-deep .el-dialog__footer {
+  padding: 18px 50px;
+  margin-right: 42px;
+}
+/* 增加按钮弹框 */
+::v-deep .el-dialog {
+    width: 1060px !important;
+}
+::v-deep .el-dialog__body{
+  padding: none !important;
+}
 </style>