diff --git a/src/mods/AppActivityList/add.vue b/src/mods/AppActivityList/add.vue
index a65cd33..28b22ec 100644
--- a/src/mods/AppActivityList/add.vue
+++ b/src/mods/AppActivityList/add.vue
@@ -40,6 +40,7 @@ import {mapState} from 'vuex'
 
 export default {
   name: "add",
+  appName:"活动报名",
   computed: {
     ...mapState(['user'])
   },
diff --git a/src/mods/AppActivityList/addContent.vue b/src/mods/AppActivityList/addContent.vue
index 5c605ae..ae1524e 100644
--- a/src/mods/AppActivityList/addContent.vue
+++ b/src/mods/AppActivityList/addContent.vue
@@ -26,6 +26,7 @@ import {mapState} from 'vuex'
 
 export default {
   name: "addContent",
+  appName: "填写活动日志",
   computed: {
     ...mapState(['user'])
   },
diff --git a/src/mods/AppActivityList/logDetail.vue b/src/mods/AppActivityList/logDetail.vue
index 9bf95a5..3f5ec17 100644
--- a/src/mods/AppActivityList/logDetail.vue
+++ b/src/mods/AppActivityList/logDetail.vue
@@ -25,6 +25,7 @@ import {mapState} from 'vuex'
 
 export default {
   name: 'logDetail',
+  appName:"活动日志",
   computed: {
     ...mapState(['user']),
   },
diff --git a/src/mods/AppActivityList/userList.vue b/src/mods/AppActivityList/userList.vue
index 59e63ba..494f17e 100644
--- a/src/mods/AppActivityList/userList.vue
+++ b/src/mods/AppActivityList/userList.vue
@@ -17,6 +17,7 @@
 
 export default {
   name: "userList",
+  appName: "活动报名情况",
   data() {
     return {
       id: '',
diff --git a/src/mods/AppAgProducts/agAdd.vue b/src/mods/AppAgProducts/agAdd.vue
index 519e781..8778757 100644
--- a/src/mods/AppAgProducts/agAdd.vue
+++ b/src/mods/AppAgProducts/agAdd.vue
@@ -74,6 +74,7 @@
 
 export default {
   name: "agAdd",
+  appName:"发布晒农产品",
   data() {
     return {
       show: false,
diff --git a/src/mods/AppAgProducts/agDetail.vue b/src/mods/AppAgProducts/agDetail.vue
index 5c9e6e3..59e69b1 100644
--- a/src/mods/AppAgProducts/agDetail.vue
+++ b/src/mods/AppAgProducts/agDetail.vue
@@ -34,6 +34,7 @@
 <script>
 export default {
   name: "agDetail",
+  appName: "农产品详情",
   data() {
     return {
       id: null,
diff --git a/src/mods/AppContent/AppContent.vue b/src/mods/AppContent/AppContent.vue
index 494b3c0..d2e8253 100644
--- a/src/mods/AppContent/AppContent.vue
+++ b/src/mods/AppContent/AppContent.vue
@@ -87,7 +87,7 @@ export default {
         params: {names: this.names}
       }).then(res => {
         if (res?.data) {
-          this.categorys = res.data[0]["categoryList"];
+          this.categorys = res.data?.[0]?.categoryList || [];
           this.search.moduleId = res.data?.[0]?.id;
           this.search.categoryId = res.data?.[0]?.categoryList?.[0]?.id;
           this.getCategoryList();
diff --git a/src/mods/AppContent/contentDetail.vue b/src/mods/AppContent/contentDetail.vue
index cd94f5d..c046306 100644
--- a/src/mods/AppContent/contentDetail.vue
+++ b/src/mods/AppContent/contentDetail.vue
@@ -8,6 +8,7 @@
 
 export default {
   name: "contentDetail",
+  appName:"内容详情",
   data() {
     return {
       detail: {title: "内容详情"},
@@ -37,7 +38,7 @@ export default {
 
   onShareAppMessage() {
     return {
-      title: detail.title,
+      title: this.detail.title,
       path: '/mods/AppContent/contentDetail?id=' + this.id
     };
   }
diff --git a/src/mods/AppContent/contentManager.vue b/src/mods/AppContent/contentManager.vue
index 5227d28..8897917 100644
--- a/src/mods/AppContent/contentManager.vue
+++ b/src/mods/AppContent/contentManager.vue
@@ -19,6 +19,7 @@ import {mapState} from "vuex";
 
 export default {
   name: "contentManager",
+  appName: "搜索结果",
   computed: {
     ...mapState(['user']),
     loadmore() {
diff --git a/src/mods/AppCreditPoints/result.vue b/src/mods/AppCreditPoints/result.vue
index 3d7c07f..079cf79 100644
--- a/src/mods/AppCreditPoints/result.vue
+++ b/src/mods/AppCreditPoints/result.vue
@@ -9,6 +9,7 @@
 
 <script>
 export default {
+  appName:"提交",
   data() {
     return {
       type: '0'
diff --git a/src/mods/AppCreditPoints/submitOrder.vue b/src/mods/AppCreditPoints/submitOrder.vue
index 6e36ddd..e2e933b 100644
--- a/src/mods/AppCreditPoints/submitOrder.vue
+++ b/src/mods/AppCreditPoints/submitOrder.vue
@@ -41,6 +41,7 @@
 
 <script>
 export default {
+  appName: "结算",
   data() {
     return {
       total: 0,
diff --git a/src/mods/AppCreditPoints/supermarket.vue b/src/mods/AppCreditPoints/supermarket.vue
index db8353b..304a156 100644
--- a/src/mods/AppCreditPoints/supermarket.vue
+++ b/src/mods/AppCreditPoints/supermarket.vue
@@ -60,7 +60,7 @@ import {mapState} from 'vuex'
 
 export default {
   name: 'supermarket',
-
+  appName: "信用好超市",
   data() {
     return {
       numList: [],
diff --git a/src/mods/AppJob/compJob.vue b/src/mods/AppJob/compJob.vue
index 8eef1b2..aeedb25 100644
--- a/src/mods/AppJob/compJob.vue
+++ b/src/mods/AppJob/compJob.vue
@@ -35,6 +35,7 @@
 <script>
 export default {
   name: "compJob",
+  appName: "企业招工详情",
   data() {
     return {
       id: null,
diff --git a/src/mods/AppJob/persJob.vue b/src/mods/AppJob/persJob.vue
index a00f5d9..c73ef6b 100644
--- a/src/mods/AppJob/persJob.vue
+++ b/src/mods/AppJob/persJob.vue
@@ -32,6 +32,7 @@
 <script>
 export default {
   name: "persJob",
+  appName:"个人求职详情",
   data() {
     return {
       id: null,
diff --git a/src/mods/AppJob/pubJob.vue b/src/mods/AppJob/pubJob.vue
index ab7943d..37b4e04 100644
--- a/src/mods/AppJob/pubJob.vue
+++ b/src/mods/AppJob/pubJob.vue
@@ -53,6 +53,7 @@
 
 export default {
   name: "pubJob",
+  appName: "我要找工作",
   data() {
     return {
       form: {
diff --git a/src/mods/AppMarFuneral/marAdd.vue b/src/mods/AppMarFuneral/marAdd.vue
index 893d3e5..dbb37f9 100644
--- a/src/mods/AppMarFuneral/marAdd.vue
+++ b/src/mods/AppMarFuneral/marAdd.vue
@@ -65,6 +65,7 @@
 
 export default {
   name: "marAdd",
+  appName: "我要上报",
   data() {
     return {
       form: {
diff --git a/src/mods/AppOrderList/orderInfo.vue b/src/mods/AppOrderList/orderInfo.vue
index 8e929bc..90679da 100644
--- a/src/mods/AppOrderList/orderInfo.vue
+++ b/src/mods/AppOrderList/orderInfo.vue
@@ -40,6 +40,8 @@
 
 <script>
 export default {
+  name: "orderInfo",
+  appName: "订单详情",
   data() {
     return {
       info: {},
diff --git a/src/mods/AppPlease/add.vue b/src/mods/AppPlease/add.vue
index cc3cc3e..a36f938 100644
--- a/src/mods/AppPlease/add.vue
+++ b/src/mods/AppPlease/add.vue
@@ -50,7 +50,8 @@
 import {mapState} from 'vuex'
 
 export default {
-  name: "my",
+  name: "add",
+  appName:"我要提问",
   computed: {
     ...mapState(['global'])
   },
diff --git a/src/mods/AppPlease/questionList.vue b/src/mods/AppPlease/questionList.vue
index 1133444..149804f 100644
--- a/src/mods/AppPlease/questionList.vue
+++ b/src/mods/AppPlease/questionList.vue
@@ -49,7 +49,8 @@
 import {mapState} from 'vuex'
 
 export default {
-  name: "my",
+  name: "questionList",
+  appName: "提问记录",
   computed: {
     ...mapState(['user', 'token'])
   },
diff --git a/src/mods/AppPlease/reply.vue b/src/mods/AppPlease/reply.vue
index 74e4ac3..3259394 100644
--- a/src/mods/AppPlease/reply.vue
+++ b/src/mods/AppPlease/reply.vue
@@ -27,7 +27,8 @@
 import {mapState} from 'vuex'
 
 export default {
-  name: "my",
+  name: "reply",
+  appName: "发表回复",
   computed: {
     ...mapState(['user', 'token'])
   },
diff --git a/src/mods/AppProgress/progressAnnex.vue b/src/mods/AppProgress/progressAnnex.vue
index d191ef2..e9ca44b 100644
--- a/src/mods/AppProgress/progressAnnex.vue
+++ b/src/mods/AppProgress/progressAnnex.vue
@@ -14,6 +14,7 @@
 
 <script>
 export default {
+  name:"progressAnnex",
   data() {
     return {
       img: '',
diff --git a/src/mods/AppProgress/progressDetail.vue b/src/mods/AppProgress/progressDetail.vue
index 05a7732..e79ae25 100644
--- a/src/mods/AppProgress/progressDetail.vue
+++ b/src/mods/AppProgress/progressDetail.vue
@@ -148,6 +148,8 @@
 
 <script>
 export default {
+  name: "progressDetail",
+  appName: "进度详情",
   data() {
     return {
       title: '',
diff --git a/src/mods/AppProgressNew/progressDetail.vue b/src/mods/AppProgressNew/progressDetail.vue
index e525fd1..862e289 100644
--- a/src/mods/AppProgressNew/progressDetail.vue
+++ b/src/mods/AppProgressNew/progressDetail.vue
@@ -132,6 +132,7 @@
 
 <script>
 export default {
+  appName: "进度详情",
   data() {
     return {
       title: '',
diff --git a/src/mods/AppServiceOnline/serviceForm.vue b/src/mods/AppServiceOnline/serviceForm.vue
index 79a94a2..e725718 100644
--- a/src/mods/AppServiceOnline/serviceForm.vue
+++ b/src/mods/AppServiceOnline/serviceForm.vue
@@ -172,6 +172,7 @@ import {mapState} from 'vuex'
 import Handwriting from '@/utils/signature.js'
 
 export default {
+  name:"serviceForm",
   data() {
     return {
       pageShow: false,
diff --git a/src/mods/AppServiceOnline/serviceList.vue b/src/mods/AppServiceOnline/serviceList.vue
index 55e7703..14dec71 100644
--- a/src/mods/AppServiceOnline/serviceList.vue
+++ b/src/mods/AppServiceOnline/serviceList.vue
@@ -18,6 +18,7 @@
 
 <script>
   export default {
+    appName:"网上办事",
     data () {
       return {
         id: '',
diff --git a/src/mods/AppServiceOnline/serviceResult.vue b/src/mods/AppServiceOnline/serviceResult.vue
index c7aa16b..b890e71 100644
--- a/src/mods/AppServiceOnline/serviceResult.vue
+++ b/src/mods/AppServiceOnline/serviceResult.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="service-result">
-    <image src="/static/img/service-success.png" />
+    <image src="/static/img/service-success.png"/>
     <h2> 申请成功，等待审批！</h2>
     <div class="text">
       <span>可在</span>
@@ -12,72 +12,70 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
+export default {
+  appName: "个人人员参保申报",
+  data() {
+    return {}
+  },
+  onLoad(query) {
+    uni.setNavigationBarTitle({
+      title: query.title
+    })
+  },
 
-      }
-    },
-
-    onLoad (query) {
-      uni.setNavigationBarTitle({
-        title: query.title
+  methods: {
+    back() {
+      uni.reLaunch({
+        url: '/pages/home/home'
       })
-    },
-
-    methods: {
-      back () {
-        uni.reLaunch({
-          url: '/pages/home/home'
-        })
-      }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .service-result {
-    min-height: 100vh;
-    padding-top: 96px;
+.service-result {
+  min-height: 100vh;
+  padding-top: 96px;
+  text-align: center;
+  background: #fff;
+  box-sizing: border-box;
+
+  .service-btn {
+    width: 558px;
+    height: 88px;
+    line-height: 88px;
+    margin: 120px auto 0;
     text-align: center;
-    background: #fff;
-    box-sizing: border-box;
+    background: #197DF0;
+    font-size: 36px;
+    color: #fff;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 8px;
+  }
 
-    .service-btn {
-      width: 558px;
-      height: 88px;
-      line-height: 88px;
-      margin: 120px auto 0;
-      text-align: center;
-      background: #197DF0;
-      font-size: 36px;
-      color: #fff;
-      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.02);
-      border-radius: 8px;
-    }
+  h2 {
+    margin-bottom: 32px;
+    color: #333333;
+    font-size: 36px;
+    font-weight: 600;
+  }
 
-    h2 {
-      margin-bottom: 32px;
-      color: #333333;
-      font-size: 36px;
-      font-weight: 600;
-    }
+  .text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 28px;
+    color: #333;
 
-    .text {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 28px;
-      color: #333;
-
-      i {
-        color: #467DFE;
-      }
-    }
-
-    image {
-      width: 192px;
-      height: 192px;
+    i {
+      color: #467DFE;
     }
   }
+
+  image {
+    width: 192px;
+    height: 192px;
+  }
+}
 </style>
diff --git a/src/mods/AppServiceOnlineNew/serviceList.vue b/src/mods/AppServiceOnlineNew/serviceList.vue
index 34786bd..6e5e5b0 100644
--- a/src/mods/AppServiceOnlineNew/serviceList.vue
+++ b/src/mods/AppServiceOnlineNew/serviceList.vue
@@ -15,6 +15,7 @@
 
 <script>
 export default {
+  appName:"网上办事",
   data() {
     return {
       id: '',
diff --git a/src/mods/AppServiceOnlineNew/serviceResult.vue b/src/mods/AppServiceOnlineNew/serviceResult.vue
index e1e7786..6e3acff 100644
--- a/src/mods/AppServiceOnlineNew/serviceResult.vue
+++ b/src/mods/AppServiceOnlineNew/serviceResult.vue
@@ -13,6 +13,7 @@
 
 <script>
 export default {
+  appName: "个人人员参保申报",
   data() {
     return {}
   },
diff --git a/src/mods/AppSupermarket/balance.vue b/src/mods/AppSupermarket/balance.vue
index 9be4a84..35b9bf0 100644
--- a/src/mods/AppSupermarket/balance.vue
+++ b/src/mods/AppSupermarket/balance.vue
@@ -48,6 +48,7 @@
 
 export default {
   name: 'balance',
+  appName:"订单结算",
   data() {
     return {
       selected: null,
diff --git a/src/mods/AppSupermarket/search.vue b/src/mods/AppSupermarket/search.vue
index 347b54a..395aece 100644
--- a/src/mods/AppSupermarket/search.vue
+++ b/src/mods/AppSupermarket/search.vue
@@ -22,6 +22,7 @@
 
 export default {
   name: "search",
+  appName:"积分超市搜索",
   data() {
     return {
       keyword: "",
diff --git a/src/mods/AppTopic/detail.vue b/src/mods/AppTopic/detail.vue
index d294818..bd7b03c 100644
--- a/src/mods/AppTopic/detail.vue
+++ b/src/mods/AppTopic/detail.vue
@@ -35,6 +35,7 @@
 
 <script>
 export default {
+  appName: "话题详情",
   data() {
     return {
       info: {},
diff --git a/src/mods/AppVideoSurve/monitorDetail.vue b/src/mods/AppVideoSurve/monitorDetail.vue
index 67cd86f..7651476 100644
--- a/src/mods/AppVideoSurve/monitorDetail.vue
+++ b/src/mods/AppVideoSurve/monitorDetail.vue
@@ -1,7 +1,8 @@
 <template>
   <section class="monitorDetail">
     <div class="videoBox">
-      <iframe ref="monitorIns" :style="style" :src="monitor.url" allow="autoplay *; microphone *; fullscreen *" allowfullscreen allowtransparency allowusermedia frameBorder="no" />
+      <iframe ref="monitorIns" :style="style" :src="monitor.url" allow="autoplay *; microphone *; fullscreen *"
+              allowfullscreen allowtransparency allowusermedia frameBorder="no"/>
     </div>
   </section>
 </template>
@@ -9,6 +10,7 @@
 <script>
 export default {
   name: 'monitorDetail',
+  appName: "监控详情",
   data() {
     return {
       style: {},
@@ -28,15 +30,15 @@ export default {
   methods: {
     getDetail(deviceId) {
       deviceId &&
-        this.$instance
-          .post('/app/appzyvideoequipment/getWebSdkUrl', null, {
-            params: { deviceId },
-          })
-          .then((res) => {
-            if (res?.data) {
-              this.monitor = JSON.parse(res.data)
-            }
-          })
+      this.$instance
+      .post('/app/appzyvideoequipment/getWebSdkUrl', null, {
+        params: {deviceId},
+      })
+      .then((res) => {
+        if (res?.data) {
+          this.monitor = JSON.parse(res.data)
+        }
+      })
     },
 
     detectOrient() {
diff --git a/src/mods/AppVillageActivity/ActivityDetail.vue b/src/mods/AppVillageActivity/ActivityDetail.vue
index 92f30d2..b450cf0 100644
--- a/src/mods/AppVillageActivity/ActivityDetail.vue
+++ b/src/mods/AppVillageActivity/ActivityDetail.vue
@@ -88,6 +88,7 @@
   import { mapState } from 'vuex'
 
   export default {
+    appName:"活动详情",
     data () {
       return {
         currIndex: 0,
diff --git a/src/mods/AppVillageActivity/AddDynamic.vue b/src/mods/AppVillageActivity/AddDynamic.vue
index 2ac1e53..5def594 100644
--- a/src/mods/AppVillageActivity/AddDynamic.vue
+++ b/src/mods/AppVillageActivity/AddDynamic.vue
@@ -32,6 +32,7 @@
 <script>
 
 export default {
+  appName: "添加活动动态",
   data() {
     return {
       content: '',
diff --git a/src/mods/AppVillagerDiscussion/VillagerDiscussionDetail.vue b/src/mods/AppVillagerDiscussion/VillagerDiscussionDetail.vue
index 10df19f..5375ddf 100644
--- a/src/mods/AppVillagerDiscussion/VillagerDiscussionDetail.vue
+++ b/src/mods/AppVillagerDiscussion/VillagerDiscussionDetail.vue
@@ -7,7 +7,7 @@
         <span>{{ info.createTime }}</span>
       </div>
       <div class="images">
-        <image v-for="(img, i) in info.images" :key="i" :src="img.url" @click="preview(img.url)" />
+        <image v-for="(img, i) in info.images" :key="i" :src="img.url" @click="preview(img.url)"/>
       </div>
     </div>
     <div class="detail-list">
@@ -19,7 +19,7 @@
       <div class="user-list" :style="{paddingBottom: !list.length ? '20px' : '0px'}" v-if="info.type === '0'">
         <div class="user-item" v-for="(item, index) in list" :key="index">
           <div class="user-item__top">
-            <image :src="item.avatar" />
+            <image :src="item.avatar"/>
             <div class="user-item__top--right">
               <div class="top">
                 <div class="left">
@@ -27,7 +27,7 @@
                   <span v-if="info.createUserId === item.createUserId">话事人</span>
                 </div>
                 <div class="right" @click="like(item.id)">
-                  <image :src="item.isSuport ? '/static/img/like-active.png' : '/static/img/like.png'" />
+                  <image :src="item.isSuport ? '/static/img/like-active.png' : '/static/img/like.png'"/>
                   <span>{{ item.suport }}</span>
                 </div>
               </div>
@@ -41,11 +41,11 @@
       <div class="vote-list" v-if="info.type === '1'">
         <div class="vote-item__wrapper">
           <div
-            class="vote-item"
-            @click="choose(index)"
-            v-for="(item, index) in info.voteItems"
-            :key="index"
-            :class="[choosed.indexOf(index) > -1 ? 'active' : '']">
+              class="vote-item"
+              @click="choose(index)"
+              v-for="(item, index) in info.voteItems"
+              :key="index"
+              :class="[choosed.indexOf(index) > -1 ? 'active' : '']">
             <span>{{ item.item }}：</span>
             <p>{{ item.content }}</p>
           </div>
@@ -64,20 +64,23 @@
       <div class="input" @click="show = true">我来说两句...</div>
     </div>
     <div class="btn-wrapper" v-if="info.type === '1' && !info.isTimeout && info.status === '0'">
-      <div class="btn" :class="[info.myVote ? 'disabled' : '']" @click="signUp" hover-class="text-hover">{{ buttonText }}</div>
+      <div class="btn" :class="[info.myVote ? 'disabled' : '']" @click="signUp" hover-class="text-hover">{{
+          buttonText
+        }}
+      </div>
     </div>
     <!-- 弹框 -->
     <u-popup v-model="show" mode="bottom">
       <div class="inputBox" :style="{paddingBottom: height + px}">
         <div class="text">
           <textarea
-            @blur="height = 0"
-            placeholder-style="color: #999"
-            v-model="content"
-            :cursor-spacing="40"
-            fixed
-            placeholder="写下你的想法..."
-            @keyboardheightchange="keyboard">
+              @blur="height = 0"
+              placeholder-style="color: #999"
+              v-model="content"
+              :cursor-spacing="40"
+              fixed
+              placeholder="写下你的想法..."
+              @keyboardheightchange="keyboard">
           </textarea>
         </div>
         <div class="option">
@@ -90,541 +93,543 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
-  export default {
-    data () {
-      return {
-        content: '',
-        currIndex: 0,
-        pageShow: false,
-        info: {},
-        isTimeout: false,
-        time: '',
-        timer: null,
-        list: [],
-        current: 1,
-        choosed: [],
-        total: 0,
-        id: '',
-        isMore: false,
-        keys: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
-        show: false,
-        height: 0
+import {mapState} from 'vuex'
+
+export default {
+  appName: "详情",
+  data() {
+    return {
+      content: '',
+      currIndex: 0,
+      pageShow: false,
+      info: {},
+      isTimeout: false,
+      time: '',
+      timer: null,
+      list: [],
+      current: 1,
+      choosed: [],
+      total: 0,
+      id: '',
+      isMore: false,
+      keys: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
+      show: false,
+      height: 0
+    }
+  },
+
+  computed: {
+    ...mapState(['user']),
+
+    buttonText() {
+      if (this.info.myVote) {
+        return '已投票'
+      }
+
+      if (this.info.anonymous === '1') {
+        return '匿名投票'
+      }
+
+      return '实名投票'
+    }
+  },
+
+  onLoad(query) {
+    this.id = query.id
+    this.getInfo(query.id)
+    this.$nextTick(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    choose(index) {
+      if (this.info.status !== '0') {
+        return false
+      }
+
+      if (this.info.myVote) {
+        return false
+      }
+
+      if (this.info.voteType === '1') {
+        const i = this.choosed.indexOf(index)
+        if (i > -1) {
+          this.choosed.splice(i, 1)
+        } else {
+          this.choosed.push(index)
+        }
+      } else {
+        this.choosed = [index]
       }
     },
 
-    computed: {
-      ...mapState(['user']),
+    like(id) {
+      this.$loading()
+      this.$instance.post(`/app/appvillagediscussmessage/suport?id=${id}&userId=${this.user.id}`).then(res => {
+        if (res.code === 0) {
+          this.$toast('点赞成功')
+          this.current = 1
+          this.isMore = false
 
-      buttonText () {
-        if (this.info.myVote) {
-          return '已投票'
+          this.$nextTick(() => {
+            this.getList()
+          })
         }
 
-        if (this.info.anonymous === '1') {
-          return '匿名投票'
-        }
-
-        return '实名投票'
-      }
-    },
-
-    onLoad (query) {
-      this.id = query.id
-      this.getInfo(query.id)
-      this.$nextTick(() => {
-        this.getList()
+        this.$hideLoading()
+      }).catch(() => {
+        this.$hideLoading()
       })
     },
 
-    methods: {
-      choose (index) {
-        if (this.info.status !== '0') {
-          return false
-        }
+    getInfo(id) {
+      this.$loading()
+      this.$instance.post(`/app/appvillagediscuss/queryDetailById?id=${id}&userId=${this.user.id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+          this.info.images = res.data.images ? JSON.parse(res.data.images) : []
 
-        if (this.info.myVote) {
-          return false
-        }
-
-        if (this.info.voteType === '1') {
-          const i = this.choosed.indexOf(index)
-          if (i > -1) {
-            this.choosed.splice(i, 1)
-          } else {
-            this.choosed.push(index)
-          }
-        } else {
-          this.choosed = [index]
-        }
-      },
-
-      like (id) {
-        this.$loading()
-        this.$instance.post(`/app/appvillagediscussmessage/suport?id=${id}&userId=${this.user.id}`).then(res => {
-          if (res.code === 0) {
-            this.$toast('点赞成功')
-            this.current = 1
-            this.isMore = false
-
-            this.$nextTick(() => {
-              this.getList()
+          if (res.data.myVote && this.info.status === '0') {
+            const myVote = res.data.myVote.split(',')
+            myVote.forEach(v => {
+              this.choosed.push(this.keys.indexOf(v))
             })
           }
 
-          this.$hideLoading()
-        }).catch(() => {
-          this.$hideLoading()
-        })
-      },
-
-      getInfo (id) {
-        this.$loading()
-        this.$instance.post(`/app/appvillagediscuss/queryDetailById?id=${id}&userId=${this.user.id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-            this.info.images = res.data.images ? JSON.parse(res.data.images): []
-
-            if (res.data.myVote && this.info.status === '0') {
-              const myVote = res.data.myVote.split(',')
-              myVote.forEach(v => {
-                this.choosed.push(this.keys.indexOf(v))
-              })
-            }
-
-            if (res.data.discussDeadline) {
-              this.countdown(res.data.discussDeadline)
-            }
-
-            this.$nextTick(() => {
-              this.pageShow = true
-            })
+          if (res.data.discussDeadline) {
+            this.countdown(res.data.discussDeadline)
           }
 
-          this.$hideLoading()
-        }).catch(() => {
-          this.$hideLoading()
-        })
-      },
-
-      signUp () {
-        if (this.info.myVote) {
-          return
-        }
-
-        if (!this.choosed.length) {
-          return this.$toast('请选择投票项')
-        }
-
-        this.$loading()
-        let item = []
-        this.choosed.forEach(v => {
-          item.push(this.info.voteItems[v].item)
-        })
-        this.$instance.post(`/app/appvillagediscussvote/addOrUpdate`, {
-          item: item.join(','),
-          discussId: this.id,
-          createUserId: this.user.realName || this.user.name,
-          createUserName: this.user.id,
-          avatar: this.user.avatarUrl
-        }).then(res => {
-
-          this.$hideLoading()
-          if (res.code === 0) {
-            this.$toast('投票成功')
-            this.getInfo(this.id)
-          }
-        }).catch(() => {
-          this.$hideLoading()
-        })
-      },
-
-      getList() {
-        if (this.isMore) return
-
-        this.$instance.post(`/app/appvillagediscussmessage/list`, null, {
-          params: {
-            current: this.current,
-            size: 15,
-            discussId: this.id,
-            status: this.currIndex,
-            areaId: uni.getStorageSync('areaId')
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.total = res.data.total
-            if (this.current > 1) {
-              this.list = [...this.list, ...res.data.records].map(v => {
-                return {
-                  ...v,
-                  typeName: this.$dict.getLabel('discussType', v.type),
-                  images: v.images ? JSON.parse(v.images): [],
-                  isSuport: v.suportUser ? v.suportUser.indexOf(this.user.id) > -1 : false
-                }
-              })
-            } else {
-              this.list = res.data.records.map(v => {
-                return {
-                  ...v,
-                  typeName: this.$dict.getLabel('discussType', v.type),
-                  images: v.images ? JSON.parse(v.images): [],
-                  isSuport: v.suportUser ? v.suportUser.indexOf(this.user.id) > -1 : false
-                }
-              })
-            }
-            uni.hideLoading()
+          this.$nextTick(() => {
             this.pageShow = true
-            if (res.data.records.length < 10) {
-              this.isMore = true
-
-              return false
-            }
-
-            this.current = this.current + 1
-          } else {
-            uni.hideLoading()
-          }
-        }).catch(() => {
-          uni.hideLoading()
-        })
-      },
-
-      clearBtn() {
-        this.content = ''
-      },
-
-      confirm () {
-        if (!this.content) {
-          return this.$toast('留言不能为空')
+          })
         }
 
-        this.$loading()
-        this.$instance.post(`/app/appvillagediscussmessage/addOrUpdate`, {
-          content: this.content,
-          discussId: this.id,
-          createUserId: this.user.realName || this.user.name,
-          createUserName: this.user.id,
-          avatar: this.user.avatarUrl
-        }).then(res => {
-          if (res.code === 0) {
-            this.content = ''
-            this.$toast('发布成功')
-            this.isMore = false
-            this.current = 1
-            this.show = false
-            this.getList()
-          }
-
-          this.$hideLoading()
-        }).catch(() => {
-          this.$hideLoading()
-        })
-      },
-
-      keyboard(e) {
-        this.height = e.detail.height
-      },
-
-      countdown (time) {
-        this.timer = setInterval(() => {
-          if (new Date(time.replace(/-/g, '/')).getTime() < new Date().getTime()) {
-            this.isTimeout = true
-            clearInterval(this.timer)
-          } else {
-            var durationObj = this.$dayjs.duration(new Date(time.replace(/-/g, '/')).getTime() - new Date().getTime())
-            var hours = durationObj.hours() > 9 ? durationObj.hours() : '0' + durationObj.hours()
-            var min = durationObj.minutes() > 9 ? durationObj.minutes() : '0' + durationObj.minutes()
-            var seconds = durationObj.seconds() > 9 ? durationObj.seconds() : '0' + durationObj.seconds()
-            this.time = `${hours}小时${min}分钟${seconds}秒`
-            this.isTimeout = false
-          }
-        }, 1000)
-      },
-
-      preview (url) {
-        uni.previewImage({
-          urls: this.info.images.map(v => v.url),
-          current: url
-        })
-      }
+        this.$hideLoading()
+      }).catch(() => {
+        this.$hideLoading()
+      })
     },
 
-    onReachBottom() {
-      this.getList()
+    signUp() {
+      if (this.info.myVote) {
+        return
+      }
+
+      if (!this.choosed.length) {
+        return this.$toast('请选择投票项')
+      }
+
+      this.$loading()
+      let item = []
+      this.choosed.forEach(v => {
+        item.push(this.info.voteItems[v].item)
+      })
+      this.$instance.post(`/app/appvillagediscussvote/addOrUpdate`, {
+        item: item.join(','),
+        discussId: this.id,
+        createUserId: this.user.realName || this.user.name,
+        createUserName: this.user.id,
+        avatar: this.user.avatarUrl
+      }).then(res => {
+
+        this.$hideLoading()
+        if (res.code === 0) {
+          this.$toast('投票成功')
+          this.getInfo(this.id)
+        }
+      }).catch(() => {
+        this.$hideLoading()
+      })
+    },
+
+    getList() {
+      if (this.isMore) return
+
+      this.$instance.post(`/app/appvillagediscussmessage/list`, null, {
+        params: {
+          current: this.current,
+          size: 15,
+          discussId: this.id,
+          status: this.currIndex,
+          areaId: uni.getStorageSync('areaId')
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.total = res.data.total
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records].map(v => {
+              return {
+                ...v,
+                typeName: this.$dict.getLabel('discussType', v.type),
+                images: v.images ? JSON.parse(v.images) : [],
+                isSuport: v.suportUser ? v.suportUser.indexOf(this.user.id) > -1 : false
+              }
+            })
+          } else {
+            this.list = res.data.records.map(v => {
+              return {
+                ...v,
+                typeName: this.$dict.getLabel('discussType', v.type),
+                images: v.images ? JSON.parse(v.images) : [],
+                isSuport: v.suportUser ? v.suportUser.indexOf(this.user.id) > -1 : false
+              }
+            })
+          }
+          uni.hideLoading()
+          this.pageShow = true
+          if (res.data.records.length < 10) {
+            this.isMore = true
+
+            return false
+          }
+
+          this.current = this.current + 1
+        } else {
+          uni.hideLoading()
+        }
+      }).catch(() => {
+        uni.hideLoading()
+      })
+    },
+
+    clearBtn() {
+      this.content = ''
+    },
+
+    confirm() {
+      if (!this.content) {
+        return this.$toast('留言不能为空')
+      }
+
+      this.$loading()
+      this.$instance.post(`/app/appvillagediscussmessage/addOrUpdate`, {
+        content: this.content,
+        discussId: this.id,
+        createUserId: this.user.realName || this.user.name,
+        createUserName: this.user.id,
+        avatar: this.user.avatarUrl
+      }).then(res => {
+        if (res.code === 0) {
+          this.content = ''
+          this.$toast('发布成功')
+          this.isMore = false
+          this.current = 1
+          this.show = false
+          this.getList()
+        }
+
+        this.$hideLoading()
+      }).catch(() => {
+        this.$hideLoading()
+      })
+    },
+
+    keyboard(e) {
+      this.height = e.detail.height
+    },
+
+    countdown(time) {
+      this.timer = setInterval(() => {
+        if (new Date(time.replace(/-/g, '/')).getTime() < new Date().getTime()) {
+          this.isTimeout = true
+          clearInterval(this.timer)
+        } else {
+          var durationObj = this.$dayjs.duration(new Date(time.replace(/-/g, '/')).getTime() - new Date().getTime())
+          var hours = durationObj.hours() > 9 ? durationObj.hours() : '0' + durationObj.hours()
+          var min = durationObj.minutes() > 9 ? durationObj.minutes() : '0' + durationObj.minutes()
+          var seconds = durationObj.seconds() > 9 ? durationObj.seconds() : '0' + durationObj.seconds()
+          this.time = `${hours}小时${min}分钟${seconds}秒`
+          this.isTimeout = false
+        }
+      }, 1000)
+    },
+
+    preview(url) {
+      uni.previewImage({
+        urls: this.info.images.map(v => v.url),
+        current: url
+      })
     }
+  },
+
+  onReachBottom() {
+    this.getList()
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .detail {
-    padding-bottom: 140px;
+.detail {
+  padding-bottom: 140px;
 
-    .vote-list {
-      .vote-item {
-        display: flex;
-        line-height: 1.3;
-        margin-top: 24px;
-        padding: 34px 32px;
-        color: #333333;
-        font-size: 32px;
-        background: #FFFFFF;
-        border-radius: 16px;
-        border: 1px solid #CCCCCC;
-        box-sizing: border-box;
+  .vote-list {
+    .vote-item {
+      display: flex;
+      line-height: 1.3;
+      margin-top: 24px;
+      padding: 34px 32px;
+      color: #333333;
+      font-size: 32px;
+      background: #FFFFFF;
+      border-radius: 16px;
+      border: 1px solid #CCCCCC;
+      box-sizing: border-box;
 
-        p {
-          text-align: justify;
-        }
-
-        &.active {
-          border-color: #4181FF;
-          color: #fff;
-          background: #4181FF;
-        }
+      p {
+        text-align: justify;
       }
 
-      .vote-total {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 100px;
-
-        .left {
-          display: flex;
-          align-items: center;
-        }
-
-        span {
-          color: #999999;
-          font-size: 28px;
-        }
-
-        i {
-          color: #4181FF;
-          font-size: 28px;
-          font-style: normal;
-        }
+      &.active {
+        border-color: #4181FF;
+        color: #fff;
+        background: #4181FF;
       }
     }
 
-    .footer {
+    .vote-total {
       display: flex;
-      position: fixed;
       align-items: center;
-      justify-content: center;
-      bottom: 0;
-      left: 0;
-      z-index: 11;
-      width: 100%;
-      height: 120px;
-      padding: 0 30px;
-      box-sizing: border-box;
-      background-color: #fff;
-      border-top: 1px solid #DDDDDD;
+      justify-content: space-between;
+      height: 100px;
 
-      .input {
-        flex: 1;
-        height: 88px;
-        line-height: 88px;
-        padding: 0 32px;
-        font-size: 32px;
-        border-radius: 44px;
-        box-sizing: border-box;
-        background-color: #F0F0F0;
+      .left {
+        display: flex;
+        align-items: center;
+      }
+
+      span {
+        color: #999999;
+        font-size: 28px;
+      }
+
+      i {
+        color: #4181FF;
+        font-size: 28px;
+        font-style: normal;
+      }
+    }
+  }
+
+  .footer {
+    display: flex;
+    position: fixed;
+    align-items: center;
+    justify-content: center;
+    bottom: 0;
+    left: 0;
+    z-index: 11;
+    width: 100%;
+    height: 120px;
+    padding: 0 30px;
+    box-sizing: border-box;
+    background-color: #fff;
+    border-top: 1px solid #DDDDDD;
+
+    .input {
+      flex: 1;
+      height: 88px;
+      line-height: 88px;
+      padding: 0 32px;
+      font-size: 32px;
+      border-radius: 44px;
+      box-sizing: border-box;
+      background-color: #F0F0F0;
+      color: #666666;
+    }
+  }
+
+  .inputBox {
+    width: 100%;
+    padding: 32px 30px 32px 24px;
+    box-sizing: border-box;
+    background-color: #FFFFFF;
+
+    .option {
+      display: flex;
+      justify-content: space-between;
+
+      .clear {
         color: #666666;
       }
+
+      .publish {
+        width: 144px;
+        height: 64px;
+        line-height: 64px;
+        text-align: center;
+        border-radius: 32px;
+        background-color: #1365DD;
+        color: #FFFFFF;
+      }
     }
 
-    .inputBox {
-      width: 100%;
-      padding: 32px 30px 32px 24px;
+    .text {
+      padding: 16px;
       box-sizing: border-box;
-      background-color: #FFFFFF;
+      background-color: #f7f7f7;
+      margin-bottom: 24px;
 
-      .option {
-        display: flex;
-        justify-content: space-between;
-
-        .clear {
-          color: #666666;
-        }
-
-        .publish {
-          width: 144px;
-          height: 64px;
-          line-height: 64px;
-          text-align: center;
-          border-radius: 32px;
-          background-color: #1365DD;
-          color: #FFFFFF;
-        }
+      textarea {
+        width: 100%;
       }
+    }
+  }
 
-      .text {
-        padding: 16px;
-        box-sizing: border-box;
-        background-color: #f7f7f7;
-        margin-bottom: 24px;
+  .detail-header {
+    margin-bottom: 40px;
+    padding: 32px;
+    background-color: #fff;
 
-        textarea {
-          width: 100%;
+    .images {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      margin-top: 30px;
+
+      image {
+        width: 226px;
+        height: 226px;
+        margin-bottom: 6px;
+        margin-right: 6px;
+
+        &:nth-of-type(3n) {
+          margin-right: 0;
         }
       }
     }
 
-    .detail-header {
-      margin-bottom: 40px;
-      padding: 32px;
-      background-color: #fff;
+    & > h2 {
+      margin-bottom: 16px;
+      color: #333333;
+      font-size: 48px;
+      font-weight: 600;
+    }
 
-      .images {
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        margin-top: 30px;
+    .detail-info {
+      display: flex;
+      align-items: center;
+      margin-bottom: 30px;
 
-        image {
-          width: 226px;
-          height: 226px;
-          margin-bottom: 6px;
-          margin-right: 6px;
-
-          &:nth-of-type(3n) {
-            margin-right: 0;
-          }
-        }
+      span {
+        color: #999999;
+        font-size: 30px;
       }
 
-      & > h2 {
-        margin-bottom: 16px;
+      h2 {
+        margin-right: 32px;
+        font-size: 26px;
+        color: #333333;
+        font-weight: normal;
+      }
+    }
+  }
+
+  .detail-list {
+    padding: 0 32px;
+    background-color: #fff;
+
+    .detail-list__title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 116px;
+
+      h2 {
         color: #333333;
-        font-size: 48px;
         font-weight: 600;
+        font-size: 38px;
       }
 
-      .detail-info {
-        display: flex;
-        align-items: center;
-        margin-bottom: 30px;
-
-        span {
-          color: #999999;
-          font-size: 30px;
-        }
-
-        h2 {
-          margin-right: 32px;
-          font-size: 26px;
-          color: #333333;
-          font-weight: normal;
-        }
+      span {
+        color: #999999;
+        font-size: 28px;
       }
     }
 
-    .detail-list {
-      padding: 0 32px;
-      background-color: #fff;
+    .user-item {
+      padding: 32px 0;
+      border-bottom: 1px solid #DDDDDD;
 
-      .detail-list__title {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        height: 116px;
-
-        h2 {
-          color: #333333;
-          font-weight: 600;
-          font-size: 38px;
-        }
-
-        span {
-          color: #999999;
-          font-size: 28px;
-        }
+      &:last-child {
+        border-bottom: none;
       }
 
-      .user-item {
-        padding: 32px 0;
-        border-bottom: 1px solid #DDDDDD;
+      & > p {
+        line-height: 1.3;
+        margin-top: 12px;
+        padding-left: 114px;
+        color: #333333;
+        font-size: 28px;
+      }
 
-        &:last-child {
-          border-bottom: none;
-        }
+      .user-item__top {
+        display: flex;
+        align-items: center;
 
-        & > p {
-          line-height: 1.3;
-          margin-top: 12px;
-          padding-left: 114px;
-          color: #333333;
-          font-size: 28px;
-        }
+        .user-item__top--right {
+          flex: 1;
 
-        .user-item__top {
-          display: flex;
-          align-items: center;
+          .top {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
 
-          .user-item__top--right {
-            flex: 1;
-
-            .top {
+            & > div {
               display: flex;
               align-items: center;
-              justify-content: space-between;
+            }
 
-              & > div {
-                display: flex;
-                align-items: center;
+            .right {
+              image {
+                width: 32px;
+                height: 32px;
+                margin-right: 8px;
               }
 
-              .right {
-                image {
-                  width: 32px;
-                  height: 32px;
-                  margin-right: 8px;
-                }
-
-                span {
-                  color: #999999;
-                  font-size: 28px;
-                }
-              }
-
-              .left {
-                h2 {
-                  margin-right: 24px;
-                  color: #333333;
-                  font-size: 34px;
-                  font-weight: normal;
-                }
-
-                span {
-                  width: 96px;
-                  height: 44px;
-                  line-height: 44px;
-                  text-align: center;
-                  color: #fff;
-                  font-size: 26px;
-                  background: #1AAAFF;
-                  border-radius: 8px;
-                }
+              span {
+                color: #999999;
+                font-size: 28px;
               }
             }
 
-            & > p {
-              margin-top: 8px;
-              color: #999999;
-              font-size: 26px;
+            .left {
+              h2 {
+                margin-right: 24px;
+                color: #333333;
+                font-size: 34px;
+                font-weight: normal;
+              }
+
+              span {
+                width: 96px;
+                height: 44px;
+                line-height: 44px;
+                text-align: center;
+                color: #fff;
+                font-size: 26px;
+                background: #1AAAFF;
+                border-radius: 8px;
+              }
             }
           }
 
-          & > image {
-            width: 96px;
-            height: 96px;
-            margin-right: 18px;
-            border-radius: 50%;
+          & > p {
+            margin-top: 8px;
+            color: #999999;
+            font-size: 26px;
           }
         }
+
+        & > image {
+          width: 96px;
+          height: 96px;
+          margin-right: 18px;
+          border-radius: 50%;
+        }
       }
     }
   }
+}
 </style>
diff --git a/src/mods/AppVillagerDiscussion/VoteList.vue b/src/mods/AppVillagerDiscussion/VoteList.vue
index 5a8b442..2836d50 100644
--- a/src/mods/AppVillagerDiscussion/VoteList.vue
+++ b/src/mods/AppVillagerDiscussion/VoteList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="user">
     <div class="user-item" :key="i" v-for="(item, i) in list">
-      <image :src="anonymous === '1' ? '/static/img/avatar.png' : item.avatar" />
+      <image :src="anonymous === '1' ? '/static/img/avatar.png' : item.avatar"/>
       <div class="user-item__right">
         <div class="left">
           <h2>{{ anonymous === '1' ? '居民' : item.userName }}</h2>
@@ -15,109 +15,110 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        pageShow: false,
-        id: '',
-        current: 1,
-        list: [],
-        isMore: false,
-        info: '',
-        anonymous: ''
-      }
-    },
-
-    onLoad (query) {
-      this.$loading()
-      this.anonymous = query.anonymous
-      this.getList(query.id)
-    },
-
-    methods: {
-      getList(id) {
-        if (this.isMore) return
-
-        this.$instance.post(`/app/appvillagediscussvote/list?discussId=${id}`, null, {
-          params: {
-            current: this.current,
-            size: 15
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.total = res.data.total
-            if (this.current > 1) {
-              this.list = [...this.list, ...res.data.records]
-            } else {
-              this.list = res.data.records
-            }
-            uni.hideLoading()
-            this.pageShow = true
-            if (res.data.records.length < 15) {
-              this.isMore = true
-
-              return false
-            }
-
-            this.current = this.current + 1
-          } else {
-            uni.hideLoading()
-          }
-        }).catch(() => {
-          uni.hideLoading()
-        })
-      }
-    },
-
-    onReachBottom() {
-      this.getList()
+export default {
+  appName: "投票详情",
+  data() {
+    return {
+      pageShow: false,
+      id: '',
+      current: 1,
+      list: [],
+      isMore: false,
+      info: '',
+      anonymous: ''
     }
+  },
+
+  onLoad(query) {
+    this.$loading()
+    this.anonymous = query.anonymous
+    this.getList(query.id)
+  },
+
+  methods: {
+    getList(id) {
+      if (this.isMore) return
+
+      this.$instance.post(`/app/appvillagediscussvote/list?discussId=${id}`, null, {
+        params: {
+          current: this.current,
+          size: 15
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.total = res.data.total
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records]
+          } else {
+            this.list = res.data.records
+          }
+          uni.hideLoading()
+          this.pageShow = true
+          if (res.data.records.length < 15) {
+            this.isMore = true
+
+            return false
+          }
+
+          this.current = this.current + 1
+        } else {
+          uni.hideLoading()
+        }
+      }).catch(() => {
+        uni.hideLoading()
+      })
+    }
+  },
+
+  onReachBottom() {
+    this.getList()
   }
+}
 </script>
 
 <style lang="scss" socped>
-  .user {
-    padding: 32px 32px 40px;
+.user {
+  padding: 32px 32px 40px;
 
-    .user-item {
+  .user-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 160px;
+    margin-bottom: 24px;
+    padding: 0 32px;
+    border-radius: 16px;
+    background-color: #fff;
+
+    image {
+      width: 96px;
+      height: 96px;
+      margin-right: 16px;
+      border-radius: 50%;
+    }
+
+    .user-item__right {
       display: flex;
       align-items: center;
       justify-content: space-between;
-      height: 160px;
-      margin-bottom: 24px;
-      padding: 0 32px;
-      border-radius: 16px;
-      background-color: #fff;
+      flex: 1;
 
-      image {
-        width: 96px;
-        height: 96px;
-        margin-right: 16px;
-        border-radius: 50%;
+      span {
+        color: #999999;
+        font-size: 28px;
       }
 
-      .user-item__right {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        flex: 1;
+      h2 {
+        margin-bottom: 10px;
+        color: #333333;
+        font-size: 32px;
+      }
 
-        span {
-          color: #999999;
-          font-size: 28px;
-        }
-
-        h2 {
-          margin-bottom: 10px;
-          color: #333333;
-          font-size: 32px;
-        }
-
-        p {
-          color: #999999;
-          font-size: 28px;
-        }
+      p {
+        color: #999999;
+        font-size: 28px;
       }
     }
   }
+}
 </style>
diff --git a/src/mods/service/AppHealthReport/AddReport.vue b/src/mods/service/AppHealthReport/AddReport.vue
index 8780679..6c88d1f 100644
--- a/src/mods/service/AppHealthReport/AddReport.vue
+++ b/src/mods/service/AppHealthReport/AddReport.vue
@@ -135,6 +135,7 @@
 import {mapState} from 'vuex'
 
 export default {
+  appName:"今日上报",
   data() {
     return {
       isShowDate: false,
diff --git a/src/mods/service/AppHealthReport/AddUser.vue b/src/mods/service/AppHealthReport/AddUser.vue
index 1cb1bfe..6d87c6f 100644
--- a/src/mods/service/AppHealthReport/AddUser.vue
+++ b/src/mods/service/AppHealthReport/AddUser.vue
@@ -75,6 +75,7 @@
 import {mapState} from 'vuex'
 
 export default {
+  appName:"添加上报人员",
   data() {
     return {
       form: {
diff --git a/src/mods/service/AppHealthReport/Detail.vue b/src/mods/service/AppHealthReport/Detail.vue
index 8bd9229..c5b3632 100644
--- a/src/mods/service/AppHealthReport/Detail.vue
+++ b/src/mods/service/AppHealthReport/Detail.vue
@@ -75,6 +75,7 @@
 
 <script>
   export default {
+    appName:"上报详情",
     data () {
       return {
         info: {},
diff --git a/src/mods/service/AppHealthReport/RecordList.vue b/src/mods/service/AppHealthReport/RecordList.vue
index 1f549cc..0f27cbf 100644
--- a/src/mods/service/AppHealthReport/RecordList.vue
+++ b/src/mods/service/AppHealthReport/RecordList.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="record" v-if="pageShow">
-    <div class="record-item" v-for="(item, index) in list" :key="index" @click="$linkTo('./Detail?id=' + item.id)" hover-class="bg-hover">
+    <div class="record-item" v-for="(item, index) in list" :key="index" @click="$linkTo('./Detail?id=' + item.id)"
+         hover-class="bg-hover">
       <div class="left">{{ item.createTime.split(' ')[0] }}的健康上报</div>
       <div class="right">
         <i v-if="item.status === '0'">健康数据异常</i>
@@ -12,103 +13,104 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        list: [],
-        pageShow: false,
-        current: 1,
-        total: 0,
-        isMore: false
-      }
-    },
-
-    onLoad (query) {
-      this.$loading()
-      this.getList(query)
-    },
-
-    methods: {
-      getList(query) {
-        if (this.isMore) return
-
-        this.$instance.post(`/app/appepidemichealthreport/list?memberId=${query.id}`, null, {
-          params: {
-            current: this.current,
-            size: 15
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.total = res.data.total
-            if (this.current > 1) {
-              this.list = [...this.list, ...res.data.records]
-            } else {
-              this.list = res.data.records
-            }
-            uni.hideLoading()
-            this.pageShow = true
-            if (res.data.records.length < 15) {
-              this.isMore = true
-
-              return false
-            }
-
-            this.current = this.current + 1
-          } else {
-            uni.hideLoading()
-          }
-        }).catch(() => {
-          uni.hideLoading()
-        })
-      }
-    },
-
-    onReachBottom() {
-      this.getList()
+export default {
+  appName: "上报记录",
+  data() {
+    return {
+      list: [],
+      pageShow: false,
+      current: 1,
+      total: 0,
+      isMore: false
     }
+  },
+
+  onLoad(query) {
+    this.$loading()
+    this.getList(query)
+  },
+
+  methods: {
+    getList(query) {
+      if (this.isMore) return
+
+      this.$instance.post(`/app/appepidemichealthreport/list?memberId=${query.id}`, null, {
+        params: {
+          current: this.current,
+          size: 15
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.total = res.data.total
+          if (this.current > 1) {
+            this.list = [...this.list, ...res.data.records]
+          } else {
+            this.list = res.data.records
+          }
+          uni.hideLoading()
+          this.pageShow = true
+          if (res.data.records.length < 15) {
+            this.isMore = true
+
+            return false
+          }
+
+          this.current = this.current + 1
+        } else {
+          uni.hideLoading()
+        }
+      }).catch(() => {
+        uni.hideLoading()
+      })
+    }
+  },
+
+  onReachBottom() {
+    this.getList()
   }
+}
 </script>
 
 <style lang="scss">
-  .record {
-    padding: 32px 0;
+.record {
+  padding: 32px 0;
 
-    .record-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 686px;
-      height: 112px;
-      margin: 0 auto 24px;
-      padding: 0 28px 0 32px;
-      background: #FFFFFF;
-      box-sizing: border-box;
-      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
-      border-radius: 16px;
+  .record-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 686px;
+    height: 112px;
+    margin: 0 auto 24px;
+    padding: 0 28px 0 32px;
+    background: #FFFFFF;
+    box-sizing: border-box;
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.02);
+    border-radius: 16px;
 
-      .left {
-        color: #333333;
-        font-size: 32px;
-        font-weight: 600;
-      }
+    .left {
+      color: #333333;
+      font-size: 32px;
+      font-weight: 600;
+    }
 
-      .right {
-        i {
-          width: 158px;
-          height: 36px;
-          line-height: 36px;
-          margin-right: 8px;
-          text-align: center;
-          font-size: 26px;
-          color: #FF4466;
-          background: #FFF5F7;
-        }
-      }
-
-      & > div {
-        display: flex;
-        align-items: center;
+    .right {
+      i {
+        width: 158px;
+        height: 36px;
+        line-height: 36px;
+        margin-right: 8px;
+        text-align: center;
+        font-size: 26px;
+        color: #FF4466;
+        background: #FFF5F7;
       }
     }
+
+    & > div {
+      display: flex;
+      align-items: center;
+    }
   }
+}
 </style>
diff --git a/src/mods/service/AppHealthReport/UserInfo.vue b/src/mods/service/AppHealthReport/UserInfo.vue
index 9f5c761..31e445b 100644
--- a/src/mods/service/AppHealthReport/UserInfo.vue
+++ b/src/mods/service/AppHealthReport/UserInfo.vue
@@ -57,6 +57,7 @@
 
 <script>
   export default {
+    appName:"个人信息",
     data () {
       return {
         info: {},
diff --git a/src/mods/service/AppPhotoReport/PhotoDetail.vue b/src/mods/service/AppPhotoReport/PhotoDetail.vue
index 4f6cf93..765b252 100644
--- a/src/mods/service/AppPhotoReport/PhotoDetail.vue
+++ b/src/mods/service/AppPhotoReport/PhotoDetail.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="photo-detail" v-if="pageShow">
     <h2>{{ info.content }}</h2>
-    <div class="status-name" :class="'status-' + info.eventStatus">{{ $dict.getLabel('clapEventStatus', info.eventStatus) }}</div>
+    <div class="status-name" :class="'status-' + info.eventStatus">
+      {{ $dict.getLabel('clapEventStatus', info.eventStatus) }}
+    </div>
     <div class="photo-detail__info">
       <div class="photo-detail__item">
         <i>事件类型</i>
@@ -18,7 +20,7 @@
       <div class="photo-detail__img" style="border: none;">
         <i>照片</i>
         <div class="photo-detail__img--imgs">
-          <image v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url" />
+          <image v-for="(item, index) in info.files" @click="preview(item.url)" :key="index" :src="item.url"/>
         </div>
         <span v-if="info.files && !info.files.length">暂无照片</span>
       </div>
@@ -32,7 +34,7 @@
       <div class="photo-detail__img" v-if="result.files.length">
         <i>照片</i>
         <div class="photo-detail__img--imgs">
-          <image @click="previewResult(item.url)" v-for="(item, index) in result.files" :key="index" :src="item.url" />
+          <image @click="previewResult(item.url)" v-for="(item, index) in result.files" :key="index" :src="item.url"/>
         </div>
       </div>
     </div>
@@ -40,166 +42,167 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        pageShow: false,
-        info: {},
-        result: {}
-      }
-    },
+export default {
+  appName: "随手拍详情",
+  data() {
+    return {
+      pageShow: false,
+      info: {},
+      result: {}
+    }
+  },
 
-    onLoad (query) {
-      this.$loading()
-      this.$dict.load(['clapEventStatus']).then(() => {
-        this.getInfo(query.id)
+  onLoad(query) {
+    this.$loading()
+    this.$dict.load(['clapEventStatus']).then(() => {
+      this.getInfo(query.id)
+    })
+  },
+
+  methods: {
+    getInfo(id) {
+      this.$instance.post(`/app/appclapeventinfo/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+          if (res.data.eventStatus > 1) {
+            this.result = res.data.processList[0]
+          }
+          this.$nextTick(() => {
+            this.pageShow = true
+          })
+        }
+
+        this.$hideLoading()
+      }).catch(() => {
+        this.$hideLoading()
       })
     },
 
-    methods: {
-      getInfo (id) {
-        this.$instance.post(`/app/appclapeventinfo/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-            if (res.data.eventStatus > 1) {
-              this.result = res.data.processList[0]
-            }
-            this.$nextTick(() => {
-              this.pageShow = true
-            })
-          }
+    previewResult(url) {
+      uni.previewImage({
+        urls: this.result.files.map(v => v.url),
+        current: url
+      })
+    },
 
-          this.$hideLoading()
-        }).catch(() => {
-          this.$hideLoading()
-        })
-      },
-
-      previewResult (url) {
-        uni.previewImage({
-          urls: this.result.files.map(v => v.url),
-          current: url
-        })
-      },
-
-      preview (url) {
-        uni.previewImage({
-          urls: this.info.files.map(v => v.url),
-          current: url
-        })
-      }
+    preview(url) {
+      uni.previewImage({
+        urls: this.info.files.map(v => v.url),
+        current: url
+      })
     }
   }
+}
 </script>
 
 <style lang="scss">
-  .photo-detail {
-    padding: 32px;
-    margin-bottom: 60px;
-    background: #fff;
+.photo-detail {
+  padding: 32px;
+  margin-bottom: 60px;
+  background: #fff;
 
-    & > h2 {
-      line-height: 1.3;
-      margin-bottom: 26px;
-      color: #333333;
-      text-align: justify;
-      font-size: 40px;
+  & > h2 {
+    line-height: 1.3;
+    margin-bottom: 26px;
+    color: #333333;
+    text-align: justify;
+    font-size: 40px;
+  }
+
+  .status-name {
+    width: 96px;
+    height: 44px;
+    line-height: 44px;
+    margin-bottom: 20px;
+    text-align: center;
+    background: #FF883C;
+    color: #fff;
+    font-size: 26px;
+    border-radius: 8px;
+
+    &.status-1 {
+      background: #1AAAFF;
     }
 
-    .status-name {
-      width: 96px;
-      height: 44px;
-      line-height: 44px;
-      margin-bottom: 20px;
-      text-align: center;
-      background: #FF883C;
-      color: #fff;
-      font-size: 26px;
-      border-radius: 8px;
-
-      &.status-1 {
-        background: #1AAAFF;
-      }
-
-      &.status-2 {
-        background: #42D784;
-      }
-
-      &.status-3 {
-        background: #FF4466;
-      }
+    &.status-2 {
+      background: #42D784;
     }
 
-    .photo-detail__item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      height: 112px;
+    &.status-3 {
+      background: #FF4466;
+    }
+  }
+
+  .photo-detail__item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    height: 112px;
+    font-size: 32px;
+    border-bottom: 1px solid #DDDDDD;
+
+    i {
+      color: #999999;
       font-size: 32px;
-      border-bottom: 1px solid #DDDDDD;
-
-      i {
-        color: #999999;
-        font-size: 32px;
-      }
-
-      span {
-        color: #333333;
-      }
     }
 
-    .result {
-      & > h2 {
-        height: 116px;
-        line-height: 116px;
-        font-size: 38px;
-        color: #333;
-        font-weight: 600;
-        border-top: 1px solid #DDDDDD;
-      }
-
-      .result-info {
-        h2 {
-          height: 112px;
-          line-height: 112px;
-          color: #999999;
-          font-size: 32px;
-        }
-
-        p {
-          line-height: 1.3;
-          padding-bottom: 32px;
-          color: #333333;
-          font-size: 32px;
-        }
-      }
+    span {
+      color: #333333;
     }
+  }
 
-    .photo-detail__img {
+  .result {
+    & > h2 {
+      height: 116px;
+      line-height: 116px;
+      font-size: 38px;
+      color: #333;
+      font-weight: 600;
       border-top: 1px solid #DDDDDD;
-      padding: 32px 0;
+    }
 
-      & > i {
-        display: block;
-        margin-bottom: 32px;
+    .result-info {
+      h2 {
+        height: 112px;
+        line-height: 112px;
         color: #999999;
         font-size: 32px;
       }
 
-      .photo-detail__img--imgs {
-        display: flex;
-        flex-wrap: wrap;
+      p {
+        line-height: 1.3;
+        padding-bottom: 32px;
+        color: #333333;
+        font-size: 32px;
+      }
+    }
+  }
 
-        image {
-          width: 226px;
-          height: 226px;
-          margin: 0 9px 9px 0;
+  .photo-detail__img {
+    border-top: 1px solid #DDDDDD;
+    padding: 32px 0;
 
-          &:nth-of-type(3n) {
-            margin-right: 0;
-          }
+    & > i {
+      display: block;
+      margin-bottom: 32px;
+      color: #999999;
+      font-size: 32px;
+    }
+
+    .photo-detail__img--imgs {
+      display: flex;
+      flex-wrap: wrap;
+
+      image {
+        width: 226px;
+        height: 226px;
+        margin: 0 9px 9px 0;
+
+        &:nth-of-type(3n) {
+          margin-right: 0;
         }
       }
     }
   }
+}
 </style>
diff --git a/src/mods/service/AppPhotoReport/PhotoForm.vue b/src/mods/service/AppPhotoReport/PhotoForm.vue
index 3c29f18..669ddb2 100644
--- a/src/mods/service/AppPhotoReport/PhotoForm.vue
+++ b/src/mods/service/AppPhotoReport/PhotoForm.vue
@@ -104,6 +104,7 @@
 import {mapState} from 'vuex'
 
 export default {
+  appName:"上报随手拍",
   data() {
     return {
       isShowType: false,
diff --git a/src/mods/service/AppPhotoReport/PhotoResult.vue b/src/mods/service/AppPhotoReport/PhotoResult.vue
index 3fc259b..43a2437 100644
--- a/src/mods/service/AppPhotoReport/PhotoResult.vue
+++ b/src/mods/service/AppPhotoReport/PhotoResult.vue
@@ -8,6 +8,7 @@
 
 <script>
   export default {
+    appName:"上报随手拍",
     data () {
       return {
         id: ''
diff --git a/src/mods/service/AppReturnHomeRegister/Add.vue b/src/mods/service/AppReturnHomeRegister/Add.vue
index 025328e..44a94c2 100644
--- a/src/mods/service/AppReturnHomeRegister/Add.vue
+++ b/src/mods/service/AppReturnHomeRegister/Add.vue
@@ -261,6 +261,7 @@
 import {mapState} from 'vuex'
 
 export default {
+  appName:"添加返乡记录",
   data() {
     return {
       isShowType: false,
diff --git a/src/mods/service/AppReturnHomeRegister/Detail.vue b/src/mods/service/AppReturnHomeRegister/Detail.vue
index 208824b..c803ce0 100644
--- a/src/mods/service/AppReturnHomeRegister/Detail.vue
+++ b/src/mods/service/AppReturnHomeRegister/Detail.vue
@@ -4,15 +4,15 @@
       <h2>{{ info.name }}的返乡登记信息</h2>
       <div class="item-info">
         <div class="item-info__item">
-          <image src="/static/img/from-icon.png" />
+          <image src="/static/img/from-icon.png"/>
           <span>{{ info.startAreaName }}</span>
         </div>
         <div class="item-info__item">
-          <image src="/static/img/to-icon.png" />
+          <image src="/static/img/to-icon.png"/>
           <span>{{ info.arriveAreaName }}</span>
         </div>
         <div class="item-info__item">
-          <image src="/static/img/to-date.png" />
+          <image src="/static/img/to-date.png"/>
           <span>{{ info.arriveTime && info.arriveTime.substr(0, info.arriveTime.length - 3) }} 到达</span>
         </div>
       </div>
@@ -40,7 +40,7 @@
           <label>手机号码</label>
         </div>
         <div class="right" @click="call(info.phone)" hover-class="text-hover">
-          <image src="https://cdn.cunwuyun.cn/dvcp/h5/common/phone.png" />
+          <image src="https://cdn.cunwuyun.cn/dvcp/h5/common/phone.png"/>
           <span style="color: #4181FF">{{ info.phone }}</span>
         </div>
       </div>
@@ -49,7 +49,9 @@
           <label>人员类别</label>
         </div>
         <div class="right">
-          <span :style="{color: info.type === '0' ? '#42D784' : '#FF4466'}">{{ $dict.getLabel('epidemicMemberType', info.type) }}</span>
+          <span :style="{color: info.type === '0' ? '#42D784' : '#FF4466'}">{{
+              $dict.getLabel('epidemicMemberType', info.type)
+            }}</span>
         </div>
       </div>
     </div>
@@ -135,7 +137,9 @@
           <label>核酸检测结果</label>
         </div>
         <div class="right">
-          <span :style="{color: info.checkResult === '0' ? '#42D784' : '#FF4466'}">{{ $dict.getLabel('epidemicRecentTestResult', info.checkResult) }}</span>
+          <span :style="{color: info.checkResult === '0' ? '#42D784' : '#FF4466'}">{{
+              $dict.getLabel('epidemicRecentTestResult', info.checkResult)
+            }}</span>
         </div>
       </div>
       <div class="detail-info__item detail-info__item--img">
@@ -143,7 +147,7 @@
           <label>本人健康码截图或核酸检测报告</label>
         </div>
         <div class="right">
-          <image :src="item.url" @click="preview(item.url)" v-for="(item, index) in info.checkPhoto" :key="index" />
+          <image :src="item.url" @click="preview(item.url)" v-for="(item, index) in info.checkPhoto" :key="index"/>
         </div>
       </div>
     </div>
@@ -162,7 +166,9 @@
           <label>14天内是否接触新冠确诊或疑似患者</label>
         </div>
         <div class="right">
-          <span :style="{color: info.touchInFourteen === '0' ? '#42D784' : '#FF4466'}">{{ $dict.getLabel('epidemicTouchInFourteen', info.touchInFourteen) }}</span>
+          <span :style="{color: info.touchInFourteen === '0' ? '#42D784' : '#FF4466'}">{{
+              $dict.getLabel('epidemicTouchInFourteen', info.touchInFourteen)
+            }}</span>
         </div>
       </div>
       <div class="detail-info__item">
@@ -178,172 +184,173 @@
 </template>
 
 <script>
-  export default {
-    data () {
-      return {
-        info: {},
-        pageShow: false
-      }
-    },
+export default {
+  appName: "返乡登记详情",
+  data() {
+    return {
+      info: {},
+      pageShow: false
+    }
+  },
 
-    onLoad (query) {
-      this.$loading()
-      this.$dict.load(['epidemicRecentHealth', 'epidemicRecentTravel', 'epidemicTouchInFourteen', 'epidemicMemberType', 'epidemicRecentTestResult']).then(() => {
-        this.getInfo(query.id)
+  onLoad(query) {
+    this.$loading()
+    this.$dict.load(['epidemicRecentHealth', 'epidemicRecentTravel', 'epidemicTouchInFourteen', 'epidemicMemberType', 'epidemicRecentTestResult']).then(() => {
+      this.getInfo(query.id)
+    })
+  },
+
+  methods: {
+    preview(url) {
+      uni.previewImage({
+        urls: this.info.checkPhoto.map(v => v.url),
+        current: url
       })
     },
 
-    methods: {
-      preview (url) {
-        uni.previewImage({
-          urls: this.info.checkPhoto.map(v => v.url),
-          current: url
-        })
-      },
+    getInfo(id) {
+      this.$instance.post(`/app/appepidemicbackhomerecord/queryDetailById?id=${id}`).then(res => {
+        if (res.code === 0) {
+          this.info = res.data
+          this.info.checkPhoto = JSON.parse(res.data.checkPhoto)
+          let healthName = ''
+          this.info.isHealth = false
+          res.data.health.split(',').forEach(v => {
+            if (v > 0) {
+              this.info.isHealth = true
+            }
+            healthName = healthName + this.$dict.getLabel('epidemicRecentHealth', v)
+          })
+          this.info.healthName = healthName
 
-      getInfo (id) {
-        this.$instance.post(`/app/appepidemicbackhomerecord/queryDetailById?id=${id}`).then(res => {
-          if (res.code === 0) {
-            this.info = res.data
-            this.info.checkPhoto = JSON.parse(res.data.checkPhoto)
-            let healthName = ''
-            this.info.isHealth = false
-            res.data.health.split(',').forEach(v => {
-              if (v > 0) {
-                this.info.isHealth = true
-              }
-              healthName = healthName + this.$dict.getLabel('epidemicRecentHealth', v)
-            })
-            this.info.healthName = healthName
+          this.$nextTick(() => {
+            this.pageShow = true
+          })
+        }
 
-            this.$nextTick(() => {
-              this.pageShow = true
-            })
-          }
+        this.$hideLoading()
+      })
+    },
 
-          this.$hideLoading()
-        })
-      },
-
-      call (phone) {
-        uni.makePhoneCall({
-          phoneNumber: phone
-        })
-      }
+    call(phone) {
+      uni.makePhoneCall({
+        phoneNumber: phone
+      })
     }
   }
+}
 </script>
 
 <style lang="scss">
-  .detail {
-    padding-bottom: 40px;
+.detail {
+  padding-bottom: 40px;
 
-    .detail-header {
-      padding: 32px;
-      background: #fff;
+  .detail-header {
+    padding: 32px;
+    background: #fff;
 
-      h2 {
-        margin-bottom: 32px;
-        color: #333333;
-        font-size: 40px;
-        font-weight: 600;
+    h2 {
+      margin-bottom: 32px;
+      color: #333333;
+      font-size: 40px;
+      font-weight: 600;
+    }
+
+    .item-info {
+      .item-info__item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 8px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        image {
+          width: 32px;
+          height: 32px;
+          margin-right: 16px;
+        }
+
+        span {
+          color: #333;
+          font-size: 28px;
+        }
+      }
+    }
+  }
+
+  .detail-info {
+    margin-top: 24px;
+    padding: 0 32px;
+    background: #fff;
+
+    & > h2 {
+      height: 116px;
+      line-height: 116px;
+      font-size: 38px;
+      font-weight: 600;
+      color: #333;
+    }
+
+    .detail-info__item {
+      display: flex;
+      justify-content: space-between;
+      padding: 34px 0;
+      border-bottom: 1px solid #DDDDDD;
+
+      &:last-child {
+        border: none;
       }
 
-      .item-info {
-        .item-info__item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 8px;
+      .left {
+        display: flex;
+        line-height: 1.3;
+        max-width: 360px;
 
-          &:last-child {
-            margin-bottom: 0;
-          }
+        label {
+          position: relative;
+          color: #999999;
+          font-size: 32px;
+        }
+      }
 
-          image {
-            width: 32px;
-            height: 32px;
-            margin-right: 16px;
-          }
+      .right {
+        display: flex;
+        max-width: 450px;
 
-          span {
-            color: #333;
-            font-size: 28px;
-          }
+        span {
+          color: #333333;
+          font-size: 32px;
+          text-align: right;
+        }
+
+        image {
+          width: 40px;
+          height: 40px;
         }
       }
     }
 
-    .detail-info {
-      margin-top: 24px;
-      padding: 0 32px;
-      background: #fff;
+    .detail-info__item--img {
+      display: block;
 
-      & > h2 {
-        height: 116px;
-        line-height: 116px;
-        font-size: 38px;
-        font-weight: 600;
-        color: #333;
-      }
+      .right {
+        flex-wrap: wrap;
+        max-width: 100%;
+        margin-top: 34px;
 
-      .detail-info__item {
-        display: flex;
-        justify-content: space-between;
-        padding: 34px 0;
-        border-bottom: 1px solid #DDDDDD;
+        image {
+          width: 226px;
+          height: 226px;
+          margin: 0 9px 9px 0;
 
-        &:last-child {
-          border: none;
-        }
-
-        .left {
-          display: flex;
-          line-height: 1.3;
-          max-width: 360px;
-
-          label {
-            position: relative;
-            color: #999999;
-            font-size: 32px;
-          }
-        }
-
-        .right {
-          display: flex;
-          max-width: 450px;
-
-          span {
-            color: #333333;
-            font-size: 32px;
-            text-align: right;
-          }
-
-          image {
-            width: 40px;
-            height: 40px;
-          }
-        }
-      }
-
-      .detail-info__item--img {
-        display: block;
-
-        .right {
-          flex-wrap: wrap;
-          max-width: 100%;
-          margin-top: 34px;
-
-          image {
-            width: 226px;
-            height: 226px;
-            margin: 0 9px 9px 0;
-
-            &:nth-of-type(3n) {
-              margin-right: 0;
-            }
+          &:nth-of-type(3n) {
+            margin-right: 0;
           }
         }
       }
     }
   }
+}
 </style>