no message

src/components/Hotel/HotelQueryList.vue

@@ -78,6 +78,8 @@
           </span>
         </li>
         <li>
+          <input v-if="HOTEL_memorandum" type="button" class="normalBtn" value="备忘录"
+            @click="goUrl('memorandumList')" />
           <input type="button" class="normalBtn" value="温馨提示"
             @click="showNotice=true,resetPageIndex(),GetHotelTipList()" />
           <input type="button" class="normalBtn" value="查询" @click="getList()" />
@@ -345,9 +347,19 @@
             ]
           }
         },
+        HOTEL_memorandum: true
       };
     },
     methods: {
+      goUrl(name, id) {
+        this.$router.push({
+          name: name,
+          query: {
+            blank: "y",
+            tab: "备忘录"
+          }
+        });
+      },
       // 获取供应商
       initSupplier() {
         this.apipost("supplier_post_GetAllList", {
@@ -606,6 +618,11 @@
       },
     },
     mounted() {
+      let userinfo = this.getLocalStorage();
+      let ActionMenuCode = userinfo.ActionMenuCode;
+      if (ActionMenuCode.indexOf("HOTEL_memorandum") != -1) {
+        this.HOTEL_memorandum = true;
+      }
       this.initSupplier();
       this.getBranchList();
       this.getProvinceList("651", 1);

src/components/Hotel/memorandum/memorandumList.vue

+<style>
+    .user_time_picker .el-date-editor--date>.el-input__inner {
+      padding: 0 10px;
+      font-size: 13px;
+    }
+  
+    .user_time_picker .el-date-editor--date>span.el-input__prefix {
+      display: none;
+    }
+  
+    .user_time_picker .el-date-editor--date>span.el-input__suffix {
+      top: -4px;
+      right: 2px;
+    }
+  
+    .zidingyiFz i {
+      font-size: 14px !important;
+    }
+    ._addUpload_box {
+    display: block;
+    margin-top: 15px;
+  }
+
+  ._addUpload_box img {
+    width: 100%;
+  }
+
+  ._addUpload_box>div {
+    float: left;
+    width: 138px;
+    height: 92px;
+    border: 1px dashed rgba(210, 210, 210, 1);
+    border-radius: 2px;
+    cursor: pointer;
+    margin-bottom: 10px;
+    padding: 5px;
+    margin-right: 10px;
+    position: relative;
+  }
+
+  ._addUpload_box>div:hover {
+    background-color: #f5f5f5;
+  }
+
+  ._addFile_name {
+    padding-left: 15px;
+    max-width: 450px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  ._addUpload_box .icon-guanbi1 {
+    font-size: 12px;
+    color: white;
+    display: inline-block;
+    margin-left: 15px;
+    position: absolute;
+    right: -6px;
+    top: -9px;
+    background-color: #f56c6c;
+    border-radius: 50%;
+    height: 20px;
+    width: 20px;
+    text-align: center;
+    line-height: 20px;
+  }
+
+  ._addUpload_box .icon-guanbi1:hover {
+    font-size: 12px;
+    color: #c94052;
+  }
+
+  ._addUpload_box .icon-excel,
+  ._addUpload_box .icon-pdf {
+    text-align: center;
+    font-size: 38px;
+    color: green;
+    line-height: 75px;
+  }
+
+  ._show_img_box {
+    position: fixed;
+    background: rgba(0, 0, 0, .6);
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+    text-align: center;
+  }
+
+  ._addUpload_tips {
+    font-size: 12px;
+    color: #999999;
+  }
+
+  ._jump_page {
+    cursor: pointer;
+    text-decoration: underline;
+  }
+
+  ._jump_page:hover {
+    color: #c94052;
+  }
+
+  ._TCIDAndTCNUMList {
+    display: flex;
+  }
+
+  ._TCIDAndTCNUMList ._TCIDAndTCNUMList_item span {
+    display: inline-block;
+    padding-bottom: 5px;
+  }
+
+  ._font_bold {
+    font-weight: bold;
+  }
+
+  ._TCIDAndTCNUMList_item {
+    max-width: 160px;
+  }
+
+  .page_addFD ._yewudanju {
+    position: absolute;
+    text-align: right;
+    font-size: 12px;
+    right: 15px;
+    top: 60px;
+  }
+
+  .iconfont._delete_row {
+    position: absolute;
+    right: -30px;
+    top: 10px;
+    cursor: pointer;
+  }
+  </style>
+  <template>
+    <div class="flexOne">
+      <div class="query-box">
+        <ul class="user_time_picker">
+          <li>
+            <span><em>备忘录名称</em>
+              <el-input v-model="msg.EmName" @keyup.enter.native="getList"></el-input>
+            </span>
+          </li>
+          <li>
+            <span><em>开始/结束时间</em>
+              <el-date-picker v-model="msg.QStartDate" value-format="yyyy-MM-dd" class="w105" type="date"></el-date-picker>
+              -
+              <el-date-picker v-model="msg.QEndDate" value-format="yyyy-MM-dd" class="w105" type="date"></el-date-picker>
+            </span>
+          </li>
+          <li>
+            <input type="button" class="hollowFixedBtn" :value="$t('pub.searchBtn')"
+              @click="resetPageIndex(), getList()" />
+            &nbsp;
+            <input type="button" @click="
+                (outerVisible = true),
+                  (isleaveBtn = false),
+                  (dialogTitle = '添加备忘录')
+              " class="normalBtn" value="新增" />
+          </li>
+        </ul>
+      </div>
+      <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>
+        </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>
+          <td>{{ item.UpddateName }}</td>
+          <td>{{ item.UpdateTime }}</td>
+          <td>
+            <el-tooltip class="item" effect="dark" content="修改备忘录" placement="top">
+              <el-button type="primary" icon="el-icon-edit" circle @click="
+                  (outerVisible = true),
+                    (dialogTitle = '修改备忘录'),
+                    updateData(item)
+                "></el-button>
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+                <el-button type="danger" icon="el-icon-delete" circle @click="
+                    deleteData(item)
+                "></el-button>
+            </el-tooltip>
+          </td>
+        </tr>
+      </table>
+  
+      <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
+        layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
+      </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-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-date-picker value-format="yyyy-MM-dd" class="w217" v-model="addMsg.Date" type="date">
+                  </el-date-picker>
+                </el-form-item>
+              </td>
+            </tr>
+           
+          </table>
+          <el-form-item label="描述" prop="">
+            <el-input maxlength="-1" type="textarea" :rows="2" v-model="addMsg.Content"
+              placeholder="描述" style="width: 91%;"></el-input>
+          </el-form-item>
+        </el-form>
+        <div class="_addUpload_box clearfix" >
+            <template v-for="(file,fIndex) in addMsg.FileList">
+              <div v-if="file.FileType==1">
+                <div style="width:100%;height:100%;overflow: hidden;">
+                  <img v-if="file.Url" :src="file.Url" @click="showUpLoadFile(file)">
+                </div>
+                <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
+              </div>
+              <div v-if="file.FileType==2">
+                <div class="iconfont "
+                  :class="file.Name.substring(file.Name.lastIndexOf('.')+1,file.Name.length).toUpperCase()=='PDF'? 'icon-pdf' : 'icon-excel'"
+                  @click="showUpLoadFile(file)">
+                </div>
+                <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
+              </div>
+              <div v-if="file.Type==3">
+                <div class="iconfont icon-excel" @click="showUpLoadFile(file)">
+
+                </div>
+                <span class="iconfont icon-guanbi1" @click="deleteUploadFile(fIndex)"></span>
+              </div>
+            </template>
+        </div>
+        <div class="_pic_upload" style="display: flex;justify-content: center;">
+          <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>
+        <div slot="footer" class="dialog-footer">
+          <button class="hollowFixedBtn" @click="outerVisible=false,resetForm('addMsg')">
+            {{ $t("pub.cancelBtn") }}
+          </button>
+          &nbsp;
+          <button class="normalBtn" @click="submitForm('addMsg')">
+            {{ $t("pub.saveBtn") }}
+          </button>
+        </div>
+        <div v-if='picIsShow' 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>
+      </el-dialog>
+      
+    </div>
+  </template>
+  <script>
+    export default {
+      data() {
+        return {
+          isleaveBtn: false,
+          loading: true,
+          total: 0,
+          pageSize: "",
+          currentPage: 1,
+          outerVisible: false,
+          isRight: true,
+          dialogTitle: "",
+          //请求
+          msg: {
+            pageIndex: 1,
+            pageSize: 15,
+            Name: '',
+            QStartDate: '',
+            QEndDate: ''
+          },
+          rules: {
+            Name: [{
+              required: true,
+              message: '请输入备忘录名称',
+              trigger: "blur"
+            }],
+            Date: [{
+              required: true,
+              message: '请选择日期',
+              trigger: "change"
+            }],
+            Content: [{
+              required: true,
+              message: '请输入描述',
+              trigger: "blur"
+            }]
+          },
+          addMsg: {
+            Id: 0,
+            Date: "",
+            Name: "",
+            Content: "",
+            FileList: []
+          },
+          //返回值的接收变量
+          EmLoginMobile: "",
+          DataList: [],
+          picIsShow: false,
+          picObj: [],
+          imgList: [],
+          initialIndex: 0,
+        };
+      },
+      mounted() {
+        this.userInfo=this.getLocalStorage();
+        this.msg.QStartDate = this.getYMD()
+        this.addMsg.Date = this.getYMD()
+        this.getList();
+      },
+      filters: {
+        leaveTimeFormat(value) {
+          if (value == "") {
+            return "在职";
+          } else {
+            return value;
+          }
+        }
+      },
+  
+      methods: {
+        handleExceed(file, fileList) {
+          this.$message.warning('一次最多选择5个文件!')
+          return
+        },
+        showUpLoadFile(i) { // 预览上传文件
+          if (i.FileType == 1) {
+            this.picObj.push(i.Url);
+            this.imgList.push(i.Url);
+            this.picIsShow = true;
+          } else {
+            if (i.Url.substring(i.Url.lastIndexOf('.') + 1, i.Url.length).toUpperCase() == 'PDF') {
+              this.previewPDF(i.Url)
+            } else {
+              window.open("https://view.officeapps.live.com/op/view.aspx?src=" + i.Url)
+            }
+          }
+        },
+        uploadFileBtn(file) { //上传
+          if (file.file.size > 1024 * 1024 * 10) {
+            this.$message.warning(this.$t('tips.wjdxbncgsz'))
+            return
+          }
+          //  2 文档  1 图片
+          let typeArr = [{
+              stringArr: 'GIF|JPG|JPEG|PNG|BMP',
+              type: 1
+            },
+            {
+              stringArr: 'DOCX|DOC|XLSX|XLS|PPT|PPTX|PDF',
+              type: 2
+            },
+          ]
+          let ft = file.file.name.substring(file.file.name.lastIndexOf('.') + 1, file.file.name.length).toUpperCase();
+          let fileTypeNumber = 2;
+          let typeOk = false;
+          typeArr.forEach(x => {
+            if (x.stringArr.indexOf(ft) != '-1') {
+              fileTypeNumber = x.type
+              typeOk = true;
+            }
+          })
+          if (!typeOk) return this.$message.error(this.$t('tips.qscWEfile'));
+          let newArr = [];
+          newArr.push(file.file)
+          let path = "/Upload/Temporary/"
+          this.$message.info(this.$t('tips.shangchuanzhong'))
+          this.UploadSelfFileT(path, newArr, x => {
+            let fileSize = file.file.size < 1024 ? file.file.size : (file.file.size / 1024).toFixed(0);
+            this.addMsg.FileList.push({
+              Name: x.data.FileName,
+              FileType: fileTypeNumber,
+              Url: this.domainManager().ViittoFileUrl + x.data.FilePath,
+            })
+            this.Success(this.$t('tips.scchenggong'))
+          }, 1);
+        },
+        getYMD() {  
+            let myDate = new Date();
+            let myYear = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
+            let myMonth = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
+            let myToday = myDate.getDate(); //获取当前日(1-31)
+            myMonth = myMonth > 9 ? myMonth : '0' + myMonth
+            myToday = myToday > 9 ? myToday : '0' + myToday
+            let nowDate = myYear +'-'+  myMonth +'-' +  myToday
+            return nowDate
+          },
+        getList() {
+          //获取数据
+          (this.loading = true),
+          this.apipost(
+            "hotel_get_GetHotelMemoPageList",
+            this.msg,
+            res => {
+              if (res.data.resultCode == 1) {
+                this.loading = false;
+                this.DataList = res.data.data.pageData;
+                this.total = res.data.data.count;
+              } else {}
+            },
+            err => {}
+          );
+        },
+        addData() {
+          if(this.isleaveBtn) return
+          this.isleaveBtn = true;
+          this.apipost(
+            "hotel_get_SetHotelMemo",
+            this.addMsg,
+            res => {
+              if (res.data.resultCode == 1) {
+                this.$message.success(res.data.message);
+                this.outerVisible = false;
+                this.getList();
+                this.resetForm("addMsg");
+              } else {
+                this.$message.error(res.data.message);
+              }
+              this.isleaveBtn = false
+            },
+            err => {this.isleaveBtn = false}
+          );
+          this.getList();
+        },
+        deleteData(item){
+          let that = this;
+          that.$confirm('是否确定删除？', '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            this.apipost('hotel_get_RemoveHotelMemo', {
+              MemoId: item.Id
+            },
+              res => {
+                if (res.data.resultCode === 1) {
+                  this.getList();
+                  this.Success(res.data.message)
+                } else {
+                  this.Error(res.data.message);
+                }
+              },
+              null
+            );
+          }).catch(() => {
+
+          });
+        },
+        updateData(item) {
+          let x = JSON.parse(JSON.stringify(item))
+          this.addMsg = {
+            Id: x.Id,
+            Date: x.Date,
+            Name: x.Name,
+            Content: x.Content,
+            FileList: x.FileList
+          }
+        },
+        deleteUploadFile(i) { // 删除上传文件
+          this.addMsg.FileList.splice(i, 1);
+        },
+        handleCurrentChange(val) {
+          this.msg.pageIndex = val;
+          this.getList();
+        },
+        resetPageIndex() {
+          this.msg.pageIndex = 1;
+          this.currentPage = 1;
+        },
+        submitForm(addMsg) {
+          // return
+          //提交创建、修改表单
+          this.$refs[addMsg].validate(valid => {
+            if (valid) {
+              this.addData();
+            } else {
+              return false;
+            }
+          });
+        },
+        closeChangeMachie(done) {
+          //弹出框关闭初始化弹框内表单
+          done();
+          this.resetForm("addMsg");
+        },
+  
+        resetForm(formName) {
+          this.outerVisible = false
+          //弹出框取消 初始化谈框内表单
+          this.$refs[formName].resetFields();
+          this.addMsg = {
+            Id: 0,
+            Date: this.getYMD(),
+            Name: '',
+            Content: '',
+            FileList: []
+          }
+        }
+      }
+    };
+  
+  </script>
+  
\ No newline at end of file

src/router/config.js

@@ -942,6 +942,13 @@ export default {
         meta: {
           title: '酒店查询统计'
         },
+      }, {
+        path: '/memorandumList', //酒店查询统计
+        name: 'memorandumList',
+        component: resolve => require(['@/components/Hotel/memorandum/memorandumList'], resolve),
+        meta: {
+          title: '备忘录'
+        },
       },
       {
         path: '/HotelWorkList', //酒店工作表