This commit is contained in:
xiezhijun 2021-03-23 18:46:24 +08:00
commit c2d6a3c3df
9 changed files with 234 additions and 220 deletions

View File

@ -29,10 +29,21 @@
>
<div v-for="con in item.content" :key="con.value">
<text-info
v-if="item.title !== '体检报告'"
:title="con.title"
:value="data[con.value]"
extraclass="text-info-extra"
/>
<div v-else>
<span :style="{ color: '#8c8c8c' }">{{ con.title }}:</span>
<el-image
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="getImgUrl(data[con.value])"
:preview-src-list="[getImgUrl(data[con.value])]"
/>
</div>
</div>
</el-collapse-item>
</el-collapse>
@ -229,6 +240,9 @@ export default {
};
},
methods: {
getImgUrl(path) {
return `${window.location.origin}${path}`;
},
handleOnRemark() {
this.open = true;
},

View File

@ -6,228 +6,211 @@
@closed="onClosed"
:width="dialogWidth"
>
<div style="display:flex;flex-direction:row">
<div v-if="showFlag" style="float: left;width: 900px">
<div
style="float: right; margin-top: -10px; margin-bottom: 10px"
v-show="dataList.length > 0"
>
<!-- 只有新版健康评估信息才可修改旧的体征数据不支持修改 -->
<el-button
type="info"
v-show="dataType == 0"
@click="generateReport()"
plain
>下载报告</el-button
>
<el-button
type="info"
v-show="dataType == 0"
@click="handleEditGuidanceClick()"
plain
>减脂指导</el-button
>
<el-button
v-hasPermi="['custom:healthy:edit']"
type="info"
v-show="dataType == 0"
@click="handleEditRemarkClick()"
plain
>修改备注</el-button
>
<el-button
v-hasPermi="['custom:healthy:edit']"
type="warning"
v-show="dataType == 0"
@click="handleEditHealthyClick()"
plain
>修改信息</el-button
>
<el-button
type="danger"
v-hasPermi="['custom:healthy:remove']"
@click="handleDelete()"
plain
>删除信息</el-button
>
</div>
<!-- 客户健康评估 -->
<div v-if="dataList.length > 0 && dataType == 0">
<!-- 基础信息 -->
<div style="display: flex; flex-direction: row">
<div v-if="showFlag" style="float: left; width: 900px">
<div
v-for="(item, index) in dataList.slice(0, 1)"
style="margin-bottom: 50px"
:key="index"
style="float: right; margin-top: -10px; margin-bottom: 10px"
v-show="dataList.length > 0"
>
<div>
<p class="p_title_1" style="margin-top: 5px">
{{ titleArray[index] }}
</p>
<table-detail-message :data="item"></table-detail-message>
</div>
<!-- 备注 -->
<el-table
:data="remarkList"
:show-header="false"
border
:cell-style="remarkColumnStyle"
style="width: 100%"
<!-- 只有新版健康评估信息才可修改旧的体征数据不支持修改 -->
<el-button
type="info"
v-show="dataType == 0"
@click="generateReport()"
plain
>下载报告</el-button
>
<el-table-column width="140" prop="remarkTitle"> </el-table-column>
<el-table-column prop="remarkValue">
<template slot-scope="scope">
<auto-hide-message
:data="scope.row.remarkValue"
:maxLength="100"
/></template>
</el-table-column>
</el-table>
<!-- 指导 -->
<el-table
:data="guidanceList"
:show-header="false"
border
:cell-style="remarkColumnStyle"
style="width: 100%"
<el-button
type="info"
v-show="dataType == 0"
@click="handleEditGuidanceClick()"
plain
>减脂指导</el-button
>
<el-button
v-hasPermi="['custom:healthy:edit']"
type="info"
v-show="dataType == 0"
@click="handleEditRemarkClick()"
plain
>修改备注</el-button
>
<el-button
v-hasPermi="['custom:healthy:edit']"
type="warning"
v-show="dataType == 0"
@click="handleEditHealthyClick()"
plain
>修改信息</el-button
>
<el-button
type="danger"
v-hasPermi="['custom:healthy:remove']"
@click="handleDelete()"
plain
>删除信息</el-button
>
<el-table-column width="140" prop="guidanceTitle">
</el-table-column>
<el-table-column prop="guidanceValue">
<template slot-scope="scope">
<auto-hide-message
:data="scope.row.guidanceValue"
:maxLength="100"
/></template>
</el-table-column>
</el-table>
</div>
<!-- 其他信息 -->
<div style="height: 390px; overflow: auto">
<!-- 客户健康评估 -->
<div v-if="dataList.length > 0 && dataType == 0">
<!-- 基础信息 -->
<div
v-for="(item, index) in dataList.slice(1, 10)"
v-for="(item, index) in dataList.slice(0, 1)"
style="margin-bottom: 50px"
:key="index"
>
<div>
<p class="p_title_1" style="margin-top: 5px">
{{ titleArray[index + 1] }}
{{ titleArray[index] }}
</p>
<table-detail-message
:data="item"
v-if="index != dataList.length - 2"
></table-detail-message>
<el-table
:show-header="false"
v-if="index == dataList.length - 2"
:data="item"
border
:cell-style="columnStyle"
style="width: 100%"
>
<el-table-column width="140" prop="attr_name_one">
</el-table-column>
<el-table-column prop="value_one">
<template slot-scope="scope">
<auto-hide-message
:data="
scope.row.value_one == null
? ''
: scope.row.value_one + ''
"
:maxLength="20"
/>
<el-button
type="primary"
v-show="scope.row.value_one"
@click="downloadFile(medicalReportPathArray[0])"
>下载</el-button
>
</template>
</el-table-column>
<el-table-column
width="140"
prop="attr_name_two"
></el-table-column>
<el-table-column prop="value_two">
<template slot-scope="scope">
<auto-hide-message
:data="
scope.row.value_two == null
? ''
: scope.row.value_two + ''
"
:maxLength="20"
/>
<el-button
type="primary"
v-show="scope.row.value_two"
@click="downloadFile(medicalReportPathArray[1])"
>下载</el-button
>
</template>
</el-table-column>
<el-table-column
width="140"
prop="attr_name_three"
></el-table-column>
<el-table-column prop="value_three">
<template slot-scope="scope">
<auto-hide-message
:data="
scope.row.value_three == null
? ''
: scope.row.value_three + ''
"
:maxLength="20"
/>
<el-button
type="primary"
v-show="scope.row.value_three"
@click="downloadFile(medicalReportPathArray[2])"
>下载</el-button
>
</template>
</el-table-column>
</el-table>
<table-detail-message :data="item"></table-detail-message>
</div>
<!-- 备注 -->
<el-table
:data="remarkList"
:show-header="false"
border
:cell-style="remarkColumnStyle"
style="width: 100%"
>
<el-table-column width="140" prop="remarkTitle">
</el-table-column>
<el-table-column prop="remarkValue">
<template slot-scope="scope">
<auto-hide-message
:data="scope.row.remarkValue"
:maxLength="100"
/></template>
</el-table-column>
</el-table>
<!-- 指导 -->
<el-table
:data="guidanceList"
:show-header="false"
border
:cell-style="remarkColumnStyle"
style="width: 100%"
>
<el-table-column width="140" prop="guidanceTitle">
</el-table-column>
<el-table-column prop="guidanceValue">
<template slot-scope="scope">
<auto-hide-message
:data="scope.row.guidanceValue"
:maxLength="100"
/></template>
</el-table-column>
</el-table>
</div>
<!-- 其他信息 -->
<div style="height: 390px; overflow: auto">
<div
v-for="(item, index) in dataList.slice(1, 10)"
style="margin-bottom: 50px"
:key="index"
>
<div>
<p class="p_title_1" style="margin-top: 5px">
{{ titleArray[index + 1] }}
</p>
<table-detail-message
:data="item"
v-if="index != dataList.length - 2"
></table-detail-message>
<el-table
:show-header="false"
v-if="index == dataList.length - 2"
:data="item"
border
:cell-style="columnStyle"
style="width: 100%"
>
<el-table-column width="140" prop="attr_name_one">
</el-table-column>
<el-table-column prop="value_one">
<template slot-scope="scope">
<el-image
v-if="scope.row.value_one"
title="点击大图预览"
style="width: auto; height: 80px"
fit="contain"
:src="getImgUrl(0)"
:preview-src-list="[getImgUrl(0)]"
/>
</template>
</el-table-column>
<el-table-column
width="140"
prop="attr_name_two"
></el-table-column>
<el-table-column prop="value_two">
<template slot-scope="scope">
<el-image
v-if="scope.row.value_two"
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="getImgUrl(1)"
:preview-src-list="[getImgUrl(1)]"
/>
</template>
</el-table-column>
<el-table-column
width="140"
prop="attr_name_three"
></el-table-column>
<el-table-column prop="value_three">
<template slot-scope="scope">
<el-image
v-if="scope.row.value_three"
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="getImgUrl(2)"
:preview-src-list="[getImgUrl(2)]"
/>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
</div>
<!-- 客户体征 -->
<div v-else>
<table-detail-message
v-show="dataList.length > 0"
:data="dataList"
></table-detail-message>
<div
v-show="dataList.length == 0"
style="font-size: 20px; text-align: center"
>
<VueQr :text="copyValue" :logoSrc="logo" :size="256" />
<div style="text-align: center; margin-top: 20px">
<el-button
icon="el-icon-share"
size="small"
title="点击复制链接"
class="copyBtn"
type="primary"
:data-clipboard-text="copyValue"
@click="handleCopy()"
>健康评估表链接
</el-button>
</div>
</div>
</div>
</div>
<!-- 客户体征 -->
<div v-else>
<table-detail-message
v-show="dataList.length > 0"
:data="dataList"
></table-detail-message>
<div
v-show="dataList.length == 0"
style="font-size: 20px; text-align: center"
>
<VueQr :text="copyValue" :logoSrc="logo" :size="256" />
<div style="text-align: center; margin-top: 20px">
<el-button
icon="el-icon-share"
size="small"
title="点击复制链接"
class="copyBtn"
type="primary"
:data-clipboard-text="copyValue"
@click="handleCopy()"
>健康评估表链接
</el-button>
</div>
</div>
<div style="width: 200px" v-show="guidanceShow">
<!-- 编辑减脂指导 -->
<physicalSigns-guidance
ref="physicalSignsGuidanceDialog"
@close="editGuidanceShow(false)"
@refreshHealthyData="getCustomerHealthyByCusId()"
></physicalSigns-guidance>
</div>
</div>
<div style="width: 200px;" v-show="guidanceShow">
<!-- 编辑减脂指导 -->
<physicalSigns-guidance
ref="physicalSignsGuidanceDialog"
@close="editGuidanceShow(false)"
@refreshHealthyData="getCustomerHealthyByCusId()"
></physicalSigns-guidance>
</div>
</div>
<!-- 编辑 -->
<physicalSigns-edit
ref="physicalSignsEditDialog"
@ -238,7 +221,6 @@
ref="physicalSignsRemarkDialog"
@refreshHealthyData="getCustomerHealthyByCusId()"
></physicalSigns-remark>
</el-dialog>
</template>
<script>
@ -411,11 +393,13 @@ export default {
copyValue: "",
detailHealthy: null,
dialogWidth: "950px",
guidanceShow : false
guidanceShow: false,
};
},
methods: {
getImgUrl(idx) {
return `${window.location.origin}${this.medicalReportPathArray[idx]}`;
},
//
columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex % 2 === 0) {
@ -781,7 +765,9 @@ export default {
return signList.length > 0 ? signStr.substring(1) : signStr;
},
downloadFile(fileName) {
this.downloadResource(fileName);
// this.downloadResource(fileName);
// this.previewVisible = true;
// this.previewUrl = `${window.location.origin}${fileName}`;
},
generateReport() {
let data = this.detailHealthy;
@ -868,15 +854,15 @@ export default {
this.healthyData
);
},
editGuidanceShow(flag){
editGuidanceShow(flag) {
this.guidanceShow = flag;
this.dialogWidth = flag ? "1200px" : "950px";
}
},
},
};
</script>
<style scoped>
<style lang="scss" scoped>
.margin-top-20 {
margin-top: 20px;
}
@ -885,4 +871,13 @@ export default {
font-weight: bold;
margin-top: 20px;
}
.preview_dialog_wrapper {
.preview_content {
text-align: center;
.preview_img {
max-height: 600px;
width: auto;
}
}
}
</style>

View File

@ -175,7 +175,7 @@ export default {
},
methods: {
showDrawer(data) {
console.log(data);
// console.log(data);
this.data = data;
if (!this.data) {
return;
@ -288,7 +288,7 @@ export default {
this.reset();
},
handleOnDelete(data) {
console.log(data);
// console.log(data);
this.$confirm("此操作将删除对计划的食谱, 是否继续?", "提示", {
confirmButtonText: "确定",

View File

@ -609,6 +609,12 @@ export function dealHealthy(customerHealthy) {
? `${customerHealthy.otherOperationHistory}`
: "";
}
if (customerHealthy.hasOwnProperty("medicalReport")) {
const urls = customerHealthy.medicalReport.split(",");
customerHealthy.medicalReport_one = urls[0];
customerHealthy.medicalReport_two = urls[1];
customerHealthy.medicalReport_three = urls[2];
}
if (customerHealthy.hasOwnProperty("defecationNum")) {
customerHealthy.defecationNum += "次/天";
}

View File

@ -732,7 +732,7 @@ export default {
});
},
handleOnUploadPreview(file) {
console.log(file);
// console.log(file);
this.previewTitle = file.name;
this.previewVisible = true;
this.previewUrl = file.url;

View File

@ -113,9 +113,8 @@ export default {
left: 100,
itemWidth: 8,
itemHeight: 8,
pageIconSize: 10,
textStyle: {
fontSize: 10,
fontSize: 12,
},
},
dataset: {

View File

@ -144,7 +144,7 @@ export default {
itemHeight: 8,
pageIconSize: 10,
textStyle: {
fontSize: 10,
fontSize: 12,
},
},
tooltip: {
@ -173,7 +173,7 @@ export default {
name: this.type === "weight" ? "质量/克" : "热量/千卡",
nameTextStyle: {
color: "#262626",
fontSize: 10,
fontSize: 12,
},
},
series: source[0].slice(1).map((name, idx) => ({

View File

@ -50,7 +50,7 @@ export default {
this.activeName = tab.name;
},
handleOnDayClick(data) {
console.log(data);
// console.log(data);
const { id, numDay } = data;
if (this.selectedIgd !== id) {
this.selectedIgd = id;

View File

@ -90,7 +90,7 @@ export default {
typeName: this.menuTypeDict[type],
values: mData[type],
}));
console.log(mMenus);
// console.log(mMenus);
return mMenus;
},
...mapState(["cusUnitDict", "cusWeightDict", "menuTypeDict"]),