ct

src/apps/AppCountryAlbum/AppCountryAlbum.vue

@@ -1,51 +1,137 @@
 <template>
   <div class="AppCountryAlbum">
-    <component v-if="refresh" :is="component" @change="onChange" :params="params"/>
+    <div class="list">
+      <AiTopFixed>
+        <div class="area-content">
+          <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">
+            <img src="./img/local-icon.png" alt="">
+            <span class="label" v-if="areaName">{{ areaName }}</span>
+            <span v-else>请选择</span>
+            <u-icon name="arrow-down" color="#666" size="24"/>
+          </AiAreaPicker>
+        </div>
+      </AiTopFixed>
+      <div class="album-list">
+        <div class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
+          <img :src="`${cdn}/dvcp/album/album${item.type}.png`" alt="">
+          <p class="text">{{ item.name }}</p>
+          <div class="tips">共{{ item.total }}张</div>
+        </div>
+        <AiEmpty v-if="!list.length"/>
+      </div>
+
+    </div>
   </div>
 </template>
 
 <script>
-import Detail from './detail'
+import {mapState} from 'vuex'
-import List from './list'
 
 export default {
-  name: 'AppCountryAlbum',
+  name: "AppCountryAlbum",
-  appName: '乡村相册',
+  appName: "乡村相册",
-
   data() {
     return {
-      component: 'List',
+      list: [],
-      params: {},
+      areaId: '',
-      refresh: true
+      areaName: '',
+      cdn: ''
     }
   },
-
+  computed: {...mapState(['user'])},
-  components: {Detail, List},
   onShow() {
-    document.title = "乡村相册"
+    this.areaId = this.user.areaId
-    this.handleRefresh()
+    this.areaName = this.user.areaName
+    this.getList()
+    this.cdn = this.$cdn.replace("/dvcp/h5", "");
   },
   methods: {
-    onChange(e) {
+    areaSelect(e) {
-      this.params = e.params
+      this.areaId = e
-      this.component = e.type
+      this.getList()
     },
-    handleRefresh() {
+    getList() {
-      this.refresh = false
+      this.$http.post(`/app/appvillagepicturealbum/queryAlbumMenu`, null, {
-      this.$nextTick(() => {
+        params: {
-        this.refresh = true
+          areaId: this.areaId,
+        }
+      }).then(res => {
+        if (res.code == 0) {
+          this.list = res.data
+        }
       })
-    }
+    },
+    toDetail(item) {
+      uni.navigateTo({url: `./detail?type=${item.type}&areaId=${this.areaId}&title=${item.name}&titleImgUrl=${this.cdn}/dvcp/album/album${item.type}.png`})
+    },
+  },
+  onReachBottom() {
+    this.current++;
+    this.getList()
   },
 }
 </script>
 
 <style lang="scss" scoped>
-uni-page-body {
-  height: 100%;
-}
-
 .AppCountryAlbum {
-  height: 100%;
+  .area-content {
+    width: 100%;
+    line-height: 64px;
+
+    img {
+      width: 42px;
+      vertical-align: middle;
+      margin-right: 16px;
+    }
+
+    .u-icon {
+      margin-left: 6px;
+    }
+  }
+
+  .album-list {
+    padding: 32px 0 0 32px;
+    overflow: hidden;
+
+    .item {
+      width: calc(33% - 16px);
+      height: 240px;
+      border-radius: 8px;
+      position: relative;
+      margin: 0 16px 16px 0;
+      float: left;
+
+      img {
+        width: 100%;
+        height: 100%;
+        border-radius: 8px;
+      }
+
+      .text {
+        position: absolute;
+        bottom: 16px;
+        left: 0;
+        width: 100%;
+        text-align: center;
+        font-size: 32px;
+        font-family: PingFangSC-Semibold, PingFang SC;
+        font-weight: 600;
+        color: #FFF;
+        line-height: 44px;
+      }
+
+      .tips {
+        position: absolute;
+        top: 8px;
+        right: 8px;
+        padding: 0 8px;
+        line-height: 40px;
+        background-color: rgba(0, 0, 0, .6);
+        color: #fff;
+        border-radius: 8px;
+        font-size: 22px;
+      }
+    }
+  }
 }
 </style>

src/apps/AppCountryAlbum/detail.vue

@@ -40,7 +40,7 @@
       </div>
       <AiEmpty v-if="!list.length"/>
     </div>
-    
+
     <div class="footer-btn" @click="uploadImg" v-if="editText == '编辑' ">上传图片</div>
     <div class="footer-btn" @click="delConfirm" v-if="editText == '取消'">删除</div>
   </div>
@@ -64,14 +64,12 @@ export default {
   computed: { ...mapState(['user']) },
   onLoad(option) {
     this.params = option
-    console.log(this.params)
     this.getList()
     this.getStatistic()
   },
   onShow() {
     document.title = "乡村相册"
   },
-
   methods: {
     delConfirm() {
       if(!this.delIds.length) {
@@ -86,7 +84,6 @@ export default {
             this.getList()
             this.getStatistic()
             this.editClick('取消')
-            uni.$emit('updateList')
           }
         })
       })
@@ -197,7 +194,6 @@ export default {
       })
     },
     confirmUpload() {
-      console.log(this.fileList)
       var urlList = []
       this.fileList.map((item) => {
         urlList.push(item.url)
@@ -211,7 +207,6 @@ export default {
           this.$u.toast('上传成功!')
           this.getList()
           this.getStatistic()
-          uni.$emit('updateList')
         }
       })
     }
@@ -343,7 +338,7 @@ export default {
     height: 112px;
     line-height: 112px;
     background: #3975C6;
-    box-shadow: 0px 1px 0px 0px #EEEEEE;
+    box-shadow: 0 1px 0 0 #EEEEEE;
     position: fixed;
     bottom: 0;
     left: 0;
@@ -354,4 +349,4 @@ export default {
     z-index: 999;
   }
 }
-</style>
+</style>

src/apps/AppCountryAlbum/list.vue

@@ -1,129 +0,0 @@
-<template>
-  <div class="list">
-    <AiTopFixed>
-      <div class="area-content">
-        <AiAreaPicker :areaId="user.areaId" v-model="areaId" @select="areaSelect" :name.sync="areaName">
-          <img src="./img/local-icon.png" alt="">
-          <span class="label" v-if="areaName">{{ areaName }}</span>
-          <span v-else>请选择</span>
-          <u-icon name="arrow-down" color="#666" size="24" />
-        </AiAreaPicker>
-      </div>
-    </AiTopFixed>
-    <div class="album-list">
-      <div class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
-        <img :src="`${cdn}/dvcp/album/album${item.type}.png`" alt="">
-        <p class="text">{{item.name}}</p>
-        <div class="tips">共{{item.total}}张</div>
-      </div>
-      <AiEmpty v-if="!list.length"/>
-    </div>
-
-  </div>
-</template>
-
-<script>
-import { mapState } from 'vuex'
-export default {
-
-  data() {
-    return {
-      list: [],
-      areaId: '',
-      areaName: '',
-      cdn: ''
-    }
-  },
-  computed: { ...mapState(['user']) },
-  created() {
-    this.areaId = this.user.areaId
-    this.areaName = this.user.areaName
-    this.getList()
-    uni.$on('updateList', () => {
-      this.getList()
-    })
-    this.cdn = this.$cdn.replace("/dvcp/h5","");
-  },
-  methods: {
-    areaSelect(e) {
-      this.areaId = e
-      this.getList()
-    },
-    getList() {
-      this.$http.post(`/app/appvillagepicturealbum/queryAlbumMenu`, null, {
-        params: {
-          areaId: this.areaId,
-        }
-      }).then(res => {
-        if (res.code == 0) {
-          this.list = res.data
-        }
-      })
-    },
-    toDetail(item) {
-      uni.navigateTo({url: `./detail?type=${item.type}&areaId=${this.areaId}&title=${item.name}&titleImgUrl=${this.cdn}/dvcp/album/album${item.type}.png`})
-    },
-  },
-  onReachBottom() {
-    this.current++;
-    this.getList()
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.list {
-  .area-content{
-    width: 100%;
-    line-height: 64px;
-    img{
-      width: 42px;
-      vertical-align: middle;
-      margin-right: 16px;
-    }
-    .u-icon{
-      margin-left: 6px;
-    }
-  }
-  .album-list{
-    padding: 32px 0 0 32px;
-    overflow: hidden;
-    .item{
-      width: calc(33% - 16px);
-      height: 240px;
-      border-radius: 8px;
-      position: relative;
-      margin: 0 16px 16px 0;
-      float: left;
-      img{
-        width: 100%;
-        height: 100%;
-        border-radius: 8px;
-      }
-      .text{
-        position: absolute;
-        bottom: 16px;
-        left: 0;
-        width: 100%;
-        text-align: center;
-        font-size: 32px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #FFF;
-        line-height: 44px;
-      }
-      .tips{
-        position: absolute;
-        top: 8px;
-        right: 8px;
-        padding: 0 8px;
-        line-height: 40px;
-        background-color: rgba(0,0,0,.6);
-        color: #fff;
-        border-radius: 8px;
-        font-size: 22px;
-      }
-    }
-  }
-}
-</style>

src/apps/AppResidentActivitie/AppResidentActivities.vue

@@ -32,7 +32,7 @@
             <div class="areaNmae" v-if="item.areaName || item.address">{{ item.areaName }}{{ item.address }}</div>
           </div>
 
-          <img :src="items.url" alt="" v-for="(items, index) in JSON.parse(item.url || '[]')" :key="index" @click.stop="previewImage(item.url, item.url[0].url)" />
+          <img :src="items.url" alt="" v-for="(items, index) in JSON.parse(item.url || '[]')" :key="index" @click.stop="previewImage(JSON.parse(item.url || '[]'), item.url[0].url)" />
 
           <div class="hints" :style="{ background: item.status == 0 ? '#000000' : item.status == 1 ? '#42D784' : '#E4E4E4' }">{{ $dict.getLabel('villageActivityStatus', item.status) }}</div>
         </template>
@@ -103,6 +103,7 @@ export default {
         .then((res) => {
           if (res.code == 0) {
             this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+
             this.total = res.data.total
             this.pages = res.data.pages
           }

src/apps/AppUniMsg/AppUniMsg.vue

@@ -20,7 +20,7 @@
           </div>
 
           <div class="imgs">
-            <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" v-if="i < 3" @click.stop="previewImage(item.images, items.url)" />
+            <img :src="items.url" alt="" v-for="(items, i) in JSON.parse(item.images || '[]')" :key="i" v-if="i < 3" @click.stop="previewImage(JSON.parse(item.images || '[]'), items.url)" />
           </div>
         </template>
 
@@ -100,15 +100,6 @@ export default {
         .then((res) => {
           if (res.code == 0) {
             this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
-            if (this.datas) {
-              this.datas.map((item) => {
-                if (item.images) {
-                  item.images = JSON.parse(item.images || '[]')
-                }
-                return item
-              })
-            }
-
             this.pages = res.data.pages
           }
         })
@@ -145,6 +136,8 @@ export default {
     },
 
     change(index) {
+      this.datas = []
+      this.current = 1
       this.currentTabs = index
       this.getList()
     },

src/apps/AppUniMsg/Detail.vue

@@ -33,7 +33,7 @@ export default {
   computed: {},
   watch: {},
   onLoad(o) {
-    document.title = '公告详情' 
+    document.title = '小程序公告详情'
     this.id = o.id
     this.getDetail()
   },

src/apps/AppWalkask/AppWalkask.vue

@@ -32,7 +32,7 @@
                 <div class="cards-hint">{{ item.title }}</div>
 
                 <div class="imgs">
-                  <img :src="items.url" alt="" v-for="(items, i) in item.images" :key="i" @click.stop="previewImage(item.images, items.url)" v-if="i < 3" />
+                  <img :src="items.url" alt="" v-for="(items, i) in JSON.parse(item.images || '[]')" :key="i" @click.stop="previewImage(JSON.parse(item.images || '[]'), items.url)" v-if="i < 3" />
                 </div>
 
                 <div class="cards-bottom">
@@ -138,15 +138,6 @@ export default {
             }
             this.data = this.current > 1 ? [...this.data, ...res.data.records] : res.data.records
             this.pages = res.data.pages
-
-            if (this.data) {
-              this.data.map((item) => {
-                if (item.images) {
-                  item.images = JSON.parse(item.images || '[]')
-                }
-                return item
-              })
-            }
           }
         })
     },

src/apps/AppWalkask/add.vue

@@ -47,21 +47,15 @@
 
       <div class="btn" @click="submit">保存</div>
     </div>
-
-    <!-- <component v-else :is="comp" @back="backlist"></component> -->
   </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
-// import walkObject from './walkObject'
 
 export default {
   name: 'add',
-  components: {
+  components: {},
-    // walkObject,
-    // selectType,
-  },
   props: {},
   data() {
     return {
@@ -198,14 +192,6 @@ export default {
       this.forms.areaId = e
     },
 
-    // backlist(e) {
-    //   this.forms.create_user_name = e.item.create_user_name
-    //   this.forms.menuLevel3Name = e.menuLevel3Name
-    //   this.forms.applicationId = e.appId
-    //   this.forms.optionId = e.item.id
-    //   this.addList = true
-    // },
-
     realityStstus(e) {
       this.forms.reality = e[0].label
       this.forms.realityValue = e[0].value

src/apps/AppWalkask/walkObject.vue

@@ -1,671 +0,0 @@
-<template>
-  <div class="detail">
-    <div>
-      <div class="item-content" v-for="(item, index) in userList" :key="index">
-        <div class="title" @click="showUserType(item, index)">
-          <h2>{{ item.label }}</h2>
-          <img src="./img/down-icon.png" alt="" :class="item.check ? 'img-active' : ''" />
-        </div>
-        <div class="user-list" v-if="item.check">
-          <div v-if="statisticsList.length > 0">
-            <div class="user-item" v-for="(e, indexs) in statisticsList" :key="indexs">
-              <!-- v-if="item.value && item.value.length" -->
-              <div class="user-img">
-                <img src="./img/user-img.png" alt="" />
-              </div>
-              <div class="user-info">
-                <p class="name">{{ e.name }}</p>
-                <!-- <div class="phone">
-                <span>{{ idNumberInit(e.idNumber) }}</span>
-                <span>{{ e.phone }}</span>
-              </div> -->
-              </div>
-            </div>
-          </div>
-
-          <p class="text" v-else>{{ '暂无' + item.label + '信息' }}</p>
-        </div>
-      </div>
-
-      <div class="footer" @click="submit">
-        <div class="btn">确定选择</div>
-      </div>
-    </div>
-  </div>
-
-  <!-- <div class="walkObject">
-    <div class="header-top">
-      <u-search v-model="keyword" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#CCCCCC" placeholder-color="#999999" @search="handerSearch" @clear="handerClear"></u-search>
-    </div>
-
-    <div class="header-middle">
-      <div class="hint">可选范围</div>
-
-      <div class="empty-div"></div>
-
-      <div class="Checkbox">
-        <div v-if="DiyList.length > 0">
-          <u-collapse event-type="close" arrowaccordion>
-            <u-collapse-item v-for="(item, index) in DiyList" :title="item.menuLevel3Name" :key="index" @change="selectUser(item)">
-              <u-radio-group v-model="value">
-                <u-radio v-for="(item, index) in userList" :key="index" :name="item.create_user_name">
-                  {{ item.create_user_name }}
-                </u-radio>
-              </u-radio-group>
-            </u-collapse-item>
-          </u-collapse>
-        </div>
-
-        <AiEmpty description="没有数据" class="emptyWrap" v-else></AiEmpty>
-      </div>
-    </div>
-
-    <div class="fixedBtn">
-      <div class="typeName">
-        <span class="typeName-box" v-for="(item, index) in list" :key="index" v-if="item.checked == true">
-          {{ item.name }}
-        </span>
-      </div>
-
-      <div class="subBtn" @click="submit">确定选择</div>
-    </div>
-
-    <div style="padding: 0 20px">
-      <div style="display: flex; justify-content: space-between; background: pink; padding: 10px 0" v-for="(item, index) in DiyList" :key="index">
-        <div @click="showDiv">
-          <span>{{ item.applicationName }}</span>
-          <u-icon name="arrow-right"></u-icon>
-        </div>
-
-        <div v-if="num % 2 == 0">
-          <div>1111</div>
-        </div>
-      </div>
-    </div>
-  </div> -->
-</template>
-
-<script>
-import { mapState } from 'vuex'
-
-export default {
-  name: 'walkObject',
-  components: {},
-  props: {
-    params: {},
-  },
-  data() {
-    return {
-      addressArea: '',
-      statisticsList: [],
-      userList: [],
-      name: '',
-
-      // DiyList: {},
-      // userList: [],
-      // keyword: '',
-      // list: [
-      //   {
-      //     name: '残疾人',
-      //   },
-      //   {
-      //     name: '精神病患者',
-      //   },
-      //   {
-      //     name: '吸毒人员',
-      //   },
-      // ],
-      // nameList: [],
-      current: 1,
-      appId: '',
-      // value: '',
-      menuLevel3Name: '',
-      // num: 1,
-      // flag: false,
-    }
-  },
-  watch: {},
-  computed: {
-    ...mapState(['user']),
-  },
-
-  created() {
-    this.getUserList()
-    uni.$on('specialPeopleList', () => {
-      this.getUserList()
-    })
-  },
-  onShow() {
-    document.title = '选择走访慰问对象'
-  },
-  mounted() {},
-  methods: {
-    submit() {
-      this.userList.map((item) => {
-        if (item.create_user_name == this.value) {
-          this.$emit('back', { item: item, appId: this.appId, menuLevel3Name: this.menuLevel3Name })
-        }
-      })
-    },
-
-    getStatistic(item) {
-      // this.statisticsList = []
-      this.menuLevel3Name = item.value.menuLevel3Name
-      this.appId = item.value.id
-      this.$http.post(`/app/appapplicationinfo/list?appId=${item.value.id}&current=${this.current}&size=${999}`).then((res) => {
-        if (res.code == 0) {
-          this.statisticsList = res.data.records
-
-          // for (let i in res.data) {
-          //   var obj = {
-          //     label: i,
-          //     value: res.data[i],
-          //   }
-          //   this.statisticsList.push(obj)
-          // }
-        }
-      })
-    },
-
-    getUserList() {
-      this.userList = []
-      this.$http.post(`/app/appapplicationinfo/queryApplicationListByType?type=0&status=1`).then((res) => {
-        if (res.code == 0) {
-          for (let i in res.data) {
-            var obj = {
-              // label: i,
-              label: res.data[i].applicationName,
-              value: res.data[i],
-              check: false,
-            }
-            this.userList.push(obj)
-          }
-        }
-      })
-    },
-
-    idNumberInit(idNumber) {
-      if (!idNumber) {
-        idNumber = ''
-      } else {
-        idNumber = idNumber.substring(0, 5) + '******' + idNumber.substring(12, 15)
-      }
-      return idNumber
-    },
-
-    showUserType(item, index) {
-      this.getStatistic(item)
-      if (this.userList[index].check) {
-        this.userList[index].check = false
-        console.log(1)
-        this.statisticsList = []
-      } else {
-        this.userList.map((item) => {
-          item.check = false
-          this.statisticsList = []
-        })
-        this.userList[index].check = true
-      }
-    },
-
-    radioGroupChange(e) {
-      console.log(e)
-    },
-  },
-
-  // methods: {
-  //   showDiv() {
-  //     this.num = this.num + 1
-  //     this.$forceUpdate()
-  //     if (this.num % 2 == 0) {
-  //
-  //       this.flag == true
-  //       this.$forceUpdate()
-  //     } else {
-  //
-  //       this.flag == false
-  //       this.$forceUpdate()
-  //     }
-  //   },
-
-  //   getDiyList() {
-  //     this.$http.post('/app/appapplicationinfo/queryApplicationListByType?type=0').then((res) => {
-  //       if (res.code == 0) {
-  //         this.DiyList = res.data
-  //       }
-  //     })
-  //   },
-
-  // selectUser(item) {
-  //   this.userList = []
-  //   this.menuLevel3Name = item.menuLevel3Name
-  //   this.appId = item.id
-  //   this.$http.post(`/app/appapplicationinfo/list?appId=${'2677c070764f4779920c1a2923a8afb0'}&current=${this.current}&size=${99}`, { searchParam: this.keyword }).then((res) => {
-  //     if (res.code == 0) {
-  //       this.userList = res.data.records
-  //     }
-  //   })
-  // },
-
-  //   submit() {
-  //     this.userList.map((item) => {
-  //       if (item.create_user_name == this.value) {
-  //         this.$emit('back', { item: item, appId: this.appId, menuLevel3Name: this.menuLevel3Name })
-  //       }
-  //     })
-  //   },
-  // },
-}
-</script>
-
-<style lang="scss" scoped>
-.detail {
-  .tab-select {
-    width: 100%;
-    height: 96px;
-    line-height: 96px;
-    background: #3975c6;
-    display: flex;
-    .item {
-      flex: 1;
-      text-align: center;
-      font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #cddcf0;
-    }
-    .active {
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      position: relative;
-      color: #fff;
-      span {
-        width: 48px;
-        height: 4px;
-        background: #fff;
-        position: absolute;
-        bottom: 14px;
-        left: 50%;
-        margin-left: -24px;
-      }
-    }
-  }
-
-  .info-content {
-    width: calc(100% - 64px);
-    background: #fff;
-    border-radius: 8px;
-    margin: 24px 32px 0;
-    .title {
-      padding-left: 32px;
-      line-height: 94px;
-      border-bottom: 1px solid #ddd;
-      font-size: 32px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #333;
-    }
-    .num-content {
-      overflow: hidden;
-      .num-item {
-        float: left;
-        width: 33%;
-        padding: 40px 0;
-        text-align: center;
-        h3 {
-          font-size: 64px;
-          font-family: DINAlternate-Bold, DINAlternate;
-          font-weight: bold;
-          color: #3192f4;
-          line-height: 74px;
-          margin-bottom: 10px;
-        }
-        p {
-          font-size: 28px;
-          font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
-          color: #999;
-          line-height: 40px;
-        }
-      }
-    }
-    .color-org {
-      .num-item {
-        h3 {
-          color: #ff8700;
-        }
-      }
-    }
-  }
-  .item-content {
-    margin-bottom: 4px;
-    .title {
-      width: 100%;
-      height: 108px;
-      line-height: 108px;
-      background: #fff;
-      padding: 0 32px;
-      box-sizing: border-box;
-      display: flex;
-      justify-content: space-between;
-      h2 {
-        font-size: 32px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #333;
-      }
-      img {
-        width: 34px;
-        height: 34px;
-        margin-top: 38px;
-        transition: all 0.3s ease-in-out;
-      }
-      .img-active {
-        transform: rotate(180deg);
-      }
-    }
-    .user-list {
-      background-color: #fff;
-      .user-item {
-        padding: 24px 32px;
-        display: flex;
-        align-items: center;
-        .user-img {
-          width: 112px;
-          img {
-            width: 80px;
-            height: 80px;
-          }
-        }
-        .user-info {
-          width: 100%;
-          .name {
-            font-size: 32px;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333;
-            line-height: 44px;
-            margin-bottom: 8px;
-          }
-          .phone {
-            width: 100%;
-            font-size: 26px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #999;
-            line-height: 36px;
-            display: flex;
-            justify-content: space-between;
-          }
-        }
-      }
-    }
-  }
-  .text {
-    height: 96px;
-    line-height: 96px;
-    color: #999;
-    font-size: 28px;
-    text-align: center;
-  }
-  .footer {
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-  .btn {
-    width: 100%;
-    height: 112px;
-    line-height: 112px;
-    text-align: center;
-    background: #1365dd;
-    font-size: 32px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #fff;
-  }
-}
-
-.walkObject {
-  background: #ffffff;
-  padding-bottom: 118px;
-
-  .tab-select {
-    width: 100%;
-    height: 96px;
-    line-height: 96px;
-    background: #3975c6;
-    display: flex;
-    .item {
-      flex: 1;
-      text-align: center;
-      font-size: 28px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      color: #cddcf0;
-    }
-    .active {
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      position: relative;
-      color: #fff;
-      span {
-        width: 48px;
-        height: 4px;
-        background: #fff;
-        position: absolute;
-        bottom: 14px;
-        left: 50%;
-        margin-left: -24px;
-      }
-    }
-  }
-
-  .info-content {
-    width: calc(100% - 64px);
-    background: #fff;
-    border-radius: 8px;
-    margin: 24px 32px 0;
-    .title {
-      padding-left: 32px;
-      line-height: 94px;
-      border-bottom: 1px solid #ddd;
-      font-size: 32px;
-      font-family: PingFangSC-Medium, PingFang SC;
-      font-weight: 500;
-      color: #333;
-    }
-    .num-content {
-      overflow: hidden;
-      .num-item {
-        float: left;
-        width: 33%;
-        padding: 40px 0;
-        text-align: center;
-        h3 {
-          font-size: 64px;
-          font-family: DINAlternate-Bold, DINAlternate;
-          font-weight: bold;
-          color: #3192f4;
-          line-height: 74px;
-          margin-bottom: 10px;
-        }
-        p {
-          font-size: 28px;
-          font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
-          color: #999;
-          line-height: 40px;
-        }
-      }
-    }
-    .color-org {
-      .num-item {
-        h3 {
-          color: #ff8700;
-        }
-      }
-    }
-  }
-  .item-content {
-    margin-bottom: 4px;
-    .title {
-      width: 100%;
-      height: 108px;
-      line-height: 108px;
-      background: #fff;
-      padding: 0 32px;
-      box-sizing: border-box;
-      display: flex;
-      justify-content: space-between;
-      h2 {
-        font-size: 32px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        font-weight: 600;
-        color: #333;
-      }
-      img {
-        width: 34px;
-        height: 34px;
-        margin-top: 38px;
-        transition: all 0.3s ease-in-out;
-      }
-      .img-active {
-        transform: rotate(180deg);
-      }
-    }
-    .user-list {
-      background-color: #fff;
-      .user-item {
-        padding: 24px 32px;
-        display: flex;
-        .user-img {
-          width: 112px;
-          img {
-            width: 80px;
-            height: 80px;
-          }
-        }
-        .user-info {
-          width: 100%;
-          .name {
-            font-size: 32px;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333;
-            line-height: 44px;
-            margin-bottom: 8px;
-          }
-          .phone {
-            width: 100%;
-            font-size: 26px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            color: #999;
-            line-height: 36px;
-            display: flex;
-            justify-content: space-between;
-          }
-        }
-      }
-    }
-  }
-  .text {
-    height: 96px;
-    line-height: 96px;
-    color: #999;
-    font-size: 28px;
-    text-align: center;
-  }
-  .footer {
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-  .btn {
-    width: 100%;
-    height: 112px;
-    line-height: 112px;
-    text-align: center;
-    background: #1365dd;
-    font-size: 32px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
-    color: #fff;
-  }
-
-  .header-top {
-    background: #fff;
-    padding: 20px 32px;
-  }
-
-  .header-middle {
-    .hint {
-      padding: 0 20px 0 32px;
-      height: 112px;
-      line-height: 112px;
-      box-shadow: 0px 1px 0px 0px #e4e5e6;
-      font-size: 30px;
-      font-weight: 500;
-    }
-
-    .empty-div {
-      height: 16px;
-      background: #f5f5f5;
-    }
-
-    .Checkbox {
-      padding: 0 0px 0 30px;
-
-      ::v-deep .u-collapse {
-        .u-collapse-item {
-          .u-collapse-body {
-            // display: inline;
-            padding-bottom: 4px;
-            box-sizing: content-box;
-            .u-radio-group {
-              .u-radio {
-                line-height: 0;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .fixedBtn {
-    display: flex;
-    justify-content: space-between;
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    box-sizing: border-box;
-    padding: 0 32px;
-
-    .subBtn {
-      margin: 20px 0 18px 0;
-      padding: 18px 32px;
-      background: #1365dd;
-      border-radius: 4px;
-      font-size: 32px;
-      color: #ffffff;
-    }
-
-    .typeName {
-      margin: 36px 0 22px 0;
-
-      .typeName-box {
-        padding: 16px 14px;
-        background: #eaeef1;
-        border-radius: 8px;
-        font-size: 30px;
-        font-weight: 500;
-        margin-left: 10px;
-      }
-
-      .typeName-box:first-child {
-        margin-left: 0;
-      }
-    }
-  }
-}
-</style>

src/apps/AppWorkonline/Opinion.vue

@@ -65,8 +65,8 @@
       <div class="reply_img">
         <text class="img">图片资料</text>
         <text class="img_text">(最多9张)</text>
-        <div class="upload">
+        <div class="uploads">
-          <div class="info">
+          <div class="infos">
             <AiUploader multiple @list="(v) => (picture = v)" :limit="9" action="/admin/file/add2" preview />
           </div>
         </div>
@@ -324,7 +324,11 @@ export default {
         ::v-deep .info > span {
           width: 380px;
           text-align: left;
-          //  word-break: break-all;
+          word-break: break-all;
+
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
         }
 
         ::v-deep .ai-uploader .fileList .default {
@@ -352,13 +356,13 @@ export default {
         margin-left: 10px;
       }
 
-      .upload {
+      .uploads {
         width: 100%;
         margin-top: 10px;
         padding: 12px 12px 12px 0;
         box-sizing: border-box;
 
-        .info {
+        .infos {
           width: 100%;
           text-align: center;
         }