fix: mp模块的一些小修复

src/views/mp/components/wx-music/main.vue

@@ -55,6 +55,6 @@ defineExpose({
 </script>
 </script>
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
-/* 因为 joolun 实现依赖 avue 组件，该页面使用了 card.scc  */
-@import url('../wx-msg/card.scss');
+/* 因为 joolun 实现依赖 avue 组件，该页面使用了 card.scss  */
+@import '../wx-msg/card.scss';
 </style>
 </style>

src/views/mp/draft/components/CoverSelect.vue

@@ -51,7 +51,7 @@
       >
       >
         <WxMaterialSelect
         <WxMaterialSelect
           type="image"
           type="image"
-          :account-id="accountId"
+          :account-id="accountId!"
           @select-material="onMaterialSelected"
           @select-material="onMaterialSelected"
         />
         />
       </el-dialog>
       </el-dialog>
@@ -93,11 +93,11 @@ const showImageDialog = ref(false)
 const fileList = ref<UploadFiles>([])
 const fileList = ref<UploadFiles>([])
 interface UploadData {
 interface UploadData {
   type: UploadType
   type: UploadType
-  accountId: number | undefined
+  accountId: number
 }
 }
 const uploadData: UploadData = reactive({
 const uploadData: UploadData = reactive({
   type: UploadType.Image,
   type: UploadType.Image,
-  accountId: accountId
+  accountId: accountId!
 })
 })
 
 
 /** 素材选择完成事件*/
 /** 素材选择完成事件*/

src/views/mp/draft/components/NewsForm.vue

@@ -125,7 +125,7 @@
   </el-container>
   </el-container>
 </template>
 </template>
 
 
-<script setup lang="ts">
+<script setup lang="ts" name="NewsForm">
 import { Editor } from '@/components/Editor'
 import { Editor } from '@/components/Editor'
 import { createEditorConfig } from '../editor-config'
 import { createEditorConfig } from '../editor-config'
 import CoverSelect from './CoverSelect.vue'
 import CoverSelect from './CoverSelect.vue'

src/views/mp/draft/index.vue

@@ -76,7 +76,7 @@ import {
 
 
 const message = useMessage() // 消息
 const message = useMessage() // 消息
 
 
-const accountId = ref<number>(0)
+const accountId = ref<number>(-1)
 provide('accountId', accountId)
 provide('accountId', accountId)
 
 
 const loading = ref(true) // 列表的加载中
 const loading = ref(true) // 列表的加载中
@@ -90,16 +90,7 @@ interface QueryParams {
 const queryParams: QueryParams = reactive({
 const queryParams: QueryParams = reactive({
   pageNo: 1,
   pageNo: 1,
   pageSize: 10,
   pageSize: 10,
-  accountId: 0
-})
-
-interface UploadData {
-  type: 'image' | 'video' | 'audio'
-  accountId: number
-}
-const uploadData: UploadData = reactive({
-  type: 'image',
-  accountId: 0
+  accountId: accountId
 })
 })
 
 
 // ========== 草稿新建 or 修改 ==========
 // ========== 草稿新建 or 修改 ==========
@@ -126,8 +117,8 @@ const onBeforeDialogClose = async (onDone: () => {}) => {
 // ======================== 列表查询 ========================
 // ======================== 列表查询 ========================
 /** 设置账号编号 */
 /** 设置账号编号 */
 const setAccountId = (id: number) => {
 const setAccountId = (id: number) => {
-  queryParams.accountId = id
-  uploadData.accountId = id
+  accountId.value = id
+  // queryParams.accountId = id
 }
 }
 
 
 /** 查询列表 */
 /** 查询列表 */

src/views/mp/menu/index.vue

@@ -339,7 +339,7 @@ div {
 
 
   .left {
   .left {
     position: relative;
     position: relative;
-    display: inline-block;
+    display: block;
     float: left;
     float: left;
     width: 350px;
     width: 350px;
     height: 715px;
     height: 715px;