页面修改

src/components/scenicSpot/scenicRecommentList.vue

@@ -219,9 +219,11 @@
   .scenicRecommentList .comCursorUrl {
     cursor: pointer;
   }
-  .scenicRecommentList .ql-container{
+
+  .scenicRecommentList .ql-container {
     min-height: 150px;
   }
+
   .scenicRecommentList .el-upload-dragger {
     font-size: 28px;
     color: #8c939d;
@@ -230,9 +232,11 @@
     line-height: 41px;
     text-align: center;
   }
-  .scenicRecommentList .ql-editor{
+
+  .scenicRecommentList .ql-editor {
     min-height: 150px;
   }
+
   /* 景区推荐列表 */
 
 </style>
@@ -242,7 +246,7 @@
       <ul>
         <li>
           <span class="hotel_name">
-            <em>名称</em>
+            <em>攻略名称</em>
             <el-input maxlength="50" @keyup.native.enter="resetPageIndex(),getList()" v-model="msg.Name">
             </el-input>
           </span>
@@ -250,8 +254,7 @@
         <li>
           <button class="hollowFixedBtn" type="button"
             @click="resetPageIndex(),getList()">{{$t('pub.searchBtn')}}</button>
-          <button class="normalBtn" type="button"
-            @click="outerVisible=true">{{$t('pub.addBtn')}}</button>
+          <button class="normalBtn" type="button" @click="outerVisible=true">{{$t('pub.addBtn')}}</button>
 
         </li>
       </ul>
@@ -259,22 +262,22 @@
     <div class="hotelResource clearfix" v-loading="loading">
       <table class="singeRowTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
         <tr>
-          <th>
+          <th width="80" >
             编号
           </th>
-          <th>
+          <th width="150">
             名称
           </th>
-          <th>
+          <th width="150">
             封面
           </th>
-          <th>
+          <th width="100">
             操作人
           </th>
-          <th>
+          <th width="120">
             操作时间
           </th>
-          <th>
+          <th width="120">
             操作
           </th>
         </tr>
@@ -296,77 +299,53 @@
           </td>
           <td>
             <el-tooltip class="item" effect="dark" content="修改" placement="top">
-                <el-button
-                type="primary"
-                icon="el-icon-edit"
-                circle
-                @click="UpdateScenic(item.Id)"
-                ></el-button>
+              <el-button type="primary" icon="el-icon-edit" circle @click="GetScenic(item.Id)"></el-button>
             </el-tooltip>
             <el-tooltip class="item" effect="dark" content="删除" placement="top">
-                <el-button
-                type="danger"
-                icon="iconfont icon-img_delete_small"
-                circle
-                @click="removeScenicRecomment(item.Id)"
-                ></el-button>
+              <el-button type="danger" icon="iconfont icon-img_delete_small" circle
+                @click="removeScenicRecomment(item.Id)"></el-button>
             </el-tooltip>
           </td>
         </tr>
+        <tr v-if="!(DataList && DataList.length>0)">
+          <td colspan="6">
+            暂无数据...
+          </td>
+        </tr>
       </table>
     </div>
 
-    <el-dialog
-      custom-class="w800"
-      title="新增"
-      :visible.sync="outerVisible"
-      center
-      :before-close="closeChangeMachie"
-    >
+    <el-dialog custom-class="w800" title="新增" :visible.sync="outerVisible" center :before-close="closeChangeMachie">
       <el-form :model="addMsg" :rules="rules" ref="addMsg" label-width="80px">
-        <el-form-item label="名称" prop="Name">
-          <el-input v-model="addMsg.Name" class="w217"/>
+        <el-form-item label="攻略名称" prop="Name">
+          <el-input v-model="addMsg.Name" class="w217" />
         </el-form-item>
         <el-form-item label="封面图">
           <div class="_addUpload_box">
             <div class="_pic_upload">
               <template v-if="addMsg.ImgCover!==''">
                 <div>
-                  <div
-                    style="width:125px;height:80px;overflow: hidden;display: flex;align-items: center;"
-                  >
+                  <div style="width:125px;height:80px;overflow: hidden;display: flex;align-items: center;">
                     <img :src="addMsg.ImgCover">
                   </div>
-                  <div
-                      style="font-size:12px; color:#666666;cursor: pointer;line-height: 20px;"
-                      @click="addMsg.ImgCover=''"
-                    >重新上传</div>
-
+                  <div style="font-size:12px; color:#666666;cursor: pointer;line-height: 20px;"
+                    @click="addMsg.ImgCover=''">重新上传</div>
                 </div>
               </template>
-              <el-upload
-                v-else
-                drag
-                :http-request="uploadFileBtn"
-                :multiple="false"
-                :show-file-list="false"
-                action
-              >
+              <el-upload v-else drag :http-request="uploadFileBtn" :multiple="false" :show-file-list="false" action>
                 <i class="el-icon-plus avatar-uploader-icon"></i>
                 <div class="el-upload__text">{{$t("active.ld_djscwj")}}</div>
               </el-upload>
             </div>
           </div>
         </el-form-item>
-        <el-form-item label="内容" prop="lotteryRules">
+        <el-form-item label="攻略内容" prop="lotteryRules">
           <quill-editor class="w595" :options="editorOption" v-model="addMsg.Content"></quill-editor>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <button
-          class="hollowFixedBtn"
-          @click="outerVisible = false, resetForm('addMsg')"
-        >{{$t('pub.cancelBtn')}}</button> &nbsp;
+        <button class="hollowFixedBtn"
+          @click="outerVisible = false, resetForm('addMsg')">{{$t('pub.cancelBtn')}}</button> &nbsp;
         <button class="normalBtn" @click="submitForm('addMsg')">{{$t('pub.saveBtn')}}</button>
       </div>
     </el-dialog>
@@ -384,7 +363,7 @@
         DataList: "",
         noData: false,
         loading: true,
-        outerVisible:false,
+        outerVisible: false,
         defaultImg: 'this.src="' + require("../../assets/img/bg_z1@2x.png") + '"',
         msg: {
           pageIndex: 1,
@@ -397,22 +376,26 @@
           currentPage: 1,
           Id: 0
         },
-        addMsg:{
-          Id:0,
-          Name:'',
-          ImgCover:'',
-          Content:''
+        addMsg: {
+          Id: 0,
+          Name: '',
+          ImgCover: '',
+          Content: ''
         },
-        editorOption:{
-            modules:{
-                toolbar:[
+        editorOption: {
+          modules: {
+            toolbar: [
               ['bold', 'italic', 'underline', 'strike'], // toggled buttons
-                  ['blockquote', 'code-block','align']
+              ['blockquote', 'code-block', 'align']
             ]
           }
         },
-        rules:{
-          Name: [{ required: true, message: '请输入名称', trigger: "change" }],
+        rules: {
+          Name: [{
+            required: true,
+            message: '请输入名称',
+            trigger: "change"
+          }],
         },
 
       };
@@ -462,14 +445,17 @@
         );
       },
 
-      uploadFileBtn(file){
+      uploadFileBtn(file) {
         //上传
         if (file.file.size > 1024 * 1024 * 10) {
           this.$message.warning(this.$t("tips.wjdxbncgsz"));
           return;
         }
         //  1 文档  2 数据 3 图片
-        let typeArr = [{ stringArr: "GIF|JPG|JPEG|PNG|BMP", type: 3 }];
+        let typeArr = [{
+          stringArr: "GIF|JPG|JPEG|PNG|BMP",
+          type: 3
+        }];
         let ft = file.file.name
           .substring(file.file.name.lastIndexOf(".") + 1, file.file.name.length)
           .toUpperCase();
@@ -488,9 +474,9 @@
         this.Success(this.$t("tips.shangchuanzhong"));
         this.UploadSelfFileT(path, newArr, x => {
           let fileSize =
-            file.file.size < 1024
-              ? file.file.size
-              : (file.file.size / 1024).toFixed(0);
+            file.file.size < 1024 ?
+            file.file.size :
+            (file.file.size / 1024).toFixed(0);
           this.addMsg.ImgCover = this.domainManager().ViittoFileUrl + x.data.FilePath;
           this.Success(this.$t("tips.scchenggong"));
           this.$forceUpdate();
@@ -512,7 +498,7 @@
         });
       },
       //新增
-      addScenic(){
+      addScenic() {
         this.apipost(
           "ScenicRecomment_Post_SetScenicRecommentService",
           this.addMsg,
@@ -520,7 +506,8 @@
             if (res.data.resultCode == 1) {
               this.Success(res.data.message);
               this.getList();
-            }else{
+              this.outerVisible = false;
+            } else {
               this.Error(res.data.message);
             }
           },
@@ -528,44 +515,20 @@
         );
       },
       //修改
-      UpdateScenic(id){
+      GetScenic(id) {
         this.apipost(
-          "ScenicRecomment_Post_SetScenicRecommentService",
-          this.addMsg,
+          "ScenicRecomment_Get_GetScenicRecommentService", {
+            Id: id
+          },
           res => {
             if (res.data.resultCode == 1) {
-              this.Success(res.data.message);
-              this.getList();
-            }else{
-              this.Error(res.data.message);
+              this.addMsg = res.data.data;
+              this.outerVisible = true;
             }
           },
           null
         );
       },
-
-      goUrl(path, id) {
-        this.$store.commit("pageConditionUpdate", this.msg);
-        this.$router.push({
-          path: path,
-          query: {
-            id: id,
-            blank: 'y',
-            tab: '修改景区信息'
-          }
-        });
-      },
-      goUrlT(path, id) {
-        this.$router.push({
-          path: path,
-          query: {
-            id: id,
-            blank: 'y',
-            tab: '门票管理'
-          }
-        });
-
-      }
     },
     mounted() {
       //this.getCountryList();