给所有组件添加name属性预防未知bug!!!

2025-11-04 04:08:44 +08:00 · 2023-04-14 21:32:11 +08:00
parent 44c18473d7
commit b93491579c
133 changed files with 1126 additions and 993 deletions
--- a/src/views/mp/account/AccountForm.vue
+++ b/src/views/mp/account/AccountForm.vue
@@ -1,11 +1,11 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" :title="dialogTitle">
    <el-form
      ref="formRef"
+      v-loading="formLoading"
      :model="formData"
      :rules="rules"
      label-width="120px"
-      v-loading="formLoading"
    >
      <el-form-item label="名称" prop="name">
        <el-input v-model="formData.name" placeholder="请输入名称" />
@@ -59,17 +59,18 @@
        <el-input v-model="formData.aesKey" placeholder="请输入消息加解密密钥" />
      </el-form-item>
      <el-form-item label="备注" prop="remark">
-        <el-input type="textarea" v-model="formData.remark" placeholder="请输入备注" />
+        <el-input v-model="formData.remark" placeholder="请输入备注" type="textarea" />
      </el-form-item>
    </el-form>
    <template #footer>
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
      <el-button @click="dialogVisible = false">取 消</el-button>
    </template>
  </Dialog>
 </template>
-<script setup lang="ts">
+<script lang="ts" name="MpAccountForm" setup>
 import * as AccountApi from '@/api/mp/account'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

--- a/src/views/mp/components/wx-editor/WxEditor.vue
+++ b/src/views/mp/components/wx-editor/WxEditor.vue
@@ -1,5 +1,5 @@
-<script setup>
-import { ref, reactive } from 'vue'
+<script name="WxEditor" setup>
+import { reactive, ref } from 'vue'
 import { QuillEditor } from '@vueup/vue-quill'
 import '@vueup/vue-quill/dist/vue-quill.snow.css'
 import { getAccessToken } from '@/utils/auth'
@@ -88,21 +88,21 @@ const uploadError = () => {
    <div v-loading="loading" element-loading-text="请稍等，图片上传中">
      <!-- 图片上传组件辅助-->
      <el-upload
+        :action="actionUrl"
+        :before-upload="beforeUpload"
+        :data="uploadData"
+        :headers="headers"
+        :on-error="uploadError"
+        :on-success="uploadSuccess"
+        :show-file-list="false"
        class="avatar-uploader"
        name="file"
-        :action="actionUrl"
-        :headers="headers"
-        :show-file-list="false"
-        :data="uploadData"
-        :on-success="uploadSuccess"
-        :on-error="uploadError"
-        :before-upload="beforeUpload"
      />
      <QuillEditor
-        class="editor"
-        v-model="content"
        ref="quillEditorRef"
+        v-model="content"
        :options="editorOptions"
+        class="editor"
        @change="onEditorChange($event)"
      />
    </div>
--- a/src/views/mp/components/wx-news/main.vue
+++ b/src/views/mp/components/wx-news/main.vue
@@ -9,13 +9,13 @@
  <div class="news-home">
    <div v-for="(article, index) in articles" :key="index" class="news-div">
      <!-- 头条 -->
-      <a target="_blank" :href="article.url" v-if="index === 0">
+      <a v-if="index === 0" :href="article.url" target="_blank">
        <div class="news-main">
          <div class="news-content">
            <el-image
+              :src="article.picUrl"
              class="material-img"
              style="width: 100%; height: 120px"
-              :src="article.picUrl"
            />
            <div class="news-content-title">
              <span>{{ article.title }}</span>
@@ -24,12 +24,12 @@
        </div>
      </a>
      <!-- 二条/三条等等 -->
-      <a target="_blank" :href="article.url" v-else>
+      <a v-else :href="article.url" target="_blank">
        <div class="news-main-item">
          <div class="news-content-item">
            <div class="news-content-item-title">{{ article.title }}</div>
            <div class="news-content-item-img">
-              <img class="material-img" :src="article.picUrl" height="100%" />
+              <img :src="article.picUrl" class="material-img" height="100%" />
            </div>
          </div>
        </div>
@@ -38,7 +38,7 @@
  </div>
 </template>

-<script setup lang="ts">
+<script lang="ts" name="WxNews" setup>
 const props = defineProps({
  articles: {
    type: Array,
@@ -57,15 +57,18 @@ defineExpose({
  width: 100%;
  margin: auto;
 }
+
 .news-main {
  width: 100%;
  margin: auto;
 }
+
 .news-content {
  background-color: #acadae;
  width: 100%;
  position: relative;
 }
+
 .news-content-title {
  display: inline-block;
  font-size: 12px;
@@ -80,14 +83,17 @@ defineExpose({
  white-space: normal;
  box-sizing: unset !important;
 }
+
 .news-main-item {
  background-color: #ffffff;
  padding: 5px 0;
  border-top: 1px solid #eaeaea;
 }
+
 .news-content-item {
  position: relative;
 }
+
 .news-content-item-title {
  display: inline-block;
  font-size: 10px;
@@ -95,12 +101,14 @@ defineExpose({
  margin-left: 1%;
  white-space: normal;
 }
+
 .news-content-item-img {
  display: inline-block;
  width: 25%;
  background-color: #acadae;
  margin-right: 1%;
 }
+
 .material-img {
  width: 100%;
 }
--- a/src/views/mp/tag/TagForm.vue
+++ b/src/views/mp/tag/TagForm.vue
@@ -1,24 +1,25 @@
 <template>
-  <Dialog :title="dialogTitle" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" :title="dialogTitle">
    <el-form
      ref="formRef"
+      v-loading="formLoading"
      :model="formData"
      :rules="formRules"
      label-width="80px"
-      v-loading="formLoading"
    >
      <el-form-item label="标签名称" prop="name">
        <el-input v-model="formData.name" placeholder="请输入标签名称" />
      </el-form-item>
    </el-form>
    <template #footer>
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
      <el-button @click="dialogVisible = false">取 消</el-button>
    </template>
  </Dialog>
 </template>
-<script setup lang="ts">
+<script lang="ts" name="MpTagForm" setup>
 import * as MpTagApi from '@/api/mp/tag'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗

--- a/src/views/mp/user/UserForm.vue
+++ b/src/views/mp/user/UserForm.vue
@@ -1,11 +1,11 @@
 <template>
-  <Dialog title="修改" v-model="dialogVisible">
+  <Dialog v-model="dialogVisible" title="修改">
    <el-form
      ref="formRef"
+      v-loading="formLoading"
      :model="formData"
      :rules="formRules"
      label-width="80px"
-      v-loading="formLoading"
    >
      <el-form-item label="昵称" prop="nickname">
        <el-input v-model="formData.nickname" placeholder="请输入昵称" />
@@ -14,7 +14,7 @@
        <el-input v-model="formData.remark" placeholder="请输入备注" />
      </el-form-item>
      <el-form-item label="标签" prop="tagIds">
-        <el-select v-model="formData.tagIds" multiple clearable placeholder="请选择标签">
+        <el-select v-model="formData.tagIds" clearable multiple placeholder="请选择标签">
          <el-option
            v-for="item in tagList"
            :key="item.tagId"
@@ -25,14 +25,15 @@
      </el-form-item>
    </el-form>
    <template #footer>
-      <el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
      <el-button @click="dialogVisible = false">取 消</el-button>
    </template>
  </Dialog>
 </template>
-<script setup lang="ts">
+<script lang="ts" name="MpUserForm" setup>
 import * as MpTagApi from '@/api/mp/tag'
 import * as MpUserApi from '@/api/mp/user'
+
 const { t } = useI18n() // 国际化
 const message = useMessage() // 消息弹窗