|
|
@@ -0,0 +1,545 @@
|
|
|
+<template>
|
|
|
+ <div id="app">
|
|
|
+ <keep-alive exclude="show">
|
|
|
+ <router-view v-if="$route.meta.keepAlive"></router-view>
|
|
|
+ </keep-alive>
|
|
|
+ <router-view v-if="!$route.meta.keepAlive"></router-view>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import home from "./components/home/home";
|
|
|
+import show from "./components/show/show";
|
|
|
+import lianxi from "./components/lianxi/lianxi";
|
|
|
+import record from "./components/record/record";
|
|
|
+import seek from "./components/seek/seek";
|
|
|
+import seek_data from "./components/seek_data/seek_data";
|
|
|
+import login from "./components/login/login";
|
|
|
+import enroll from "./components/enroll/enroll";
|
|
|
+import collect from "./components/collect/collect";
|
|
|
+import memory from "./components/memory/memory";
|
|
|
+import mine from "./components/mine/mine";
|
|
|
+import modification from "./components/modification/modification";
|
|
|
+import repository from "./components/repository/repository";
|
|
|
+import details from "./components/details/details";
|
|
|
+import message from "./components/message/message";
|
|
|
+import addMeg from "./components/addMeg/addMeg";
|
|
|
+import megXq from "./components/megXq/megXq";
|
|
|
+import forget from "./components/forget/forget";
|
|
|
+import lianxiA from "./components/lianxi/lianxiA";
|
|
|
+import lianxiB from "./components/lianxi/lianxiB";
|
|
|
+import goTop from "./components/goTop/goTop";
|
|
|
+import bottomNav from "./components/bottomNav/bottomNav";
|
|
|
+import questions from "./components/questions/questions";
|
|
|
+import questions_details from "./components/questions_details/questions_details";
|
|
|
+import fieldsShow from "./components/fieldsShow/fieldsShow";
|
|
|
+import field_details from "./components/field_details/field_details";
|
|
|
+import message_list from "./components/message_list/message_list";
|
|
|
+import addData from "./components/addData/addData";
|
|
|
+import addData_details from "./components/addData_details/addData_details";
|
|
|
+import person from "./components/person/person";
|
|
|
+import versions_updateHistory from "./components/versions_updateHistory/versions_updateHistory";
|
|
|
+import mapShow from "./components/mapShow/mapShow";
|
|
|
+import share from "./components/share/share";
|
|
|
+import help from "./components/help/help";
|
|
|
+import tourist from "./components/tourist/tourist";
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: "app",
|
|
|
+ provide() {
|
|
|
+ //父组件中通过provide来提供变量,在子组件中通过inject来注入变量。
|
|
|
+ return {
|
|
|
+ reload: this.reload
|
|
|
+ };
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isRouterAlive: true //控制视图是否显示的变量
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ reload() {
|
|
|
+ this.isRouterAlive = false;
|
|
|
+ this.$nextTick(() => (this.isRouterAlive = true));
|
|
|
+ console.log($route.meta.keepAlive)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ // Waterfall,
|
|
|
+ home,
|
|
|
+ show,
|
|
|
+ lianxi,
|
|
|
+ record,
|
|
|
+ seek,
|
|
|
+ seek_data,
|
|
|
+ login,
|
|
|
+ enroll,
|
|
|
+ collect,
|
|
|
+ memory,
|
|
|
+ mine,
|
|
|
+ modification,
|
|
|
+ repository,
|
|
|
+ details,
|
|
|
+ message,
|
|
|
+ addMeg,
|
|
|
+ megXq,
|
|
|
+ forget,
|
|
|
+ lianxiA,
|
|
|
+ lianxiB,
|
|
|
+ goTop,
|
|
|
+ bottomNav,
|
|
|
+ questions,
|
|
|
+ questions_details,
|
|
|
+ fieldsShow,
|
|
|
+ field_details,
|
|
|
+ message_list,
|
|
|
+ addData,
|
|
|
+ addData_details,
|
|
|
+ person,
|
|
|
+ versions_updateHistory,
|
|
|
+ mapShow,
|
|
|
+ share,
|
|
|
+ help,
|
|
|
+ tourist
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<script>
|
|
|
+</script>
|
|
|
+
|
|
|
+
|
|
|
+<style>
|
|
|
+#app {
|
|
|
+ font-family: "Avenir", Helvetica, Arial, sans-serif;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ text-align: center;
|
|
|
+ color: #2c3e50;
|
|
|
+ /* margin-top: 60px; */
|
|
|
+}
|
|
|
+
|
|
|
+span {
|
|
|
+ /* margin-left: -15px; */
|
|
|
+}
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+#app {
|
|
|
+ font-family: "Avenir", Helvetica, Arial, sans-serif;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+img {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+input[type="file"] {
|
|
|
+ outline: none;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+* {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+#clip_button {
|
|
|
+ position: absolute;
|
|
|
+ right: 10%;
|
|
|
+ bottom: 20px;
|
|
|
+ width: 80px;
|
|
|
+ height: 40px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 2px;
|
|
|
+ background: #1aad19;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+#cancel_clip {
|
|
|
+ position: absolute;
|
|
|
+ left: 10%;
|
|
|
+ bottom: 20px;
|
|
|
+ width: 80px;
|
|
|
+ height: 40px;
|
|
|
+ border: none;
|
|
|
+ border-radius: 2px;
|
|
|
+ color: #fff;
|
|
|
+ background: #e64340;
|
|
|
+}
|
|
|
+#clip_container.container {
|
|
|
+ z-index: 99;
|
|
|
+ position: fixed;
|
|
|
+ padding-top: 60px;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: rgba(0, 0, 0, 1);
|
|
|
+}
|
|
|
+#clip_container.container > div {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+}
|
|
|
+#clip_image {
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-container {
|
|
|
+ font-size: 0;
|
|
|
+ line-height: 0;
|
|
|
+ position: relative;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ direction: ltr;
|
|
|
+ -ms-touch-action: none;
|
|
|
+ touch-action: none;
|
|
|
+}
|
|
|
+.crop_loading,
|
|
|
+.crop_success {
|
|
|
+ display: none;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ z-index: 9;
|
|
|
+}
|
|
|
+.crop_loading .crop_content {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ text-align: center;
|
|
|
+ background: #000;
|
|
|
+ opacity: 0.9;
|
|
|
+ height: 100px;
|
|
|
+ width: 100px;
|
|
|
+ vertical-align: middle;
|
|
|
+ color: #fff;
|
|
|
+ padding-top: 20px;
|
|
|
+ font-size: 16px;
|
|
|
+ -webkit-border-radius: 3px;
|
|
|
+ border-radius: 3px;
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+}
|
|
|
+.crop_loading .crop_content img {
|
|
|
+ margin-top: 15px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+.crop_success .crop_success_text {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ text-align: center;
|
|
|
+ background: #000;
|
|
|
+ opacity: 0.9;
|
|
|
+ width: 120px;
|
|
|
+ height: 30px;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 16px;
|
|
|
+ -webkit-border-radius: 3px;
|
|
|
+ border-radius: 3px;
|
|
|
+ -webkit-transform: translate(-50%, -50%);
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+}
|
|
|
+.cropper-container img {
|
|
|
+ display: block;
|
|
|
+ min-width: 0 !important;
|
|
|
+ max-width: none !important;
|
|
|
+ min-height: 0 !important;
|
|
|
+ max-height: none !important;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ image-orientation: 0deg;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-wrap-box,
|
|
|
+.cropper-canvas,
|
|
|
+.cropper-drag-box,
|
|
|
+.cropper-crop-box,
|
|
|
+.cropper-modal {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-wrap-box {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-drag-box {
|
|
|
+ opacity: 0;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-modal {
|
|
|
+ opacity: 0.5;
|
|
|
+ background-color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-view-box {
|
|
|
+ display: block;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ outline: 1px solid #39f;
|
|
|
+ outline-color: rgba(51, 153, 255, 0.75);
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-dashed {
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ opacity: 0.5;
|
|
|
+ border: 0 dashed #eee;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-dashed.dashed-h {
|
|
|
+ top: 33.33333%;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 33.33333%;
|
|
|
+ border-top-width: 1px;
|
|
|
+ border-bottom-width: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-dashed.dashed-v {
|
|
|
+ top: 0;
|
|
|
+ left: 33.33333%;
|
|
|
+ width: 33.33333%;
|
|
|
+ height: 100%;
|
|
|
+ border-right-width: 1px;
|
|
|
+ border-left-width: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-center {
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+
|
|
|
+ opacity: 0.75;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-center:before,
|
|
|
+.cropper-center:after {
|
|
|
+ position: absolute;
|
|
|
+ display: block;
|
|
|
+ content: " ";
|
|
|
+ background-color: #eee;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-center:before {
|
|
|
+ top: 0;
|
|
|
+ left: -3px;
|
|
|
+ width: 7px;
|
|
|
+ height: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-center:after {
|
|
|
+ top: -3px;
|
|
|
+ left: 0;
|
|
|
+ width: 1px;
|
|
|
+ height: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-face,
|
|
|
+.cropper-line,
|
|
|
+.cropper-point {
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ opacity: 0.1;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-face {
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-line {
|
|
|
+ background-color: #39f;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-line.line-e {
|
|
|
+ top: 0;
|
|
|
+ right: -3px;
|
|
|
+ width: 5px;
|
|
|
+ cursor: e-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-line.line-n {
|
|
|
+ top: -3px;
|
|
|
+ left: 0;
|
|
|
+ height: 5px;
|
|
|
+ cursor: n-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-line.line-w {
|
|
|
+ top: 0;
|
|
|
+ left: -3px;
|
|
|
+ width: 5px;
|
|
|
+ cursor: w-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-line.line-s {
|
|
|
+ bottom: -3px;
|
|
|
+ left: 0;
|
|
|
+ height: 5px;
|
|
|
+ cursor: s-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point {
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+
|
|
|
+ opacity: 0.75;
|
|
|
+ background-color: #39f;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-e {
|
|
|
+ top: 50%;
|
|
|
+ right: -3px;
|
|
|
+ margin-top: -3px;
|
|
|
+ cursor: e-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-n {
|
|
|
+ top: -3px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -3px;
|
|
|
+ cursor: n-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-w {
|
|
|
+ top: 50%;
|
|
|
+ left: -3px;
|
|
|
+ margin-top: -3px;
|
|
|
+ cursor: w-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-s {
|
|
|
+ bottom: -3px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -3px;
|
|
|
+ cursor: s-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-ne {
|
|
|
+ top: -3px;
|
|
|
+ right: -3px;
|
|
|
+ cursor: ne-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-nw {
|
|
|
+ top: -3px;
|
|
|
+ left: -3px;
|
|
|
+ cursor: nw-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-sw {
|
|
|
+ bottom: -3px;
|
|
|
+ left: -3px;
|
|
|
+ cursor: sw-resize;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-se {
|
|
|
+ right: -3px;
|
|
|
+ bottom: -3px;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ cursor: se-resize;
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .cropper-point.point-se {
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 992px) {
|
|
|
+ .cropper-point.point-se {
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1200px) {
|
|
|
+ .cropper-point.point-se {
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+ opacity: 0.75;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-point.point-se:before {
|
|
|
+ position: absolute;
|
|
|
+ right: -50%;
|
|
|
+ bottom: -50%;
|
|
|
+ display: block;
|
|
|
+ width: 200%;
|
|
|
+ height: 200%;
|
|
|
+ content: " ";
|
|
|
+ opacity: 0;
|
|
|
+ background-color: #39f;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-invisible {
|
|
|
+ opacity: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-bg {
|
|
|
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-hide {
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ display: block;
|
|
|
+
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-hidden {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-move {
|
|
|
+ cursor: move;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-crop {
|
|
|
+ cursor: crosshair;
|
|
|
+}
|
|
|
+
|
|
|
+.cropper-disabled .cropper-drag-box,
|
|
|
+.cropper-disabled .cropper-face,
|
|
|
+.cropper-disabled .cropper-line,
|
|
|
+.cropper-disabled .cropper-point {
|
|
|
+ cursor: not-allowed;
|
|
|
+}
|
|
|
+</style>
|