添加vr历史航拍

dist/static/js/chunk-0c6db779.79474a2b.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0c6db779"],{"14da":function(t,s,a){},"26fc":function(t,s,a){t.exports=a.p+"static/img/404_cloud.0f4bc32b.png"},"8cdb":function(t,s,a){"use strict";a.r(s);var c=function(){var t=this,s=t.$createElement,a=t._self._c||s;return a("div",{staticClass:"wscn-http404-container"},[a("div",{staticClass:"wscn-http404"},[t._m(0),a("div",{staticClass:"bullshit"},[a("div",{staticClass:"bullshit__oops"},[t._v("哎呀!")]),a("div",{staticClass:"bullshit__headline"},[t._v(t._s(t.message)+t._s(t.count)+"秒后自动跳回首页")]),a("div",{staticClass:"bullshit__info"},[t._v("请检查您输入的网址是否正确，或单击下面的按钮返回首页。")]),a("a",{staticClass:"bullshit__return-home",attrs:{href:"/"}},[t._v("返回首页")])])])])},i=[function(){var t=this,s=t.$createElement,c=t._self._c||s;return c("div",{staticClass:"pic-404"},[c("img",{staticClass:"pic-404__parent",attrs:{src:a("a36b"),alt:"404"}}),c("img",{staticClass:"pic-404__child left",attrs:{src:a("26fc"),alt:"404"}}),c("img",{staticClass:"pic-404__child mid",attrs:{src:a("26fc"),alt:"404"}}),c("img",{staticClass:"pic-404__child right",attrs:{src:a("26fc"),alt:"404"}})])}],n={name:"Page404",data:function(){return{count:5}},created:function(){var t=this,s=window.setInterval((function(){t.count--,t.count<1&&(window.clearInterval(s),t.$router.push("/"))}),1e3)},computed:{message:function(){return"老板说你不能进入这个页面。。。"}}},e=n,l=(a("9caa"),a("2877")),r=Object(l["a"])(e,c,i,!1,null,"e9e54ed8",null);s["default"]=r.exports},"9caa":function(t,s,a){"use strict";a("14da")},a36b:function(t,s,a){t.exports=a.p+"static/img/404.a57b6f31.png"}}]);

dist/static/js/chunk-2d0ccfc9.5255f4e8.js

@@ -1 +0,0 @@
-(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.searchForm=Object(r["a"])({},a),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-2d0ccfc9.61b64577.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0ccfc9"],{"4fef":function(t,e,a){"use strict";a.r(e);var i=a("ade3"),r=a("5530");a("4e82"),a("e9c4"),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(r["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.searchForm=Object(r["a"])({},e),this.fetchData(e)},fetchData:function(t){var e=this;if(this.apiStr){var a={page:this.currentPage,page_size:this.pageSize};t?a=Object(r["a"])(Object(r["a"])({},a),t):this.searchForm&&(a=Object(r["a"])(Object(r["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}))}}}}}}]);

dist/static/js/chunk-77c90766.cebe2274.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-77c90766"],{"26fc":function(t,s,c){t.exports=c.p+"static/img/404_cloud.0f4bc32b.png"},"36f7":function(t,s,c){},7908:function(t,s,c){"use strict";c("36f7")},"8cdb":function(t,s,c){"use strict";c.r(s);var i=function(){var t=this,s=t.$createElement,c=t._self._c||s;return c("div",{staticClass:"wscn-http404-container"},[c("div",{staticClass:"wscn-http404"},[t._m(0),c("div",{staticClass:"bullshit"},[c("div",{staticClass:"bullshit__oops"},[t._v("哎呀!")]),c("div",{staticClass:"bullshit__headline"},[t._v(t._s(t.message)+t._s(t.count)+"秒后自动跳回首页")]),c("div",{staticClass:"bullshit__info"},[t._v("请检查您输入的网址是否正确，或单击下面的按钮返回首页。")]),c("a",{staticClass:"bullshit__return-home",attrs:{href:"/"}},[t._v("返回首页")])])])])},a=[function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"pic-404"},[i("img",{staticClass:"pic-404__parent",attrs:{src:c("a36b"),alt:"404"}}),i("img",{staticClass:"pic-404__child left",attrs:{src:c("26fc"),alt:"404"}}),i("img",{staticClass:"pic-404__child mid",attrs:{src:c("26fc"),alt:"404"}}),i("img",{staticClass:"pic-404__child right",attrs:{src:c("26fc"),alt:"404"}})])}],n={name:"Page404",data:function(){return{count:5}},created:function(){var t=this,s=window.setInterval((function(){t.count--,t.count<1&&(window.clearInterval(s),t.$router.push("/"))}),1e3)},computed:{message:function(){return"老板说你不能进入这个页面。。。"}}},e=n,l=(c("7908"),c("2877")),r=Object(l["a"])(e,i,a,!1,null,"e9e54ed8",null);s["default"]=r.exports},a36b:function(t,s,c){t.exports=c.p+"static/img/404.a57b6f31.png"}}]);

dist/static/js/chunk-9c1e7474.35d8ae04.js → dist/static/js/chunk-9c1e7474.121b95c0.js

@@ -1 +1 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9c1e7474","chunk-2d0ccfc9"],{"4fef":function(t,e,a){"use strict";a.r(e);var i=a("ade3"),c=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(c["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.searchForm=Object(c["a"])({},e),this.fetchData(e)},fetchData:function(t){var e=this;if(this.apiStr){var a={page:this.currentPage,page_size:this.pageSize};t?a=Object(c["a"])(Object(c["a"])({},a),t):this.searchForm&&(a=Object(c["a"])(Object(c["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}}}}}]);
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-9c1e7474","chunk-2d0ccfc9"],{"4fef":function(t,e,a){"use strict";a.r(e);var i=a("ade3"),c=a("5530");a("4e82"),a("e9c4"),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(c["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.searchForm=Object(c["a"])({},e),this.fetchData(e)},fetchData:function(t){var e=this;if(this.apiStr){var a={page:this.currentPage,page_size:this.pageSize};t?a=Object(c["a"])(Object(c["a"])({},a),t):this.searchForm&&(a=Object(c["a"])(Object(c["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/api/house.js

@@ -259,6 +259,19 @@ export default {
   admestatevrdetail: params => { // 楼盘航拍 - 详情
     return getRequestNoSort('/adm/estate/vr/detail', params, 'loading')
   },
+  admestatevrhistorylist: params => { // 楼盘航拍 - 历史VR 列表
+    return getRequestNoSort('/adm/estate/vr/history/list', params, 'loading')
+  },
+  admestatevrhistoryadd: params => { // 楼盘航拍 - 历史VR 添加
+    return getRequestNoSort('/adm/estate/vr/history/add', params, 'loading')
+  },
+  admestatevrhistoryedit: params => { // 楼盘航拍 - 历史VR 列表
+    return getRequestNoSort('/adm/estate/vr/history/edit', params, 'loading')
+  },
+  admestatevrhistorydel: params => { // 楼盘航拍 - 历史VR 删除
+    return getRequestNoSort('/adm/estate/vr/history/del', params, 'loading')
+  },
+  
   admestateupdateprice: params => { // 楼盘自动更新均价 开关
     return getRequestNoSort('/adm/estate/update/price', params, 'loading')
   },

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

@@ -14,9 +14,16 @@
       <base-form ref="ruleForm" class="lib-edit" :data="formData" :is-inline="false" label-width="110px">
         <div slot="footer" style="padding-top: 20px;">
           <el-button class="xl-form-btn t2" @click="close">关 闭</el-button>
-          <el-button class="xl-form-btn t1" @click="close('confirm')">确定</el-button>
+          <el-button class="xl-form-btn t3" @click="close('new')">新增并覆盖航拍</el-button>
+          <el-button class="xl-form-btn t1" @click="close('confirm')">编辑修改原来航拍,不新增</el-button>
         </div>
       </base-form>
+      <div class="scoped-vr-list">
+        <div class="vl-op" v-for="(vr, i) in vrList" :key="vr.id">
+          <img class="img" :src="vr.vr_image + '_xs'" alt="img">
+          <div class="t">{{vr.create_at ? vr.create_at.substr(0, 10) : '未知'}}</div>
+        </div>
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -34,13 +41,14 @@ export default {
       formData: [],
       loading: true,
       cObj: {},
-      isShowMap: false
+      vrList: [],
     }
   },
   watch: {
     isShow: function(val) {
       if (val) {
         if (this.curObj.id) {
+          this.getList()
           this.$api.house.admestatevrdetail({id: this.curObj.id}).then(res => {
             let curData = res || {}
             this.cObj = curData || {}
@@ -54,10 +62,15 @@ export default {
     },
   },
   methods: {
+    getList () {
+      this.$api.house.admestatevrhistorylist({estate_id: this.curObj.id}).then(data => {
+        this.vrList = data.list || []
+      })
+    },
     getDef() {
       const params = { ...this.cObj }
       this.formData = [
-        { label: '航拍key', key: 'vr_key', rules: 1 },
+        { label: '当前航拍key', key: 'vr_key', rules: 1 },
         { label: '航拍背景图', key: 'vr_image', type: 'cuImg',
           options: {
             w: 375,
@@ -68,7 +81,7 @@ export default {
       this.setDefaultValue(params)
     },
     close(str) {
-      if (str === 'confirm') {
+      if (str === 'confirm' || str === 'new') {
         this.$refs['ruleForm'].$refs['baseForm'].validate((valid) => {
           if (valid) {
             const oldform = this.$refs.ruleForm.baseForm
@@ -79,8 +92,15 @@ export default {
             let apiStr = 'admestatevredit'
             if (newForm.id) apiStr = 'admestatevredit'
             this.$api.house[apiStr](newForm).then(data => {
-              this.$msgs(newForm.id ? '编辑成功' : '新增成功')
-              this.$emit('close', newForm)
+              if (str === 'new') {
+                this.$api.house.admestatevrhistoryadd({estate_id: this.curObj.id}).then(data => {
+                  this.$msgs('航拍新增成功！最新航拍已更新')
+                  this.getList()
+                })
+              } else {
+                this.$msgs(newForm.id ? '编辑成功' : '新增成功')
+                this.$emit('close', newForm)
+              }
             })
           }
         })
@@ -103,4 +123,20 @@ export default {
     width: 100%;
   }
 }
+
+.scoped-vr-list {
+  .vl-op {
+    width: 120px;
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    text-align: center;
+    .img {
+      width: 100px;
+    }
+    .t {
+    }
+  }
+}
 </style>