页面框架体系重新调整

src/apps/AppInterview/AppInterview.vue

@@ -1,52 +1,42 @@
 <template>
   <div class="AppInterview">
-    <template v-if="!showDetail">
-      <ai-top-fixed>
-        <div flex>
-          <ai-date placeholder="日期选择" mode="range" @change="handleDateSearch"/>
-          <u-search placeholder="请输入标题" :show-action="false" v-model="search.title" @search="current=1,getList()"/>
-        </div>
-      </ai-top-fixed>
-      <template v-if="list.length>0">
-        <ai-card :ref="'aiCard' + index" v-for="(e,index) in list" :key="index" @click.native="goDetail(e.id,1)">
-          <template #custom>
-            <div flex>
-              <b class="fill">{{ e.title }}</b>
-            </div>
-            <div flex v-if="!!e.fileList" class="wrap" @click.stop>
-              <ai-image v-for="(op,i) in e.fileList.slice(0,3)" :src="op.accessUrl" preview :key="i"/>
-            </div>
-            <div class="bottom">{{ e.createTime }}</div>
-          </template>
-          <template #menu>
-            <div class="menu" @tap.stop="goDetail(e.id)">编辑</div>
-            <div class="menu" @tap.stop="handleDelete(e.id, index)">删除</div>
-          </template>
-        </ai-card>
-        <u-loadmore :status="loadmore" color="#999" font-size="24"
-                    margin-top="32" margin-bottom="80"/>
-      </template>
-      <div class="no-message" v-else>
-        <image src="https://cdn.cunwuyun.cn/wxAdmin/img/message.png"/>
-        <p>您还未添加过入户调查走访<br>点击<b>新增按钮</b>试试吧~</p>
+    <AiTopFixed>
+      <div flex>
+        <AiDate placeholder="日期选择" mode="range" @change="handleDateSearch"/>
+        <u-search placeholder="请输入标题" :show-action="false" v-model="search.title" @search="current=1,getList()"/>
       </div>
-      <ai-fixed-btn>
-        <div class="addBtn iconfont iconfont-iconfangda" @tap="gotoAdd()"/>
-      </ai-fixed-btn>
+    </AiTopFixed>
+    <template v-if="list.length>0">
+      <AiCard :ref="'aiCard' + index" v-for="(e,index) in list" :key="index" @click.native="goDetail(e.id,1)">
+        <template #custom>
+          <div flex>
+            <b class="fill">{{ e.title }}</b>
+          </div>
+          <div flex v-if="!!e.fileList" class="wrap" @click.stop>
+            <AiImage v-for="(op,i) in e.fileList.slice(0,3)" :src="op.accessUrl" preview :key="i"/>
+          </div>
+          <div class="bottom">{{ e.createTime }}</div>
+        </template>
+        <template #menu>
+          <div class="menu" @tap.stop="goDetail(e.id)">编辑</div>
+          <div class="menu" @tap.stop="handleDelete(e.id, index)">删除</div>
+        </template>
+      </AiCard>
+      <u-loadmore :status="loadmore" color="#999" font-size="24"
+                  margin-top="32" margin-bottom="80"/>
     </template>
-    <interview-detail v-else/>
+    <div class="no-message" v-else>
+      <image src="https://cdn.cunwuyun.cn/wxAdmin/img/message.png"/>
+      <p>您还未添加过入户调查走访<br>点击<b>新增按钮</b>试试吧~</p>
+    </div>
+    <AiFixedBtn>
+      <div class="addBtn iconfont iconfont-iconfangda" @tap="gotoAdd()"/>
+    </AiFixedBtn>
   </div>
 </template>
 
 <script>
-import AiSelect from "../../components/AiSelect";
-import AiTopFixed from "../../components/AiTopFixed";
-import AiCard from "../../components/AiCard";
-import AiImage from "../../components/AiImage";
-import AiDate from "../../components/AiDate";
-import AiFixedBtn from "../../components/AiFixedBtn";
-import InterviewDetail from "./interviewDetail";
-import AiBack from "../../components/AiBack";
+import qs from "query-string"
 
 export default {
   name: "AppInterview",
@@ -54,7 +44,6 @@ export default {
   inject: {
     root: {}
   },
-  components: {AiBack, InterviewDetail, AiFixedBtn, AiDate, AiImage, AiCard, AiTopFixed, AiSelect},
   data() {
     return {
       search: {title: ""},
@@ -66,25 +55,9 @@ export default {
   computed: {
     loadmore() {
       return this.pages <= this.current ? 'loading ' : 'nomore'
-    },
-    showDetail() {
-      return this.$route.hash == "#add"
     }
   },
   methods: {
-    emitShow() {
-      document.title = "调查走访"
-      if (this.showDetail) {
-        document.title = this.$route.query.detail ? "走访详情" : "新增走访"
-      } else {
-        this.current = 1;
-        this.getList()
-      }
-    },
-    emitReachBottom() {
-      this.current++;
-      this.getList()
-    },
     getList() {
       this.$http.post('/app/appinterview/list-xcx', null, {
         params: {
@@ -102,10 +75,10 @@ export default {
     goDetail(id, readonly) {
       let query = {id}
       readonly && (query.detail = 1)
-      this.root.goto({hash: "#add", query})
+      uni.navigateTo({url: `./interviewDetail?${qs.stringify(query)}`})
     },
     gotoAdd() {
-      this.root.goto({hash: "#add"})
+      uni.navigateTo({url: `./interviewDetail`})
     },
     handleDelete(ids, index) {
       this.$refs[`aiCard${index}`][0].handleClose()
@@ -126,7 +99,16 @@ export default {
       this.current = 1
       this.getList()
     }
-  }
+  },
+  onShow() {
+    document.title = "调查走访"
+    this.current = 1;
+    this.getList()
+  },
+  onReachBottom() {
+    this.current++;
+    this.getList()
+  },
 }
 </script>