This commit is contained in:
那些花儿
2025-09-09 14:59:56 +08:00
parent bee7b352a6
commit d7358932dc
31 changed files with 1964 additions and 2912 deletions
@@ -396,13 +396,13 @@ const subjectForm = {
/* background: rgb(248, 249, 250);*/
/*}*/
.questionnaire-editor {
::v-deep .questionnaire-editor {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.editor-header {
::v-deep .editor-header {
background: white;
padding: 20px;
border-radius: 8px;
@@ -410,7 +410,7 @@ const subjectForm = {
margin-bottom: 20px;
}
.subject-item {
::v-deep .subject-item {
background: white;
border-radius: 8px;
padding: 25px;
@@ -420,18 +420,18 @@ const subjectForm = {
border: 1px dashed #d9d9d9;
}
.subject-item:hover {
::v-deep .subject-item:hover {
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
/*transform: translateY(-1px);*/
}
.subject-header {
::v-deep .subject-header {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px;
}
.subject-toolbar {
::v-deep .subject-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
@@ -440,7 +440,7 @@ const subjectForm = {
border-top: 1px solid #eee;
}
.toolbar {
::v-deep .toolbar {
background: white;
padding: 15px;
border-radius: 8px;
@@ -448,12 +448,12 @@ const subjectForm = {
z-index: 1000;
}
.toolbar-btn {
::v-deep .toolbar-btn {
margin: 5px 0;
width: 100%;
}
.option-item {
::v-deep .option-item {
background: #f8f9fa;
border-radius: 4px;
padding: 10px;
@@ -462,33 +462,33 @@ const subjectForm = {
align-items: center;
}
.option-drag-handle {
::v-deep .option-drag-handle {
cursor: move;
margin-right: 10px;
color: #909399;
}
.option-content {
::v-deep .option-content {
flex-grow: 1;
margin-right: 10px;
}
.option-tools {
::v-deep .option-tools {
display: flex;
align-items: center;
gap: 10px;
}
.preview-dialog {
::v-deep .preview-dialog {
max-width: 800px;
margin: 0 auto;
}
.date-visible {
::v-deep .date-visible {
margin-left: 20px;
}
.subject-meta {
::v-deep .subject-meta {
display: flex;
flex-wrap: wrap;
gap: 15px;
@@ -498,7 +498,7 @@ const subjectForm = {
border-radius: 4px;
}
.image-preview {
::v-deep .image-preview {
max-width: 200px;
max-height: 200px;
margin-top: 10px;
@@ -506,24 +506,24 @@ const subjectForm = {
border: 1px solid #dcdfe6;
}
.drag-handler {
::v-deep .drag-handler {
cursor: move;
color: #909399;
margin-right: 10px;
}
.meta-info {
::v-deep .meta-info {
color: #909399;
font-size: 12px;
margin-top: 5px;
}
.subject-type-icon {
::v-deep .subject-type-icon {
margin-right: 5px;
}
.option-img-box {
::v-deep .option-img-box {
position: relative;
width: 40px;
height: 40px;
@@ -531,16 +531,16 @@ const subjectForm = {
flex-shrink: 0
}
.option-img-box:hover .el-icon-remove {
::v-deep .option-img-box:hover .el-icon-remove {
display: block;
}
.option-img-box img {
::v-deep .option-img-box img {
width: 100%;
height: 100%;
}
.option-img-box .el-icon-remove {
::v-deep .option-img-box .el-icon-remove {
position: absolute;
top: -7px;
right: -7px;
@@ -548,7 +548,7 @@ const subjectForm = {
display: none;
}
.option-img-box .el-icon-remove:hover {
::v-deep .option-img-box .el-icon-remove:hover {
transform: scale(1.1);
}
@@ -314,11 +314,11 @@ E.先进性"
}
},
style: /*language=CSS*/ `
.txt-import-dialog .el-dialog__body {
::v-deep .txt-import-dialog .el-dialog__body {
padding: 10px 20px;
}
.txt-import-container {
::v-deep .txt-import-container {
display: flex;
height: 80vh;
border-radius: 4px;
@@ -327,7 +327,7 @@ E.先进性"
background-color: #fff;
}
.txt-import-panel-header {
::v-deep .txt-import-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
@@ -337,7 +337,7 @@ E.先进性"
height: 32px; /* 统一高度 */
}
.txt-import-left-panel {
::v-deep .txt-import-left-panel {
width: 50%;
padding: 20px;
border-right: 1px solid #ebeef5;
@@ -345,7 +345,7 @@ E.先进性"
flex-direction: column;
}
.txt-import-right-panel {
::v-deep .txt-import-right-panel {
width: 50%;
padding: 20px;
background-color: #fff; /* 改为白色背景 */
@@ -354,22 +354,22 @@ E.先进性"
flex-direction: column;
}
.txt-import-title {
::v-deep .txt-import-title {
font-size: 16px;
font-weight: bold;
color: #303133;
}
.txt-import-format-tip {
::v-deep .txt-import-format-tip {
display: flex;
align-items: center;
}
.txt-import-format-tooltip {
::v-deep .txt-import-format-tooltip {
margin-left: 10px;
}
.txt-import-input-area {
::v-deep .txt-import-input-area {
flex: 1;
position: relative;
margin-bottom: 15px;
@@ -379,7 +379,7 @@ E.先进性"
padding: 2px;
}
.txt-import-textarea {
::v-deep .txt-import-textarea {
width: 100%;
height: 100%;
padding: 15px;
@@ -394,25 +394,25 @@ E.先进性"
background-color: transparent;
}
.txt-import-textarea:focus {
::v-deep .txt-import-textarea:focus {
box-shadow: 0 0 0 2px rgba(24,103,176,0.2);
}
.txt-import-action-buttons {
::v-deep .txt-import-action-buttons {
display: flex;
justify-content: flex-end;
margin-top: 10px;
gap: 10px;
}
.txt-import-stats {
::v-deep .txt-import-stats {
color: #1867b0;
font-size: 13px;
display: flex;
align-items: center;
}
.txt-import-result-display {
::v-deep .txt-import-result-display {
flex: 1;
overflow-y: auto;
background-color: #f9fafc; /* 只在结果显示区域使用浅灰色背景 */
@@ -421,7 +421,7 @@ E.先进性"
border: 1px solid #ebeef5;
}
.txt-import-no-questions {
::v-deep .txt-import-no-questions {
height: 100%;
display: flex;
align-items: center;
@@ -431,7 +431,7 @@ E.先进性"
padding: 20px;
}
.txt-import-question-item {
::v-deep .txt-import-question-item {
background-color: #fff;
margin-bottom: 15px;
padding: 15px;
@@ -441,12 +441,12 @@ E.先进性"
border-left: 3px solid #67c23a;
}
.txt-import-question-item:hover {
::v-deep .txt-import-question-item:hover {
box-shadow: 0 4px 12px 0 rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.txt-import-question-title {
::v-deep .txt-import-question-title {
font-size: 15px;
font-weight: bold;
margin-bottom: 12px;
@@ -454,7 +454,7 @@ E.先进性"
line-height: 1.5;
}
.txt-import-question-number {
::v-deep .txt-import-question-number {
display: inline-block;
width: 25px;
height: 25px;
@@ -467,11 +467,11 @@ E.先进性"
font-size: 13px;
}
.txt-import-options {
::v-deep .txt-import-options {
margin-bottom: 12px;
}
.txt-import-option-item {
::v-deep .txt-import-option-item {
margin-bottom: 8px;
padding: 8px 12px;
background-color: #f5f7fa;
@@ -483,27 +483,27 @@ E.先进性"
transition: all 0.2s;
}
.txt-import-option-item:hover {
::v-deep .txt-import-option-item:hover {
background-color: #ebeef5;
}
.txt-import-option-item.txt-import-correct {
::v-deep .txt-import-option-item.txt-import-correct {
background-color: #f0f9eb;
color: #67c23a;
border-left: 3px solid #67c23a;
}
.txt-import-option-text {
::v-deep .txt-import-option-text {
flex: 1;
}
.txt-import-correct-mark {
::v-deep .txt-import-correct-mark {
color: #67c23a;
font-weight: bold;
font-size: 16px;
}
.txt-import-question-meta {
::v-deep .txt-import-question-meta {
margin-top: 12px;
padding-top: 12px;
border-top: 1px dashed #ebeef5;
@@ -511,12 +511,12 @@ E.先进性"
color: #909399;
}
.txt-import-dialog-footer {
::v-deep .txt-import-dialog-footer {
display: flex;
justify-content: flex-end;
}
.txt-import-no-options {
::v-deep .txt-import-no-options {
padding: 10px;
color: #f56c6c;
font-style: italic;
@@ -66,7 +66,7 @@ layout("/layouts/platform.html"){
<el-table-column label="操作" fixed="right" width="300px">
<template slot-scope="{row}">
<el-button @click="openView(row)" size="mini" type="primary">查看</el-button>
<el-button v-if="row.taskState === 10" @click="openAudit(row)" size="mini" type="primary">答复
<el-button v-if="row.taskState === 10" @click="openAudit(row)" size="mini" type="primary">评价
</el-button>
<el-button v-if="row.canRevoke" @click="onRevoke(row)" size="mini" type="danger">撤回
</el-button>
@@ -10,7 +10,7 @@ layout("/layouts/platform.html"){
style="width: 100%"></el-date-picker>
</search-item>
<search-item label="标题">
<el-input v-model="pageForm.title" placeholder="标题" clearable></el-input>
<el-input v-model="pageForm.searchKeyword" placeholder="标题" clearable></el-input>
</search-item>
</search>
</el-card>