fix: 分辨率自适应,测试问题修改

dev_531
xiangcongshuai 9 months ago
parent 1af1bae4d2
commit 514bb51fc0

@ -229,6 +229,11 @@ const cancal = () => {
emit("save"); emit("save");
}; };
onMounted(() => { onMounted(() => {
if (useConsultationStoreHooks().planTypeFlag !== "") {
formData.disposalMethod = useConsultationStoreHooks().planTypeFlag;
getTree(formData.disposalMethod);
}
queryDrugList(); queryDrugList();
if (formData.disposalMethod) { if (formData.disposalMethod) {
getTree(formData.disposalMethod); getTree(formData.disposalMethod);

@ -356,7 +356,7 @@ onMounted(() => {
.desc { .desc {
margin-top: 16px; margin-top: 16px;
font-size: 12px; font-size: 16px;
font-weight: 400; font-weight: 400;
color: #2b3f54; color: #2b3f54;
} }

@ -11,6 +11,7 @@ import { onMounted } from "vue";
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import { FormInstance } from "element-plus"; import { FormInstance } from "element-plus";
import { message } from "@/utils/message"; import { message } from "@/utils/message";
import { useConsultationStoreHooks } from "@/store/modules/consultation";
const formData = reactive({ const formData = reactive({
evaluateLevel: undefined, evaluateLevel: undefined,
@ -79,6 +80,7 @@ const save = (formEl: FormInstance | undefined) => {
const res: any = await saveFeedback(params); const res: any = await saveFeedback(params);
if (res.code === 200) { if (res.code === 200) {
message("提交成功", { type: "success" }); message("提交成功", { type: "success" });
useConsultationStoreHooks().changeActivedKey(4);
getData(); getData();
} }
} else { } else {
@ -252,10 +254,11 @@ onMounted(() => {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 94px; padding-bottom: 16px;
border-bottom: 1px solid #5b8bff; border-bottom: 1px solid #5b8bff;
.main_item_left { .main_item_left {
flex: 1;
padding-top: 24px; padding-top: 24px;
font-size: 16px; font-size: 16px;
color: #2b3f54; color: #2b3f54;
@ -263,6 +266,7 @@ onMounted(() => {
.main_item_right { .main_item_right {
display: flex; display: flex;
width: 200px;
.main_item_right_item { .main_item_right_item {
display: flex; display: flex;

@ -54,3 +54,11 @@ const selectPostion = val => {
/> />
</div> </div>
</template> </template>
<style lang="scss" scoped>
.positionDetails {
position: relative;
width: 720px;
height: 790px;
margin-left: 20px;
}
</style>

@ -190,6 +190,14 @@ const selectPostion = val => {
}); });
} }
}; };
//
// const closedCard = () => {
// useConsultationStoreHooks().changeBodyResultInfo({
// name: "",
// value: "",
// postion: ""
// });
// };
</script> </script>
<template> <template>
@ -290,16 +298,17 @@ const selectPostion = val => {
v-show="selectToolInfo.toolName || bodyResultInfo.value" v-show="selectToolInfo.toolName || bodyResultInfo.value"
class="result_card" class="result_card"
> >
<div v-show="bodyResultInfo.name" class="result_card_left"> <div class="result_card_content">
<span>{{ bodyResultInfo.name }}</span> <div v-show="bodyResultInfo.name" class="result_card_left">
<span style="margin-top: 16px" v-show="bodyResultInfo.postion">{{ <span>{{ bodyResultInfo.name }}</span>
bodyResultInfo.postion <span style="margin-top: 16px" v-show="bodyResultInfo.postion">{{
}}</span> bodyResultInfo.postion
</div> }}</span>
<div v-show="bodyResultInfo.name" class="result_card_right"> </div>
<span :title="bodyResultInfo.value">{{ bodyResultInfo.value }}</span> <div v-show="bodyResultInfo.name" class="result_card_right">
</div> <span :title="bodyResultInfo.value">{{ bodyResultInfo.value }}</span>
<!-- <div v-show="bodyResultInfo.name" class="result_card_item"> </div>
<!-- <div v-show="bodyResultInfo.name" class="result_card_item">
{{ `体格检查项:${bodyResultInfo.name}` }} {{ `体格检查项:${bodyResultInfo.name}` }}
</div> </div>
<div v-show="bodyResultInfo.value" class="result_card_item"> <div v-show="bodyResultInfo.value" class="result_card_item">
@ -308,8 +317,10 @@ const selectPostion = val => {
<div v-show="bodyResultInfo.postion" class="result_card_item"> <div v-show="bodyResultInfo.postion" class="result_card_item">
{{ `测量位置:${bodyResultInfo.postion}` }} {{ `测量位置:${bodyResultInfo.postion}` }}
</div> --> </div> -->
<div v-show="!bodyResultInfo.name" class="result_card_item"> <div v-show="!bodyResultInfo.name" class="result_card_item">
请点击需要检查的身体部位 请点击需要检查的身体部位
</div>
<!-- <el-icon class="closed"><Close @click="closedCard" /></el-icon> -->
</div> </div>
</div> </div>
@ -548,12 +559,13 @@ const selectPostion = val => {
} }
.result_card { .result_card {
position: absolute; position: fixed;
bottom: 10px; bottom: 65px;
left: 0; left: 600px;
z-index: 999999; z-index: 1;
display: flex; display: flex;
width: 98%; width: calc(100% - 1220px);
min-width: 730px;
min-height: 105px; min-height: 105px;
padding: 24px; padding: 24px;
font-size: 16px; font-size: 16px;
@ -565,6 +577,19 @@ const selectPostion = val => {
border-radius: 6px; border-radius: 6px;
box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%); box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);
.result_card_content {
position: relative;
display: flex;
width: 100%;
.closed {
position: absolute;
top: -10px;
right: -10px;
cursor: pointer;
}
}
.result_card_left { .result_card_left {
display: flex; display: flex;
flex-direction: column; flex-direction: column;

Loading…
Cancel
Save