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

Merge branch 'master' of https://gitee.com/darlk/ShengTangManage into xzj

Browse Source
This commit is contained in:
xiezhijun
2021-03-17 18:37:00 +08:00
parent b78a68c807 65b6505ef0
commit 75d11bb9e3
12 changed files with 454 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredentFile.java
View File

@ -11,17 +11,17 @@ public class SysIngredentFile {
Long igdId;
String fileUrl;
String url;
String fileName;
String name;
Integer delFlag;
Long createBy;
String createBy;
Date createTime;
Long updateBy;
String updateBy;
Date updateTime;
}

3
stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredient.java
View File

@ -6,6 +6,7 @@ import lombok.Data;
import java.math.BigDecimal;
import java.util.Date;
import java.util.List;
/**
* 食材对象 sys_ingredient
@ -110,4 +111,6 @@ public class SysIngredient {
*/
private String info;
private List<SysIngredentFile> imgList;
}

39
stdiet-custom/src/main/java/com/stdiet/custom/mapper/SysIngredientMapper.java
View File

@ -1,28 +1,27 @@
package com.stdiet.custom.mapper;
import java.util.List;
import com.stdiet.custom.domain.SysIngredentFile;
import com.stdiet.custom.domain.SysIngredient;
import com.stdiet.custom.domain.SysIngredientNotRec;
import com.stdiet.custom.domain.SysIngredientRec;
import org.apache.ibatis.annotations.Param;
import java.util.List;
/**
* 食材Mapper接口
*
* @author wonder
* @date 2020-12-15
*/
public interface SysIngredientMapper
{
public interface SysIngredientMapper {
/**
* 查询食材
*
* @param id 食材ID
* @return 食材
*/
public SysIngredient selectSysIngredientById(Long id);
SysIngredient selectSysIngredientById(Long id);
/**
* 查询食材列表
@ -30,7 +29,7 @@ public interface SysIngredientMapper
* @param sysIngredient 食材
* @return 食材集合
*/
public List<SysIngredient> selectSysIngredientList(SysIngredient sysIngredient);
List<SysIngredient> selectSysIngredientList(SysIngredient sysIngredient);
/**
* 新增食材
@ -38,7 +37,7 @@ public interface SysIngredientMapper
* @param sysIngredient 食材
* @return 结果
*/
public int insertSysIngredient(SysIngredient sysIngredient);
int insertSysIngredient(SysIngredient sysIngredient);
/**
* 修改食材
@ -46,7 +45,7 @@ public interface SysIngredientMapper
* @param sysIngredient 食材
* @return 结果
*/
public int updateSysIngredient(SysIngredient sysIngredient);
int updateSysIngredient(SysIngredient sysIngredient);
/**
* 删除食材
@ -54,7 +53,7 @@ public interface SysIngredientMapper
* @param id 食材ID
* @return 结果
*/
public int deleteSysIngredientById(Long id);
int deleteSysIngredientById(Long id);
/**
* 批量删除食材
@ -62,26 +61,30 @@ public interface SysIngredientMapper
* @param ids 需要删除的数据ID
* @return 结果
*/
public int deleteSysIngredientByIds(Long[] ids);
int deleteSysIngredientByIds(Long[] ids);
public int batchIngredientRec(List<SysIngredientRec> ingredientRecList);
int batchIngredientRec(List<SysIngredientRec> ingredientRecList);
public int batchIngredientNotRec(List<SysIngredientNotRec> ingredientNotRecList);
int batchIngredientNotRec(List<SysIngredientNotRec> ingredientNotRecList);
public int deleteIngredentRecByIngredientId(Long recId);
int deleteIngredientRecByIngredientId(Long recId);
public int deleteIngredentNotRecByIngredientId(Long notRecId);
int deleteIngredientNotRecByIngredientId(Long notRecId);
public int deleteIngredentRecByIngredientIds(Long[] id);
int deleteIngredientRecByIngredientIds(Long[] id);
public int deleteIngredentNotRecByIngredientIds(Long[] id);
int deleteIngredientNotRecByIngredientIds(Long[] id);
/**
* 根据食材名称查询食材信息
*
* @param name
* @return
*/
public SysIngredient selectSysIngredientByName(@Param("name") String name);
SysIngredient selectSysIngredientByName(@Param("name") String name);
int batchInsertIngredientImage(List<SysIngredentFile> list);
int deleteIngredientImageById(Long id);
int batchInsertIngredientImage(List<SysIngredentFile> ingredentFiles);
}

67
stdiet-custom/src/main/java/com/stdiet/custom/service/impl/SysIngredientServiceImpl.java
View File

@ -1,7 +1,10 @@
package com.stdiet.custom.service.impl;
import com.stdiet.common.utils.DateUtils;
import com.stdiet.common.utils.SecurityUtils;
import com.stdiet.common.utils.StringUtils;
import com.stdiet.common.utils.oss.AliyunOSSUtils;
import com.stdiet.custom.domain.SysIngredentFile;
import com.stdiet.custom.domain.SysIngredient;
import com.stdiet.custom.domain.SysIngredientNotRec;
import com.stdiet.custom.domain.SysIngredientRec;
@ -32,7 +35,16 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
*/
@Override
public SysIngredient selectSysIngredientById(Long id) {
return sysIngredientMapper.selectSysIngredientById(id);
SysIngredient ingredient = sysIngredientMapper.selectSysIngredientById(id);
if (StringUtils.isNotNull(ingredient)) {
List<SysIngredentFile> imgList = ingredient.getImgList();
if (StringUtils.isNotEmpty(imgList)) {
for (SysIngredentFile file : imgList) {
file.setUrl(AliyunOSSUtils.generatePresignedUrl(file.getUrl()));
}
}
}
return ingredient;
}
/**
@ -43,7 +55,18 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
*/
@Override
public List<SysIngredient> selectSysIngredientList(SysIngredient sysIngredient) {
return sysIngredientMapper.selectSysIngredientList(sysIngredient);
List<SysIngredient> ingredients = sysIngredientMapper.selectSysIngredientList(sysIngredient);
if (StringUtils.isNotEmpty(ingredients)) {
for (SysIngredient ingredient : ingredients) {
List<SysIngredentFile> imgList = ingredient.getImgList();
if (StringUtils.isNotEmpty(imgList)) {
for (SysIngredentFile file : imgList) {
file.setUrl(AliyunOSSUtils.generatePresignedUrl(file.getUrl()));
}
}
}
}
return ingredients;
}
/**
@ -61,13 +84,13 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
//
insertNotRecommand(sysIngredient);
//
insertImageFiles(sysIngredient);
return rows;
}
/**
* 新增推荐标签
*
* @param ingredient
*/
public void insertRecommand(SysIngredient ingredient) {
@ -88,6 +111,7 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
/**
* 新增不推荐标签
*
* @param ingredient
*/
public void insertNotRecommand(SysIngredient ingredient) {
@ -106,6 +130,26 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
}
}
/**
* 新增图片
*
* @param ingredient
*/
public void insertImageFiles(SysIngredient ingredient) {
if (StringUtils.isNotNull(ingredient.getImgList())) {
List<SysIngredentFile> fileList = ingredient.getImgList();
for (SysIngredentFile file : fileList) {
file.setIgdId(ingredient.getId());
file.setCreateBy(SecurityUtils.getUsername());
file.setCreateTime(DateUtils.getNowDate());
}
if (fileList.size() > 0) {
sysIngredientMapper.batchInsertIngredientImage(fileList);
}
}
}
/**
* 修改食材
*
@ -116,10 +160,12 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
public int updateSysIngredient(SysIngredient sysIngredient) {
sysIngredient.setUpdateTime(DateUtils.getNowDate());
Long ingredientId = sysIngredient.getId();
sysIngredientMapper.deleteIngredentNotRecByIngredientId(ingredientId);
sysIngredientMapper.deleteIngredientNotRecByIngredientId(ingredientId);
insertNotRecommand(sysIngredient);
sysIngredientMapper.deleteIngredentRecByIngredientId(ingredientId);
sysIngredientMapper.deleteIngredientRecByIngredientId(ingredientId);
insertRecommand(sysIngredient);
sysIngredientMapper.deleteIngredientImageById(ingredientId);
insertImageFiles(sysIngredient);
return sysIngredientMapper.updateSysIngredient(sysIngredient);
}
@ -131,8 +177,8 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
*/
@Override
public int deleteSysIngredientByIds(Long[] ids) {
sysIngredientMapper.deleteIngredentRecByIngredientIds(ids);
sysIngredientMapper.deleteIngredentNotRecByIngredientIds(ids);
sysIngredientMapper.deleteIngredientRecByIngredientIds(ids);
sysIngredientMapper.deleteIngredientNotRecByIngredientIds(ids);
return sysIngredientMapper.deleteSysIngredientByIds(ids);
}
@ -144,13 +190,14 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
*/
@Override
public int deleteSysIngredientById(Long id) {
sysIngredientMapper.deleteIngredentRecByIngredientId(id);
sysIngredientMapper.deleteIngredentNotRecByIngredientId(id);
sysIngredientMapper.deleteIngredientRecByIngredientId(id);
sysIngredientMapper.deleteIngredientNotRecByIngredientId(id);
return sysIngredientMapper.deleteSysIngredientById(id);
}
/**
* 根据食材名称查询食材信息
*
* @param name
* @return
*/

29
stdiet-custom/src/main/resources/mapper/custom/SysIngredientMapper.xml
View File

@ -21,7 +21,7 @@
<result property="notRec" column="not_rec"/>
<result property="reviewStatus" column="review_status"/>
<result property="info" column="info"/>
<association property="imgFiles" column="id" select="selectIngredentFileById"/>
<association property="imgList" column="id" select="selectIngredentFileById"/>
</resultMap>
<sql id="selectSysIngredientVo">
@ -126,6 +126,7 @@
<if test="updateBy != null">update_by,</if>
<if test="updateTime != null">update_time,</if>
<if test="reviewStatus != null">review_status,</if>
<if test="info != null">info,</if>
</trim>
<trim prefix="values (" suffix=")" suffixOverrides=",">
<if test="name != null">#{name},</if>
@ -140,6 +141,7 @@
<if test="updateBy != null">#{updateBy},</if>
<if test="updateTime != null">#{updateTime},</if>
<if test="reviewStatus != null">#{reviewStatus},</if>
<if test="info != null">#{info},</if>
</trim>
</insert>
@ -157,22 +159,22 @@
</foreach>
</insert>
<delete id="deleteIngredentRecByIngredientId" parameterType="Long">
<delete id="deleteIngredientRecByIngredientId" parameterType="Long">
delete from sys_ingredient_rec where ingredient_id=#{ingredientId}
</delete>
<delete id="deleteIngredentNotRecByIngredientId" parameterType="Long">
<delete id="deleteIngredientNotRecByIngredientId" parameterType="Long">
delete from sys_ingredient_not_rec where ingredient_id=#{ingredientId}
</delete>
<delete id="deleteIngredentRecByIngredientIds" parameterType="Long">
<delete id="deleteIngredientRecByIngredientIds" parameterType="Long">
delete from sys_ingredient_rec where ingredient_id in
<foreach item="id" collection="array" open="(" separator="," close=")">
#{id}
</foreach>
</delete>
<delete id="deleteIngredentNotRecByIngredientIds" parameterType="String">
<delete id="deleteIngredientNotRecByIngredientIds" parameterType="String">
delete from sys_ingredient_not_rec where ingredient_id in
<foreach item="id" collection="array" open="(" separator="," close=")">
#{id}
@ -194,6 +196,7 @@
<if test="updateBy != null">update_by = #{updateBy},</if>
<if test="updateTime != null">update_time = #{updateTime},</if>
<if test="reviewStatus != null">review_status = #{reviewStatus},</if>
<if test="info != null">info = #{info},</if>
</trim>
where id = #{id}
</update>
@ -217,26 +220,26 @@
<!-- 添加食材图片-->
<insert id="batchInsertIngredientImage">
insert into sys_ingredient_file(igd_id, file_url, file_name, create_by, create_time, update_by, update_time )
insert into sys_ingredient_file(igd_id, url, name, create_by, create_time, update_by, update_time )
values
<foreach collection="list" separator="," item="item" index="index">
(#{item.ingredientId},#{item.fileUrl},#{item.fileName},#{item.createBy},#{item.createTime},#{item.updateBy},#{item.updateTime})
(#{item.igdId},#{item.url},#{item.name},#{item.createBy},#{item.createTime},#{item.updateBy},#{item.updateTime})
</foreach>
</insert>
<resultMap id="SysIngredentFileResult" type="SysIngredentFile">
<result property="id" column="id"/>
<result property="fileName" column="file_name"/>
<result property="fileUrl" column="file_url"/>
<result property="name" column="name"/>
<result property="url" column="url"/>
</resultMap>
<!-- 查找图片-->
<select id="selectIngredentFileById" parameterType="Long" resultMap="SysIngredentFileResult">
select id, file_url, file_name from sys_ingredent_file where igd_id = #{id} and del_flag = 0
select id, url, name from sys_ingredient_file where igd_id = #{id} and del_flag = 0
</select>
<!-- 删除图片记录-->
<update id="deleteIngredentFileById" parameterType="Long">
update sys_ingredent_file set del_flag=1 where id=#{id}
</update>
<delete id="deleteIngredientImageById" parameterType="Long">
delete from sys_ingredient_file where igd_id=#{id}
</delete>
</mapper>

1
stdiet-ui/public/index.html
View File

@ -6,6 +6,7 @@
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<link rel="stylesheet" href="//at.alicdn.com/t/font_2343184_8rlvxcc41j5.css">
<title><%= webpackConfig.name %></title>
<style>
html,

60
stdiet-ui/src/components/FileUpload/index.vue Normal file
View File

@ -0,0 +1,60 @@
<template>
<el-upload
ref="ElUpload"
v-bind="$props"
>
<slot></slot>
</el-upload>
</template>
<script>
export default {
name: 'formUpload',
componentName: 'formUpload',
props: [
'value', 'action', 'headers', 'multiple', 'data', 'show-file-list', 'name', 'with-credentials', 'drag',
'accept', 'on-preview', 'on-remove', 'on-success', 'on-error', 'on-progress', 'on-change',
'before-upload', 'before-remove', 'list-type', 'auto-upload', 'file-list', 'http-request',
'disabled', 'limit', 'on-exceed',
],
data() {
return {
currentValue: this.value,
};
},
watch: {
// eslint-disable-next-line
value(val, oldValue) {
this.setCurrentValue(val);
},
// eslint-disable-next-line
fileList(val, oldValue) {
this.setCurrentValue(val);
},
},
methods: {
clearFiles() {
this.$refs.ElUpload.clearFiles();
},
abort(file) {
this.$refs.ElUpload.abort(file);
},
dispatch(componentName, eventName, params) {
let parent = this.$parent || this.$root;
let name = parent.$options.componentName;
while (parent && (!name || name !== componentName)) {
parent = parent.$parent;
if (parent) {
name = parent.$options.componentName;
}
}
if (parent) {
parent.$emit(...[eventName].concat(params));
}
},
setCurrentValue(value) {
this.currentValue = value;
this.dispatch('ElFormItem', 'el.form.change', [].concat(value));
},
},
};
</script>

12
stdiet-ui/src/store/modules/recipes.js
View File

@ -517,6 +517,10 @@ const getters = {
obj.fHeat = obj.fWeight * 9;
obj.cWeight += (igd.weight / 100) * igd.carbonRatio;
obj.cHeat = obj.cWeight * 4;
obj[`heat${cur.type}`] +=
(igd.weight / 100) * igd.proteinRatio * 4 +
(igd.weight / 100) * igd.fatRatio * 9 +
(igd.weight / 100) * igd.carbonRatio * 4;
});
return obj;
},
@ -527,7 +531,13 @@ const getters = {
cWeight: 0,
pHeat: 0,
fHeat: 0,
cHeat: 0
cHeat: 0,
heat1: 0,
heat2: 0,
heat3: 0,
heat4: 0,
heat5: 0,
heat6: 0,
}
)
);

163
stdiet-ui/src/views/custom/ingredient/index.vue
View File

@ -245,55 +245,17 @@
/>
<!-- 添加或修改食材对话框 -->
<el-dialog :title="title" :visible.sync="open" width="620px" append-to-body>
<el-row :gutter="15">
<el-dialog :title="title" :visible.sync="open" width="720px" append-to-body>
<el-row :gutter="8" style="height: 620px; overflow: auto">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-col :span="12">
<el-col :span="8">
<el-form-item label="食材名称" prop="name" label-width="90px">
<el-input v-model="form.name" placeholder="请输入食材名称" />
<el-input v-model="form.name" placeholder="请输入名称" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="蛋白质比例"
prop="proteinRatio"
label-width="90px"
>
<el-input
v-model="form.proteinRatio"
placeholder="请输入蛋白质比例"
style="width: 150px"
/>
/100g
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="脂肪比例" prop="fatRatio" label-width="90px">
<el-input
v-model="form.fatRatio"
placeholder="请输入脂肪比例"
style="width: 150px"
/>
/100g
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
label="碳水比例"
prop="carbonRatio"
label-width="90px"
>
<el-input
v-model="form.carbonRatio"
placeholder="请输入碳水比例"
style="width: 150px"
/>
/100g
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="食材类别" prop="type" label-width="90px">
<el-select v-model="form.type" placeholder="请选择食材类别">
<el-col :span="8">
<el-form-item label="食材类别" prop="type" label-width="100px">
<el-select v-model="form.type" placeholder="请选择类别">
<el-option
v-for="dict in typeOptions"
:key="dict.dictValue"
@ -303,8 +265,8 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="地域" prop="area" label-width="90px">
<el-col :span="8">
<el-form-item label="地域" prop="area" label-width="100px">
<el-select v-model="form.area" placeholder="请选择地域">
<el-option
v-for="dict in areaOptions"
@ -315,8 +277,35 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="蛋白质/100g"
prop="proteinRatio"
label-width="100px"
>
<el-input
v-model="form.proteinRatio"
placeholder="蛋白质比例"
width="80px"
/>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="脂肪/100g" prop="fatRatio" label-width="90px">
<el-input v-model="form.fatRatio" placeholder="脂肪比例" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="碳水/100g"
prop="carbonRatio"
label-width="90px"
>
<el-input v-model="form.carbonRatio" placeholder="碳水比例" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="忌口人群" label-width="90px">
<el-form-item label="忌口人群" label-width="76px">
<el-select
v-model="form.notRecIds"
multiple
@ -333,7 +322,7 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="推荐人群" label-width="90px">
<el-form-item label="推荐人群" label-width="76px">
<el-select
v-model="form.recIds"
multiple
@ -349,9 +338,34 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-col :span="16">
<el-form-item label="食材图片" prop="imgList">
<el-upload
drag
:auto-upload="true"
:headers="{ Authorization: 'Bearer ' + token }"
:limit="5"
:multiple="true"
:file-list="form.imgList"
:action="actionUrl"
accept="image/jpeg,image/png"
:on-success="handleOnUploadSuccess"
:on-exceed="handleOnUploadExceed"
:on-remove="handleOnUploadRemove"
list-type="picture"
>
<em class="el-icon-upload" />
<div class="el-upload__text">
将文件拖到此处，或<em>点击上传</em>
<div style="font-size: 12px; color: #8c8c8c">最多可上传5个文件，且每个文件不超过10M</div>
</div>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审核状态" prop="reviewStatus">
<el-select
style="position: absolute"
v-model="form.reviewStatus"
placeholder="请选择审核状态"
clearable
@ -366,8 +380,19 @@
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark" label-width="90px">
<el-form-item label="介绍" prop="info">
<el-input
:rows="5"
v-model="form.info"
type="textarea"
placeholder="请输入内容"
/>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="备注" prop="remark">
<el-input
:rows="3"
v-model="form.remark"
type="textarea"
placeholder="请输入内容"
@ -395,6 +420,8 @@ import {
} from "@/api/custom/ingredient";
import AutoHideInfo from "@/components/AutoHideInfo";
import FileUpload from "@/components/FileUpload";
import { getToken } from "@/utils/auth";
import { listPhysicalSigns } from "@/api/custom/physicalSigns";
@ -402,11 +429,14 @@ export default {
name: "Ingredient",
components: {
autohideinfo: AutoHideInfo,
FileUpload,
},
data() {
return {
// 遮罩层
loading: true,
//
actionUrl: process.env.VUE_APP_BASE_API + "/custom/fileUpload/ingredient",
// 选中数组
ids: [],
// 非单个禁用
@ -431,6 +461,8 @@ export default {
areaOptions: [],
//
physicalSignsOptions: [],
//
token: getToken(),
// 查询参数
queryParams: {
pageNum: 1,
@ -506,6 +538,7 @@ export default {
createTime: null,
updateBy: null,
updateTime: null,
imgList: [],
};
this.resetForm("form");
},
@ -621,6 +654,34 @@ export default {
string2Arr(str) {
return str ? str.split(",") : [];
},
handleOnUploadSuccess(res, file, fileList) {
this.form.imgList = fileList.map((data) => {
const { name, url, response } = data;
if (response) {
return { url: response.fileUrl, name: response.fileName };
}
return { url, name };
});
// console.log({
// res,
// file,
// fileList,
// form: this.form,
// });
},
handleOnUploadRemove(file, fileList) {
this.form.imgList = fileList.map(({ url, name }) => ({
url,
name,
}));
// console.log({ file, fileList, form: this.form });
},
handleOnUploadExceed(files, fileList) {
this.$message({
message: "最多可上传5张图片",
type: "warning",
});
},
},
};
</script>

166
stdiet-ui/src/views/custom/recipesBuild/InfoView/PieChart/index.vue
View File

@ -3,8 +3,25 @@
:class="`aspect_pie_chart_wrapper ${className || ''}`"
:style="{ height: height, width: width }"
>
<div ref="echart" :style="{ height: height, width: '100px' }" />
<div>
<div
ref="echart"
:style="{ height: height, width: !view ? '100px' : '100%' }"
/>
<div class="icon_btns">
<el-tooltip effect="dark" content="营养分析" placement="top">
<em
:class="['iconfont', 'icon-03', { sel_icon: view === 0 }]"
@click="handleOnViewChange(0)"
/>
</el-tooltip>
<el-tooltip effect="dark" content="热量分析" placement="top">
<em
:class="['iconfont', 'icon-fenxi', { sel_icon: view === 1 }]"
@click="handleOnViewChange(1)"
/>
</el-tooltip>
</div>
<div v-if="view === 0" class="table_zone">
<el-table
:data="mData"
size="mini"
@ -24,16 +41,11 @@
{{ totalHeat.toFixed(1) }}千卡
</div>
</div>
<div
style="text-align: right; margin-top: 4px"
v-if="recipesData.length > 1"
>
<el-button size="mini" type="text" @click="backToAll"
</div>
<el-button size="mini" type="text" @click="backToAll" class="see_all"
>查看全部</el-button
>
</div>
</div>
</div>
</template>
<script>
@ -76,10 +88,19 @@ export default {
f: "脂肪",
c: "碳水",
},
menuDict: {
1: "早餐",
2: "早加餐",
3: "午餐",
4: "午加餐",
5: "晚餐",
6: "晚加餐",
},
typeDict: {
Weight: "摄入量",
Rate: "供能比",
},
view: 0,
};
},
computed: {
@ -119,16 +140,17 @@ export default {
methods: {
initChart() {
this.chart = echarts.init(this.$refs.echart, "myShine");
this.updateChart(this.data.length > 0 ? this.data[0] : {});
this.updateChart(this.data[0] || {});
},
backToAll() {
this.resetCurrentDay({ currentDay: -1 });
},
updateChart(data) {
// console.log(data);
this.chart.clear();
this.chart.setOption({
const option = {
title: {
text: "营养分析",
text: !this.view ? "营养分析" : "热量分析",
subtext: data.name,
},
tooltip: {
@ -142,26 +164,90 @@ export default {
percent,
data: { value, oriData, dim },
} = params;
return [
return !this.view
? [
`${marker} ${name}`,
`摄入量：${oriData[`${dim}Weight`].toFixed(1)}克`,
`摄入热量：${value.toFixed(1)}千卡`,
`供能比：${percent}%`,
].join("</br>")
: [
`${marker} ${name}`,
`热量：${data[`heat${dim}`].toFixed(1)}千卡`,
`供能比：${percent}%`,
].join("</br>");
},
},
graphic:
this.view === 1
? [
{
type: "group",
top: 60,
left: 10,
silent: true,
children: [
{
type: "text",
style: {
text: "总热量约",
fill: "#606266",
},
},
{
type: "text",
top: 18,
left: 8,
style: {
text: `${this.totalHeat.toFixed(1)}千卡`,
font: '14px "Microsoft YaHei", sans-serif',
},
},
],
},
{
type: "group",
top: 36,
right: 10,
silent: true,
children: Object.keys(this.menuDict).reduce((arr, cur) => {
const tarData = data[`heat${cur}`];
if (tarData) {
arr.push({
type: "text",
top: arr.length * 20,
right: 10,
style: {
text: `${this.menuDict[cur]}：${tarData.toFixed(1)}`,
fill: "#606266",
},
});
}
return arr;
}, []),
},
]
: [],
series: [
{
name: data.name,
type: "pie",
radius: [0, 40],
radius: [0, !this.view ? 40 : 60],
center: ["50%", "55%"],
data: ["p", "f", "c"].map((dim) => ({
data: (!this.view
? Object.keys(this.nameDict)
: Object.keys(this.menuDict)
).reduce((arr, dim) => {
if (!this.view || data[`heat${dim}`]) {
arr.push({
dim,
value: data[`${dim}Heat`],
name: this.nameDict[dim],
value: !this.view ? data[`${dim}Heat`] : data[`heat${dim}`],
name: (!this.view ? this.nameDict : this.menuDict)[dim],
oriData: data,
})),
});
}
return arr;
}, []),
// labelLine: {
// length: 5,
// length2: 5,
@ -170,7 +256,7 @@ export default {
show: true,
position: "inside",
color: "#fff",
fontSize: 10,
fontSize: !this.view ? 10 : 12,
fontWeight: "bold",
},
itemStyle: {
@ -179,7 +265,16 @@ export default {
},
},
],
};
console.log(option);
this.chart.setOption(option);
},
handleOnViewChange(view) {
this.view = view;
this.chart.resize({
width: !this.view ? 100 : 364,
});
this.updateChart(this.data[0] || {});
},
...mapMutations(["resetCurrentDay"]),
},
@ -195,21 +290,24 @@ export default {
};
</script>
<style lang="scss" scoped>
/deep/ :focus {
outline: 0;
}
.aspect_pie_chart_wrapper {
width: 100%;
display: flex;
position: relative;
& > div:nth-child(1) {
// width: 200px
}
// & > div:nth-child(2) {
.small_table {
.my_cell {
padding: 2px 0 !important;
}
}
// }
.summary {
padding: 2px;
@ -222,5 +320,31 @@ export default {
text-align: center;
}
}
.see_all {
position: absolute;
bottom: 4px;
left: 24px;
padding: 0;
}
.icon_btns {
position: absolute;
right: 0;
em {
display: inline-block;
padding: 4px;
cursor: pointer;
}
.sel_icon {
color: #1890ff;
}
}
.table_zone {
margin-top: 26px;
}
}
</style>

7
stdiet-ui/src/views/custom/recipesBuild/RecipesView/RecipesCom/index.vue
View File

@ -49,14 +49,7 @@
</el-table-column>
<el-table-column label="菜品" prop="name" align="center">
<template slot="header">
<el-tooltip
class="item"
effect="dark"
content="点击添加菜品"
placement="top"
>
<div class="pointer_style" @click="handleOnAdd">菜品</div>
</el-tooltip>
</template>
<template slot-scope="scope">
<el-popover placement="right" trigger="hover" :title="scope.row.name">

1
stdiet-ui/src/views/custom/recipesShow/utils.js
View File

@ -14,6 +14,7 @@ export function getProcessMenuData(menuData) {
name: cur.name,
menuId: cur.menuId,
methods: cur.methods,
remark: cur.remark,
type: cur.type,
isMain: cur.isMain,
igdList: cur.igdList.reduce((igdArr, igdData) => {