Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

食谱展示界面开发

Browse Source
This commit is contained in:
huangdeliang
2021-02-26 20:14:35 +08:00
parent e352e2f8aa
commit 9e87e1c9e8
38 changed files with 1536 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

387
stdiet-ui/src/views/custom/subhealthy/investigation/index.vue
View File

@ -1,33 +1,71 @@
<template>
<section>
<div style="padding: 5px; text-align: center">
<img :src="logo" style="width: 150px; height: 35px" alt="logo" />
<img :src="logo" style="width: auto; height: 35px" alt="logo" />
</div>
<div style="margin: 10px 15px 10px 15px;" >
<div style="margin: 10px 15px 10px 15px">
<el-steps :active="stepActive" finish-status="success">
<el-step v-for="(item,index) in stepArray" title=""></el-step>
<el-step
v-for="(item, index) in stepArray"
:key="index"
title=""
></el-step>
</el-steps>
</div>
<el-form ref="form" label-position="top" :model="form" :rules="rules" label-width="100px" style="padding: 16px">
<healthy-form1 v-show="stepArray[0]" :form.sync="form"></healthy-form1>
<healthy-form2 v-show="stepArray[1]" :form.sync="form"></healthy-form2>
<healthy-form3 v-show="stepArray[2]" :form.sync="form"></healthy-form3>
<healthy-form4 v-show="stepArray[3]" :form.sync="form"></healthy-form4>
<healthy-form5 v-show="stepArray[4]" :form.sync="form"></healthy-form5>
<healthy-form6 v-show="stepArray[5]" :form.sync="form"></healthy-form6>
<healthy-form7 v-show="stepArray[6]" :form.sync="form"></healthy-form7>
<healthy-form8 v-show="stepArray[7]" :form.sync="form"></healthy-form8>
<healthy-form9 v-show="stepArray[8]" ref="fileForm" @addOrEditHealthy="addCustomerHealthy()" :form.sync="form"></healthy-form9>
<el-form-item style="text-align: center; margin: 30px auto" >
<el-button @click="nextStep(-1)" style="margin-right: 10px;width: 40%" v-show="stepActive != 0">上一步</el-button>
<el-button type="primary" @click="nextStep(1)" style="width: 40%" v-show="stepActive != stepArray.length-1">下一步</el-button>
<el-button type="primary" @click="submit()" style="width: 40%" v-show="stepActive == stepArray.length-1">提交数据</el-button>
</el-form-item>
<el-form
ref="form"
label-position="top"
:model="form"
:rules="rules"
label-width="100px"
style="padding: 16px"
>
<healthy-form1 v-show="stepArray[0]" :form.sync="form"></healthy-form1>
<healthy-form2 v-show="stepArray[1]" :form.sync="form"></healthy-form2>
<healthy-form3 v-show="stepArray[2]" :form.sync="form"></healthy-form3>
<healthy-form4 v-show="stepArray[3]" :form.sync="form"></healthy-form4>
<healthy-form5 v-show="stepArray[4]" :form.sync="form"></healthy-form5>
<healthy-form6 v-show="stepArray[5]" :form.sync="form"></healthy-form6>
<healthy-form7 v-show="stepArray[6]" :form.sync="form"></healthy-form7>
<healthy-form8 v-show="stepArray[7]" :form.sync="form"></healthy-form8>
<healthy-form9
v-show="stepArray[8]"
ref="fileForm"
@addOrEditHealthy="addCustomerHealthy()"
:form.sync="form"
></healthy-form9>
<el-form-item style="text-align: center; margin: 30px auto">
<el-button
@click="nextStep(-1)"
style="margin-right: 10px; width: 40%"
v-show="stepActive != 0"
>上一步</el-button
>
<el-button
type="primary"
@click="nextStep(1)"
style="width: 40%"
v-show="stepActive != stepArray.length - 1"
>下一步</el-button
>
<el-button
type="primary"
@click="submit()"
style="width: 40%"
v-show="stepActive == stepArray.length - 1"
>提交数据</el-button
>
</el-form-item>
</el-form>
</section>
</template>
<script>
import { getDictData,addCustomerHealthy,physicalSignsList,getCustomerBaseMessage } from "@/api/custom/customerInvestigation";
import {
getDictData,
addCustomerHealthy,
physicalSignsList,
getCustomerBaseMessage,
} from "@/api/custom/customerInvestigation";
import * as healthyData from "@/utils/healthyData";
const logo = require("@/assets/logo/st_logo.png");
import Form1 from "@/components/HealthyForm/Form1";
@ -44,11 +82,11 @@ export default {
data() {
return {
//客户是否存在标识
customerExistFlag:false,
healthyData:healthyData,
customerExistFlag: false,
healthyData: healthyData,
logo,
submitFlag: false,
stepArray: [true,false,false,false,false,false,false,false,false],
stepArray: [true, false, false, false, false, false, false, false, false],
stepActive: 0,
form: {
customerEncId: null,
@ -59,23 +97,23 @@ export default {
age: null,
tall: null,
weight: null,
condiment:["1","2","3"],
otherCondiment:null,
cookingStyle: ["8","9","4","11"],
cookingStyleRate:[1,1,1,1,1,1],
washVegetablesStyle:["2"],
condiment: ["1", "2", "3"],
otherCondiment: null,
cookingStyle: ["8", "9", "4", "11"],
cookingStyleRate: [1, 1, 1, 1, 1, 1],
washVegetablesStyle: ["2"],
otherWashVegetablesStyle: null,
breakfastType:"2",
breakfastType: "2",
breakfastFood: null,
lunchType:["3"],
dinner:["2"],
lunchType: ["3"],
dinner: ["2"],
vegetableRate: 5,
commonMeat: null,
dinnerTime: "19:00",
supperNum:1,
supperFood:null,
supperNum: 1,
supperFood: null,
dietHotAndCold: "3",
dietFlavor: ["1","2"],
dietFlavor: ["1", "2"],
vegetablesNum: 1,
vegetablesRateType: "3",
fruitsNum: 1,
@ -85,28 +123,28 @@ export default {
riceFull: 8,
eatingSpeed: "3",
snacks: ["1"],
otherSnacks:null,
otherSnacks: null,
healthProductsFlag: 0,
healthProductsBrand:null,
healthProductsBrand: null,
healthProductsName: null,
healthProductsWeekRate:0,
healthProductsDayRate:0,
healthProductsWeekRate: 0,
healthProductsDayRate: 0,
waterNum: 1500,
waterType: ["3"],
waterHabit: ["5"],
drinksNum:[0,0,0,0,0,0,0,0],
drinksNum: [0, 0, 0, 0, 0, 0, 0, 0],
drinkWineFlag: "3",
drinkWineClassify:["3"],
drinkWineClassify: ["3"],
otherWineClassify: null,
drinkWineAmount:[0,0,0],
drinkWineAmount: [0, 0, 0],
smokeFlag: 0,
smokeRate:[0,0,0],
smokeRate: [0, 0, 0],
secondSmoke: 0,
workIndustry: null,
workType:["2"],
workType: ["2"],
defecationNum: 1,
otherDefecationNum:0,
otherDefecationNum: 0,
defecationTime: ["1"],
defecationShape: null,
defecationSmell: null,
@ -117,46 +155,46 @@ export default {
motionDuration: 40,
motionTime: "08:00",
//motionMode:"有氧",
aerobicMotionClassify:["2"],
anaerobicMotionClassify:[],
anaerobicAerobicMotionClassify:[],
aerobicMotionClassify: ["2"],
anaerobicMotionClassify: [],
anaerobicAerobicMotionClassify: [],
otherMotionClassify: null,
motionField:["1"],
otherMotionField:null,
motionField: ["1"],
otherMotionField: null,
sleepTime: "23:00",
sleepQuality:["2"],
sleepQuality: ["2"],
sleepDrugFlag: 0,
sleepDrug: null,
stayupLateFlag: 0,
stayupLateWeekNum: 0,
physicalSignsId:[],
physicalSignsId: [],
otherPhysicalSigns: null,
bloodData:[],
moistureDate:[],
familyIllnessHistory:[],
otherFamilyIllnessHistory:null,
operationHistory:[],
otherOperationHistory:null,
nearOperationFlag:0,
recoveryeSituation:null,
longEatDrugFlag:0,
longEatDrugClassify:[],
otherLongEatDrugClassify:null,
bloodData: [],
moistureDate: [],
familyIllnessHistory: [],
otherFamilyIllnessHistory: null,
operationHistory: [],
otherOperationHistory: null,
nearOperationFlag: 0,
recoveryeSituation: null,
longEatDrugFlag: 0,
longEatDrugClassify: [],
otherLongEatDrugClassify: null,
allergyFlag: 0,
allergySituation: null,
allergen:[],
otherAllergen:null,
medicalReport:[],
medicalReportName:[],
position:0,
allergen: [],
otherAllergen: null,
medicalReport: [],
medicalReportName: [],
position: 0,
experience: null,
rebound: 1,
difficulty:null,
crux:1,
dishesIngredient:null,
makeFoodType:3
difficulty: null,
crux: 1,
dishesIngredient: null,
makeFoodType: 3,
},
timer: null,
rules: {
@ -188,57 +226,59 @@ export default {
message: "体重格式不正确",
},
],
conditioningProjectId:[
{ required: true, trigger: "blur", message: "请选择调理项目" }
],
position:[
{ required: true, trigger: "blur", message: "请选择地理位置" }
]
}
conditioningProjectId: [
{ required: true, trigger: "blur", message: "请选择调理项目" },
],
position: [
{ required: true, trigger: "blur", message: "请选择地理位置" },
],
},
};
},
components: {
'healthy-form1': Form1,
'healthy-form2': Form2,
'healthy-form3': Form3,
'healthy-form4': Form4,
'healthy-form5': Form5,
'healthy-form6': Form6,
'healthy-form7': Form7,
'healthy-form8': Form8,
'healthy-form9': Form9,
"healthy-form1": Form1,
"healthy-form2": Form2,
"healthy-form3": Form3,
"healthy-form4": Form4,
"healthy-form5": Form5,
"healthy-form6": Form6,
"healthy-form7": Form7,
"healthy-form8": Form8,
"healthy-form9": Form9,
},
methods: {
//根据用户ID获取用户基本信息（手机号、姓名）
getCustomerBase(id){
if(id == null || id == undefined){
return;
}
getCustomerBaseMessage(id).then((response) => {
getCustomerBase(id) {
if (id == null || id == undefined) {
return;
}
getCustomerBaseMessage(id)
.then((response) => {
if (response.code === 200) {
if(response.data){
this.customerExistFlag = true;
this.form.name = response.data.name;
this.form.phone = response.data.phone;
}
if (response.data) {
this.customerExistFlag = true;
this.form.name = response.data.name;
this.form.phone = response.data.phone;
}
}
}).catch(function() {
})
.catch(function () {
console.log("error");
});
});
},
submit(){
if (this.submitFlag) {
this.$message({
message: "请勿重复提交，1分钟后重试",
type: "warning",
});
return;
}
submit() {
if (this.submitFlag) {
this.$message({
message: "请勿重复提交，1分钟后重试",
type: "warning",
});
return;
}
this.$refs.form.validate((valid) => {
if (valid) {
this.submitFlag = true;
this.timer = setTimeout(this.fail,1000*60);
this.$refs.fileForm.uploadFile();
this.submitFlag = true;
this.timer = setTimeout(this.fail, 1000 * 60);
this.$refs.fileForm.uploadFile();
} else {
this.$message({
message: "数据未填写完整",
@ -247,51 +287,53 @@ export default {
}
});
},
addCustomerHealthy(){
//数据处理
let cusMessage = Object.assign({}, this.form);
this.healthyData['arrayName'].forEach(function (item, index) {
cusMessage[item] = cusMessage[item] != null ? cusMessage[item].join(",") : null;
});
addCustomerHealthy(cusMessage).then((response) => {
if (response.code === 200) {
this.$notify({
title: "提交成功",
message: "",
type: "success",
});
}
}).catch(function() {
console.log("error");
addCustomerHealthy() {
//数据处理
let cusMessage = Object.assign({}, this.form);
this.healthyData["arrayName"].forEach(function (item, index) {
cusMessage[item] =
cusMessage[item] != null ? cusMessage[item].join(",") : null;
});
addCustomerHealthy(cusMessage)
.then((response) => {
if (response.code === 200) {
this.$notify({
title: "提交成功",
message: "",
type: "success",
});
}
})
.catch(function () {
console.log("error");
});
},
fail(){
fail() {
// console.log("定时--------");
this.submitFlag = false;
},
nextStep(step){
if(!this.customerExistFlag){
this.$message.error('客户不存在');
nextStep(step) {
if (!this.customerExistFlag) {
this.$message.error("客户不存在");
return;
}
this.$refs.form.validate((valid) => {
if(valid || step < 0){
if (valid || step < 0) {
this.stepArray[this.stepActive] = false;
this.stepActive = this.stepActive + step;
this.stepArray[this.stepActive] = true;
this.goTop();
}else{
} else {
this.$message({
message: "数据未填写完整",
type: "warning",
});
}
});
});
},
goTop (){
goTop() {
window.scroll(0, 0);
},
},
created() {
this.form.customerEncId = this.$route.params.id;
@ -304,45 +346,42 @@ export default {
</script>
<style scoped>
.el-form-item {
margin-bottom: 8px;
}
.el-form-item {
margin-bottom: 8px;
}
.p_title_1{
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}
.p_title_2{
font-size: 16px;
font-weight: bold;
margin-top: 30px;
}
.p_title_3{
font-size: 14px;
font-weight: bold;
margin-top: 30px;
}
.margin-left{
margin-left: 14px;
}
.el-input__inner{
width: 30%;
}
.margin-top-10{
margin-top: 10px;
}
.width-50-left-8-right-5{
width:50%;
margin-left: 8px;
margin-right: 5px;
}
.width-70-left-8-right-5{
width:70%;
margin-left: 8px;
margin-right: 5px;
}
.p_title_1 {
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}
.p_title_2 {
font-size: 16px;
font-weight: bold;
margin-top: 30px;
}
.p_title_3 {
font-size: 14px;
font-weight: bold;
margin-top: 30px;
}
.margin-left {
margin-left: 14px;
}
.el-input__inner {
width: 30%;
}
.margin-top-10 {
margin-top: 10px;
}
.width-50-left-8-right-5 {
width: 50%;
margin-left: 8px;
margin-right: 5px;
}
.width-70-left-8-right-5 {
width: 70%;
margin-left: 8px;
margin-right: 5px;
}
</style>