修改

src/pages/administration/document.vue

@@ -173,10 +173,11 @@
         </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" />
+    <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">
+          <div class="col-12 g row" style="margin-bottom:10px;">
             <div class="col-6">
               Fr：{{addMsg.From}}
             </div>
@@ -184,15 +185,15 @@
               编号：{{nNumber}}
             </div>
           </div>
-        <div class="col-12  row">
+          <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">
+          <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">
+          <div class="col-12  row" style="margin-bottom:10px;">
             Time：{{NInfo.UpdateTime}}
           </div>
           <div class="col-12  row" style="margin-top: 20px">
@@ -216,7 +217,12 @@
             </template>
           </div>
         </div>
-    </el-drawer>
+      </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>
+    </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) {