no message

src/components/Hotel/memorandum/memorandumList.vue

@@ -16,6 +16,233 @@
     .zidingyiFz i {
       font-size: 14px !important;
     }
+    .page_addFD {
+    margin-top: 20px;
+    position: relative;
+    height: 1024px;
+  }
+
+  .page_form {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 60px;
+  }
+
+  .Receipt_box {
+    padding: 15px;
+    color: #c94052;
+    width: 100%;
+    width: 830px;
+    position: absolute;
+  }
+
+  .Receipt_box tr th {
+    color: #c94052
+  }
+
+  .Receipt_box.color_blur tr th {
+    color: #c94052
+  }
+
+  .Receipt_box.color_blur {
+    color: #c94052;
+    background-color: white
+  }
+
+  .Receipt_box.color_blur .rb_stit span {
+    display: inline-block;
+    border-bottom: 2px solid #c94052;
+    padding: 0 20px
+  }
+
+  .rb_tit {
+    font-size: 18px;
+    text-align: center
+  }
+
+  .rb_stit {
+    font-size: 14px;
+    text-align: center;
+    margin-top: 10px;
+  }
+
+  .rb_stit span {
+    display: inline-block;
+    border-bottom: 2px solid #C94052;
+    padding: 0 20px
+  }
+
+  .rb_top_row {
+    display: flex;
+    justify-content: space-between;
+    font-size: 12px;
+    align-items: center;
+    margin-top: 10px
+  }
+
+  .rb_top_row span._r_name {
+    color: #333333;
+    display: inline-block;
+  }
+
+  .rb_top_row span._r_bold {
+    font-weight: bold
+  }
+
+  .rb_top_row ._r_time span {
+    color: #333333
+  }
+
+  ._r_mb5 {
+    margin-bottom: 10px;
+  }
+
+  .Receipt_table {
+    width: 100%;
+    font-size: 14px;
+    text-align: center
+  }
+
+  .Receipt_table th {
+    font-weight: 200 !important
+  }
+
+  .Receipt_table tr th,
+  .Receipt_table tr td {
+    background-color: white;
+    position: relative;
+  }
+
+  ._r_mt10 {
+    margin-top: 10px;
+  }
+
+  .Receipt_box.color_blur {
+    color: #c94052;
+  }
+
+  .Receipt_box.color_blur .rb_stit span {
+    display: inline-block;
+    border-bottom: 2px solid #c94052;
+    padding: 0 20px
+  }
+
+  td {
+    padding: 5px;
+    height: 34px;
+  }
+
+  ._border_b_1 {
+    border-bottom: 1px solid #666666 !important;
+    color: #666666
+  }
+
+  ._flow_chart {
+    position: absolute;
+    display: inline-block;
+    right: 15px;
+    top: 7px;
+    padding: 5px 25px;
+    font-size: 12px;
+    color: #FFFFFF;
+    background-color: #E95252;
+    border-radius: 14px;
+    cursor: pointer;
+  }
+
+  ._explain {
+    padding: 20px 0 10px 0;
+    border-top: 1px dashed #BFBFBF;
+    background-color: white;
+    margin-top: 15px
+  }
+
+  ._explain>p {
+    color: #1273BC;
+    font-size: 12px;
+  }
+
+  ._explain>div {
+    display: flex;
+    justify-content: space-between;
+    font-size: 12px;
+    color: #333333;
+    margin-top: 10px;
+    align-items: center;
+  }
+
+  ._explain>div span {
+    display: inline-block;
+  }
+
+  ._remark p {
+    color: #1273BC;
+    font-size: 12px;
+  }
+
+  ._remark textarea {
+    width: 100%;
+    height: 100px;
+    background: rgba(255, 255, 255, 1);
+    border: 1px solid rgba(220, 220, 220, 1);
+    border-radius: 4px;
+    margin-top: 10px;
+    padding: 15px;
+  }
+
+  ._log_t {
+    padding: 10px;
+  }
+
+  ._submit {
+    height: 50px;
+    padding: 10px 20px;
+    width: 830px;
+    position: absolute;
+    bottom: -50px;
+    left: 0;
+    display: flex;
+    background-color: white;
+  }
+
+  ._submit .btn-box {
+    width: 216px;
+  }
+
+  ._submit .chosenNextBox {
+    flex: 1;
+    font-size: 12px;
+    height: 30px;
+    line-height: 30px;
+  }
+
+  ._submit .chosenNextBox .red {
+    color: #C94052;
+    margin-right: 15px;
+  }
+
+  ._submit .el-input__inner {
+    width: 300px !important;
+  }
+
+  ._color_b {
+    color: #333333 !important;
+    font-size: 12px
+  }
+
+  ._AccountNumber {
+    font-size: 14px;
+    color: #333333;
+    display: inline-block;
+    min-width: 307px;
+  }
+
+  ._font_size12 {
+    font-size: 12px !important
+  }
+
   ._addUpload_box {
     display: block;
     margin-top: 15px;
@@ -41,6 +268,10 @@
   ._addUpload_box>div:hover {
     background-color: #f5f5f5;
   }
+  /deep/._addUpload_box .el-upload-dragger{
+    width: 126px !important;
+    height: 80px !important;
+  }
 
   ._addFile_name {
     padding-left: 15px;
@@ -167,26 +398,48 @@
       <div class="clearfix"></div>
       <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0">
         <tr>
-          <th>日期</th>
-          <th>名称</th>
-          <th>描述</th>
-          <th>文件</th>
-          <th>操作人</th>
-          <th>操作日期</th>
-          <th>操作</th>
+          <th width="150px">日期</th>
+          <th width="150px">名称</th>
+          <th style="min-width: 300px;">描述</th>
+          <th width="200px">文件</th>
+          <th width="100px">操作人</th>
+          <th width="150px">操作日期</th>
+          <th width="150px">操作</th>
         </tr>
         <tr v-for="(item, index) in DataList" v-loading="loading">
-          <td>{{ item.Date }}</td>
-          <td>{{ item.Name }}</td>
-          <td>{{ item.Content }}</td>
-          <td>
-            <span v-for="x in item.FileList">
-              {{x.Nmae}}
-            </span>
+          <td width="150px">{{ item.Date }}</td>
+          <td width="150px">{{ item.Name }}</td>
+          <td style="min-width: 200px;max-width: 400px;">
+            <el-tooltip class="item" effect="dark" :content="item.Content" placement="bottom">
+              <div style="overflow: hidden;white-space: nowrap;width: 100%;">{{ item.Content }}...</div>
+            </el-tooltip>
           </td>
-          <td>{{ item.UpddateName }}</td>
-          <td>{{ item.UpdateTime }}</td>
-          <td>
+          <td width="200px">
+            <div class="_addUpload_box clearfix">
+              <template v-for="(file,fIndex) in item.FileList">
+                <div v-if="file.FileType==1" style="width: 30px;height: 30px;">
+                  <div style="width:100%;height:100%;overflow: hidden;">
+                    <img v-if="file.Url" :src="file.Url" @click="showUpLoadFile(file)">
+                  </div>
+                </div>
+                <div v-if="file.FileType==2" style="width: 30px;height: 30px;">
+                  <div class="iconfont " style="line-height: 19px;font-size: 18px;"
+                    :class="file.Name.substring(file.Name.lastIndexOf('.')+1,file.Name.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
+                    @click="showUpLoadFile(file)">
+                  </div>
+                </div>
+                <div v-if="file.FileType==3" style="width: 30px;height: 30px;">
+                  <div class="iconfont icon-excel" @click="showUpLoadFile(file)">
+    
+                  </div>
+                </div>
+              </template>
+            </div>
+          </td>
+          <td width="200px">{{ item.UpddateName }}</td>
+          <td width="150px">{{ item.UpdateTime }}</td>
+          <td width="150px">
+            <template v-if="userInfo.EmployeeId==item.UpdateBy">
             <el-tooltip class="item" effect="dark" content="修改备忘录" placement="top">
               <el-button type="primary" icon="el-icon-edit" circle @click="
                   (outerVisible = true),
@@ -199,6 +452,7 @@
                     deleteData(item)
                 "></el-button>
             </el-tooltip>
+          </template>
           </td>
         </tr>
       </table>
@@ -208,45 +462,31 @@
       </el-pagination>
       <el-dialog custom-class="w800" :title="dialogTitle" :visible.sync="outerVisible" center
         :close="closeChangeMachie">
-        
         <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="100px">
           <table class="layerTable layerNoIcon">
             <tr>
               <td>
-                <el-form-item label="备忘录名称" prop="Name">
+                <el-form-item label="备忘录名称" prop="Name" style="margin-bottom: 10px;">
                   <el-input maxlength="20" class="w217" type="text" v-model="addMsg.Name"
                     placeholder="请输入备忘录名称"></el-input>
                 </el-form-item>
               </td>
               <td>
-                <el-form-item label="日期" prop="Date">
+                <el-form-item label="日期" prop="Date" style="margin-bottom: 10px;">
                   <el-date-picker value-format="yyyy-MM-dd" class="w217" v-model="addMsg.Date" type="date" :clearable="false">
                   </el-date-picker>
                 </el-form-item>
               </td>
             </tr>
-            <tr>
-              <td>
-                <el-form-item label="描述" prop="">
-                  <el-input maxlength="-1" type="textarea" :rows="2" v-model="addMsg.Content"
-                    placeholder="描述" style="width: 91%;"></el-input>
+          </table>
+        </el-form>
+        <el-form label-width="100px">
+          <el-form-item label="描述" prop="" style="margin-bottom: 10px;">
+            <el-input maxlength="-1" type="textarea" :rows="5" v-model="addMsg.Content"
+                  placeholder="描述" style="width: 100%;"></el-input>
           </el-form-item>
-              </td>
-              
-            </tr>
-            <tr>
-              <td>
-                <div class="_pic_upload" style="display: flex;justify-content: start;">
-                  <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
-                    <div style="margin-top: 60px;">
-                      <i class="el-icon-plus avatar-uploader-icon"></i>
-                      <div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
-                    </div>
-                  </el-upload>
-                </div>
-              </td>
-              <td>
-                <div class="_addUpload_box clearfix" >
+        </el-form>
+        <div class="_addUpload_box clearfix" style="margin-top: 20px;">
           <template v-for="(file,fIndex) in addMsg.FileList">
             <div v-if="file.FileType==1">
               <div style="width:100%;height:100%;overflow: hidden;">
@@ -261,20 +501,20 @@
               </div>
               <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
             </div>
-                    <div v-if="file.Type==3">
+            <div v-if="file.FileType==3">
               <div class="iconfont icon-excel" @click="showUpLoadFile(file)">
 
               </div>
               <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
             </div>
           </template>
+          <div class="_pic_upload" style="display: flex;justify-content: start;">
+            <el-upload drag :http-request="uploadFileBtn" :multiple="true" :show-file-list="false" action="">
+                <i class="el-icon-plus avatar-uploader-icon" style="margin-top: 16px;"></i>
+                <div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
+            </el-upload>
+          </div>
         </div>
-              </td>
-              
-            </tr>
-          </table>
-        </el-form>
-        
         <div slot="footer" class="dialog-footer">
           <button class="hollowFixedBtn" @click="outerVisible=false,resetForm('addMsg')">
             {{ $t("pub.cancelBtn") }}
@@ -295,6 +535,16 @@
           </div>
         </div>
       </el-dialog>
+      <div v-if='picIsShow&&!outerVisible' class="_show_img_box" @click="picIsShow=false,picObj=[]">
+        <div
+          style="position: absolute; width: 800px; height: 600px; left: 50%; top: 50%; margin-left: -400px; margin-top: -300px;">
+          <el-carousel :initial-index=initialIndex height="600px" :interval="5000" trigger="click">
+            <el-carousel-item style="height: 600px;overflow:auto;" v-for="(item,index) in picObj" :key="index">
+              <img :src="item" style="" />
+            </el-carousel-item>
+          </el-carousel>
+        </div>
+      </div>
       
     </div>
   </template>