ytj

src/App.vue

@@ -7,13 +7,16 @@
 <script>
 import './assets/main.css'
 export default {
-  name: 'app'
+  name: 'app',
+  created () {
+    console.log(this)
+  }
 }
 </script>
 
 <style lang="less" scoped>
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   width: 100%;

src/components/material.vue

@@ -4,21 +4,21 @@
     <div class="box" v-if="model === 'get'">
       <div v-if="type === 'img'">
         <div  v-for="(item,index) in img" :key="index" @click="emit(item,index)" :class="{checked:item.checked}">
-          <img :src="item.url" alt="">
+          <img :src="item.Url" alt="">
         </div>
       </div>
       <div v-if="type === 'view'">
         <div v-for="(item,index) in view" :key="index" @click="emit(item,index)" :class="{checked:item.checked}">
-          <img :src="item.url" alt="">
+          <img :src="item.Url" alt="">
           <p>{{item.text}}</p>
         </div>
       </div>
     </div>
     <div v-if="model === 'set'" class="box-set">
       <div class="upload-list" v-for="(item,index) in uploadList" :key='index'>
-        <img :src="item.url">
+        <img :src="item.Url">
         <div class="upload-list-cover">
-          <Icon type="ios-eye-outline" @click.native="handleView(item.url)"></Icon>
+          <Icon type="ios-eye-outline" @click.native="handleView(item.Url)"></Icon>
           <Icon type="ios-trash-outline" @click.native="handleRemove(item)"></Icon>
         </div>
       </div>

src/components/menuForm.vue

@@ -60,7 +60,8 @@
               :on-exceeded-size="handleMaxSize"
               :with-credentials='true'
               type="drag"
-              :action="api.common.image.url"
+              name='media'
+              :action="api.material.addImg.url"
               style="display: inline-block;width:120px;">
               <div style="width: 120px;height:33px;line-height: 33px;">
                 <span>从本地上传图片</span>
@@ -226,7 +227,11 @@ export default {
     handleSuccess (res, file) {
       console.log(file)
       console.log(res)
-      this.addImg(res)
+      this.img = {
+        url: res.result.url,
+        media_id: res.result.media_id
+      }
+      // this.addImg(res)
       // file.url = 'https://o5wwk8baw.qnssl.com/7eb99afb9d5f317c912f08b5212fd69a/avatar';
       // file.name = '7eb99afb9d5f317c912f08b5212fd69a';
     },

src/store/material.js

@@ -9,7 +9,7 @@ export default {
   },
   mutations: {
     updateImg (state, data) {
-      state.img = data || []
+      state.img = data.list || []
     },
     updateView (state, data) {
       state.view = data || []
@@ -22,9 +22,13 @@ export default {
           ...api.material.getImg,
           urlData: {
             ...data,
+          },
+          queryData: {
+            page: 1,
+            pagesize: 10000
           }
         }).then(res => {
-          res.forEach((curr) => {
+          res.list.forEach((curr) => {
             curr.checked = false
           })
           context.commit('updateImg', res)