{ this._correctHintDialogOpen = false }}>\n
\n `\n }\n\n private _renderChangeTypeDialog() {\n if (!this._changeTypeDialogOpen) { return '' }\n return html`\n e.stopPropagation()}>\n
\n \n 温馨提示\n
\n \n
\n \n \n 为了收集更全面、有价值的数据，建议您为问卷每题设定推荐/正确选项。这将助力深入分析，让调研结果更精准、有意义。\n
\n { this._changeTypeDialogOpen = false }}>\n
\n `\n }\n\n private _renderSearchDropdown() {\n if (!this['is-edit'] || (!this._searchOpen && !this._searchLoading)) { return '' }\n return html`\n e.stopPropagation()}>\n
\n \n 提示\n \n
\n \n
\n \n 此题为单选题，设置了多个推荐/正确选项，是否切换成多选题？
\n \n ${this._searchLoading\n ? html`
\n `\n }\n\n private _renderCategorySection() {\n if (!this['show-category']) { return '' }\n return html`\n 搜索中...
`\n : this._searchResults.length\n ? this._searchResults.map(item => html`\n this._selectSearchResult(item)}>${item.value || item.title}
\n `)\n : html`暂无匹配题目
`}\n \n
\n `\n }\n\n private _renderAiSection() {\n if (!this['show-ai'] || !['single', 'multiple'].includes(this.type)) { return '' }\n return html`\n 分类:
\n \n ${this['is-edit']\n ? html`\n \n `\n : html`${resolveSubjectCategoryLabel(this['category-list'], this._categoryId)}`}\n
\n \n
\n `\n }\n\n private _renderResourceSection() {\n if (!this['show-resource']) { return '' }\n const images = this._imageResources()\n const video = this._videoResource()\n return html`\n AI推荐:
\n \n ${this['ai-answer'] || '暂无'}\n ${this['is-edit']\n ? html`
\n this._applyAiAnswer()}>一键勾选
`\n : ''}\n \n
\n `\n }\n\n private _renderImageViewer() {\n if (!this._imageViewerOpen) { return '' }\n const images = this._imageResources()\n const current = images[this._imageViewerIndex]\n if (!current) { return '' }\n return html`\n 资源:
\n \n
\n \n 图片 ${images.length} 张${video ? '，含视频资源' : ''}\n
\n \n ${images.length ? html` this._openImageViewer(0)}>查看图片` : ''}\n ${video?.url ? html` this._openVideoViewer()}>查看视频` : ''}\n ${!images.length && !video?.url ? html`暂无资源` : ''}\n
\n ${images.length\n ? html`\n \n ${images.slice(0, 4).map((src, index) => html`\n 
this._openImageViewer(index)} />\n `)}\n
\n `\n : ''}\n this._closeImageViewer()}>\n
\n `\n }\n\n private _renderVideoViewer() {\n const video = this._videoResource()\n if (!this._videoViewerOpen || !video?.url) { return '' }\n return html`\n e.stopPropagation()}>\n
\n \n 图片预览\n \n
\n \n 
\n
\n \n this._closeVideoViewer()}>\n
\n `\n }\n\n private async _save(e?: Event) {\n e?.stopImmediatePropagation()\n const errors = this.validate()\n const convertWarning = errors.find(error => error.code === 'SINGLE_MULTI_CORRECT')\n const blockingErrors = errors.filter(error => error.code !== 'SINGLE_MULTI_CORRECT')\n if (blockingErrors.length) {\n showSubjectToast(blockingErrors[0].message)\n return\n }\n if (convertWarning) {\n this._changeTypeDialogOpen = true\n return\n }\n if (!this._hasShownCorrectHint && this._shouldShowCorrectHint()) {\n this._correctHintDialogOpen = true\n return\n }\n await this._finalizeSave()\n }\n\n private _renderPreview() {\n const typeSuffix = this.type === 'single'\n ? '（单选题）'\n : `（${this._titlePlaceholder}${this._leastAnswerCountSuffix(this._normalizeLeastAnswerCount(this['least-answer-count']))}）`\n const answers = this['answer-list'] as Answer[]\n const previewTitle = buildSubjectPreviewTitle(this['subject-prefix'], this['order-index'], (this as any).title || '')\n return html`\n e.stopPropagation()}>\n
\n \n 视频预览\n \n
\n \n
\n \n \n \n
\n \n
\n `\n }\n\n private _renderSorting() {\n const title = trimText(this['is-edit'] ? this._title : (this as any).title || '') || '未命名题目'\n const orderText = buildSubjectSortingTitle(this['subject-prefix'], this['order-index'], title)\n return renderSortingCard(orderText, SubjectTypeLabel[this.type] || this.type)\n }\n\n private _renderEdit() {\n return html`\n \n
\n \n ${previewTitle}\n ${typeSuffix.replace(/[（）]/g, '')}\n
\n ${this['show-rich-text'] && this['rich-text-content'] ? html`` : ''}\n \n ${answers.map((a, i) => html`\n
\n ${this['show-category'] && this._categoryId\n ? html`\n \n ${this._label(i)}.\n
\n `)}\n \n ${a.title}\n ${this.type !== 'sort' && a.isCorrect ? html`推荐 / 正确选项` : ''}\n
\n ${this.type !== 'sort' && (\n this['exam-answer-relation-type'] === 1\n || this['exam-answer-relation-type'] === 2\n )\n ? html`\n \n `\n : ''}\n 分类：${resolveSubjectCategoryLabel(this['category-list'], this._categoryId)}
`\n : ''}\n ${this['show-resource'] ? this._renderResourceSection() : ''}\n \n
\n `\n }\n\n render() {\n if (this.sorting) {\n return this._renderSorting()\n }\n\n const content = this['is-edit']\n ? html`\n
\n\n ${['multiple', 'sort'].includes(this.type)\n ? html`\n 题目:
\n \n
\n \n \n ${this._title.length}/${this.TITLE_MAX}\n ${this._renderSearchDropdown()}\n
\n \n
\n `\n : ''}\n\n 设置:
\n \n \n
\n \n
\n\n ${this.type === 'sort'\n ? html`\n ${this.type === 'sort' ? '排序项:' : '选项:'}
\n \n
\n \n ${this._answers.map((a, i) => html`\n
\n \n ${this._label(i)}.\n \n \n \n `\n : ''}\n\n ${this['exam-answer-relation-type'] === 2 && this.type !== 'sort'\n ? html`\n \n `\n : ''}\n\n
\n `)}\n \n this._onAnswerInput(e, i)}\n placeholder=\"选项${this._label(i)}\" />\n ${a.title.length}/${this.ANSWER_MAX}\n
\n\n ${this.type === 'sort' && this._getSortOrder(i) !== null\n ? html`第${this._getSortOrder(i)}位`\n : ''}\n\n ${['single', 'multiple'].includes(this.type)\n ? html`\n \n `\n : ''}\n\n this._addAnswer(i)}>\n ${iconPlus}\n \n this._deleteAnswer(i)}>\n ${iconRemove}\n \n\n ${this['exam-answer-relation-type'] === 1 && this.type !== 'sort'\n ? html`\n \n
\n `\n : ''}\n\n 排序答案:
\n \n
\n \n
\n { if (!this.lockAnswerKey) { this._sortDropdownOpen = !this._sortDropdownOpen; this.requestUpdate() } }}>\n ${this._orderList.length > 0\n ? this._orderList.map(l => html`\n \n ${l}\n {\n if (this.lockAnswerKey) { return }\n e.stopPropagation()\n this._removeSortItem(l)\n }}>✕\n \n `)\n : html`请按顺序选择排序答案`\n }\n ${iconArrow}\n
\n ${this._sortDropdownOpen\n ? html`\n \n ${this._answers.map((_, i) => html`\n
\n `\n : ''}\n {\n if (this.lockAnswerKey) { return }\n this._toggleSortItem(this._label(i))\n this.requestUpdate()\n }}>\n ${this._label(i)}\n
\n `)}\n \n
\n `\n : ''}\n\n ${this['show-analysis']\n ? html`\n 副文本:
\n \n \n { this._richText = (e.target as any).getContent() }}\n >\n \n ${!this['show-action']\n ? html`
\n { this._showRichText = false; this._richText = '' }}>删除富文本
`\n : ''}\n \n
\n `\n : ''}\n 解析:
\n \n \n
\n ${this._renderEdit()}
`\n : html`${this._renderPreview()}
`\n\n return html`\n