0.0

src/views/rai_manage/reportManage/components/specialDlg.vue

@@ -6,10 +6,12 @@
         style="width: 100%; margin-bottom: 20px"
         v-model="keyAuthor"
         :fetch-suggestions="querySearchHandler"
+        @blur="changeHandler"
+        @select="selectCompany"
         placeholder="请输入客户姓名"
         :trigger-on-focus="false"
       ></el-autocomplete>
-      <p v-if="keyAuthor" style="color: #f00">系统中无此人，请先将其添加到对应公司的联系人列表下</p>
+      <p v-show="!isShowKey" style="color: #f00">系统中无此人，请先将其添加到对应公司的联系人列表下</p>
       <span slot="footer" class="dialog-footer">
         <el-button @click="handleCloseAuthor">取 消</el-button>
         <el-button type="primary" @click="addAuthorHandler">确 定</el-button>
@@ -49,6 +51,7 @@ export default {
       keyAuthor: "",
       companyList: [],
       textReject: "",
+      isShowKey: true,
     };
   },
   computed: {},
@@ -118,6 +121,13 @@ export default {
         this.$parent.getSpecialList();
       }
     },
+    changeHandler() {
+      if (!this.keyAuthor) return this.$message.error("请输入驳回原因");
+      this.isShowKey = this.companyList.some((item) => item.value === this.keyAuthor);
+    },
+    selectCompany() {
+      this.isShowKey = this.companyList.some((item) => item.value === this.keyAuthor);
+    },
   },
 };
 </script>

src/views/rai_manage/reportManage/yanXuanSpecial.vue

@@ -43,7 +43,8 @@
           </div>
           <div class="img-box">
             <template v-if="item.ImgUrl">
-              <el-image style="width: 115px; height: 115px" v-for="(key, index) in item.ImgUrl.split(',')" :key="index" :src="key" :preview-src-list="item.ImgUrl.split(',')"> </el-image>
+              <!-- <el-image style="width: 112px; height: 112px" fit="fill" v-for="(key, index) in item.ImgUrl.split(',')" :key="index" :src="key" :preview-src-list="item.ImgUrl.split(',')"> </el-image> -->
+              <img style="width: 112px; height: 112px" v-for="(key, index) in item.ImgUrl.split(',')" :key="index" :src="key" @click="showPreviewHandles(key)" />
             </template>
           </div>
           <div>
@@ -65,16 +66,18 @@
       </div>
     </div>
     <special-dlg :addAuthorDlgVisible.sync="addAuthorDlgVisible" :submitRejectDlgVisible.sync="submitRejectDlgVisible" :submitRejectId="submitRejectId" />
+    <el-image-viewer v-if="showPreview" :urlList="previewImages" :on-close="closeViewer" :zIndex="99999"></el-image-viewer>
   </div>
 </template>
 
 <script>
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
 import SpecialDlg from "./components/specialDlg.vue";
 import { raiInterface } from "@/api/api.js";
 import { async } from "@antv/x6/lib/registry/marker/async";
 export default {
   name: "",
-  components: { SpecialDlg },
+  components: { SpecialDlg,ElImageViewer },
   props: {},
   data() {
     return {
@@ -83,6 +86,8 @@ export default {
       submitRejectId: 0, // 驳回的ID
       authorInfoData: [], // 作者信息列表
       specialListData: [], // 审核列表
+      showPreview: false, //
+      previewImages: [],
     };
   },
   watch: {},
@@ -94,6 +99,15 @@ export default {
     // let rowNum = Math.round($(".content-detial").height() / parseFloat($(".content-detial").css("line-height")));
   },
   methods: {
+    showPreviewHandles(item) {
+      console.log(123);
+      this.showPreview = true;
+      this.previewImages = [item];
+    },
+    closeViewer() {
+      this.showPreview = false;
+      document.querySelector("body").classList.remove("el-popup-imageView--hidden");
+    },
     // 审核通过的确认按钮
     openMessage(item) {
       this.$confirm("确定通过此内容在小程序展示吗？", "审核通过", {
@@ -283,10 +297,9 @@ div {
       margin: 20px 0;
       height: 112px;
       img {
-        width: 112px;
-        height: 112px;
-        margin-right: 30px;
+        object-fit: fill !important;
         cursor: pointer;
+        margin-right: 20px;
       }
     }
     .lable-li {
@@ -319,4 +332,9 @@ div {
     }
   }
 }
+/deep/.el-image {
+  img {
+    object-fit: fill !important;
+  }
+}
 </style>