查询机

src/views/inquiryMachine/content.vue

@@ -72,7 +72,15 @@
               </el-form-item>
               <!-- @imgAdd="imgAdd" -->
               <!-- https://blog.csdn.net/ws6afa88/article/details/108765569?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1-108765569-blog-131412288.235^v43^pc_blog_bottom_relevance_base6&spm=1001.2101.3001.4242.1&utm_relevant_index=4 -->
-              <mavon-editor
+
+              <quill-editor
+                v-if="currentKeyColumn.type !== 4"
+                v-model="editorContent"
+                :editor-content="editorContent"
+                :editor-ref="editorRef"
+              />
+
+              <!-- <mavon-editor
                 v-if="currentKeyColumn.type !== 4"
                 ref="md"
                 :value="form.introHtml"
@@ -82,7 +90,7 @@
                 :ishljs="true"
                 @imgAdd="imgAdd"
                 @change="handleEditorChange"
-              />
+              /> -->
               <el-form-item v-if="currentKeyColumn.type === 4" label="链接" prop="linkUrl">
                 <el-input v-model="form.linkUrl" :style="containerStyle" />
               </el-form-item>
@@ -140,11 +148,12 @@ import Vue from 'vue'
 import { mapGetters } from 'vuex'
 import UploadCover from '@/views/components/upload.vue'
 import { upload } from '@/utils/upload'
+import QuillEditor from '@/components/quillEditor/index.vue'
 
 const defaultForm = { id: null, overTitle: null, source: '', author: '', editor: '', introHtml: '', linkUrl: '', imgUrl: '' }
 export default {
   name: 'Content',
-  components: { crudOperation, pagination, UploadCover },
+  components: { crudOperation, pagination, UploadCover, QuillEditor },
   cruds() {
     return CRUD({ title: '内容', url: 'api/queryMachine/initQueryTopicContext', crudMethod: { ...crudContent }, optShow: {
       add: false,
@@ -177,7 +186,9 @@ export default {
         del: ['admin', 'content:del']
       },
       tableData: [],
-      bookCover: null
+      bookCover: null,
+      editorRef: 'test',
+      editorContent: ''
     }
   },
   computed: {
@@ -267,6 +278,7 @@ export default {
       console.log(crud.form)
       crud.form.libcode = this.user.fonds.fondsNo
       crud.form.topicId = this.currentKeyColumn.id
+      this.form.introHtml = this.editorContent
       return true
     },
     imgAdd(pos, $file) {
@@ -303,8 +315,8 @@ export default {
           this.$message({ message: '上传请求失败，请重试', type: 'error', offset: 8 })
         })
     },
-    handleEditorChange(value) {
-      this.form.introHtml = value
+    handleEditorChange(html) {
+      this.form.introHtml = html
     },
     getQueryTopicTree() {
       const parent = {}

src/views/inquiryMachine/menu.vue

@@ -71,7 +71,7 @@
                 <p v-else-if="selectedMenu.type == 3">栏目列表</p>
                 <p v-else-if="selectedMenu.type == 4">新书推荐</p>
                 <p v-else />
-                <div v-if="currentNodeLevel===1" style="flex: 1; display: flex; justify-content: flex-start; align-items: center; margin-left: 10px;">
+                <div v-if="currentNodeLevel===2" style="flex: 1; display: flex; justify-content: flex-start; align-items: center; margin-left: 10px;">
                   <i style="cursor: pointer;" class="iconfont" :class="copied ? 'icon-fuzhichenggong1' : 'icon-fuzhi'" @click="copyLink" />
                   <span style="display: block; flex: 1; text-align: left;">仅1级菜单可生成链接地址！</span>
                 </div>
@@ -653,17 +653,29 @@ export default {
       this.verfiyForm.verifyCode = ''
     },
     copyLink() {
-      navigator.clipboard.writeText(this.link)
+      if (!this.menuForm.query_preview) {
+        this.$message.warning('查询机页面展示地址未设置，无法复制链接！')
+        return
+      }
+      if (!this.selectedMenu || !this.selectedMenu.id) {
+        this.$message.warning('请先在左侧树状图中选中一个菜单节点！')
+        return
+      }
+
+      const linkSeparator = this.menuForm.query_preview.includes('?') ? '&' : '?'
+      const finalLink = `${this.menuForm.query_preview}${linkSeparator}menuId=${this.selectedMenu.id}`
+
+      navigator.clipboard.writeText(finalLink)
         .then(() => {
           this.copied = true
-          // 2秒后恢复复制图标
+          this.$message.success('链接复制成功！') // 新增复制成功提示，提升用户体验
           setTimeout(() => {
             this.copied = false
           }, 2000)
         })
         .catch(err => {
           console.error('无法复制内容: ', err)
-          this.fallbackCopyText()
+          this.fallbackCopyText(finalLink) // 兼容处理时传递拼接后的链接
         })
     },
     fallbackCopyText() {