t

dist/static/js/chunk-2d0ccfc9.5ae54dc1.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0ccfc9","chunk-2d0ccfc9"],{"4fef":function(t,a,e){"use strict";e.r(a);var i=e("ade3"),c=e("5530");e("1276"),e("ac1f"),e("a9e3");a["default"]={data:function(){return{listLoading:!1,tableData:[],currentPage:1,pageSize:10,totalRecords:1,listConfig:{},operations:[]}},created:function(){var t=this;this.$nextTick((function(){t.noCreated||t.fetchData()}))},methods:{searchHandle:function(t){this.currentPage=1,this.searchForm=t,this.fetchData()},sizeChange:function(t){this.pageSize=t,this.currentPage=1,this.fetchData()},pageHandle:function(t){this.currentPage=t,this.fetchData()},sortChange:function(t){this.currentPage=1;var a=Object(c["a"])({},this.searchForm);"ascending"===t.order?a.sort=JSON.stringify(Object(i["a"])({},t.prop,"asc")):a.sort=JSON.stringify(Object(i["a"])({},t.prop,"desc")),this.fetchData(a)},fetchData:function(t){var a=this;if(this.apiStr){var e={page:this.currentPage,page_size:this.pageSize};t?e=Object(c["a"])(Object(c["a"])({},e),t):this.searchForm&&(e=Object(c["a"])(Object(c["a"])({},e),this.searchForm)),this.getDataBefore&&this.getDataBefore(e),this.listLoading=!0;var i=this.apiStr.split(".");this.$api[i[0]][i[1]](e).then((function(t){return 1===a.currentPage&&(a.pageSize=t.page_size||1),a.totalRecords=t.total?Number(t.total):0,a.tableData=t.list||[],a.listLoading=!1,a.getMoreData&&a.getMoreData(t,e),t})).catch((function(t){a.listLoading=!1}))}}}}}}]);

dist/static/js/chunk-2d0ccfc9.6dc97524.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0ccfc9"],{"4fef":function(t,a,e){"use strict";e.r(a);var i=e("ade3"),r=e("5530");e("1276"),e("ac1f"),e("a9e3");a["default"]={data:function(){return{listLoading:!1,tableData:[],currentPage:1,pageSize:10,totalRecords:1,listConfig:{},operations:[]}},created:function(){var t=this;this.$nextTick((function(){t.noCreated||t.fetchData()}))},methods:{searchHandle:function(t){this.currentPage=1,this.searchForm=t,this.fetchData()},sizeChange:function(t){this.pageSize=t,this.currentPage=1,this.fetchData()},pageHandle:function(t){this.currentPage=t,this.fetchData()},sortChange:function(t){this.currentPage=1;var a=Object(r["a"])({},this.searchForm);"ascending"===t.order?a.sort=JSON.stringify(Object(i["a"])({},t.prop,"asc")):a.sort=JSON.stringify(Object(i["a"])({},t.prop,"desc")),this.fetchData(a)},fetchData:function(t){var a=this;if(this.apiStr){var e={page:this.currentPage,page_size:this.pageSize};t?e=Object(r["a"])(Object(r["a"])({},e),t):this.searchForm&&(e=Object(r["a"])(Object(r["a"])({},e),this.searchForm)),this.getDataBefore&&this.getDataBefore(e),this.listLoading=!0;var i=this.apiStr.split(".");this.$api[i[0]][i[1]](e).then((function(t){return 1===a.currentPage&&(a.pageSize=t.page_size||1),a.totalRecords=t.total?Number(t.total):0,a.tableData=t.list||[],a.listLoading=!1,a.getMoreData&&a.getMoreData(t,e),t})).catch((function(t){a.listLoading=!1}))}}}}}}]);

dist/static/js/chunk-9c1e7474.527ca845.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9c1e7474","chunk-2d0ccfc9"],{"4fef":function(t,e,a){"use strict";a.r(e);var i=a("ade3"),n=a("5530");a("1276"),a("ac1f"),a("a9e3");e["default"]={data:function(){return{listLoading:!1,tableData:[],currentPage:1,pageSize:10,totalRecords:1,listConfig:{},operations:[]}},created:function(){var t=this;this.$nextTick((function(){t.noCreated||t.fetchData()}))},methods:{searchHandle:function(t){this.currentPage=1,this.searchForm=t,this.fetchData()},sizeChange:function(t){this.pageSize=t,this.currentPage=1,this.fetchData()},pageHandle:function(t){this.currentPage=t,this.fetchData()},sortChange:function(t){this.currentPage=1;var e=Object(n["a"])({},this.searchForm);"ascending"===t.order?e.sort=JSON.stringify(Object(i["a"])({},t.prop,"asc")):e.sort=JSON.stringify(Object(i["a"])({},t.prop,"desc")),this.fetchData(e)},fetchData:function(t){var e=this;if(this.apiStr){var a={page:this.currentPage,page_size:this.pageSize};t?a=Object(n["a"])(Object(n["a"])({},a),t):this.searchForm&&(a=Object(n["a"])(Object(n["a"])({},a),this.searchForm)),this.getDataBefore&&this.getDataBefore(a),this.listLoading=!0;var i=this.apiStr.split(".");this.$api[i[0]][i[1]](a).then((function(t){return 1===e.currentPage&&(e.pageSize=t.page_size||1),e.totalRecords=t.total?Number(t.total):0,e.tableData=t.list||[],e.listLoading=!1,e.getMoreData&&e.getMoreData(t,a),t})).catch((function(t){e.listLoading=!1}))}}}}},"9d49":function(t,e,a){"use strict";a.r(e),e["default"]={data:function(){return{bigImgSrc:"",bigImgShow:!1}},created:function(){},methods:{openbigImg:function(t){this.bigImgSrc=t,this.bigImgShow=!0},closebigImg:function(t){this.bigImgShow=!1}}}}}]);

src/components/Common/PopupBigImg.vue

@@ -20,6 +20,7 @@
 </template>
 <script>
 export default {
+  name: 'PopupBigImg',
   props: {
     isShow: Boolean,
     src: String
@@ -52,8 +53,8 @@ export default {
   }
   .big-img {
     display: inline-block;
-    max-width: 500px;
-    max-height: 500px;
+    max-width: 1000px;
+    max-height: 1000px;
   }
 }
 </style>

src/main.js

@@ -27,10 +27,11 @@ Vue.noEmpty = Vue.prototype.noEmpty = noEmpty
 import TableList from '@/components/Common/TableList'
 import BaseForm from '@/components/Common/BaseForm'
 import HeaderCollapse from '@/components/Common/HeaderCollapse'
-
+import PopupBigImg from '@/components/Common/PopupBigImg'
 Vue.component(TableList.name, TableList)
 Vue.component(BaseForm.name, BaseForm)
 Vue.component(HeaderCollapse.name, HeaderCollapse)
+Vue.component(PopupBigImg.name, PopupBigImg)
 import storage from '@/utils/storage'
 Vue.use(storage)
 

src/views/house/components/popup/LotteryEdit.vue

@@ -15,7 +15,7 @@
           <div class="scoped-img-area">
             <div class="sia-title">项目图</div>
             <div class="sia-op" v-for="(imgsrc,index) in infoImg" :key="index">
-              <img class="img" :src="imgsrc" alt="img">
+              <img class="img" :src="imgsrc" alt="img" @click="openbigImg(imgsrc)">
               <span class="close" @click="infoImgDel(index)"></span>
             </div>
             <el-upload
@@ -35,7 +35,7 @@
           <div class="scoped-img-area">
             <div class="sia-title">一房一价图</div>
             <div class="sia-op" v-for="(imgsrc,index) in houseImg" :key="index">
-              <img class="img" :src="imgsrc" alt="img">
+              <img class="img" :src="imgsrc" alt="img" @click="openbigImg(imgsrc)">
               <span class="close" @click="houseImgDel(index)"></span>
             </div>
             <el-upload
@@ -60,7 +60,7 @@
           <div class="scoped-img-area">
             <div class="sia-title">摇号结果图</div>
             <div class="sia-op" v-for="(imgsrc,index) in lotteryImg" :key="index">
-              <img class="img" :src="imgsrc" alt="img">
+              <img class="img" :src="imgsrc" alt="img" @click="openbigImg(imgsrc)">
               <span class="close" @click="lotteryImgDel(index)"></span>
             </div>
             <el-upload
@@ -90,15 +90,17 @@
       :type="priceType"
       @close="closeRPPopup"
     />
+    <popup-big-img :is-show="bigImgShow" :src="`${bigImgSrc}`" @close="closebigImg" />
   </div>
 </template>
 <script>
 import RoomPrice from './RoomPrice'
+import bigImgPopup from '_m/bigImgPopup.js'
 export default {
   components: {
-    RoomPrice
+    RoomPrice,
   },
-  mixins,
+  mixins: [...mixins, bigImgPopup],
   props: {
     isShow: Boolean,
     curObj: Object
@@ -117,7 +119,7 @@ export default {
       houseImg: [],
       lotteryImg: [],
       isRPShow: false,
-      priceType: 'add'
+      priceType: 'add',
     }
   },
   watch: {

src/views/house/components/popup/PhotoEdit.vue

@@ -14,7 +14,7 @@
       <div class="scoped-img-area" v-for="(item, iIndex) in imagesArr" :key="iIndex">
         <div class="sia-title">{{item.key}}</div>
         <div class="sia-op" v-for="(imgsrc,index) in item.urls" :key="index">
-          <img class="img" :src="imgsrc + '_adm0'" alt="img">
+          <img class="img" :src="imgsrc + '_adm0'" alt="img" @click="openbigImg(imgsrc + '_adm0')">
           <span class="close" @click="imgDel(iIndex, index)"></span>
         </div>
         <el-upload
@@ -36,13 +36,14 @@
         </div>
       </div>
     </el-drawer>
+    <popup-big-img :is-show="bigImgShow" :src="`${bigImgSrc}`" @close="closebigImg" />
   </div>
 </template>
 <script>
-import { arrToObj } from '@/utils'
+import bigImgPopup from '_m/bigImgPopup.js'
 export default {
   components: { },
-  mixins,
+  mixins: [...mixins, bigImgPopup],
   props: {
     isShow: Boolean,
     curObj: Object

src/views/mixins/bigImgPopup.js

@@ -0,0 +1,18 @@
+export default {
+  data() {
+    return {
+      bigImgSrc: '',
+      bigImgShow: false,
+    }
+  },
+  created() {},
+  methods: {
+    openbigImg(src) {
+      this.bigImgSrc = src
+      this.bigImgShow = true
+    },
+    closebigImg(src) {
+      this.bigImgShow = false
+    },
+  }
+}