diff --git a/packages/wechat/AppAskForm/components/FormList.vue b/packages/wechat/AppAskForm/components/FormList.vue
index 80a4301f..43aa1f09 100644
--- a/packages/wechat/AppAskForm/components/FormList.vue
+++ b/packages/wechat/AppAskForm/components/FormList.vue
@@ -4,27 +4,27 @@
       <ai-search-bar>
         <template #left>
           <ai-select
-            v-model="search.status"
-            @change="search.current = 1, getList()"
-            placeholder="项目状态"
-            :selectList="dict.getDict('questionnaireStatus')">
+              v-model="search.status"
+              @change="search.current = 1, getList()"
+              placeholder="项目状态"
+              :selectList="dict.getDict('questionnaireStatus')">
           </ai-select>
           <ai-select
-            v-model="search.type"
-            @change="search.current = 1, getList()"
-            placeholder="项目类型"
-            :selectList="dict.getDict('questionnaireType')">
+              v-model="search.type"
+              @change="search.current = 1, getList()"
+              placeholder="项目类型"
+              :selectList="dict.getDict('questionnaireType')">
           </ai-select>
         </template>
         <template #right>
           <el-input
-            v-model="search.title"
-            size="small"
-            placeholder="请输入模板名称或创建人"
-            clearable
-            @keyup.enter.native="search.current = 1, getList()"
-            @clear="search.current = 1, search.title = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.title"
+              size="small"
+              placeholder="请输入模板名称或创建人"
+              clearable
+              @keyup.enter.native="search.current = 1, getList()"
+              @clear="search.current = 1, search.title = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
@@ -37,7 +37,8 @@
           <div class="list-item" v-for="(item, index) in list" :key="index">
             <div>
               <div class="list-item__title">
-                <h2 :style="{color: dict.getColor('questionnaireStatus', item.status)}">{{ dict.getLabel('questionnaireStatus', item.status) }}</h2>
+                <h2 :style="{color: dict.getColor('questionnaireStatus', item.status)}">
+                  {{ dict.getLabel('questionnaireStatus', item.status) }}</h2>
                 <span :class="'type-' + item.type">{{ dict.getLabel('questionnaireType', item.type) }}</span>
               </div>
               <p>{{ item.title }}</p>
@@ -52,49 +53,49 @@
             </div>
             <div class="list-item__operate">
               <el-button
-                type="text"
-                icon="iconfont iconshare"
-                @click="showShare(item)"
-                class="list-item__operate--item"
-                :disabled="item.status !== '1'">
+                  type="text"
+                  icon="iconfont iconshare"
+                  @click="showShare(item)"
+                  class="list-item__operate--item"
+                  :disabled="item.status !== '1'">
                 分享
               </el-button>
               <el-button
-                v-if="item.status === '1'"
-                type="text"
-                icon="iconfont iconunpublish"
-                class="list-item__operate--item"
-                @click="toStop(item.id)">
+                  v-if="item.status === '1'"
+                  type="text"
+                  icon="iconfont iconunpublish"
+                  class="list-item__operate--item"
+                  @click="toStop(item.id)">
                 停止
               </el-button>
               <el-button
-                v-else
-                @click="id = item.id, isShowAdd = true"
-                type="text"
-                icon="iconfont iconpublish"
-                class="list-item__operate--item">
+                  v-else
+                  @click="id = item.id, isShowAdd = true"
+                  type="text"
+                  icon="iconfont iconpublish"
+                  class="list-item__operate--item">
                 发布
               </el-button>
               <el-button
-                @click="showShare(item, true)"
-                type="text"
-                icon="iconfont iconpreview"
-                class="list-item__operate--item">
+                  @click="showShare(item, true)"
+                  type="text"
+                  icon="iconfont iconpreview"
+                  class="list-item__operate--item">
                 预览
               </el-button>
               <el-button
-                :disabled="item.dataCount === 0"
-                @click="exportFile(item.id, item.title)"
-                type="text"
-                icon="iconfont iconExported"
-                class="list-item__operate--item">
+                  :disabled="item.dataCount === 0"
+                  @click="exportFile(item.id, item.title)"
+                  type="text"
+                  icon="iconfont iconExported"
+                  class="list-item__operate--item">
                 导出
               </el-button>
               <el-dropdown @command="e => handleCommand(e, item.id, item.type)">
                 <el-button
-                  type="text"
-                  icon="iconfont iconMore"
-                  class="list-item__operate--item">
+                    type="text"
+                    icon="iconfont iconMore"
+                    class="list-item__operate--item">
                   更多
                 </el-button>
                 <el-dropdown-menu slot="dropdown">
@@ -109,11 +110,11 @@
         </div>
       </div>
       <ai-dialog
-        :visible.sync="isShow"
-        width="800px"
-        title="请选择新建项目类型"
-        @close="currIndex = 0"
-        @onConfirm="onConfirm">
+          :visible.sync="isShow"
+          width="800px"
+          title="请选择新建项目类型"
+          @close="currIndex = 0"
+          @onConfirm="onConfirm">
         <div class="type-list">
           <div class="type-item" @click="currIndex = 0" :class="[currIndex === 0 ? 'type-item__active' : '']">
             <svg class="icon" aria-hidden="true">
@@ -148,11 +149,11 @@
         </div>
       </ai-dialog>
       <ai-dialog
-        class="ai-dialog__success"
-        :visible.sync="isShowSuccess"
-        customFooter
-        width="800px"
-        title="">
+          class="ai-dialog__success"
+          :visible.sync="isShowSuccess"
+          customFooter
+          width="800px"
+          title="">
         <div class="success-dialog">
           <div class="success-header">
             <i class="iconfont iconSteps_Finished"></i>
@@ -167,7 +168,7 @@
                 </div>
                 <p>可以将生成的二维码或链接分享给居民</p>
                 <el-input size="small" :value="info.linkUrl">
-                  <el-button slot="append" type="primary" @click="copy(info.linkUrl)">复制链接</el-button> 
+                  <el-button slot="append" type="primary" @click="copy(info.linkUrl)">复制链接</el-button>
                 </el-input>
               </div>
               <div class="step-right">
@@ -182,21 +183,21 @@
         </div>
       </ai-dialog>
       <ai-dialog
-        :visible.sync="isShowPreview"
-        width="800px"
-        customFooter
-        title="预览">
+          :visible.sync="isShowPreview"
+          width="800px"
+          customFooter
+          title="预览">
         <iframe class="iframe" :src="info.linkUrl" frameborder="0"></iframe>
         <template #footer>
           <el-button @click="isShowPreview = false">关闭</el-button>
         </template>
       </ai-dialog>
       <ai-dialog
-        :visible.sync="isShowAdd"
-        width="800px"
-        @close="onClose"
-        customFooter
-        title="发布">
+          :visible.sync="isShowAdd"
+          width="800px"
+          @close="onClose"
+          customFooter
+          title="发布">
         <el-form label-position="top" class="publish" ref="form" label-width="120px" :model="editForm">
           <div class="form-item__wrapper">
             <div class="form-title">
@@ -215,12 +216,12 @@
             </div>
             <div class="form-item__container" v-if="editForm.periodValidityType === '1'">
               <el-date-picker
-                v-model="editForm.periodValidityEndTime"
-                value-format="yyyy-MM-dd HH:mm:ss"
-                type="datetime"
-                size="small"
-                :picker-options="pickerOptions"
-                placeholder="截止时间">
+                  v-model="editForm.periodValidityEndTime"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  type="datetime"
+                  size="small"
+                  :picker-options="pickerOptions"
+                  placeholder="截止时间">
               </el-date-picker>
             </div>
             <div class="form-field">
@@ -271,814 +272,818 @@
 </template>
 
 <script>
-  export default {
-    name: 'FormList',
-    props: {
-      instance: Function,
-      dict: Object,
-      areaId: String
+export default {
+  name: 'FormList',
+  props: {
+    instance: Function,
+    dict: Object,
+    areaId: String
+  },
+
+  data() {
+    return {
+      search: {
+        current: 1,
+        status: '',
+        type: '',
+        size: 1000000,
+        templateType: 0,
+        title: ''
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
+        }
+      },
+      isShowAdd: false,
+      isShowPublish: false,
+      editForm: {
+        commitType: '1',
+        periodValidityType: '0',
+        actionNotice: '1',
+        dynamicNotice: '1',
+        periodValidityEndTime: '',
+        shareStatus: '0',
+        wechatId: '0'
+      },
+      isShowSuccess: false,
+      list: [],
+      total: 0,
+      isShowPreview: false,
+      loading: false,
+      info: {},
+      currIndex: 0,
+      isShow: false,
+      id: ''
+    }
+  },
+
+  created() {
+    this.loading = true
+    this.dict.load(['questionnaireStatus', 'questionnaireType', 'questionnaireFieldType']).then(() => {
+      this.getList()
+    })
+  },
+
+  methods: {
+    onClose() {
+      this.id = ''
+      this.editForm.commitType = '1'
+      this.editForm.periodValidityType = '0'
+      this.editForm.actionNotice = '1'
+      this.editForm.dynamicNotice = '1'
+      this.editForm.periodValidityEndTime = ''
+      this.editForm.shareStatus = '0'
+      this.editForm.wechatId = '0'
     },
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          status: '',
-          type: '',
-          size: 1000000,
-          templateType: 0,
-          title: ''
-        },
-        pickerOptions: {
-          disabledDate (time) {
-            return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
-          }
-        },
-        isShowAdd: false,
-        isShowPublish: false,
-        editForm: {
-          commitType: '1',
-          periodValidityType: '0',
-          actionNotice: '1',
-          dynamicNotice: '1',
-          periodValidityEndTime: '',
-          shareStatus: '0',
-          wechatId: '0'
-        },
-        isShowSuccess: false,
-        list: [],
-        total: 0,
-        isShowPreview: false,
-        loading: false,
-        info: {},
-        currIndex: 0,
-        isShow: false,
-        id: ''
+    getList() {
+      this.instance.post(`/app/appquestionnairetemplate/list`, null, {
+        params: {
+          ...this.search,
+          areaId: this.areaId
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.list = res.data.records
+          this.total = res.data.total
+          this.loading = false
+
+          this.$nextTick(() => {
+
+          })
+        } else {
+          this.loading = false
+        }
+      }).catch(() => {
+        this.loading = false
+      })
+    },
+    publish() {
+      this.instance.post(`/app/appquestionnairetemplate/release`, null, {
+        params: {
+          ...this.editForm,
+          id: this.id,
+          periodValidityEndTime: this.editForm.periodValidityType === '1' ? this.editForm.periodValidityEndTime : ''
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.$message.success('提交成功')
+
+          this.isShowAdd = false
+          this.getList()
+
+          // this.info = res.data
+
+          // this.$nextTick(() => {
+          //   this.isShowSuccess = true
+          // })
+        }
+      })
+    },
+
+    downloadImg(url) {
+      let image = new Image()
+      image.setAttribute('crossOrigin', 'anonymous')
+      image.onload = function () {
+        let canvas = document.createElement('canvas')
+        canvas.width = image.width
+        canvas.height = image.height
+        let context = canvas.getContext('2d')
+        context.drawImage(image, 0, 0, image.width, image.height)
+        let url = canvas.toDataURL("image/png")
+        let a = document.createElement("a")
+        let event = new MouseEvent("click")
+        a.download = '二维码'
+        a.href = url
+        a.dispatchEvent(event)
       }
+      image.src = url
     },
 
-    created () {
-      this.loading = true
-      this.dict.load(['questionnaireStatus', 'questionnaireType', 'questionnaireFieldType']).then(() => {
+    toStop(id) {
+      this.$confirm('确定停止该表单？').then(() => {
+        this.instance.post(`/app/appquestionnairetemplate/stopRelease?id=${id}`).then(res => {
+          if (res.code === 0) {
+            this.$message.success('停止成功!')
+            this.getList()
+          }
+        })
+      })
+    },
+
+    handleSizeChange() {
+      this.$nextTick(() => {
         this.getList()
       })
     },
 
-    methods: {
-      onClose () {
-        this.id = ''
-        this.editForm.commitType = '1'
-        this.editForm.periodValidityType = '0'
-        this.editForm.actionNotice = '1'
-        this.editForm.dynamicNotice = '1'
-        this.editForm.periodValidityEndTime = ''
-        this.editForm.shareStatus = '0'
-        this.editForm.wechatId = '0'
-      },
+    handleChange() {
+      this.$nextTick(() => {
+        this.getList()
+      })
+    },
 
-      getList () {
-        this.instance.post(`/app/appquestionnairetemplate/list`, null, {
-          params: {
-            ...this.search,
-            areaId: this.areaId
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.list = res.data.records
-            this.total = res.data.total
-            this.loading = false
-
-            this.$nextTick(() => {
-              this.$initWxOpenData()
-            })
-          } else {
-            this.loading = false
-          }
-        }).catch(() => {
-          this.loading = false
-        })
-      },
-      publish () {
-        this.instance.post(`/app/appquestionnairetemplate/release`, null, {
-          params: {
-            ...this.editForm,
-            id: this.id, 
-            periodValidityEndTime: this.editForm.periodValidityType === '1' ? this.editForm.periodValidityEndTime : ''
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.$message.success('提交成功')
-
-            this.isShowAdd = false
-            this.getList()
-
-            // this.info = res.data
-
-            // this.$nextTick(() => {
-            //   this.isShowSuccess = true
-            // })
+    handleCommand(e, id, type) {
+      if (e === 'edit') {
+        this.toEdit(id, type)
+      } else if (e === 'share') {
+        this.instance.post(`/app/appquestionnairetemplate/share?id=${id}`).then(res => {
+          if (res.code === 0) {
+            this.$message.success('共享成功!')
           }
         })
-      },
-
-      downloadImg (url) {
-        let image = new Image()
-        image.setAttribute('crossOrigin', 'anonymous')
-        image.onload = function() {
-          let canvas = document.createElement('canvas')
-          canvas.width = image.width
-          canvas.height = image.height
-          let context = canvas.getContext('2d')
-          context.drawImage(image, 0, 0, image.width, image.height)
-          let url = canvas.toDataURL("image/png")
-          let a = document.createElement("a")
-          let event = new MouseEvent("click")
-          a.download = '二维码'
-          a.href = url
-          a.dispatchEvent(event)
-        }
-        image.src = url
-      },
-
-      toStop (id) {
-        this.$confirm('确定停止该表单？').then(() => {
-          this.instance.post(`/app/appquestionnairetemplate/stopRelease?id=${id}`).then(res => {
-            if (res.code === 0) {
-              this.$message.success('停止成功!')
+      } else if (e === 'remove') {
+        this.$confirm('确定删除该数据？').then(() => {
+          this.instance.post(`/app/appquestionnairetemplate/delete?id=${id}`).then(res => {
+            if (res.code == 0) {
+              this.$message.success('删除成功！')
               this.getList()
             }
           })
         })
-      },
-
-      handleSizeChange () {
-        this.$nextTick(() => {
-          this.getList()
-        })
-      },
-
-      handleChange () {
-        this.$nextTick(() => {
-          this.getList()
-        })
-      },
-
-      handleCommand (e, id, type) {
-        if (e === 'edit') {
-          this.toEdit(id, type)
-        } else if (e === 'share') {
-          this.instance.post(`/app/appquestionnairetemplate/share?id=${id}`).then(res => {
-            if (res.code === 0) {
-              this.$message.success('共享成功!')
-            }
-          })
-        } else if (e === 'remove') {
-          this.$confirm('确定删除该数据？').then(() => {
-            this.instance.post(`/app/appquestionnairetemplate/delete?id=${id}`).then(res => {
-              if (res.code == 0) {
-                this.$message.success('删除成功！')
-                this.getList()
-              }
-            })
-          })
-        } else {
-          this.$emit('change', {
-            type: 'Statistics',
-            params: {
-              id
-            }
-          })
-        }
-      },
-
-      exportFile (id, title) {
-        this.instance.post(`/app/appquestionnairetemplate/export?id=${id}`, null, {
-          responseType: 'blob'
-        }).then(res => {
-          const link = document.createElement('a')
-          let blob = new Blob([res], {type: res.type})
-          link.style.display = 'none'
-          link.href = URL.createObjectURL(blob)
-          link.setAttribute('download', title + '.xls')
-          document.body.appendChild(link)
-          link.click()
-          document.body.removeChild(link)
-        })
-      },
-
-      showShare (info, isPreview) {
-        this.loading = true
-        this.info = info
-
-        this.instance.post(`/app/appquestionnairetemplate/queryQrCode?id=${info.id}`).then(res => {
-          if (res.code == 0) {
-            this.info.linkUrl = res.data.linkUrl
-            this.info.qrCodeUrl = res.data.qrCodeUrl
-
-            this.$nextTick(() => {
-              if (isPreview) {
-                this.isShowPreview = true
-                this.info.linkUrl = `${res.data.linkUrl}&preview=true#form`
-              } else {
-                this.isShowSuccess = true
-              }
-            })
-          }
-
-          this.loading = false
-        }).catch(() => {
-          this.loading = false
-        })
-      },
-
-      copy (link) {
-        let oInput = document.createElement('input')
-        oInput.value = link
-        document.body.appendChild(oInput)
-        oInput.select()
-        document.execCommand('Copy')
-        this.$message({
-          message: '已复制',
-          type: 'success'
-        })
-        oInput.remove()
-      },
-
-      toEdit (id, type) {
+      } else {
         this.$emit('change', {
-          type: 'add',
+          type: 'Statistics',
           params: {
-            id,
-            type,
-            templateType: 0
-          }
-        })
-      },
-
-      onConfirm () {
-        this.$emit('change', {
-          type: 'add',
-          params: {
-            id: '',
-            templateType: 0,
-            type: this.currIndex
+            id
           }
         })
       }
+    },
+
+    exportFile(id, title) {
+      this.instance.post(`/app/appquestionnairetemplate/export?id=${id}`, null, {
+        responseType: 'blob'
+      }).then(res => {
+        const link = document.createElement('a')
+        let blob = new Blob([res], {type: res.type})
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.setAttribute('download', title + '.xls')
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+      })
+    },
+
+    showShare(info, isPreview) {
+      this.loading = true
+      this.info = info
+
+      this.instance.post(`/app/appquestionnairetemplate/queryQrCode?id=${info.id}`).then(res => {
+        if (res.code == 0) {
+          this.info.linkUrl = res.data.linkUrl
+          this.info.qrCodeUrl = res.data.qrCodeUrl
+
+          this.$nextTick(() => {
+            if (isPreview) {
+              this.isShowPreview = true
+              this.info.linkUrl = `${res.data.linkUrl}&preview=true#form`
+            } else {
+              this.isShowSuccess = true
+            }
+          })
+        }
+
+        this.loading = false
+      }).catch(() => {
+        this.loading = false
+      })
+    },
+
+    copy(link) {
+      let oInput = document.createElement('input')
+      oInput.value = link
+      document.body.appendChild(oInput)
+      oInput.select()
+      document.execCommand('Copy')
+      this.$message({
+        message: '已复制',
+        type: 'success'
+      })
+      oInput.remove()
+    },
+
+    toEdit(id, type) {
+      this.$emit('change', {
+        type: 'add',
+        params: {
+          id,
+          type,
+          templateType: 0
+        }
+      })
+    },
+
+    onConfirm() {
+      this.$emit('change', {
+        type: 'add',
+        params: {
+          id: '',
+          templateType: 0,
+          type: this.currIndex
+        }
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
-  .form-list {
-    ::v-deep .ai-list__content--right-wrapper {
-      background: transparent!important;
-      box-shadow: none!important;
-      padding: 12px 0 12px!important;
+.form-list {
+  ::v-deep .ai-list__content--right-wrapper {
+    background: transparent !important;
+    box-shadow: none !important;
+    padding: 12px 0 12px !important;
+  }
+
+  ::v-deep.el-pager {
+    li.active + li {
+      border-left: 1px solid #D0D4DC;
     }
+  }
 
-    ::v-deep.el-pager {
-      li.active + li {
-        border-left: 1px solid #D0D4DC;
-      }
-    } 
-
-    .publish {
-      .tips {
-        display: flex;
-        align-items: center;
-        height: 36px;
-        margin-bottom: 20px;
-        padding: 0 12px;
-        background: #E8EFFF;
-        border-radius: 2px;
-
-        i {
-          margin-right: 2px;
-          color: #2367ff;
-          font-size: 16px;
-        }
-
-        h2 {
-          font-size: 12px;
-          color: #222222;
-        }
-      }
-
-      .form-item__wrapper {
-        padding-left: 24px;
-
-        .checkbox {
-          display: flex;
-          align-items: center;
-          margin-left: 9px;
-
-          &:first-child {
-            margin-bottom: 32px;
-          }
-
-          span {
-            color: #888888;
-            font-size: 14px;
-          }
-        }
-
-        .form-title {
-          display: flex;
-          align-items: center;
-          margin-bottom: 16px;
-
-          span {
-            margin-left: 16px;
-            color: #888888;
-            font-size: 14px;
-          }
-
-          h2 {
-            position: relative;
-            padding-left: 8px;
-            font-size: 16px;
-            font-weight: 700;
-            color: #222222;
-
-            &::after {
-              position: absolute;
-              left: 0;
-              top: 50%;
-              z-index: 1;
-              width: 3px;
-              height: 16px;
-              background: #2266FF;
-              content: ' ';
-              transform: translateY(-50%);
-            }
-          }
-        }
-
-        .form-item__container {
-          margin-left: 9px;
-          margin-bottom: 24px;
-        }
-
-        .form-field {
-          display: flex;
-          align-items: center;
-          margin-bottom: 16px;
-
-          i {
-            margin-right: 4px;
-            color: #FF4466;
-            font-size: 14px;
-          }
-          h2 {
-            color: #222222;
-            font-size: 14px;
-          }
-
-          span {
-            color: #888888;
-            font-size: 14px;
-          }
-        }
-      }
-    }
-
-    .newPagination {
-      width: 100%;
+  .publish {
+    .tips {
       display: flex;
       align-items: center;
-      height: 64px;
-      padding: 0 40px!important;
+      height: 36px;
+      margin-bottom: 20px;
+      padding: 0 12px;
+      background: #E8EFFF;
+      border-radius: 2px;
 
-      .el-pagination {
-        width: 100%;
-        padding: 0;
-      }
-      ::v-deep .el-pager li.active {
-        background-color: #fff !important;
-        color: #2266FF !important;
-        border-color: #2266FF;
+      i {
+        margin-right: 2px;
+        color: #2367ff;
+        font-size: 16px;
       }
 
-      ::v-deep .el-pager li {
-        background-color: #fff;
-        border: solid 1px #d0d4dc;
-        margin-left: 8px;
-        border-radius: 4px !important;
-        line-height: 26px !important;
-      }
-
-      .paginationPre {
-        display: flex;
-        height: 28px;
-        line-height: 1;
-        font-size: 14px;
-        font-weight: normal;
-        align-items: center;
-
-        .pagination-btns {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-          color: #2266FF !important;
-
-          ::v-deep span, ::v-deep div {
-            font-size: 12px;
-            cursor: pointer;
-            color: #2266FF !important;
-
-            &:hover {
-              opacity: 0.8;
-            }
-          }
-        }
-
-        .paginationPre-total {
-          font-size: 12px;
-          color: #555;
-
-          label {
-            padding: 0 2px;
-            font-weight: 700;
-          }
-        }
-
-        & > * + * {
-          margin-left: 24px;
-        }
-
-        ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
-          line-height: 1 !important;
-        }
-
-        ::v-deep.el-checkbox {
-          padding-left: 14px;
-          display: flex;
-          align-items: center;
-
-          .el-checkbox__input, .el-checkbox__inner {
-            width: 14px;
-            height: 14px;
-            min-width: 0 !important;
-            line-height: 1 !important;
-          }
-
-          .el-checkbox__label {
-            font-size: 12px;
-            color: #222222;
-            height: auto !important;
-            line-height: 1 !important;
-            padding-left: 3px !important;
-          }
-        }
+      h2 {
+        font-size: 12px;
+        color: #222222;
       }
     }
 
-    .iframe {
-      display: block;
-      width: 375px;
-      min-height: 450px;
-      margin: 0 auto;
-    }
-    
-    .ai-dialog__success {
-      ::v-deep .ai-dialog__content {
-        max-height: initial!important;
-      }
-    }
+    .form-item__wrapper {
+      padding-left: 24px;
 
-    .type-0 {
-      color: #2266FF;
-      background: rgba(34, 102, 255, 0.1);
-    }
-
-    .type-1 {
-      color: rgba(34, 170, 153, 1);
-      background: rgba(34, 170, 153, 0.1);
-    }
-
-    .type-2 {
-      color: rgba(248, 180, 37, 1);
-      background: rgba(248, 180, 37, 0.1);
-    }
-
-    .type-3 {
-      color: rgba(102, 119, 187, 1);
-      background: rgba(102, 119, 187, 0.1);
-    }
-
-    .type-4 {
-      color: rgba(236, 68, 97, 1);
-      background: rgba(236, 68, 97, 0.1);
-    }
-
-    .success-dialog {
-      .success-wrapper {
-        margin-top: 40px;
-
-        .step {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          &:last-child {
-            img {
-              width: 120px;
-              height: 120px;
-            }
-
-            .step-right {
-              text-align: center;
-              color: #2266FF;
-
-              a {
-                display: block;
-                margin-top: 10px;
-                color: #2266FF;
-                text-align: center;
-                font-size: 14px;
-                text-decoration: none;
-
-                &:hover {
-                  opacity: 0.8;
-                }
-              }
-            }
-
-            .step-code {
-              width: 130px;
-              height: 130px;
-              padding: 5px;
-              background: #FFFFFF;
-              box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
-              border-radius: 4px;
-              border: 1px solid #E4E8EF;
-            }
-
-            ::v-deep .el-input {
-              width: 418px;
-              margin-top: 20px;
-              margin-left: 12px;
-
-              span {
-                color: #fff;
-              }
-
-              button:hover {
-                background: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%);
-              }
-            }
-          }
-
-          .step-left {
-            p {
-              max-width: 348px;
-              line-height: 22px;
-              margin-left: 12px;
-              color: #888888;
-              font-size: 14px;
-            }
-          }
-
-          .stop-left__title {
-            display: flex;
-            align-items: center;
-            margin-bottom: 10px;
-
-            h2 {
-              font-size: 16px;
-              color: #222222;
-            }
-
-            i {
-              width: 4px;
-              height: 4px;
-              flex-shrink: 1;
-              margin-right: 8px;
-              background: #8899BB;
-            }
-          }
-        }
-      }
-
-      .success-header {
-        padding: 16px 0 40px;
-        text-align: center;
-        border-bottom: 1px solid #EEEEEE;
-
-        i {
-          font-size: 64px;
-          color: #2DD77D;
-        }
-
-        h2 {
-          margin-top: 16px;
-          color: #222222;
-          font-size: 20ox;
-          font-weight: 600;
-        }
-      }
-    }
-
-    .type-list {
-      display: flex;
-      align-items: center;
-      height: 100px;
-
-      .type-item {
+      .checkbox {
         display: flex;
         align-items: center;
-        justify-content: center;
-        width: 128px;
-        height: 64px;
-        margin-right: 20px;
-        border-radius: 2px;
-        cursor: pointer;
-        border: 1px solid #E4E8EF;
+        margin-left: 9px;
 
-        svg {
-          width: 24px;
-          height: 24px;
-          margin-right: 8px;
+        &:first-child {
+          margin-bottom: 32px;
         }
 
-        &.type-item__active {
-          border-color: #2266FF;
-        }
-
-        &:last-child {
-          margin-right: 0;
-        }
-      }
-    }
-
-    .form-list__list {
-      display: flex;
-      flex-wrap: wrap;
-      margin-top: 8px;
-
-      .list-item {
-        display: flex;
-        position: relative;
-        flex-direction: column;
-        justify-content: space-between;
-        margin-bottom: 12px;
-        padding: 18px 16px 16px;
-
-        &:hover {
-          .list-item__operate {
-            display: flex;
-          }
-        }
-
-        .list-item__operate {
-          display: none;
-          align-items: center;
-          position: absolute;
-          left: 0;
-          bottom: 0;
-          z-index: 1;
-          width: 100%;
-          height: 52px;
-          text-align: center;
-          background: #F7F8FA;
-
-          & > div {
-            flex: 1;
-          }
-
-          ::v-deep .el-button {
-            margin-left: 0;
-            padding: 0;
-            i {
-              color: #8899BB;
-              font-size: 14px;
-              transition: all 0.3s;
-            }
-
-            .el-button + .el-button {
-              margin-left: 0;
-            }
-
-            span {
-              margin-left: 0;
-              color: #555555;
-              font-size: 12px;
-              transition: all 0.3s;
-            }
-
-            &:hover {
-              &.is-disabled {
-                i {
-                  color: #8899BB;
-                }
-
-                span {
-                  color: #555555;
-                }
-              }
-            }
-          }
-
-          .list-item__operate--item {
-            flex: 1;
-
-            &:hover {
-              ::v-deep i, ::v-deep span {
-                color: #2266FF;
-              }
-            }
-          }
-        }
-
-        .list-item__bottom {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          color: #888888;
-          font-size: 12px;
-
-          i {
-            font-style: normal;
-          }
-        }
-
-        p {
-          line-height: 22px;
-          color: #333333;
-          font-size: 14px;
-          font-weight: 700;
-        }
-
-        .list-item__user {
-          display: flex;
-          align-items: center;
-          margin-top: 12px;
-          color: #888888;
-          font-size: 12px;
-          line-height: 20px;
-
-          & > span:first-child {
-            margin-right: 8px;
-          }
-        }
-
-        .list-item__title {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          margin-bottom: 14px;
-
-          h2 {
-            color: #2EA222;
-            font-size: 12px;
-          }
-
-          span {
-            width: 64px;
-            height: 24px;
-            line-height: 24px;
-            text-align: center;
-            border-radius: 4px;
-            font-size: 12px;
-          }
-        }
-      }
-
-      .list-add {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        padding: 0;
-        cursor: pointer;
-
         span {
-          font-size: 32px;
-          color: #8899bb;
-        }
-
-        h2 {
-          color: #555555;
-          font-size: 12px;
-        }
-
-        &:hover {
-          opacity: 0.6;
+          color: #888888;
+          font-size: 14px;
         }
       }
 
-      & > div {
-        width: calc((100% - 60px) / 4);
-        height: 196px;
-        margin: 0 20px 20px 0;
-        background: #FFFFFF;
-        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
-        border-radius: 2px;
+      .form-title {
+        display: flex;
+        align-items: center;
+        margin-bottom: 16px;
 
-        &:nth-of-type(4n) {
-          margin-right: 0;
+        span {
+          margin-left: 16px;
+          color: #888888;
+          font-size: 14px;
+        }
+
+        h2 {
+          position: relative;
+          padding-left: 8px;
+          font-size: 16px;
+          font-weight: 700;
+          color: #222222;
+
+          &::after {
+            position: absolute;
+            left: 0;
+            top: 50%;
+            z-index: 1;
+            width: 3px;
+            height: 16px;
+            background: #2266FF;
+            content: ' ';
+            transform: translateY(-50%);
+          }
+        }
+      }
+
+      .form-item__container {
+        margin-left: 9px;
+        margin-bottom: 24px;
+      }
+
+      .form-field {
+        display: flex;
+        align-items: center;
+        margin-bottom: 16px;
+
+        i {
+          margin-right: 4px;
+          color: #FF4466;
+          font-size: 14px;
+        }
+
+        h2 {
+          color: #222222;
+          font-size: 14px;
+        }
+
+        span {
+          color: #888888;
+          font-size: 14px;
         }
       }
     }
   }
+
+  .newPagination {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    height: 64px;
+    padding: 0 40px !important;
+
+    .el-pagination {
+      width: 100%;
+      padding: 0;
+    }
+
+    ::v-deep .el-pager li.active {
+      background-color: #fff !important;
+      color: #2266FF !important;
+      border-color: #2266FF;
+    }
+
+    ::v-deep .el-pager li {
+      background-color: #fff;
+      border: solid 1px #d0d4dc;
+      margin-left: 8px;
+      border-radius: 4px !important;
+      line-height: 26px !important;
+    }
+
+    .paginationPre {
+      display: flex;
+      height: 28px;
+      line-height: 1;
+      font-size: 14px;
+      font-weight: normal;
+      align-items: center;
+
+      .pagination-btns {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        color: #2266FF !important;
+
+        ::v-deep span, ::v-deep div {
+          font-size: 12px;
+          cursor: pointer;
+          color: #2266FF !important;
+
+          &:hover {
+            opacity: 0.8;
+          }
+        }
+      }
+
+      .paginationPre-total {
+        font-size: 12px;
+        color: #555;
+
+        label {
+          padding: 0 2px;
+          font-weight: 700;
+        }
+      }
+
+      & > * + * {
+        margin-left: 24px;
+      }
+
+      ::v-deep .el-pagination button, .el-pagination span:not([class*=suffix]) {
+        line-height: 1 !important;
+      }
+
+      ::v-deep.el-checkbox {
+        padding-left: 14px;
+        display: flex;
+        align-items: center;
+
+        .el-checkbox__input, .el-checkbox__inner {
+          width: 14px;
+          height: 14px;
+          min-width: 0 !important;
+          line-height: 1 !important;
+        }
+
+        .el-checkbox__label {
+          font-size: 12px;
+          color: #222222;
+          height: auto !important;
+          line-height: 1 !important;
+          padding-left: 3px !important;
+        }
+      }
+    }
+  }
+
+  .iframe {
+    display: block;
+    width: 375px;
+    min-height: 450px;
+    margin: 0 auto;
+  }
+
+  .ai-dialog__success {
+    ::v-deep .ai-dialog__content {
+      max-height: initial !important;
+    }
+  }
+
+  .type-0 {
+    color: #2266FF;
+    background: rgba(34, 102, 255, 0.1);
+  }
+
+  .type-1 {
+    color: rgba(34, 170, 153, 1);
+    background: rgba(34, 170, 153, 0.1);
+  }
+
+  .type-2 {
+    color: rgba(248, 180, 37, 1);
+    background: rgba(248, 180, 37, 0.1);
+  }
+
+  .type-3 {
+    color: rgba(102, 119, 187, 1);
+    background: rgba(102, 119, 187, 0.1);
+  }
+
+  .type-4 {
+    color: rgba(236, 68, 97, 1);
+    background: rgba(236, 68, 97, 0.1);
+  }
+
+  .success-dialog {
+    .success-wrapper {
+      margin-top: 40px;
+
+      .step {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        &:last-child {
+          img {
+            width: 120px;
+            height: 120px;
+          }
+
+          .step-right {
+            text-align: center;
+            color: #2266FF;
+
+            a {
+              display: block;
+              margin-top: 10px;
+              color: #2266FF;
+              text-align: center;
+              font-size: 14px;
+              text-decoration: none;
+
+              &:hover {
+                opacity: 0.8;
+              }
+            }
+          }
+
+          .step-code {
+            width: 130px;
+            height: 130px;
+            padding: 5px;
+            background: #FFFFFF;
+            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08);
+            border-radius: 4px;
+            border: 1px solid #E4E8EF;
+          }
+
+          ::v-deep .el-input {
+            width: 418px;
+            margin-top: 20px;
+            margin-left: 12px;
+
+            span {
+              color: #fff;
+            }
+
+            button:hover {
+              background: linear-gradient(90deg, #299FFF 0%, #0C61FF 100%);
+            }
+          }
+        }
+
+        .step-left {
+          p {
+            max-width: 348px;
+            line-height: 22px;
+            margin-left: 12px;
+            color: #888888;
+            font-size: 14px;
+          }
+        }
+
+        .stop-left__title {
+          display: flex;
+          align-items: center;
+          margin-bottom: 10px;
+
+          h2 {
+            font-size: 16px;
+            color: #222222;
+          }
+
+          i {
+            width: 4px;
+            height: 4px;
+            flex-shrink: 1;
+            margin-right: 8px;
+            background: #8899BB;
+          }
+        }
+      }
+    }
+
+    .success-header {
+      padding: 16px 0 40px;
+      text-align: center;
+      border-bottom: 1px solid #EEEEEE;
+
+      i {
+        font-size: 64px;
+        color: #2DD77D;
+      }
+
+      h2 {
+        margin-top: 16px;
+        color: #222222;
+        font-size: 20 ox;
+        font-weight: 600;
+      }
+    }
+  }
+
+  .type-list {
+    display: flex;
+    align-items: center;
+    height: 100px;
+
+    .type-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 128px;
+      height: 64px;
+      margin-right: 20px;
+      border-radius: 2px;
+      cursor: pointer;
+      border: 1px solid #E4E8EF;
+
+      svg {
+        width: 24px;
+        height: 24px;
+        margin-right: 8px;
+      }
+
+      &.type-item__active {
+        border-color: #2266FF;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  .form-list__list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 8px;
+
+    .list-item {
+      display: flex;
+      position: relative;
+      flex-direction: column;
+      justify-content: space-between;
+      margin-bottom: 12px;
+      padding: 18px 16px 16px;
+
+      &:hover {
+        .list-item__operate {
+          display: flex;
+        }
+      }
+
+      .list-item__operate {
+        display: none;
+        align-items: center;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        z-index: 1;
+        width: 100%;
+        height: 52px;
+        text-align: center;
+        background: #F7F8FA;
+
+        & > div {
+          flex: 1;
+        }
+
+        ::v-deep .el-button {
+          margin-left: 0;
+          padding: 0;
+
+          i {
+            color: #8899BB;
+            font-size: 14px;
+            transition: all 0.3s;
+          }
+
+          .el-button + .el-button {
+            margin-left: 0;
+          }
+
+          span {
+            margin-left: 0;
+            color: #555555;
+            font-size: 12px;
+            transition: all 0.3s;
+          }
+
+          &:hover {
+            &.is-disabled {
+              i {
+                color: #8899BB;
+              }
+
+              span {
+                color: #555555;
+              }
+            }
+          }
+        }
+
+        .list-item__operate--item {
+          flex: 1;
+
+          &:hover {
+            ::v-deep i, ::v-deep span {
+              color: #2266FF;
+            }
+          }
+        }
+      }
+
+      .list-item__bottom {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: #888888;
+        font-size: 12px;
+
+        i {
+          font-style: normal;
+        }
+      }
+
+      p {
+        line-height: 22px;
+        color: #333333;
+        font-size: 14px;
+        font-weight: 700;
+      }
+
+      .list-item__user {
+        display: flex;
+        align-items: center;
+        margin-top: 12px;
+        color: #888888;
+        font-size: 12px;
+        line-height: 20px;
+
+        & > span:first-child {
+          margin-right: 8px;
+        }
+      }
+
+      .list-item__title {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 14px;
+
+        h2 {
+          color: #2EA222;
+          font-size: 12px;
+        }
+
+        span {
+          width: 64px;
+          height: 24px;
+          line-height: 24px;
+          text-align: center;
+          border-radius: 4px;
+          font-size: 12px;
+        }
+      }
+    }
+
+    .list-add {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      padding: 0;
+      cursor: pointer;
+
+      span {
+        font-size: 32px;
+        color: #8899bb;
+      }
+
+      h2 {
+        color: #555555;
+        font-size: 12px;
+      }
+
+      &:hover {
+        opacity: 0.6;
+      }
+    }
+
+    & > div {
+      width: calc((100% - 60px) / 4);
+      height: 196px;
+      margin: 0 20px 20px 0;
+      background: #FFFFFF;
+      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
+      border-radius: 2px;
+
+      &:nth-of-type(4n) {
+        margin-right: 0;
+      }
+    }
+  }
+}
 </style>
diff --git a/packages/wechat/AppAskForm/components/Statistics.vue b/packages/wechat/AppAskForm/components/Statistics.vue
index 123a8b54..e3e3ed9f 100644
--- a/packages/wechat/AppAskForm/components/Statistics.vue
+++ b/packages/wechat/AppAskForm/components/Statistics.vue
@@ -8,10 +8,12 @@
         <template #content>
           <ai-wrapper label-width="90px">
             <ai-info-item label="表单名称" :value="info.title" isLine></ai-info-item>
-            <ai-info-item label="发布状态"><span :style="{color: dict.getColor('questionnaireStatus', info.status)}">已发布</span></ai-info-item>
+            <ai-info-item label="发布状态"><span
+                :style="{color: dict.getColor('questionnaireStatus', info.status)}">已发布</span></ai-info-item>
             <ai-info-item label="创建人" :value="info.createUserName"></ai-info-item>
             <ai-info-item label="创建时间" :value="info.createTime"></ai-info-item>
-            <ai-info-item label="截止时间" :value="info.periodValidityEndTime ? info.periodValidityEndTime : '永久有效'"></ai-info-item>
+            <ai-info-item label="截止时间"
+                          :value="info.periodValidityEndTime ? info.periodValidityEndTime : '永久有效'"></ai-info-item>
             <ai-info-item label="提交次数限制" :value="info.commitType === '1' ? '限提交一次' : '不限次数' "></ai-info-item>
           </ai-wrapper>
         </template>
@@ -33,7 +35,8 @@
             </div>
             <div class="statistics-wrapper__body--list">
               <div class="statistics-wrapper__body--item" v-for="(item, index) in subjectList" :key="index">
-                <div class="statistics-wrapper__body--top" :style="{borderBottom: ['input', 'textarea', 'upload'].indexOf(item.type) > -1 ? 'none' : '1px solid #DDDDDD'}">
+                <div class="statistics-wrapper__body--top"
+                     :style="{borderBottom: ['input', 'textarea', 'upload'].indexOf(item.type) > -1 ? 'none' : '1px solid #DDDDDD'}">
                   <div class="left">
                     <h2>{{ item.fieldName }}（{{ item.fixedLabel }}）</h2>
                   </div>
@@ -43,7 +46,8 @@
                     <span>条数据</span>
                   </div>
                 </div>
-                <div class="statistics-wrapper__body--bottom" v-if="['radio', 'checkbox', 'select'].indexOf(item.type) > -1">
+                <div class="statistics-wrapper__body--bottom"
+                     v-if="['radio', 'checkbox', 'select'].indexOf(item.type) > -1">
                   <div class="statistics-wrapper__body--select" v-for="(item, i) in item.options" :key="i">
                     <div class="left">
                       <h2>{{ item.label }}</h2>
@@ -51,7 +55,8 @@
                     </div>
                     <div class="right">
                       <div class="progress">
-                        <div :style="{width: `${(((item.c || 0) / fieldDataCount[`field_${index}`]) * 100).toFixed(2)}%`}"></div>
+                        <div
+                            :style="{width: `${(((item.c || 0) / fieldDataCount[`field_${index}`]) * 100).toFixed(2)}%`}"></div>
                       </div>
                       <i>{{ (((item.c || 0) / fieldDataCount[`field_${index}`]) * 100).toFixed(2) }}%</i>
                     </div>
@@ -64,33 +69,35 @@
             <ai-search-bar>
               <template #right>
                 <el-input
-                  v-model="search.name"
-                  size="small"
-                  placeholder="请输入居民名称或真实姓名"
-                  clearable
-                  @keyup.enter.native="search.current = 1, getList()"
-                  @clear="search.current = 1, search.name = '', getList()"
-                  suffix-icon="iconfont iconSearch">
+                    v-model="search.name"
+                    size="small"
+                    placeholder="请输入居民名称或真实姓名"
+                    clearable
+                    @keyup.enter.native="search.current = 1, getList()"
+                    @clear="search.current = 1, search.name = '', getList()"
+                    suffix-icon="iconfont iconSearch">
                 </el-input>
               </template>
             </ai-search-bar>
             <ai-table
-              class="detail-table__table"
-              :border="true"
-              style="margin-top: 4px;"
-              :tableData="tableData"
-              :col-configs="colConfigs"
-              :total="total"
-              :stripe="false"
-              :current.sync="search.current"
-              :size.sync="search.size"
-              @getList="getList">
+                class="detail-table__table"
+                :border="true"
+                style="margin-top: 4px;"
+                :tableData="tableData"
+                :col-configs="colConfigs"
+                :total="total"
+                :stripe="false"
+                :current.sync="search.current"
+                :size.sync="search.size"
+                @getList="getList">
               <el-table-column slot="userinfo" label="居民" width="260px" align="left">
                 <template slot-scope="{ row }">
                   <div class="userinfo">
                     <img :src="row.avatarUrl || 'https://cdn.cunwuyun.cn/dvcp/h5/defaultAvatar.png'">
                     <!-- <h3>{{ row.nickName }}</h3> -->
-                    <el-tooltip effect="dark" :content="row.corpName ? row.nickName + '@' + row.corpFullName : row.nickName + ''" placement="top">
+                    <el-tooltip effect="dark"
+                                :content="row.corpName ? row.nickName + '@' + row.corpFullName : row.nickName + ''"
+                                placement="top">
                       <div class="userinfo-right__top">
                         <h3>{{ row.corpName ? row.nickName : row.nickName }}</h3>
                         <span class="ellipsis">{{ row.corpName ? '@' + row.corpName : '' }}</span>
@@ -102,7 +109,9 @@
               <el-table-column slot="tags" label="标签" align="center" width="240px">
                 <template slot-scope="{ row }">
                   <div class="table-tags" v-if="row.tagNames">
-                    <el-tag type="info" v-for="(item, index) in row.tagNames.split(',')" size="medium" :key="index">{{ item }}</el-tag>
+                    <el-tag type="info" v-for="(item, index) in row.tagNames.split(',')" size="medium" :key="index">
+                      {{ item }}
+                    </el-tag>
                   </div>
                   <span v-else></span>
                 </template>
@@ -118,11 +127,11 @@
           </div>
         </div>
         <ai-dialog
-          customFooter
-          :visible.sync="isShowForm"
-          @onConfirm="isShowForm = false"
-          width="800px"
-          title="表单">
+            customFooter
+            :visible.sync="isShowForm"
+            @onConfirm="isShowForm = false"
+            width="800px"
+            title="表单">
           <div class="middle-content form">
             <div class="middle-content__wrapper">
               <div>
@@ -137,18 +146,18 @@
                 </div>
               </div>
               <div
-                class="left-item__item components-item"
-                v-for="(item, i) in targetList"
-                :key="i">
+                  class="left-item__item components-item"
+                  v-for="(item, i) in targetList"
+                  :key="i">
                 <div class="left-item__item--title">
                   <i :style="{opacity: item.required ? 1 : 0}">*</i>
                   <span>{{ i + 1 }}.</span>
                   <h2>{{ item.label }}</h2>
                 </div>
                 <div class="left-item__item--wrapper">
-                  <template v-if="(item.type === 'radio')" >
-                    <div class="radio-item" v-for="(field, index) in item.options" :key="index" >
-                      <input type="radio" disabled :value="field.label" v-model="formInfo[`field_${i}`]" />
+                  <template v-if="(item.type === 'radio')">
+                    <div class="radio-item" v-for="(field, index) in item.options" :key="index">
+                      <input type="radio" disabled :value="field.label" v-model="formInfo[`field_${i}`]"/>
                       <img :src="field.img[0].url" v-if="field.img.length">
                       <label>{{ field.label }}</label>
                     </div>
@@ -159,8 +168,9 @@
                       <span>图片</span>
                     </div>
                   </template>
-                  <template v-if="item.type === 'select'" >
-                    <el-input resize="none" class="preview" type="textarea" style="color: #333" :placeholder="item.placeholder" v-model="formInfo[`field_${i}`]" disabled></el-input>
+                  <template v-if="item.type === 'select'">
+                    <el-input resize="none" class="preview" type="textarea" style="color: #333"
+                              :placeholder="item.placeholder" v-model="formInfo[`field_${i}`]" disabled></el-input>
                     <!-- <span>{{ formInfo[`field_${i}`] }}</span> -->
                     <!-- <textarea :placeholder="item.placeholder" v-model="formInfo[`field_${i}`]" disabled></textarea> -->
                     <!-- <el-select placeholder="请选择" disabled v-model="formInfo[`field_${i}`]" style="width: 100%;">
@@ -172,19 +182,19 @@
                       </el-option>
                     </el-select> -->
                   </template>
-                  <template v-if="(item.type === 'checkbox')" >
-                    <div class="radio-item" v-for="(field, index) in item.options" :key="index" >
-                      <input type="checkbox" disabled :value="field.label" v-model="formInfo[`field_${i}`]" />
+                  <template v-if="(item.type === 'checkbox')">
+                    <div class="radio-item" v-for="(field, index) in item.options" :key="index">
+                      <input type="checkbox" disabled :value="field.label" v-model="formInfo[`field_${i}`]"/>
                       <img :src="field.img[0].url" v-if="field.img.length">
                       <label>{{ field.label }}</label>
                     </div>
                   </template>
-                  <template v-if="(item.type === 'input')" >
+                  <template v-if="(item.type === 'input')">
                     <div class="text-item">
                       <input :placeholder="item.placeholder" v-model="formInfo[`field_${i}`]" disabled>
                     </div>
                   </template>
-                  <template v-if="(item.type === 'textarea')" >
+                  <template v-if="(item.type === 'textarea')">
                     <div class="textarea-item" resize="none">
                       <textarea :placeholder="item.placeholder" v-model="formInfo[`field_${i}`]" disabled></textarea>
                     </div>
@@ -203,543 +213,550 @@
 </template>
 
 <script>
-  export default {
-    name: 'Statistics',
+export default {
+  name: 'Statistics',
 
-    props: {
-      instance: Function,
-      dict: Object,
-      params: Object
-    },
+  props: {
+    instance: Function,
+    dict: Object,
+    params: Object
+  },
 
-    data () {
-      return {
-        currIndex: 0,
-        search: {
-          name: '',
-          size: 10,
-          current: 1
+  data() {
+    return {
+      currIndex: 0,
+      search: {
+        name: '',
+        size: 10,
+        current: 1
+      },
+      info: {},
+      subjectList: [],
+      tableData: [],
+      total: 0,
+      form: {},
+      fieldTypeCount: [],
+      fieldValueDistribution: [],
+      fieldDataCount: {},
+      isShowForm: false,
+      targetList: [],
+      formInfo: {},
+      colConfigs: [
+        {slot: 'userinfo'},
+        {prop: 'residentName', label: '真实姓名', align: 'center', width: '100px'},
+        {prop: 'commitTime', label: '提交时间', align: 'center', width: '160px'},
+        {
+          prop: 'userType',
+          label: '微信类型',
+          align: 'center',
+          width: '100px',
+          formart: v => this.dict.getLabel('wxUserType', v)
         },
-        info: {},
-        subjectList: [],
-        tableData: [],
-        total: 0,
-        form: {},
-        fieldTypeCount: [],
-        fieldValueDistribution: [],
-        fieldDataCount: {},
-        isShowForm: false,
-        targetList: [],
-        formInfo: {},
-        colConfigs: [
-          {slot: 'userinfo'},
-          {prop: 'residentName', label: '真实姓名', align: 'center', width: '100px' },
-          {prop: 'commitTime', label: '提交时间', align: 'center', width: '160px' },
-          {prop: 'userType', label: '微信类型', align: 'center', width: '100px', formart: v => this.dict.getLabel('wxUserType', v) },
-          {prop: 'wxUserNames', label: '所属员工', align: 'center', width: '100px' },
-          {slot: 'tags', label: '标签', align: 'center', width: '268px'},
-          {prop: 'totalScore', label: '分值', align: 'center'}
-        ]
-      }
-    },
+        {prop: 'wxUserNames', label: '所属员工', align: 'center', width: '100px'},
+        {slot: 'tags', label: '标签', align: 'center', width: '268px'},
+        {prop: 'totalScore', label: '分值', align: 'center'}
+      ]
+    }
+  },
 
-    mounted () {
-      this.getInfo()
-      this.getFormInfo()
-      
-      this.dict.load(['wxUserType']).then(() => {
-        this.getList()
+  mounted() {
+    this.getInfo()
+    this.getFormInfo()
+
+    this.dict.load(['wxUserType']).then(() => {
+      this.getList()
+    })
+  },
+  methods: {
+    getList() {
+      this.instance.post(`/app/appquestionnairetemplate/statisticsResident?id=${this.params.id}`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+
+        }
       })
     },
-    methods: {
-      getList () {
-        this.instance.post(`/app/appquestionnairetemplate/statisticsResident?id=${this.params.id}`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-            this.$initWxOpenData()
-          }
-        })
-      },
 
-      showForm (id) {
-        this.instance.post(`/app/appquestionnairetemplate/queryDataInfoById?id=${this.params.id}&dataId=${id}`).then(res => {
-          if (res.code == 0) {
-            this.formInfo = res.data
+    showForm(id) {
+      this.instance.post(`/app/appquestionnairetemplate/queryDataInfoById?id=${this.params.id}&dataId=${id}`).then(res => {
+        if (res.code == 0) {
+          this.formInfo = res.data
 
-            this.targetList.forEach((item, index) => {
-              if (item.type === 'checkbox' && this.formInfo[`field_${index}`]) {
-                this.formInfo[`field_${index}`] = this.formInfo[`field_${index}`].split(',')
-              }
-            })
+          this.targetList.forEach((item, index) => {
+            if (item.type === 'checkbox' && this.formInfo[`field_${index}`]) {
+              this.formInfo[`field_${index}`] = this.formInfo[`field_${index}`].split(',')
+            }
+          })
 
-            this.isShowForm = true
-          }
-        })
-      },
+          this.isShowForm = true
+        }
+      })
+    },
 
-      mapType (type) {
-        return {
-          upload: '上传图片',
-          input: '单行填空',
-          textarea: '多行填空',
-          radio: '单选',
-          checkbox: '多选',
-          select: '单下拉框'
-        }[type]
-      },
+    mapType(type) {
+      return {
+        upload: '上传图片',
+        input: '单行填空',
+        textarea: '多行填空',
+        radio: '单选',
+        checkbox: '多选',
+        select: '单下拉框'
+      }[type]
+    },
 
-      getFormInfo () {
-        this.instance.post(`/app/appquestionnairetemplate/statisticsTable?id=${this.params.id}`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
-          if (res.code == 0) {
-            this.fieldDataCount = res.data.fieldDataCount
-            this.fieldTypeCount = res.data.fieldTypeCount
-            this.fieldValueDistribution = res.data.fieldValueDistribution
-            this.subjectList = res.data.appQuestionnaireTemplate.fields.map((item, index) => {
-              const fieldInfo = JSON.parse(item.fieldInfo)
-              let options = fieldInfo.options
-              if (['radio', 'checkbox', 'select'].indexOf(item.fieldType) > -1) {
-                options = fieldInfo.options.map(v => {
-                  res.data.fieldValueDistribution[`field_${index}`].forEach(info => {
-                    if (info.fieldValue === v.label) {
-                      v.c = info.c
-                    }
-                  })
-
-                  return v
+    getFormInfo() {
+      this.instance.post(`/app/appquestionnairetemplate/statisticsTable?id=${this.params.id}`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.fieldDataCount = res.data.fieldDataCount
+          this.fieldTypeCount = res.data.fieldTypeCount
+          this.fieldValueDistribution = res.data.fieldValueDistribution
+          this.subjectList = res.data.appQuestionnaireTemplate.fields.map((item, index) => {
+            const fieldInfo = JSON.parse(item.fieldInfo)
+            let options = fieldInfo.options
+            if (['radio', 'checkbox', 'select'].indexOf(item.fieldType) > -1) {
+              options = fieldInfo.options.map(v => {
+                res.data.fieldValueDistribution[`field_${index}`].forEach(info => {
+                  if (info.fieldValue === v.label) {
+                    v.c = info.c
+                  }
                 })
 
-              }
+                return v
+              })
 
-              return {
-                ...item,
-                ...fieldInfo,
-                options
-              }
-            })
-          }
-        })
-      },
+            }
 
-      getInfo () {
-        this.instance.post(`/app/appquestionnairetemplate/queryDetailById?id=${this.params.id}`).then(res => {
-          if (res.code == 0) {
-            this.info = res.data
-            this.targetList = res.data.fields.map(item => {
-              return JSON.parse(item.fieldInfo)
-            })
-            this.$initWxOpenData()
-          }
-        })
-      },
+            return {
+              ...item,
+              ...fieldInfo,
+              options
+            }
+          })
+        }
+      })
+    },
 
-      cancel (isRefresh) {
-        this.$emit('change', {
-          type: 'list',
-          isRefresh: !!isRefresh
-        })
-      }
+    getInfo() {
+      this.instance.post(`/app/appquestionnairetemplate/queryDetailById?id=${this.params.id}`).then(res => {
+        if (res.code == 0) {
+          this.info = res.data
+          this.targetList = res.data.fields.map(item => {
+            return JSON.parse(item.fieldInfo)
+          })
+
+        }
+      })
+    },
+
+    cancel(isRefresh) {
+      this.$emit('change', {
+        type: 'list',
+        isRefresh: !!isRefresh
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="scss">
-  .statistics {
-    * {
-      box-sizing: border-box;
-      font-weight: normal;
-      font-style: normal;
+.statistics {
+  * {
+    box-sizing: border-box;
+    font-weight: normal;
+    font-style: normal;
+  }
+
+  .preview {
+    ::v-deep .el-textarea.is-disabled, ::v-deep .el-textarea__inner {
+      color: #666 !important;
     }
+  }
 
-    .preview {
-      ::v-deep .el-textarea.is-disabled, ::v-deep .el-textarea__inner {
-        color: #666!important;
-      }
-    }
-
-    .form {
-      .left-item__item--banner {
-        img {
-          width: 100%;
-          height: 235px;
-        }
-
-        .config-item__banner {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-direction: column;
-          width: 100%;
-          height: 235px;
-          line-height: 1;
-          border: 1px dashed #bbb;
-
-          span {
-            margin-top: 4px;
-            color: #555555;
-            font-size: 14px;
-          }
-
-          i {
-            font-size: 30px;
-            color: #8899bb;
-          }
-        }
+  .form {
+    .left-item__item--banner {
+      img {
+        width: 100%;
+        height: 235px;
       }
 
-      .left-item__item--formname {
-        margin: 16px 0 32px;
-        padding: 0 12px;
-        color: #333333;
-        font-size: 15px;
-        font-weight: normal;
-        text-align: center;
-        word-break: break-all;
-      }
-
-      .left-item__item--text {
-        line-height: 20px;
-        // margin-bottom: 48px;
-        padding: 0 12px 20px;
-        text-align: justify;
-        color: #666;
-        font-size: 14px;
-        word-break: break-all;
-      }
-
-      .components-item {
-        position: relative;
-        padding: 16px 16px;
-
-        .left-item__item--wrapper {
-          & > img {
-            max-width: 300px;
-          }
-        }
-
-        .left-item__item--upload {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          flex-direction: column;
-          width: 120px;
-          height: 120px;
-          border-radius: 6px;
-          border: 1px dashed #bbb;
-
-          i {
-            font-size: 24px;
-            color: #8899bb;
-          }
-
-          span {
-            margin-top: 4px;
-            font-size: 12px;
-            color: #555;
-          }
-        }
-
-        .text-item {
-          input {
-            display: block;
-            width: 100%;
-            height: 40px;
-            border: none;
-            border-bottom: 1px solid #ddd;
-
-            &:focus {
-              outline: none;
-            }
-
-            &:disabled {
-              background: #fff;
-            }
-          }
-        }
-
-        .textarea-item {
-          textarea {
-            width: 100%;
-            height: 120px;
-            resize: none;
-            border: 1px solid #ddd;
-            padding: 10px;
-
-            &:focus {
-              outline: none;
-            }
-
-            &:disabled {
-              background: #fff;
-            }
-          }
-        }
-
-        .radio-item {
-          display: flex;
-          margin-bottom: 10px;
-
-          input {
-            position: relative;
-            top: 2px;
-          }
-
-          &:last-child {
-            margin-bottom: 0;
-          }
-
-          label {
-            margin-left: 10px;
-          }
-
-          img {
-            width: 60px;
-            margin-left: 10px;
-          }
-        }
-      }
-
-      .left-item__item--title {
+      .config-item__banner {
         display: flex;
-        margin-bottom: 10px;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        width: 100%;
+        height: 235px;
+        line-height: 1;
+        border: 1px dashed #bbb;
+
+        span {
+          margin-top: 4px;
+          color: #555555;
+          font-size: 14px;
+        }
 
         i {
-          position: relative;
-          top: 3px;
-          margin-right: 5px;
-          color: #E22120;
+          font-size: 30px;
+          color: #8899bb;
+        }
+      }
+    }
+
+    .left-item__item--formname {
+      margin: 16px 0 32px;
+      padding: 0 12px;
+      color: #333333;
+      font-size: 15px;
+      font-weight: normal;
+      text-align: center;
+      word-break: break-all;
+    }
+
+    .left-item__item--text {
+      line-height: 20px;
+      // margin-bottom: 48px;
+      padding: 0 12px 20px;
+      text-align: justify;
+      color: #666;
+      font-size: 14px;
+      word-break: break-all;
+    }
+
+    .components-item {
+      position: relative;
+      padding: 16px 16px;
+
+      .left-item__item--wrapper {
+        & > img {
+          max-width: 300px;
+        }
+      }
+
+      .left-item__item--upload {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-direction: column;
+        width: 120px;
+        height: 120px;
+        border-radius: 6px;
+        border: 1px dashed #bbb;
+
+        i {
+          font-size: 24px;
+          color: #8899bb;
         }
 
         span {
-          position: relative;
-          top: 3px;
-        }
-
-        h2 {
-          color: #333333;
-          font-size: 15px;
+          margin-top: 4px;
+          font-size: 12px;
+          color: #555;
         }
       }
-    }
 
-    .table-tags {
-      .el-tag {
-        margin-right: 8px;
-        margin-bottom: 8px;
-        border: 1px solid #D0D4DC;
-        background: #F3F4F7;
-        border-radius: 4px;
-        font-size: 13px;
-        color: #222222;
+      .text-item {
+        input {
+          display: block;
+          width: 100%;
+          height: 40px;
+          border: none;
+          border-bottom: 1px solid #ddd;
+
+          &:focus {
+            outline: none;
+          }
+
+          &:disabled {
+            background: #fff;
+          }
+        }
+      }
+
+      .textarea-item {
+        textarea {
+          width: 100%;
+          height: 120px;
+          resize: none;
+          border: 1px solid #ddd;
+          padding: 10px;
+
+          &:focus {
+            outline: none;
+          }
+
+          &:disabled {
+            background: #fff;
+          }
+        }
+      }
+
+      .radio-item {
+        display: flex;
+        margin-bottom: 10px;
+
+        input {
+          position: relative;
+          top: 2px;
+        }
 
         &:last-child {
-          margin-right: 0;
+          margin-bottom: 0;
+        }
+
+        label {
+          margin-left: 10px;
+        }
+
+        img {
+          width: 60px;
+          margin-left: 10px;
         }
       }
     }
 
-    h2, h3 {
-      margin: 0;
-    }
-
-    .userinfo {
+    .left-item__item--title {
       display: flex;
-      align-items: center;
+      margin-bottom: 10px;
 
-      img {
-        width: 40px;
-        height: 40px;
-        margin-right: 8px;
-        border-radius: 2px;
-      }
-
-      h3 {
-        font-size: 14px;
-        font-weight: normal;
-        color: #222222;
-      }
-
-      .userinfo-right__top {
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
-        cursor: pointer;
-        white-space: nowrap;
+      i {
+        position: relative;
+        top: 3px;
+        margin-right: 5px;
+        color: #E22120;
       }
 
       span {
-        padding-left: 8px;
-        color: #2EA222;
-        font-size: 14px;
-        white-space: nowrap;
+        position: relative;
+        top: 3px;
+      }
+
+      h2 {
+        color: #333333;
+        font-size: 15px;
+      }
+    }
+  }
+
+  .table-tags {
+    .el-tag {
+      margin-right: 8px;
+      margin-bottom: 8px;
+      border: 1px solid #D0D4DC;
+      background: #F3F4F7;
+      border-radius: 4px;
+      font-size: 13px;
+      color: #222222;
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  h2, h3 {
+    margin: 0;
+  }
+
+  .userinfo {
+    display: flex;
+    align-items: center;
+
+    img {
+      width: 40px;
+      height: 40px;
+      margin-right: 8px;
+      border-radius: 2px;
+    }
+
+    h3 {
+      font-size: 14px;
+      font-weight: normal;
+      color: #222222;
+    }
+
+    .userinfo-right__top {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      cursor: pointer;
+      white-space: nowrap;
+    }
+
+    span {
+      padding-left: 8px;
+      color: #2EA222;
+      font-size: 14px;
+      white-space: nowrap;
+    }
+  }
+
+  .statistics-wrapper {
+    background: #FFFFFF;
+    box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
+    border-radius: 2px;
+
+    .statistics-wrapper__title {
+      display: flex;
+      align-items: center;
+      height: 56px;
+      padding: 0 16px;
+      border-bottom: 1px solid #EEEEEE;
+
+      span {
+        height: 56px;
+        line-height: 56px;
+        color: #888888;
+        font-size: 16px;
+        font-weight: 600;
+        cursor: pointer;
+        user-select: none;
+        border-bottom: 3px solid transparent;
+
+        &:first-child {
+          margin-right: 32px;
+        }
+
+        &.active {
+          color: #222222;
+          border-color: #2266FF;
+        }
       }
     }
 
-    .statistics-wrapper {
-      background: #FFFFFF;
-      box-shadow: 0px 4px 6px -2px rgba(15, 15, 21, 0.15);
-      border-radius: 2px;
+    .statistics-wrapper__body--list {
+      padding: 0 40px 20px;
 
-      .statistics-wrapper__title {
-        display: flex;
-        align-items: center;
-        height: 56px;
-        padding: 0 16px;
-        border-bottom: 1px solid #EEEEEE;
-
-        span {
-          height: 56px;
-          line-height: 56px;
-          color: #888888;
-          font-size: 16px;
-          font-weight: 600;
-          cursor: pointer;
-          user-select: none;
-          border-bottom: 3px solid transparent;
-
-          &:first-child {
-            margin-right: 32px;
-          }
-
-          &.active {
-            color: #222222;
-            border-color: #2266FF;
-          }
-        }
+      .statistics-wrapper__body--item {
+        margin-bottom: 20px;
+        background: #FFFFFF;
+        border-radius: 4px;
+        border: 1px solid #DDDDDD;
       }
 
-      .statistics-wrapper__body--list {
-        padding: 0 40px 20px;
+      .statistics-wrapper__body--bottom {
+        padding: 20px;
 
-        .statistics-wrapper__body--item {
-          margin-bottom: 20px;
-          background: #FFFFFF;
-          border-radius: 4px; 
-          border: 1px solid #DDDDDD;
-        }
-
-        .statistics-wrapper__body--bottom {
-          padding: 20px;
-
-          .statistics-wrapper__body--select {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            height: 48px;
-
-            & > div {
-              display: flex;
-              align-items: center;
-            }
-
-            .left {
-              h2 {
-                max-width: 384px;
-                margin-right: 10px;
-                overflow: hidden;
-                text-overflow:ellipsis;
-                white-space: nowrap;
-                font-size: 12px;
-                color: #222222;
-              }
-
-              span {
-                color: #888888;
-                font-size: 12px;
-              }
-            }
-
-            .right {
-              i {
-                width: 50px;
-                text-align: right;
-                color: #2266FF;
-                font-size: 12px;
-              }
-
-              .progress {
-                position: relative;
-                width: 500px;
-                height: 8px;
-                margin-right: 10px;
-                background: #EEEEEE;
-                border-radius: 5px;
-
-                div {
-                  position: absolute;
-                  top: 0;
-                  left: 0;
-                  height: 8px;
-                  background: #2266FF;
-                  border-radius: 5px;
-                }
-              }
-            }
-          }
-        }
-
-        .statistics-wrapper__body--top {
+        .statistics-wrapper__body--select {
           display: flex;
-          justify-content: space-between;
           align-items: center;
-          height: 70px;
-          padding: 0 20px;
-          background: #FFFFFF;
-          border-radius: 4px 4px 0px 0px;
-          border-bottom: 1px solid #DDDDDD;
+          justify-content: space-between;
+          height: 48px;
 
           & > div {
             display: flex;
             align-items: center;
-            font-size: 14px;
           }
 
           .left {
-            flex: 1;
             h2 {
+              max-width: 384px;
+              margin-right: 10px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              font-size: 12px;
               color: #222222;
-              font-size: 14px;
+            }
+
+            span {
+              color: #888888;
+              font-size: 12px;
             }
           }
 
           .right {
-            span {
-              color: #888888;
+            i {
+              width: 50px;
+              text-align: right;
+              color: #2266FF;
+              font-size: 12px;
             }
 
-            i {
-              color: #2266FF;
-              padding: 0 4px;
+            .progress {
+              position: relative;
+              width: 500px;
+              height: 8px;
+              margin-right: 10px;
+              background: #EEEEEE;
+              border-radius: 5px;
+
+              div {
+                position: absolute;
+                top: 0;
+                left: 0;
+                height: 8px;
+                background: #2266FF;
+                border-radius: 5px;
+              }
             }
           }
         }
       }
 
-      .statistics-wrapper__body--info {
+      .statistics-wrapper__body--top {
         display: flex;
+        justify-content: space-between;
         align-items: center;
         height: 70px;
-        line-height: 1;
-        padding: 0 40px;
-        color: #555555;
-        font-size: 14px;
+        padding: 0 20px;
+        background: #FFFFFF;
+        border-radius: 4px 4px 0 0;
+        border-bottom: 1px solid #DDDDDD;
 
-        i {
-          padding: 0 4px;
-          font-weight: 600;
-          font-style: normal;
-          color: #2266FF;
+        & > div {
+          display: flex;
+          align-items: center;
           font-size: 14px;
         }
+
+        .left {
+          flex: 1;
+
+          h2 {
+            color: #222222;
+            font-size: 14px;
+          }
+        }
+
+        .right {
+          span {
+            color: #888888;
+          }
+
+          i {
+            color: #2266FF;
+            padding: 0 4px;
+          }
+        }
+      }
+    }
+
+    .statistics-wrapper__body--info {
+      display: flex;
+      align-items: center;
+      height: 70px;
+      line-height: 1;
+      padding: 0 40px;
+      color: #555555;
+      font-size: 14px;
+
+      i {
+        padding: 0 4px;
+        font-weight: 600;
+        font-style: normal;
+        color: #2266FF;
+        font-size: 14px;
       }
     }
   }
+}
 </style>
diff --git a/packages/wechat/AppAskForm/components/Template.vue b/packages/wechat/AppAskForm/components/Template.vue
index 90bbdac9..5aab70ec 100644
--- a/packages/wechat/AppAskForm/components/Template.vue
+++ b/packages/wechat/AppAskForm/components/Template.vue
@@ -4,21 +4,21 @@
       <ai-search-bar bottomBorder>
         <template #left>
           <ai-select
-            v-model="search.type"
-            @change="search.current = 1, getList()"
-            placeholder="项目类型"
-            :selectList="$dict.getDict('questionnaireType')">
+              v-model="search.type"
+              @change="search.current = 1, getList()"
+              placeholder="项目类型"
+              :selectList="$dict.getDict('questionnaireType')">
           </ai-select>
         </template>
         <template #right>
           <el-input
-            v-model="search.title"
-            size="small"
-            placeholder="请输入模板名称或创建人"
-            clearable
-            @keyup.enter.native="search.current = 1, getList()"
-            @clear="search.current = 1, search.title = '', getList()"
-            suffix-icon="iconfont iconSearch">
+              v-model="search.title"
+              size="small"
+              placeholder="请输入模板名称或创建人"
+              clearable
+              @keyup.enter.native="search.current = 1, getList()"
+              @clear="search.current = 1, search.title = '', getList()"
+              suffix-icon="iconfont iconSearch">
           </el-input>
         </template>
       </ai-search-bar>
@@ -28,13 +28,13 @@
         </template>
       </ai-search-bar>
       <ai-table
-        :tableData="tableData"
-        :col-configs="colConfigs"
-        :total="total"
-        style="margin-top: 6px;"
-        :current.sync="search.current"
-        :size.sync="search.size"
-        @getList="getList">
+          :tableData="tableData"
+          :col-configs="colConfigs"
+          :total="total"
+          style="margin-top: 6px;"
+          :current.sync="search.current"
+          :size.sync="search.size"
+          @getList="getList">
         <el-table-column slot="type" width="120px" label="项目类型" align="center">
           <template slot-scope="{ row }">
             <div class="tags-wrapper">
@@ -53,10 +53,10 @@
         </el-table-column>
       </ai-table>
       <ai-dialog
-        :visible.sync="isShow"
-        width="800px"
-        title="请选择新建模板类型"
-        @onConfirm="onConfirm">
+          :visible.sync="isShow"
+          width="800px"
+          title="请选择新建模板类型"
+          @onConfirm="onConfirm">
         <div class="type-list">
           <div class="type-item" @click="currIndex = 0" :class="[currIndex === 0 ? 'active' : '']">
             <svg class="icon" aria-hidden="true">
@@ -95,189 +95,188 @@
 </template>
 
 <script>
-  export default {
-    name: 'Template',
+export default {
+  name: 'Template',
 
-    props: {
-      instance: Function,
-      dict: Object
+  props: {
+    instance: Function,
+    dict: Object
+  },
+
+  data() {
+    return {
+      search: {
+        current: 1,
+        status: '',
+        type: '',
+        size: 10,
+        templateType: 1,
+        title: ''
+      },
+      currIndex: 0,
+      isShow: false,
+      total: 10,
+      colConfigs: [
+        {prop: 'title', label: '模板名称', align: 'left'},
+        {slot: 'type', label: '项目类型', align: 'center'},
+        {prop: 'quoteCount', label: '引用次数', align: 'center'},
+        {prop: 'createUserName', label: '创建人', align: 'center'},
+        {prop: 'createUnitName', label: '创建单位', align: 'center'},
+        {prop: 'createTime', label: '创建时间', align: 'center'}
+      ],
+      tableData: []
+    }
+  },
+
+  mounted() {
+    this.getList()
+  },
+
+  methods: {
+    getList() {
+      this.instance.post(`/app/appquestionnairetemplate/list`, null, {
+        params: {
+          ...this.search
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.tableData = res.data.records
+          this.total = res.data.total
+
+        }
+      })
     },
 
-    data () {
-      return {
-        search: {
-          current: 1,
-          status: '',
-          type: '',
-          size: 10,
-          templateType: 1,
-          title: ''
-        },
-        currIndex: 0,
-        isShow: false,
-        total: 10,
-        colConfigs: [
-          { prop: 'title',  label: '模板名称', align: 'left' },
-          { slot: 'type', label: '项目类型', align: 'center' },
-          { prop: 'quoteCount',  label: '引用次数', align: 'center' },
-          { prop: 'createUserName', label: '创建人', align: 'center' },
-          { prop: 'createUnitName', label: '创建单位', align: 'center' },
-          { prop: 'createTime', label: '创建时间', align: 'center' }
-        ],
-        tableData: []
-      }
+    quote(id, type) {
+      this.$emit('change', {
+        type: 'add',
+        params: {
+          id,
+          type,
+          isQuote: true,
+          templateType: 0
+        }
+      })
     },
 
-    mounted () {
-      this.getList()
-    },
-
-    methods: {
-      getList () {
-        this.instance.post(`/app/appquestionnairetemplate/list`, null, {
-          params: {
-            ...this.search
-          }
-        }).then(res => {
+    remove(id) {
+      this.$confirm('确定删除该数据？').then(() => {
+        this.instance.post(`/app/appquestionnairetemplate/deleteShareTemplate?ids=${id}`).then(res => {
           if (res.code == 0) {
-            this.tableData = res.data.records
-            this.total = res.data.total
-            this.$initWxOpenData()
+            this.$message.success('删除成功！')
+            this.getList()
           }
         })
-      },
+      })
+    },
 
-      quote (id, type) {
-        this.$emit('change', {
-          type: 'add',
-          params: {
-            id,
-            type,
-            isQuote: true,
-            templateType: 0
-          }
-        })
-      },
+    toAdd(id) {
+      this.$emit('change', {
+        type: 'Add',
+        params: {
+          id
+        }
+      })
+    },
 
-      remove (id) {
-        this.$confirm('确定删除该数据？').then(() => {
-          this.instance.post(`/app/appquestionnairetemplate/deleteShareTemplate?ids=${id}`).then(res => {
-            if (res.code == 0) {
-              this.$message.success('删除成功！')
-              this.getList()
-            }
-          })
-        })
-      },
+    toEdit(id, type) {
+      this.$emit('change', {
+        type: 'add',
+        params: {
+          id,
+          type,
+          templateType: 1
+        }
+      })
+    },
 
-      toAdd (id) {
-        this.$emit('change', {
-          type: 'Add',
-          params: {
-            id
-          }
-        })
-      },
-
-      toEdit (id, type) {
-        this.$emit('change', {
-          type: 'add',
-          params: {
-            id,
-            type,
-            templateType: 1
-          }
-        })
-      },
-
-      onConfirm () {
-        this.$emit('change', {
-          type: 'add',
-          params: {
-            id: '',
-            templateType: 1,
-            type: this.currIndex
-          }
-        })
-      }
+    onConfirm() {
+      this.$emit('change', {
+        type: 'add',
+        params: {
+          id: '',
+          templateType: 1,
+          type: this.currIndex
+        }
+      })
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .template {
-    .tags-wrapper {
-      display: flex;
-      justify-content: center;
-    }
+.template {
+  .tags-wrapper {
+    display: flex;
+    justify-content: center;
+  }
 
-    .type-list {
+  .type-list {
+    display: flex;
+    align-items: center;
+
+    .type-item {
       display: flex;
       align-items: center;
+      justify-content: center;
+      width: 128px;
+      height: 64px;
+      margin-right: 20px;
+      background: #FFFFFF;
+      // box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
+      border-radius: 2px;
+      cursor: pointer;
+      border: 1px solid #E4E8EF;
 
-      .type-item {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 128px;
-        height: 64px;
-        margin-right: 20px;
-        background: #FFFFFF;
-        border-radius: 2px;
-        // box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
-        border-radius: 2px;
-        cursor: pointer;
-        border: 1px solid #E4E8EF;
+      svg {
+        width: 24px;
+        height: 24px;
+        margin-right: 8px;
+      }
 
-        svg {
-          width: 24px;
-          height: 24px;
-          margin-right: 8px;
-        }
+      &.active {
+        border: 1px solid #2266FF;
+      }
 
-        &.active {
-          border: 1px solid #2266FF;
-        }
-
-        &:last-child {
-          margin-right: 0;
-        }
+      &:last-child {
+        margin-right: 0;
       }
     }
-
-    .tags {
-      display: block;
-      width: 64px;
-      height: 24px;
-      line-height: 24px;
-      text-align: center;
-      border-radius: 4px;
-      font-size: 12px;
-    }
-
-    .type-0 {
-      color: #2266FF;
-      background: rgba(34, 102, 255, 0.1);
-    }
-
-    .type-1 {
-      color: rgba(34, 170, 153, 1);
-      background: rgba(34, 170, 153, 0.1);
-    }
-
-    .type-2 {
-      color: rgba(248, 180, 37, 1);
-      background: rgba(248, 180, 37, 0.1);
-    }
-
-    .type-3 {
-      color: rgba(102, 119, 187, 1);
-      background: rgba(102, 119, 187, 0.1);
-    }
-
-    .type-4 {
-      color: rgba(236, 68, 97, 1);
-      background: rgba(236, 68, 97, 0.1);
-    }
   }
+
+  .tags {
+    display: block;
+    width: 64px;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    border-radius: 4px;
+    font-size: 12px;
+  }
+
+  .type-0 {
+    color: #2266FF;
+    background: rgba(34, 102, 255, 0.1);
+  }
+
+  .type-1 {
+    color: rgba(34, 170, 153, 1);
+    background: rgba(34, 170, 153, 0.1);
+  }
+
+  .type-2 {
+    color: rgba(248, 180, 37, 1);
+    background: rgba(248, 180, 37, 0.1);
+  }
+
+  .type-3 {
+    color: rgba(102, 119, 187, 1);
+    background: rgba(102, 119, 187, 0.1);
+  }
+
+  .type-4 {
+    color: rgba(236, 68, 97, 1);
+    background: rgba(236, 68, 97, 0.1);
+  }
+}
 </style>
diff --git a/packages/wechat/AppConference/detail.vue b/packages/wechat/AppConference/detail.vue
index cc0f7b33..dd1ce767 100644
--- a/packages/wechat/AppConference/detail.vue
+++ b/packages/wechat/AppConference/detail.vue
@@ -246,7 +246,7 @@ export default {
         if (res?.data) {
           this.info.attendees = res.data.records;
           this.total = res.data.total;
-          this.$initWxOpenData()
+
         }
       });
     },
diff --git a/packages/wechat/AppConference/list.vue b/packages/wechat/AppConference/list.vue
index e95c7f8b..dcb87fa2 100644
--- a/packages/wechat/AppConference/list.vue
+++ b/packages/wechat/AppConference/list.vue
@@ -133,7 +133,7 @@ export default {
         if (res && res.data) {
           this.tableData = res.data.records;
           this.total = res.data.total;
-          this.$initWxOpenData()
+
         }
       });
     },
diff --git a/packages/wechat/AppInterview/AppInterview.vue b/packages/wechat/AppInterview/AppInterview.vue
index 474dd7ee..efdca451 100644
--- a/packages/wechat/AppInterview/AppInterview.vue
+++ b/packages/wechat/AppInterview/AppInterview.vue
@@ -114,7 +114,7 @@ export default {
         if (res?.data) {
           this.tableData = res.data.records
           this.page.total = res.data.total
-          this.$initWxOpenData()
+
         }
       })
     },
diff --git a/packages/wechat/AppNotification/components/add.vue b/packages/wechat/AppNotification/components/add.vue
index cb29f7fa..71b13b62 100644
--- a/packages/wechat/AppNotification/components/add.vue
+++ b/packages/wechat/AppNotification/components/add.vue
@@ -1,7 +1,8 @@
 <template>
   <ai-detail>
     <template slot="title">
-      <ai-title :title="detail.id ? '编辑公告' : '创建公告'" isShowBack isShowBottomBorder @onBackClick="$parent.goBack"></ai-title>
+      <ai-title :title="detail.id ? '编辑公告' : '创建公告'" isShowBack isShowBottomBorder
+                @onBackClick="$parent.goBack"></ai-title>
     </template>
     <template #content>
       <ai-card title="基本信息">
@@ -19,8 +20,8 @@
             <el-form-item label="发送对象" prop="persons">
               <el-row type="flex" align="middle">
                 <div class="text-area">
-                   <span v-text="item.name"/>
-                   <span v-if="persons.length">等{{persons.length}}人</span>
+                  <span v-text="item.name"/>
+                  <span v-if="persons.length">等{{ persons.length }}人</span>
                 </div>
                 <ai-wechat-selecter v-model="form.persons" :instance="instance" @change="onChange">
                   <el-button type="info">选择</el-button>
@@ -36,12 +37,12 @@
               </el-form-item>
               <el-form-item prop="releaseTime" class="picker" v-if="form.type==1">
                 <el-date-picker
-                  v-model="form.releaseTime"
-                  style="margin-left: 10px;"
-                  value-format="yyyy-MM-dd HH:mm:ss"
-                  size="small"
-                  type="datetime"
-                  placeholder="请选择">
+                    v-model="form.releaseTime"
+                    style="margin-left: 10px;"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    size="small"
+                    type="datetime"
+                    placeholder="请选择">
                 </el-date-picker>
               </el-form-item>
             </el-row>
@@ -58,126 +59,128 @@
 </template>
 
 <script>
-  export default {
-    name: "add",
-    props: {
-      instance: Function,
-      dict: Object,
-      detail: Object,
-    },
-    data() {
+export default {
+  name: "add",
+  props: {
+    instance: Function,
+    dict: Object,
+    detail: Object,
+  },
+  data() {
+    return {
+      form: {
+        id: null,
+        title: "",
+        content: "",
+        files: [],
+        persons: [],
+        type: 0,
+        releaseTime: null,
+      },
+      persons: [],
+    }
+  },
+  computed: {
+    rules() {
       return {
-        form: {
-          id: null,
-          title: "",
-          content: "",
-          files: [],
-          persons: [],
-          type: 0,
-          releaseTime: null,
-        },
-        persons:[],
-      }
+        title: [
+          {required: true, message: '请输入公告标题'},
+        ],
+        content: [
+          {required: true, message: '请输入公告内容'},
+        ],
+        persons: [
+          {required: true, message: '请选择发送对象'},
+        ],
+        type: [
+          {required: true},
+        ],
+        releaseTime: [
+          {required: true, message: '请选择发送时间'},
+        ],
+      };
+    }
+  },
+  methods: {
+    onChange(e) {
+      this.form.persons = e;
+      this.persons = e;
+      this.$refs["form"].validateField("persons");
     },
-    computed: {
-      rules() {
-        return {
-          title: [
-            {required: true, message: '请输入公告标题'},
-          ],
-          content: [
-            {required: true, message: '请输入公告内容'},
-          ],
-          persons: [
-            {required: true, message: '请选择发送对象'},
-          ],
-          type: [
-            {required: true},
-          ],
-          releaseTime: [
-            {required: true, message: '请选择发送时间'},
-          ],
-        };
-      }
-    },
-    methods: {
-      onChange(e){
-        this.form.persons = e;
-        this.persons = e;
-        this.$refs["form"].validateField("persons");
-      },
-      confim(e) {
-        this.$refs["form"].validate(v => {
-          if (v) {
-            if(this.form.releaseTime && (new Date(this.form.releaseTime).getTime() <= Date.now())){
-              return this.$message.error("发送时间要大于当前时间")
+    confim(e) {
+      this.$refs["form"].validate(v => {
+        if (v) {
+          if (this.form.releaseTime && (new Date(this.form.releaseTime).getTime() <= Date.now())) {
+            return this.$message.error("发送时间要大于当前时间")
+          }
+          this.instance.post("/app/appannouncement/addOrUpdate", {
+            ...this.form,
+            status: e
+          }).then(res => {
+            if (res.code == 0) {
+              this.$message.success(e == 0 ? "保存成功" : "发布成功");
+              this.$parent.goBack();
             }
-            this.instance.post("/app/appannouncement/addOrUpdate", {
-              ...this.form,
-              status: e
-            }).then(res => {
-              if (res.code == 0) {
-                this.$message.success(e==0?"保存成功":"发布成功");
-                this.$parent.goBack();
-              }
-            })
-          }
-        })
-      },
-      getDetail(){
-        this.instance.post("/app/appannouncement/detail",null,{
-          params:{
-            id:this.detail.id
-          }
-        }).then(res=>{
-          if(res && res.data){
-            Object.keys(this.form).map(e=>this.form[e] = res.data[e]);
-            this.form.type = res.data.releaseTime ? 1 : 0;
-            this.$initWxOpenData()
-          }
-        })
-      },
+          })
+        }
+      })
     },
-    mounted(){
-      if(this.detail?.id){
-        this.getDetail();
-      }
+    getDetail() {
+      this.instance.post("/app/appannouncement/detail", null, {
+        params: {
+          id: this.detail.id
+        }
+      }).then(res => {
+        if (res && res.data) {
+          Object.keys(this.form).map(e => this.form[e] = res.data[e]);
+          this.form.type = res.data.releaseTime ? 1 : 0;
+
+        }
+      })
+    },
+  },
+  mounted() {
+    if (this.detail?.id) {
+      this.getDetail();
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .picker {
-    width: 300px;
+::v-deep .picker {
+  width: 300px;
 
-    .el-form-item__content {
-      margin-left: 0 !important;
-    }
+  .el-form-item__content {
+    margin-left: 0 !important;
+  }
+}
+
+.text-area {
+  width: 995px;
+  height: 32px;
+  background-color: #F5F5F5;
+  border: 1px solid #d0d4dc;
+  border-radius: 2px;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 6px;
+  color: #666666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+::v-deep .AiOpenData {
+  height: auto !important;
+
+  &:after {
+    content: "、";
   }
 
-  .text-area{
-    width:995px;
-    height:32px;
-    background-color:#F5F5F5;
-    border: 1px solid #d0d4dc;
-    border-radius: 2px;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    padding:0 6px;
-    color: #666666;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  ::v-deep .AiOpenData{
-    height:auto !important;
-    &:after{
-      content:"、";
-    }
-    &:nth-child(2):after{
-      content:"";
-    }
+  &:nth-child(2):after {
+    content: "";
   }
+}
 </style>
diff --git a/packages/wechat/AppNotification/components/detail.vue b/packages/wechat/AppNotification/components/detail.vue
index 22224556..43e3b92a 100644
--- a/packages/wechat/AppNotification/components/detail.vue
+++ b/packages/wechat/AppNotification/components/detail.vue
@@ -7,7 +7,7 @@
       <ai-card :title="detailObj.title" class="title">
         <template #content>
           <el-row type="flex" justify="space-between" class="info">
-            <span>时间：{{detailObj.releaseTime}}</span>
+            <span>时间：{{ detailObj.releaseTime }}</span>
             <span style="display:flex">发布单位：
             <span v-text="detailObj.unitName"/>
             </span>
@@ -20,9 +20,10 @@
       </ai-card>
       <ai-card title="附件" v-if="detailObj.files && detailObj.files.length">
         <template #content>
-          <el-row type="flex" justify="space-between" class="file" v-for="(item,index) in detailObj.files" :key="index" @click.native="open(item)">
-            <span>{{item.fileName}}</span>
-            <span>{{(item.size/1024).toFixed(2)}}KB</span>
+          <el-row type="flex" justify="space-between" class="file" v-for="(item,index) in detailObj.files" :key="index"
+                  @click.native="open(item)">
+            <span>{{ item.fileName }}</span>
+            <span>{{ (item.size / 1024).toFixed(2) }}KB</span>
           </el-row>
         </template>
       </ai-card>
@@ -31,64 +32,64 @@
 </template>
 
 <script>
-  export default {
-    name: "detail",
-    props: {
-      instance: Function,
-      dict: Object,
-      detail: Object
-    },
-    data() {
-      return {
-        detailObj: {},
-      }
-    },
-    methods: {
-      open(item) {
-        window.open(item.url);
-      }
-    },
-    mounted() {
-      this.instance.post("/app/appannouncement/detail", null, {
-        params: {
-          id: this.detail.id
-        }
-      }).then(res => {
-        if (res && res.data) {
-          this.detailObj = res.data;
-          this.$initWxOpenData()
-        }
-      })
+export default {
+  name: "detail",
+  props: {
+    instance: Function,
+    dict: Object,
+    detail: Object
+  },
+  data() {
+    return {
+      detailObj: {},
     }
+  },
+  methods: {
+    open(item) {
+      window.open(item.url);
+    }
+  },
+  mounted() {
+    this.instance.post("/app/appannouncement/detail", null, {
+      params: {
+        id: this.detail.id
+      }
+    }).then(res => {
+      if (res && res.data) {
+        this.detailObj = res.data;
+
+      }
+    })
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
-    .aibar-left {
-      width: 100%;
-      text-align: center;
-    }
+::v-deep .title {
+  .aibar-left {
+    width: 100%;
+    text-align: center;
   }
+}
 
-  .file {
-    height: 40px;
-    line-height: 40px;
-    padding: 0 8px;
+.file {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 8px;
+  font-size: 14px;
+  color: #333;
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #d0d4dc;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+
+.info {
+  & > span {
     font-size: 14px;
     color: #333;
-    background: #fff;
-    border-radius: 4px;
-    border: 1px solid #d0d4dc;
-    margin-bottom: 16px;
-    cursor: pointer;
-  }
-
-  .info {
-    & > span {
-      font-size: 14px;
-      color: #333;
-    }
   }
+}
 
 </style>
diff --git a/packages/wechat/AppNotification/components/manageDetail.vue b/packages/wechat/AppNotification/components/manageDetail.vue
index 3ca39a0a..7ec50211 100644
--- a/packages/wechat/AppNotification/components/manageDetail.vue
+++ b/packages/wechat/AppNotification/components/manageDetail.vue
@@ -9,7 +9,7 @@
         <ai-card :title="detailObj.title" class="title">
           <template #content>
             <el-row type="flex" justify="space-between" class="info">
-              <span>时间：{{detailObj.releaseTime}}</span>
+              <span>时间：{{ detailObj.releaseTime }}</span>
               <span style="display:flex">发布单位：
                 <span v-text="detailObj.unitName"/>
               </span>
@@ -25,7 +25,7 @@
             <span class="Edit" @click="downFileAll"><i class="iconfont iconDownload"></i>下载全部</span>
           </template>
           <template #content>
-            <ai-file-list :fileList="detailObj.files" :fileOps="{ name: 'fileName', size: 'size' }" ></ai-file-list>
+            <ai-file-list :fileList="detailObj.files" :fileOps="{ name: 'fileName', size: 'size' }"></ai-file-list>
           </template>
         </ai-card>
       </template>
@@ -35,24 +35,25 @@
             <ai-search-bar>
               <template #left>
                 <ai-select
-                  v-model="search.readStatus"
-                  @change="search.current=1,getList()"
-                  placeholder="查阅状态"
-                  :selectList="dict.getDict('announcementReadStatus')"
+                    v-model="search.readStatus"
+                    @change="search.current=1,getList()"
+                    placeholder="查阅状态"
+                    :selectList="dict.getDict('announcementReadStatus')"
                 ></ai-select>
               </template>
               <template #right>
                 <el-input v-model="search.readUserName" @keyup.enter.native="getList()" placeholder="姓名"
-                          size="small" suffix-icon="iconfont iconSearch" clearable @clear="search.current=1,getList()"></el-input>
+                          size="small" suffix-icon="iconfont iconSearch" clearable
+                          @clear="search.current=1,getList()"></el-input>
               </template>
             </ai-search-bar>
             <ai-table
-              :tableData="tableData"
-              :col-configs="colConfigs"
-              :total="total"
-              :current.sync="search.current"
-              :size.sync="search.size"
-              @getList="getList">
+                :tableData="tableData"
+                :col-configs="colConfigs"
+                :total="total"
+                :current.sync="search.current"
+                :size.sync="search.size"
+                @getList="getList">
               <el-table-column slot="readUserName" label="姓名" align="center">
                 <template slot-scope="{ row }">
                   <span v-text="row.readUserName"/>
@@ -72,131 +73,132 @@
 </template>
 
 <script>
-  export default {
-    name: "manageDetail",
-    props: {
-      instance: Function,
-      dict: Object,
-      detail:Object
-    },
-    data() {
-      return {
-        index: 0,
-        tableData: [],
-        total: 0,
-        detailObj: {},
-        search: {
-          current: 1,
-          size: 10
-        }
+export default {
+  name: "manageDetail",
+  props: {
+    instance: Function,
+    dict: Object,
+    detail: Object
+  },
+  data() {
+    return {
+      index: 0,
+      tableData: [],
+      total: 0,
+      detailObj: {},
+      search: {
+        current: 1,
+        size: 10
       }
-    },
-    computed: {
-      tabTitle() {
-        return ["公告详情", "查询情况"];
-      },
-      colConfigs(){
-        return [
-          {slot:"readUserName"},
-          {prop:"readUserPhone",label:"手机号",align:"center"},
-          {slot:"unitName"},
-          {
-            prop:"readStatus",label:"查阅状态",align:"center",
-            render:(h,{row})=>[<span style={{color:this.dict.getColor("announcementReadStatus",row.readStatus)}}>{this.dict.getLabel("announcementReadStatus",row.readStatus)}</span>]
-          },
-        ];
-      }
-    },
-    methods: {
-      downFileAll () {
-        if (this.detailObj.files.length > 0) {
-          this.instance.post('/app/appannouncement/downLoadAllFileForDetail', null, {
-            responseType: 'blob',
-            params: {
-              id: this.detailObj.id
-            }
-          }).then((res) => {
-            const link = document.createElement('a')
-            let blob = new Blob([res], { type: 'application/octet-stream' })
-            link.style.display = 'none'
-            link.href = URL.createObjectURL(blob)
-            var num = ''
-            for (let i = 0; i < 10; i++) {
-              num += Math.ceil(Math.random() * 10)
-            }
-            link.setAttribute('download', '公告文件' + '.zip')
-            document.body.appendChild(link)
-            link.click()
-            document.body.removeChild(link)
-          })
-        } else {
-          this.$message.error('暂无附件提供下载')
-        }
-      },
-      onChange(val){
-        if(val==0){
-          this.getDetail();
-        }else {
-          this.getList();
-        }
-      },
-      getDetail() {
-        this.instance.post("/app/appannouncement/detail", null, {
-          params: {
-            id: this.detail.id
-          }
-        }).then(res => {
-          if (res && res.data) {
-            this.detailObj = res.data;
-            this.$initWxOpenData()
-          }
-        })
-      },
-      getList() {
-        this.instance.post("/app/appannouncementreader/list", null, {
-          params: {
-            announcementId: this.detail.id,
-            ...this.search
-          }
-        }).then(res => {
-          if (res && res.data) {
-            this.tableData = res.data.records;
-            this.total = res.data.total;
-          }
-        })
-      },
-    },
-    created() {
-      this.dict.load("announcementReadStatus").then(this.getDetail);
     }
+  },
+  computed: {
+    tabTitle() {
+      return ["公告详情", "查询情况"];
+    },
+    colConfigs() {
+      return [
+        {slot: "readUserName"},
+        {prop: "readUserPhone", label: "手机号", align: "center"},
+        {slot: "unitName"},
+        {
+          prop: "readStatus", label: "查阅状态", align: "center",
+          render: (h, {row}) => [<span
+              style={{color: this.dict.getColor("announcementReadStatus", row.readStatus)}}>{this.dict.getLabel("announcementReadStatus", row.readStatus)}</span>]
+        },
+      ];
+    }
+  },
+  methods: {
+    downFileAll() {
+      if (this.detailObj.files.length > 0) {
+        this.instance.post('/app/appannouncement/downLoadAllFileForDetail', null, {
+          responseType: 'blob',
+          params: {
+            id: this.detailObj.id
+          }
+        }).then((res) => {
+          const link = document.createElement('a')
+          let blob = new Blob([res], {type: 'application/octet-stream'})
+          link.style.display = 'none'
+          link.href = URL.createObjectURL(blob)
+          var num = ''
+          for (let i = 0; i < 10; i++) {
+            num += Math.ceil(Math.random() * 10)
+          }
+          link.setAttribute('download', '公告文件' + '.zip')
+          document.body.appendChild(link)
+          link.click()
+          document.body.removeChild(link)
+        })
+      } else {
+        this.$message.error('暂无附件提供下载')
+      }
+    },
+    onChange(val) {
+      if (val == 0) {
+        this.getDetail();
+      } else {
+        this.getList();
+      }
+    },
+    getDetail() {
+      this.instance.post("/app/appannouncement/detail", null, {
+        params: {
+          id: this.detail.id
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.detailObj = res.data;
+
+        }
+      })
+    },
+    getList() {
+      this.instance.post("/app/appannouncementreader/list", null, {
+        params: {
+          announcementId: this.detail.id,
+          ...this.search
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+        }
+      })
+    },
+  },
+  created() {
+    this.dict.load("announcementReadStatus").then(this.getDetail);
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .title {
-    .aibar-left {
-      width: 100%;
-      text-align: center;
-    }
+::v-deep .title {
+  .aibar-left {
+    width: 100%;
+    text-align: center;
   }
+}
 
-  .file {
-    height: 40px;
-    line-height: 40px;
-    padding: 0 8px;
+.file {
+  height: 40px;
+  line-height: 40px;
+  padding: 0 8px;
+  font-size: 14px;
+  color: #333;
+  background: #fff;
+  border-radius: 4px;
+  border: 1px solid #d0d4dc;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+
+.info {
+  & > span {
     font-size: 14px;
     color: #333;
-    background: #fff;
-    border-radius: 4px;
-    border: 1px solid #d0d4dc;
-    margin-bottom: 16px;
-    cursor: pointer;
-  }
-
-  .info {
-    & > span {
-      font-size: 14px;
-      color: #333;
-    }
   }
+}
 </style>
diff --git a/packages/wechat/AppNotification/components/noticeManage.vue b/packages/wechat/AppNotification/components/noticeManage.vue
index 0c619394..78792f8f 100644
--- a/packages/wechat/AppNotification/components/noticeManage.vue
+++ b/packages/wechat/AppNotification/components/noticeManage.vue
@@ -7,25 +7,25 @@
             <ai-select v-model="search.status" placeholder="发布状态" :selectList="dict.getDict('announcementStatus')"
                        @change="search.current = 1, getList()"></ai-select>
             <el-date-picker
-              type="daterange"
-              size="small"
-              v-model="date"
-              @change="search.current = 1,getList()"
-              range-separator="至"
-              value-format="yyyy-MM-dd"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期">
+                type="daterange"
+                size="small"
+                v-model="date"
+                @change="search.current = 1,getList()"
+                range-separator="至"
+                value-format="yyyy-MM-dd"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期">
             </el-date-picker>
           </template>
           <template slot="right">
             <el-input
-              v-model="search.title"
-              size="small"
-              @keyup.enter.native="search.current = 1, getList()"
-              placeholder="标题"
-              clearable
-              @clear="search.current = 1, search.title = '', getList()"
-              suffix-icon="iconfont iconSearch">
+                v-model="search.title"
+                size="small"
+                @keyup.enter.native="search.current = 1, getList()"
+                placeholder="标题"
+                clearable
+                @clear="search.current = 1, search.title = '', getList()"
+                suffix-icon="iconfont iconSearch">
             </el-input>
           </template>
         </ai-search-bar>
@@ -35,12 +35,12 @@
           </template>
         </ai-search-bar>
         <ai-table
-          :tableData="tableData"
-          :col-configs="colConfigs"
-          :total="total"
-          :current.sync="search.current"
-          :size.sync="search.size"
-          @getList="getList">
+            :tableData="tableData"
+            :col-configs="colConfigs"
+            :total="total"
+            :current.sync="search.current"
+            :size.sync="search.size"
+            @getList="getList">
           <el-table-column slot="releaseUserName" label="发布人" align="center">
             <template slot-scope="{ row }">
               <span v-text="row.releaseUserName"/>
@@ -65,11 +65,11 @@
       </template>
     </ai-list>
     <ai-dialog
-      title="查阅状态"
-      :visible.sync="visible"
-      @closed="row={},readList=[]"
-      :customFooter="true"
-      width="800px">
+        title="查阅状态"
+        :visible.sync="visible"
+        @closed="row={},readList=[]"
+        :customFooter="true"
+        width="800px">
       <template v-if="readObj.read && readObj.read.length">
         <header>已读人员</header>
         <div class="wrap">
@@ -94,171 +94,174 @@
 </template>
 
 <script>
-  export default {
-    name: "noticeManage",
-    props: {
-      instance: Function,
-      dict: Object
-    },
-    data() {
-      return {
-        search: {
-          title: "",
-          status: "",
-          size: 10,
-          current: 1,
-        },
-        date: [],
-        tableData: [],
-        total: 0,
-        visible: false,
-        row: {},
-        readObj:{},
-      }
-    },
-
-    computed: {
-      colConfigs() {
-        return [
-          {prop: 'title', label: '标题'},
-          {
-            prop: 'readNum', label: '查询状态', align: 'center',
-            render:(h,{row})=>[<span class='status' onClick={this.showDialog.bind(this,row)}>{row.readNum}人已读，</span>,<span class='status' onClick={this.showDialog.bind(this,row)}>{row.unReadNum}人未读</span>]
-          },
-          {slot: 'releaseUserName'},
-          {slot: 'unitName'},
-          {prop: 'releaseTime', label: '发布时间', align: 'center'},
-          {
-            prop: 'status', label: '发布状态', align: 'center',
-            render:(h,{row})=>[<span style={{color:this.dict.getColor("announcementStatus",row.status)}}>{this.dict.getLabel("announcementStatus",row.status)}</span>]
-          },
-          {slot: 'options'},
-        ];
-      }
-    },
-
-    methods: {
-      showDialog(row) {
-        this.row = row;
-        this.getReadList();
+export default {
+  name: "noticeManage",
+  props: {
+    instance: Function,
+    dict: Object
+  },
+  data() {
+    return {
+      search: {
+        title: "",
+        status: "",
+        size: 10,
+        current: 1,
       },
-      toDetail(row){
-        this.$emit('goPage', {
-          comp: 'manageDetail',
-          row
-        });
-      },
-      toEdit(row){
-        this.$emit('goPage', {
-          comp: 'add',
-          row
-        });
-      },
-      publish(row,status){
-        this.$confirm(`是否要${status==0?'发布':'撤回'}该公告？`).then(()=>{
-          this.instance.post("/app/appannouncement/update-status",null,{
-            params: {
-              id:row.id
-            }
-          }).then(res=>{
-            if(res.code==0){
-              this.$message.success(status==0?'发布成功':'撤回成功');
-              this.getList();
-            }
-          })
-        })
-      },
-      handleDel(row){
-        this.$confirm("是否要删除该公布？").then(()=>{
-          this.instance.post("/app/appannouncement/delete",null,{
-            params:{
-              ids:row.id
-            }
-          }).then(res=>{
-            if(res.code==0){
-              this.$message.success("删除成功");
-              this.getList();
-            }
-          })
-        })
-      },
-      add(){
-        this.$emit('goPage', {
-          comp: 'add',
-          row: {},
-        });
-      },
-      getReadList(){
-        this.instance.post("/app/appannouncementreader/list-unread",null,{
-          params:{
-            id:this.row.id
-          }
-        }).then(res=>{
-          if(res && res.data){
-            this.readObj = res.data;
-            this.visible = true;
-            this.$initWxOpenData()
-          }
-        })
-      },
-      getList() {
-        this.instance.post("/app/appannouncement/list-mgr",null,{
-          params:{
-            ...this.search,
-            startTime: this.date?.length ? this.date[0] : null,
-            endTime: this.date?.length ? this.date[1] : null,
-          }
-        }).then(res=>{
-          if(res && res.data){
-            this.tableData = res.data.records;
-            this.total = res.data.total;
-            this.$initWxOpenData()
-          }
-        })
-      }
-    },
-    created() {
-      this.dict.load("announcementStatus").then(this.getList)
+      date: [],
+      tableData: [],
+      total: 0,
+      visible: false,
+      row: {},
+      readObj: {},
     }
+  },
+
+  computed: {
+    colConfigs() {
+      return [
+        {prop: 'title', label: '标题'},
+        {
+          prop: 'readNum', label: '查询状态', align: 'center',
+          render: (h, {row}) => [<span class='status'
+                                       onClick={this.showDialog.bind(this, row)}>{row.readNum}人已读，</span>,
+            <span class='status' onClick={this.showDialog.bind(this, row)}>{row.unReadNum}人未读</span>]
+        },
+        {slot: 'releaseUserName'},
+        {slot: 'unitName'},
+        {prop: 'releaseTime', label: '发布时间', align: 'center'},
+        {
+          prop: 'status', label: '发布状态', align: 'center',
+          render: (h, {row}) => [<span
+              style={{color: this.dict.getColor("announcementStatus", row.status)}}>{this.dict.getLabel("announcementStatus", row.status)}</span>]
+        },
+        {slot: 'options'},
+      ];
+    }
+  },
+
+  methods: {
+    showDialog(row) {
+      this.row = row;
+      this.getReadList();
+    },
+    toDetail(row) {
+      this.$emit('goPage', {
+        comp: 'manageDetail',
+        row
+      });
+    },
+    toEdit(row) {
+      this.$emit('goPage', {
+        comp: 'add',
+        row
+      });
+    },
+    publish(row, status) {
+      this.$confirm(`是否要${status == 0 ? '发布' : '撤回'}该公告？`).then(() => {
+        this.instance.post("/app/appannouncement/update-status", null, {
+          params: {
+            id: row.id
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.$message.success(status == 0 ? '发布成功' : '撤回成功');
+            this.getList();
+          }
+        })
+      })
+    },
+    handleDel(row) {
+      this.$confirm("是否要删除该公布？").then(() => {
+        this.instance.post("/app/appannouncement/delete", null, {
+          params: {
+            ids: row.id
+          }
+        }).then(res => {
+          if (res.code == 0) {
+            this.$message.success("删除成功");
+            this.getList();
+          }
+        })
+      })
+    },
+    add() {
+      this.$emit('goPage', {
+        comp: 'add',
+        row: {},
+      });
+    },
+    getReadList() {
+      this.instance.post("/app/appannouncementreader/list-unread", null, {
+        params: {
+          id: this.row.id
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.readObj = res.data;
+          this.visible = true;
+
+        }
+      })
+    },
+    getList() {
+      this.instance.post("/app/appannouncement/list-mgr", null, {
+        params: {
+          ...this.search,
+          startTime: this.date?.length ? this.date[0] : null,
+          endTime: this.date?.length ? this.date[1] : null,
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+
+        }
+      })
+    }
+  },
+  created() {
+    this.dict.load("announcementStatus").then(this.getList)
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  ::v-deep .status {
-    color: rgba(41, 107, 251, 100);
-    cursor: pointer;
-  }
+::v-deep .status {
+  color: rgba(41, 107, 251, 100);
+  cursor: pointer;
+}
 
-  header{
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 10px;
-  }
+header {
+  font-size: 14px;
+  color: #333333;
+  margin-bottom: 10px;
+}
 
-  ::v-deep .wrap {
+::v-deep .wrap {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+
+  .item {
+    width: 50px;
     display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+    flex-direction: column;
+    justify-content: center;
+    margin-right: 22px;
+    margin-bottom: 22px;
 
-    .item {
-      width: 50px;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      margin-right: 22px;
-      margin-bottom: 22px;
+    img {
+      width: 100%;
+      height: 50px;
+      border-radius: 50%;
+    }
 
-      img {
-        width: 100%;
-        height: 50px;
-        border-radius: 50%;
-      }
-
-      span{
-        font-size: 14px;
-        color: #333333;
-        text-align: center;
-      }
+    span {
+      font-size: 14px;
+      color: #333333;
+      text-align: center;
     }
   }
+}
 </style>
diff --git a/packages/wechat/AppNotification/components/recentNotice.vue b/packages/wechat/AppNotification/components/recentNotice.vue
index 2a9bba2b..70aca7ac 100644
--- a/packages/wechat/AppNotification/components/recentNotice.vue
+++ b/packages/wechat/AppNotification/components/recentNotice.vue
@@ -4,20 +4,20 @@
       <ai-search-bar>
         <template #left>
           <ai-select
-            v-model="search.readStatus"
-            @change="getList()"
-            placeholder="查阅状态"
-            :selectList="dict.getDict('announcementReadStatus')"
+              v-model="search.readStatus"
+              @change="getList()"
+              placeholder="查阅状态"
+              :selectList="dict.getDict('announcementReadStatus')"
           ></ai-select>
           <el-date-picker
-            v-model="date"
-            @change="search.current = 1,getList()"
-            type="daterange"
-            size="small"
-            value-format="yyyy-MM-dd"
-            range-separator="至"
-            start-placeholder="开始日期"
-            end-placeholder="结束日期">
+              v-model="date"
+              @change="search.current = 1,getList()"
+              type="daterange"
+              size="small"
+              value-format="yyyy-MM-dd"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期">
           </el-date-picker>
         </template>
         <template #right>
@@ -33,7 +33,7 @@
               <!--              <em v-if="item.readStatus==0"></em>-->
               <div class="status" v-if="item.readStatus==0">未读</div>
               <div class="status read" v-else>已读</div>
-              {{item.title}}</label>
+              {{ item.title }}</label>
             <el-row type="flex" justify="space-between" class="row">
               <span style="display:flex">
                 <b>发布人：</b>
@@ -45,7 +45,7 @@
               </span>
               <span>
                 <b>发布日期：</b>
-                {{item.releaseTime}}</span>
+                {{ item.releaseTime }}</span>
             </el-row>
           </li>
         </ul>
@@ -53,16 +53,16 @@
       </div>
       <div class="pagination" v-if="tableData.length>0">
         <el-pagination
-          @current-change="handleCurrentChange"
-          @size-change="handleSizeChange"
-          background
-          :current-page.sync="search.current"
-          :page-sizes="[5, 10, 50, 100,200]"
-          :page-size="search.size"
-          layout="slot,->,prev, pager, next,sizes,jumper"
-          :total="total">
+            @current-change="handleCurrentChange"
+            @size-change="handleSizeChange"
+            background
+            :current-page.sync="search.current"
+            :page-sizes="[5, 10, 50, 100,200]"
+            :page-size="search.size"
+            layout="slot,->,prev, pager, next,sizes,jumper"
+            :total="total">
           <div class="page" style="text-align: left">共
-            <em>{{total}}</em>
+            <em>{{ total }}</em>
             条记录
           </div>
         </el-pagination>
@@ -72,146 +72,146 @@
 </template>
 
 <script>
-  export default {
-    name: "recentNotice",
-    props: {
-      instance: Function,
-      dict: Object,
-    },
-    data() {
-      return {
-        search: {
-          readStatus: "",
-          title: "",
-          current: 1,
-          size: 10,
-        },
-        date: [],
-        tableData: [],
-        total: 0,
-      }
-    },
-    methods: {
-      pickerChange(e) {
-        console.log(e);
+export default {
+  name: "recentNotice",
+  props: {
+    instance: Function,
+    dict: Object,
+  },
+  data() {
+    return {
+      search: {
+        readStatus: "",
+        title: "",
+        current: 1,
+        size: 10,
       },
-      goDetail(item) {
-        this.$emit('goPage', {
-          row: item,
-          comp: 'detail'
-        });
-      },
-      getList() {
-        this.instance.post(`/app/appannouncement/list-latest`, null, {
-          params: {
-            ...this.search,
-            startTime: this.date?.length ? this.date[0] : null,
-            endTime: this.date?.length ? this.date[1] : null,
-          }
-        }).then(res => {
-          if (res && res.data) {
-            this.tableData = res.data.records;
-            this.total = res.data.total;
-            this.$initWxOpenData()
-          }
-        });
-      },
-      handleCurrentChange(val) {
-        this.search.current = val;
-        this.getList();
-      },
-      handleSizeChange(val) {
-        this.search.size = val;
-        this.getList();
-      },
-    },
-    created() {
-      this.dict.load("announcementReadStatus").then(_ => this.getList())
+      date: [],
+      tableData: [],
+      total: 0,
     }
+  },
+  methods: {
+    pickerChange(e) {
+      console.log(e);
+    },
+    goDetail(item) {
+      this.$emit('goPage', {
+        row: item,
+        comp: 'detail'
+      });
+    },
+    getList() {
+      this.instance.post(`/app/appannouncement/list-latest`, null, {
+        params: {
+          ...this.search,
+          startTime: this.date?.length ? this.date[0] : null,
+          endTime: this.date?.length ? this.date[1] : null,
+        }
+      }).then(res => {
+        if (res && res.data) {
+          this.tableData = res.data.records;
+          this.total = res.data.total;
+
+        }
+      });
+    },
+    handleCurrentChange(val) {
+      this.search.current = val;
+      this.getList();
+    },
+    handleSizeChange(val) {
+      this.search.size = val;
+      this.getList();
+    },
+  },
+  created() {
+    this.dict.load("announcementReadStatus").then(_ => this.getList())
   }
+}
 </script>
 
 <style lang="scss" scoped>
-  .body {
+.body {
 
-    ul {
+  ul {
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+
+    li {
+      height: 86px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      box-sizing: border-box;
+      padding: 16px 215px 16px 32px;
+      margin-top: 10px;
+      cursor: pointer;
       overflow: hidden;
-      padding: 0;
-      margin: 0;
+      text-overflow: ellipsis;
+      white-space: nowrap;
 
-      li {
-        height: 86px;
-        background: #FFFFFF;
-        border-radius: 4px;
-        box-sizing: border-box;
-        padding: 16px 215px 16px 32px;
-        margin-top: 10px;
-        cursor: pointer;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
+      label {
+        display: flex;
+        align-items: center;
+        position: relative;
+        font-size: 16px;
+        color: #222222;
 
-        label {
+        .status {
+          width: 40px;
+          height: 20px;
+          background: #FEF4E5;
+          color: #F79300;
+          border-radius: 4px;
+          font-size: 12px;
+          font-weight: bold;
           display: flex;
           align-items: center;
-          position: relative;
-          font-size: 16px;
-          color: #222222;
+          justify-content: center;
+          margin-right: 4px;
+        }
 
-          .status {
-            width: 40px;
-            height: 20px;
-            background: #FEF4E5;
-            color: #F79300;
-            border-radius: 4px;
-            font-size: 12px;
-            font-weight: bold;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            margin-right: 4px;
-          }
+        .read {
+          background: #EEEEEE;
+          color: #999999;
+        }
 
-          .read{
-            background: #EEEEEE;
-            color: #999999;
-          }
-
-          em {
-            width: 8px;
-            height: 8px;
-            background: #ff4422;
-            border-radius: 50%;
-            position: absolute;
-            left: -16px;
-            top: 4px;
-          }
+        em {
+          width: 8px;
+          height: 8px;
+          background: #ff4422;
+          border-radius: 50%;
+          position: absolute;
+          left: -16px;
+          top: 4px;
         }
       }
+    }
 
-      ::v-deep .row {
-        margin-top: 10px;
+    ::v-deep .row {
+      margin-top: 10px;
 
-        span {
+      span {
+        font-size: 14px;
+        color: #222222;
+
+        b {
           font-size: 14px;
-          color: #222222;
-
-          b {
-            font-size: 14px;
-            color: #888888;
-          }
+          color: #888888;
         }
       }
     }
   }
+}
 
-  ::v-deep .page {
-    font-size: 12px;
-    color: #555555;
+::v-deep .page {
+  font-size: 12px;
+  color: #555555;
 
-    em {
-      font-style: normal;
-      color: rgb(34, 102, 255);
-    }
+  em {
+    font-style: normal;
+    color: rgb(34, 102, 255);
   }
+}
 </style>