修改

src/pages/administration/document.vue

@@ -173,50 +173,56 @@
         </q-card-actions>
       </q-card>
     </q-dialog>
-    <el-drawer title="" :visible.sync="drawer" size="40%" :with-header="false">
-      <q-img :src="NoticeBaseInfo.Image" spinner-color="white" style=" width: 100%;height: 120px" />
-      <div style="padding: 20px">
-        <div class="col-12 g row">
-          <div class="col-6">
-            Fr：{{addMsg.From}}
+    <q-dialog v-model="persistent2" maximized full-height seamless position="right">
+      <q-card style="margin-top:21px;width:800px" class="no-border-radius classinfo_Dialog">
+        <q-img :src="NoticeBaseInfo.Image" v-if="NoticeBaseInfo.Image" spinner-color="white" style=" width: 100%;height: 120px" />
+        <div style="padding: 20px">
+          <div class="col-12 g row" style="margin-bottom:10px;">
+            <div class="col-6">
+              Fr：{{addMsg.From}}
+            </div>
+            <div class="col-6 " style="text-align: right">
+              编号：{{nNumber}}
+            </div>
           </div>
-          <div class="col-6 " style="text-align: right">
-            编号：{{nNumber}}
+          <div class="col-12  row" style="margin-bottom:10px;">
+            To：<span v-for="(item,index) in NInfo.DepartmentList"
+              :index="index">{{item.DeptName}}{{NInfo.DepartmentList.length==index+1?'':'、'}}</span>
+          </div>
+          <div class="col-12  row" style="margin-bottom:10px;">
+            Cc：<span v-for="(item,index) in NInfo.CopyPeopleList"
+              :index="index">{{item.EmName}}{{NInfo.CopyPeopleList.length==index+1?'':'、'}}</span>
+          </div>
+          <div class="col-12  row" style="margin-bottom:10px;">
+            Time：{{NInfo.UpdateTime}}
+          </div>
+          <div class="col-12  row" style="margin-top: 20px">
+            <span v-html="addMsg.Content"></span>
+          </div>
+          <div class="col-12  row" style="margin-top: 20px">
+            <div>附件:</div>
+            <template>
+              <div class="q-pa-md" style="max-width: 350px">
+                <q-list dense padding class="rounded-borders">
+                  <q-item clickable v-ripple v-for="(file,fIndex) in fileList" :key="fIndex">
+                    <q-item-section>
+                      <div class="row" @click="wopen(file)">
+                        <i class="iconfont icon-xiazai2" style="margin-right: 10px"></i>
+                        {{file.name}}
+                      </div>
+                    </q-item-section>
+                  </q-item>
+                </q-list>
+              </div>
+            </template>
           </div>
         </div>
-        <div class="col-12  row">
-          To：<span v-for="(item,index) in NInfo.DepartmentList"
-            :index="index">{{item.DeptName}}{{NInfo.DepartmentList.length==index+1?'':'、'}}</span>
-        </div>
-        <div class="col-12  row">
-          Cc：<span v-for="(item,index) in NInfo.CopyPeopleList"
-            :index="index">{{item.EmName}}{{NInfo.CopyPeopleList.length==index+1?'':'、'}}</span>
-        </div>
-        <div class="col-12  row">
-          Time：{{NInfo.UpdateTime}}
-        </div>
-        <div class="col-12  row" style="margin-top: 20px">
-          <span v-html="addMsg.Content"></span>
-        </div>
-        <div class="col-12  row" style="margin-top: 20px">
-          <div>附件:</div>
-          <template>
-            <div class="q-pa-md" style="max-width: 350px">
-              <q-list dense padding class="rounded-borders">
-                <q-item clickable v-ripple v-for="(file,fIndex) in fileList" :key="fIndex">
-                  <q-item-section>
-                    <div class="row" @click="wopen(file)">
-                      <i class="iconfont icon-xiazai2" style="margin-right: 10px"></i>
-                      {{file.name}}
-                    </div>
-                  </q-item-section>
-                </q-item>
-              </q-list>
-            </div>
-          </template>
-        </div>
+      </q-card>
+      <div class="dialog-out-close" @click="persistent2=false"
+        style="height:40px !important;border-top-left-radius: 4px !important;border-bottom-left-radius: 4px !important;">
+        <q-icon name="iconfont icon-jujue1" size="26px" />
       </div>
-    </el-drawer>
+    </q-dialog>
   </div>
 </template>
 
@@ -347,6 +353,7 @@
         nNumber: null,
         drawer: false, //显示右侧抽屉
         NInfo: {}, //详情内容
+        persistent2:false
 
       }
     },
@@ -644,7 +651,8 @@
 
       },
       EditConfig(id) {
-        this.drawer = true;
+        this.persistent2=true;
+        // this.drawer = true;
         this.getNInfo(id)
       },
       setNoticeOtion(id, type) {