pdf修改数据处理

大唐会议后台/src/views/components/MeetingList.vue

@@ -4,6 +4,7 @@
       <div class="li-item" v-if="item.type == 'title'">
         <div class="li-title">{{ item.title }}</div>
         <div class="li-item-cz">
+          <div @click="handleInfoAdd(item)">新增</div>
           <div @click="handleInfoUpd(item)">修改</div>
           <div @click="handleInfoDel(item, index)">删除</div>
         </div>
@@ -12,6 +13,7 @@
         <div class="li-pdf" @click="handlePdf(item)">
           {{ item.filePdfName }}
           <div class="li-item-cz">
+            <div @click="handleInfoAdd(item)">新增</div>
             <div @click="handleInfoUpd(item)">修改</div>
             <div @click="handleInfoDel(item, index)">删除</div>
           </div>
@@ -47,6 +49,7 @@
       <div class="li-item" v-if="item.type == 'richtext'">
         <div class="li-text">{{ item.richtext }}</div>
         <div class="li-item-cz">
+          <div @click="handleInfoAdd(item)">新增</div>
           <div @click="handleInfoUpd(item)">修改</div>
           <div @click="handleInfoDel(item, index)">删除</div>
         </div>
@@ -58,9 +61,6 @@
       >
         <MeetingList :infos="item.infos"></MeetingList>
       </div>
-      <div style="display: flex; justify-content: flex-end">
-        <div @click="handleInfoAdd(item)">新增</div>
-      </div>
     </div>
   </div>
 </template>
@@ -244,6 +244,11 @@ export default {
     font-weight: bold;
     line-height: 30px;
   }
+  .li-pdf {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+  }
   .li-item-cz {
     display: flex;
     div {

大唐会议后台/src/views/meetingDetails/index.vue

@@ -20,13 +20,13 @@
       <el-form
         class="formStep"
         ref="form"
-        :model="$store.state.meetingItme"
+        :model="form"
         :rules="rules"
         label-width="80px"
       >
         <el-form-item label="类型" prop="type">
           <el-select
-            v-model="$store.state.meetingItme.type"
+            v-model="form.type"
             placeholder="请选择"
             @change="handleChange"
           >
@@ -35,33 +35,22 @@
             <el-option label="pdf" value="file-pdf"> </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item
+        <el-form-item label="标题" prop="content" v-if="form.type == 'title'">
-          label="标题"
+          <el-input v-model="form.title" placeholder="请输入"></el-input>
-          prop="content"
-          v-if="$store.state.meetingItme.type == 'title'"
-        >
-          <el-input
-            v-model="$store.state.meetingItme.title"
-            placeholder="请输入"
-          ></el-input>
         </el-form-item>
         <el-form-item
           label="内容"
           prop="content"
-          v-if="$store.state.meetingItme.type == 'richtext'"
+          v-if="form.type == 'richtext'"
         >
           <el-input
-            v-model="$store.state.meetingItme.richtext"
+            v-model="form.richtext"
             type="textarea"
             :rows="2"
             placeholder="请输入内容"
           ></el-input>
         </el-form-item>
-        <el-form-item
+        <el-form-item label="" prop="content" v-if="form.type == 'file-pdf'">
-          label=""
-          prop="content"
-          v-if="$store.state.meetingItme.type == 'file-pdf'"
-        >
           <div>
             <el-upload
               :limit="1"
@@ -85,7 +74,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="open = false">取 消</el-button>
+        <el-button @click="$store.state.meetingOpen = false">取 消</el-button>
       </div>
     </el-dialog>
   </div>
@@ -99,12 +88,20 @@ import {
   meetingAdd,
 } from "@/api/meeting";
 import MeetingList from "../components/MeetingList.vue";
+import { getToken } from "@/utils/auth";
 export default {
   name: "Notice",
   dicts: ["sys_notice_status", "sys_notice_type"],
   components: { MeetingList },
   data() {
     return {
+      headers: {
+        Authorization: "Bearer " + getToken(),
+        deptId: localStorage.getItem("hospitalId"),
+      },
+      uploadFileUrl:
+        process.env.VUE_APP_API_QZURL + "/datangMeeting/common/upload", // 上传文件服务器地址
+      fileList: [],
       loading: true,
       listData: [],
       open: false,
@@ -127,9 +124,26 @@ export default {
     this.getList();
   },
   watch: {
+    // 删除后重新获取列表
     "$store.state.metinQuery"(newVal, oldVal) {
       this.getList();
     },
+    // 数据变化处理数据
+    "$store.state.meetingItme"(newVal, oldVal) {
+      if (newVal.type == "file-pdf") {
+        newVal["file-pdf"] = {
+          name: newVal.filePdfName,
+          url: newVal.filePdfUrl,
+        };
+        this.fileList = [
+          {
+            name: newVal.filePdfName,
+            url: newVal.filePdfUrl,
+          },
+        ];
+      }
+      this.form = newVal;
+    },
   },
 
   methods: {
@@ -142,10 +156,10 @@ export default {
     // 上传成功回 - pdg
     handleUploadPdfAdd1(res) {
       if (res.code == 200) {
-        this.itemData["file-pdf"].name = res.originalFilename;
+        this.form["file-pdf"].name = res.originalFilename;
-        this.itemData["file-pdf"].link =
+        this.form["file-pdf"].link =
           process.env.VUE_APP_API_QZURL + res.fileName;
-        console.log(" this.itemData", this.itemData);
+        console.log("this.form", this.form);
         this.$modal.msgSuccess("上传成功");
       } else {
         this.$message.error(res.msg || "上传失败");
@@ -211,20 +225,11 @@ export default {
     submitForm: function () {
       this.$refs["form"].validate((valid) => {
         if (valid) {
-          meetingDetailsAdd(this.$store.state.meetingItme).then((response) => {
+          meetingDetailsAdd(this.form).then((response) => {
             this.$modal.msgSuccess("操作成功");
             this.$store.commit("seteMetingOpen", false);
             this.getList();
           });
-          // if (this.form.id != undefined) {
-
-          // } else {
-          //   meetingAdd(this.form).then((response) => {
-          //     this.$modal.msgSuccess("新增成功");
-          //     this.open = false;
-          //     this.getList();
-          //   });
-          // }
         }
       });
     },