修复网上办事

src/mods/AppServiceOnline/AppServiceOnline.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="servie">
+    <div v-if="list.length>0">
       <div class="serviceItem" v-for="(op,i) in list" :key="i" @click="toServiceList(op)" hover-class="bg-hover">
         <img :src="op.icon"/>
         <div class="fill flex1">
@@ -10,51 +11,48 @@
         <i class="iconfont">&#xe697;</i>
       </div>
     </div>
+    <AiEmpty v-else/>
+  </div>
 </template>
 
 <script>
-  export default {
+
-    name:"AppServiceOnline",
+export default {
-    appName:"网上办事",
+  name: "AppServiceOnline",
-    data () {
+  appName: "网上办事",
+  data() {
     return {
       list: []
     }
   },
-
+  onLoad() {
-    onLoad () {
     this.getList()
   },
-
   methods: {
     toServiceList(item) {
       this.$linkTo(`./serviceList?id=${item.id}&title=${item.name}&subTitle=${item.desc}`)
     },
-
     getList() {
-        let size = 999
       this.$instance.post("/app/zwspapprovalclassification/list-xcx", null, {
-          params: {
+        params: {size: 999},
-            size
-          },
         withoutToken: true
       }).then(res => {
-          if (res.code === 0) {
+        if (res?.data) {
-            this.list = res.data.records
+          this.list = res.data.records || []
         }
       })
     }
   }
-  }
+}
 </script>
 
 <style lang="scss" scoped>
-  .servie {
+.servie {
   min-height: 100vh;
   background: #fff;
-  }
+}
 
-  .serviceItem {
+.serviceItem {
   width: 100%;
   height: 160px;
   padding: 28px 40px 28px;
@@ -95,5 +93,5 @@
     font-size: 44px;
     color: #979797;
   }
-  }
+}
 </style>

src/mods/AppServiceOnline/serviceForm.vue

@@ -28,11 +28,7 @@
             <i :style="{opacity: item.mustFill === '1' ? 1 : 0}">*</i>
             <h2>请上传{{ item.annexName }}</h2>
           </div>
-          <div class="upload-item__wrapper" @click="upload(index)">
+          <AiUploader :def="[{url:item.src}]" preview @list="imgs=>handleImage(item,imgs)" :limit="1"/>
-            <image v-if="item.src" mode="aspectFill" :src="item.src"/>
-            <i v-if="!item.src" class="iconfont">&#xe72c;</i>
-            <h2 v-if="!item.src">上传照片</h2>
-          </div>
         </div>
       </div>
       <div class="service-example" v-if="exampleList.length">
@@ -169,10 +165,10 @@
 
 <script>
 import {mapState} from 'vuex'
-import Handwriting from '@/utils/signature.js'
+import Handwriting from 'dvcp-wui/utils/signature'
 
 export default {
-  name:"serviceForm",
+  name: "serviceForm",
   data() {
     return {
       pageShow: false,
@@ -389,40 +385,10 @@ export default {
     /**
      * 图片上传
      */
-    upload(index) {
+    handleImage(item, imgs) {
-      uni.chooseImage({
+      item.src = imgs?.[0]?.url
-        count: 1,
+      item.annexFileId = imgs?.[0]?.id
-        sizeType: ['compressed'],
-        sourceType: ['album', 'camera'],
-        success: res => {
-          const path = res.tempFilePaths[0]
-          this.$loading()
-          uni.uploadFile({
-            url: this.$instance.baseURL + '/admin/file/add',
-            filePath: path,
-            name: 'file',
-            header: {
-              'Content-Type': 'multipart/form-data',
-              Authorization: uni.getStorageSync('token')
     },
-            success: res => {
-              const data = JSON.parse(res.data)
-
-              if (data.code === 0) {
-                this.$set(this.info.processAnnexDefs[index], 'src', data.data[0].split(';')[0])
-                this.$set(this.info.processAnnexDefs[index], 'annexFileId', data.data[0].split(';')[1])
-              } else {
-                this.$toast(data.msg)
-              }
-            },
-            complete: () => {
-              this.$hideLoading()
-            }
-          })
-        }
-      })
-    },
-
     next() {
       if (this.currIndex === 2) {
         for (let item of this.info.processAnnexDefs) {
@@ -603,6 +569,7 @@ export default {
   position: relative;
   align-items: center;
   left: -16px;
+  margin-bottom: 16px;
 
   i {
     font-size: 32px;
@@ -765,34 +732,6 @@ export default {
       color: #333333;
       font-size: 30px;
     }
-
-    .upload-item__wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      width: 310px;
-      height: 180px;
-      margin-top: 48px;
-      border-radius: 8px;
-      border: 2px dashed #AAA8A8;
-
-      image {
-        width: 100%;
-        height: 100%;
-      }
-
-      i {
-        margin-bottom: 8px;
-        color: #E4E4E4;
-        font-size: 68px;
-      }
-
-      h2 {
-        color: #666666;
-        font-size: 28px;
-      }
-    }
   }
 }
 

src/mods/AppServiceOnline/serviceNotice.vue

@@ -2,7 +2,7 @@
   <div class="service-notice" v-if="pageShow">
     <h2>办理须知</h2>
     <div class="service-content">
-      <u-parse :imageProp="imageProp" className="articalContent" :content="content" />
+      <u-parse :imageProp="imageProp" className="articalContent" :html="content"/>
       <!-- <div v-html="content" class="articalContent"></div> -->
       <!-- <u-parse className="articalContent" :html="content"></u-parse> -->
     </div>
@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
 export default {
   data() {