update:NPS UI修改

This commit is contained in:
du.meimei
2025-03-16 11:07:22 +08:00
parent bb3808bbf9
commit 5fea34f1bb
9 changed files with 33 additions and 32 deletions

View File

@@ -87,7 +87,7 @@
:active="chooseQuestionId === element.id" :active="chooseQuestionId === element.id"
@update:element="updateElement" @update:element="updateElement"
/> />
<!--图文--> <!--NPS-->
<NPS <NPS
v-if="element.question_type === 106" v-if="element.question_type === 106"
:element="computedElement(element)" :element="computedElement(element)"

View File

@@ -260,8 +260,8 @@ const getSkipTypeText = (skipType) => {
const ls = []; const ls = [];
logics.map((item) => { logics.map((item) => {
if ( if (
item.skip_type === skipType item.skip_type === skipType &&
&& item.question_index === activeQuestion.value.question_index item.question_index === activeQuestion.value.question_index
) { ) {
ls.push(item); ls.push(item);
} }
@@ -316,8 +316,8 @@ const updateConfig = (value) => {
.question-action-container { .question-action-container {
font-size: 20px; font-size: 20px;
& .mobilefont{ & .mobilefont {
font-size:18px; font-size: 18px;
} }
& .van-icon + .van-icon { & .van-icon + .van-icon {

View File

@@ -19,12 +19,12 @@
:key="optionIndex" :key="optionIndex"
@click="chooseOption(item)" @click="chooseOption(item)"
> >
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
<div class="tips"> <div class="tips">
<p>{{ element.config.prompt_left }}</p> <p>{{ element.config.prompt_left }}</p>
<p>{{ element.config.prompt_center }}</p> <p>{{ element.config.prompt_center }}</p>
<p>{{ element.config.prompt_right }}</p> <p>{{ element.config.prompt_right }}</p>
</div> </div>
<RateCharacter v-model="answerValue" :config="element.config"></RateCharacter>
</div> </div>
</div> </div>
</template> </template>
@@ -71,6 +71,6 @@ const chooseOption = (item) => {
.tips { .tips {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: #bfbfbf; color: #b8b8b8;
} }
</style> </style>

View File

@@ -5,6 +5,7 @@
:label="element.stem" :label="element.stem"
:required="element.config.is_required === 1" :required="element.config.is_required === 1"
label-align="top" label-align="top"
class="contenteditable-question-title"
> >
<template #left-icon> <template #left-icon>
{{ index + 1 }} {{ index + 1 }}

View File

@@ -95,7 +95,7 @@ ul {
.rate_item { .rate_item {
margin: 0 3px; margin: 0 3px;
margin-top: 5px; margin-top: 5px;
padding: 0 7px; padding: 0 6px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
color: #666; color: #666;

View File

@@ -9,7 +9,7 @@ import { onMounted, ref } from 'vue';
const contentShow = ref(false); const contentShow = ref(false);
const show = ref(false); const show = ref(false);
onMounted(async() => { onMounted(async () => {
contentShow.value = true; contentShow.value = true;
// if (utils.getSessionStorage('xToken')) { // if (utils.getSessionStorage('xToken')) {
// const appToken = utils.getParameter('digitalYiliToken'); // const appToken = utils.getParameter('digitalYiliToken');

View File

@@ -96,9 +96,7 @@ onMounted(() => {
color: #000; color: #000;
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
font-family: font-family: PingFangSC, 'PingFang SC';
PingFangSC,
'PingFang SC';
} }
} }
@@ -114,8 +112,6 @@ onMounted(() => {
color: #000; color: #000;
font-weight: 400; font-weight: 400;
font-size: 0.34rem; font-size: 0.34rem;
//font-family: PingFangHK, PingFangHK;
} }
} }
</style> </style>

View File

@@ -20,7 +20,7 @@ const marketList = ref([]);
const active = ref(null); const active = ref(null);
const marketInfo = ref([]); const marketInfo = ref([]);
const getTableList = async() => { const getTableList = async () => {
const res = await getListScene(); const res = await getListScene();
if (res.data.code === 0) { if (res.data.code === 0) {
res.data.data.forEach((item) => { res.data.data.forEach((item) => {
@@ -32,7 +32,7 @@ const getTableList = async() => {
getMarketInfo(marketList.value[0]); getMarketInfo(marketList.value[0]);
} }
}; };
const getMarketInfo = async(item) => { const getMarketInfo = async (item) => {
const code = marketList.value.filter((market, index) => item === index)[0].code; const code = marketList.value.filter((market, index) => item === index)[0].code;
const params = { const params = {
page: 1, page: 1,

View File

@@ -601,34 +601,38 @@ onMounted(async () => {
//font-size: 12px; //font-size: 12px;
} }
} }
::v-deep .van-popup--bottom.van-popup--round { ::v-deep .van-popup--bottom.van-popup--round {
background-color: #f2f2f2 !important; background-color: #f2f2f2 !important;
} }
.setting_title {
font-family:
PingFangSC,
PingFang SC;
font-weight: bold;
font-size: 19px;
color: #000000;
.setting_title {
color: #000;
font-weight: bold;
font-style: normal;
font-size: 19px;
font-family: PingFangSC, 'PingFang SC';
line-height: 26px; line-height: 26px;
text-align: left; text-align: left;
font-style: normal;
} }
.setting_group { .setting_group {
padding: 10px; padding: 10px;
background-color: #f2f2f2; background-color: #f2f2f2;
} }
.setting_block { .setting_block {
border-radius: 12px; border-radius: 12px;
} }
.border-top { .border-top {
border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0;
} }
.border-bottom { .border-bottom {
border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px;
} }
.result-cell { .result-cell {
margin: 10px 5px; margin: 10px 5px;
padding: 5px; padding: 5px;