mp：修复 WxMaterialSelect 组件的音乐 tab，无法选择图片素材报错

yudao-ui-admin/src/views/mp/components/wx-reply/main.vue

@@ -137,7 +137,7 @@
           </el-row>
         </div>
         <el-dialog title="选择图文" :visible.sync="dialogNewsVisible" width="90%" append-to-body>
-          <WxMaterialSelect :objData="objData" @selectMaterial="selectMaterial" :newsType="newsType"></WxMaterialSelect>
+          <wx-material-select :objData="objData" @selectMaterial="selectMaterial" :newsType="newsType" />
         </el-dialog>
       </el-row>
     </el-tab-pane>
@@ -158,7 +158,7 @@
             </div>
           </div>
           <el-dialog title="选择图片" :visible.sync="dialogThumbVisible" width="80%" append-to-body>
-            <wx-material-select :objData="{type:'image'}" @selectMaterial="selectMaterial" />
+            <wx-material-select :objData="{type:'image', accountId: objData.accountId}" @selectMaterial="selectMaterial" />
           </el-dialog>
         </el-col>
         <el-col :span="18">
@@ -176,14 +176,14 @@
 </template>
 
 <script>
-  // import { getPage, getMaterialVideo } from '@/api/wxmp/wxmaterial'
-  import {getAccessToken} from '@/utils/auth'
-  import WxNews from '@/views/mp/components/wx-news/main.vue'
-  import WxMaterialSelect from '@/views/mp/components/wx-material-select/main.vue'
-  import WxVoicePlayer from '@/views/mp/components/wx-voice-play/main.vue';
-  import WxVideoPlayer from '@/views/mp/components/wx-video-play/main.vue';
+import WxNews from '@/views/mp/components/wx-news/main.vue'
+import WxMaterialSelect from '@/views/mp/components/wx-material-select/main.vue'
+import WxVoicePlayer from '@/views/mp/components/wx-voice-play/main.vue';
+import WxVideoPlayer from '@/views/mp/components/wx-video-play/main.vue';
 
-  export default {
+import { getAccessToken } from '@/utils/auth'
+
+export default {
   name: "wxReplySelect",
   components: {
     WxNews,
@@ -206,15 +206,6 @@
       tempPlayerObj: {
         type: '2'
       },
-        tableData: [],
-        page: {
-          total: 0, // 总页数
-          currentPage: 1, // 当前页数
-          pageSize: 20, // 每页显示多少条
-          ascs:[],//升序字段
-          descs:[]//降序字段
-        },
-        tableLoading: false,
 
       tempObj: new Map().set( // 临时缓存，切换消息类型的 tab 的时候，可以保存对应的数据；
           this.objData.type, // 消息类型
@@ -259,7 +250,6 @@
       return true;
     },
     beforeVoiceUpload(file){
-        this.tableLoading = true
       // 校验格式
       const isType = file.type === 'audio/mp3'
           || file.type === 'audio/mpeg'
@@ -464,25 +454,6 @@
       // 覆盖缓存
       this.tempObj.set(this.objData.type, Object.assign({}, this.objData));
     },
-      getPage(page, params) {
-        this.tableLoading = true
-        // getPage(Object.assign({
-        //   current: page.currentPage,
-        //   size: page.pageSize,
-        //   type:this.objData.type
-        // }, params)).then(response => {
-        //   this.tableData = response.data.items
-        //   this.page.total = response.data.totalCount
-        //   this.page.currentPage = page.currentPage
-        //   this.page.pageSize = page.pageSize
-        //   this.tableLoading = false
-        // })
-      },
-      sizeChange(val) {
-        this.page.currentPage = 1
-        this.page.pageSize = val
-        this.getPage(this.page)
-      },
     /**
      * 输入时，缓存每次 objData 到 tempObj 中
      *
@@ -493,64 +464,64 @@
       this.tempObj.set(this.objData.type, Object.assign({}, this.objData));
     }
   }
-  };
+};
 </script>
 
 <style lang="scss" scoped>
-  .public-account-management{
+.public-account-management{
   .el-input{
     width: 70%;
     margin-right: 2%;
   }
-  }
-  .pagination{
+}
+.pagination{
   text-align: right;
   margin-right: 25px;
-  }
-  .select-item{
+}
+.select-item{
   width: 280px;
   padding: 10px;
   margin: 0 auto 10px auto;
   border: 1px solid #eaeaea;
-  }
-  .select-item2{
+}
+.select-item2{
   padding: 10px;
   margin: 0 auto 10px auto;
   border: 1px solid #eaeaea;
-  }
-  .ope-row{
+}
+.ope-row{
   padding-top: 10px;
   text-align: center;
-  }
-  .item-name{
+}
+.item-name{
   font-size: 12px;
   overflow: hidden;
   text-overflow:ellipsis;
   white-space: nowrap;
   text-align: center;
-  }
-  .el-form-item__content{
+}
+.el-form-item__content{
   line-height:unset!important;
-  }
-  .col-select{
+}
+.col-select{
   border: 1px solid rgb(234, 234, 234);
   padding: 50px 0px;
   height: 160px;
   width: 49.5%;
-  }
-  .col-select2{
+}
+.col-select2{
   border: 1px solid rgb(234, 234, 234);
   padding: 50px 0px;
   height: 160px;
-  }
-  .col-add{
+}
+.col-add{
   border: 1px solid rgb(234, 234, 234);
   padding: 50px 0px;
   height: 160px;
   width: 49.5%;
   float: right
-  }
-  .avatar-uploader-icon {
+}
+.avatar-uploader-icon {
   border: 1px solid #d9d9d9;
   font-size: 28px;
   color: #8c939d;
@@ -558,16 +529,16 @@
   height: 100px!important;
   line-height: 100px!important;
   text-align: center;
-  }
-  .material-img {
+}
+.material-img {
   width: 100%;
-  }
-  .thumb-div{
+}
+.thumb-div{
   display: inline-block;
   text-align: center;
-  }
-  .item-infos{
+}
+.item-infos{
   width: 30%;
   margin: auto
-  }
+}
 </style>

yudao-ui-admin/src/views/mp/menu/index.vue

@@ -116,7 +116,7 @@ SOFTWARE.
                   <div class="select-item" v-if="tempObj && tempObj.content && tempObj.content.articles">
                     <WxNews :objData="tempObj.content.articles"></WxNews>
                     <el-row class="ope-row">
-                                <el-button type="danger" icon="el-icon-delete" circle @click="deleteTempObj"></el-button>
+                        <el-button type="danger" icon="el-icon-delete" circle @click="deleteTempObj" />
                     </el-row>
                   </div>
                   <div v-if="!tempObj.content || !tempObj.content.articles">
@@ -183,12 +183,10 @@ export default {
       nameMaxLength: 0, // 菜单名称最大长度；1 级是 4 字符；2 级是 7 字符；
       showConfigureContent: true, // 是否展示配置内容；如果有子菜单，就不显示配置内容
       hackResetWxReplySelect: false, // 重置 WxReplySelect 组件
-
       tempObj: {}, // 右边临时变量，作为中间值牵引关系
       tempSelfObj: { // 一些临时值放在这里进行判断，如果放在 tempObj，由于引用关系，menu 也会多了多余的参数
       },
-      visible2: false, //素材内容  "选择素材"按钮弹框显示隐藏
-      tableData:[], //素材内容弹框数据,
+      dialogNewsVisible: false, // 跳转图文时的素材选择弹窗
       menuOptions: [{
         value: 'view',
         label: '跳转网页'
@@ -220,7 +218,6 @@ export default {
           value: 'location_select',
           label: '选择地理位置'
       }],
-      dialogNewsVisible: false,
 
       // 公众号账号列表
       accounts: [],
@@ -357,13 +354,13 @@ export default {
       if (!item.children || item.children.length <= 0) {
         this.$set( item, 'children',[])
         this.$delete( item, 'type')
+        this.$delete( item, 'menuKey')
         this.$delete( item, 'miniProgramAppId')
         this.$delete( item, 'miniProgramPagePath')
         this.$delete( item, 'url')
         this.$delete( item, 'reply')
         // TODO 芋艿：需要搞的属性弄下
 
-        this.$delete( item, 'key')
         this.$delete( item, 'article_id')
         this.$delete( item, 'textContent')
         this.showConfigureContent = false
@@ -470,15 +467,8 @@ export default {
       }
       return result;
     },
-
-    // TODO 芋艿：未归类
-
-    deleteTempObj(){
-        this.$delete(this.tempObj,'repName')
-        this.$delete(this.tempObj,'repUrl')
-        this.$delete(this.tempObj,'content')
-    },
-    openMaterial(){
+    // ======================== 菜单编辑（素材选择） ========================
+    openMaterial() {
       this.dialogNewsVisible = true
     },
     selectMaterial(item){
@@ -495,6 +485,11 @@ export default {
       item.content.articles = item.content.articles.slice(0,1)
       this.tempObj.content = item.content
     },
+    deleteTempObj() {
+        this.$delete(this.tempObj,'repName')
+        this.$delete(this.tempObj,'repUrl')
+        this.$delete(this.tempObj,'content')
+    },
   },
 }
 </script>