外食计算器

2021-02-19 19:14:26 +08:00
parent 3c42485f52
commit 20371f9469
23 changed files with 1141 additions and 209 deletions
--- a/stdiet-ui/src/components/HeatStatisticsDrawer/index.vue
+++ b/stdiet-ui/src/components/HeatStatisticsDrawer/index.vue
@ -0,0 +1,148 @@
+<template>
+  <div>
+    <el-drawer
+      :title="title"
+      :close-on-press-escape="false"
+      :visible.sync="visible"
+      @closed="handleOnClosed"
+      size="40%"
+    >
+      <div class="app-container">
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button icon="el-icon-share" size="small" title="点击复制链接" class="copyBtn" type="primary" :data-clipboard-text="copyValue" @click="handleCopy()">外食计算器</el-button>
+          </el-col>
+        </el-row>
+        <el-table :data="foodHeatStatisticsList" >
+          <el-table-column label="日期" align="center" prop="edibleDate" width="120">
+            <template slot-scope="scope">
+              <span>{{ parseTime(scope.row.edibleDate, '{y}-{m}-{d}') }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="食材" align="center" prop="ingredient" />
+          <el-table-column label="通俗质量" align="center" prop="unitName">
+            <template slot-scope="scope">
+              {{ scope.row.number + "" + scope.row.unitName }}
+            </template>
+          </el-table-column>
+          <el-table-column label="质量(克)" align="center" prop="quantity" />
+
+          <!--<el-table-column label="类型，0早 1中 2晚" align="center" prop="edibleType" />-->
+          <el-table-column label="热量数值" align="center" prop="heatValue" />
+          <el-table-column label="热量缺口" align="center" prop="heatGap" />
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template slot-scope="scope">
+              <!--<el-button
+                size="mini"
+                type="text"
+                icon="el-icon-edit"
+                @click="handleUpdate(scope.row)"
+                v-hasPermi="['custom:foodHeatStatistics:edit']"
+              >修改</el-button>-->
+              <el-button
+                size="mini"
+                type="text"
+                icon="el-icon-delete"
+                @click="handleOnDeleteClick(scope.row)"
+                v-hasPermi="['custom:foodHeatStatistics:remove']"
+              >删除</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <pagination
+          v-show="total>0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="fetchHeatList"
+        />
+
+      </div>
+    </el-drawer>
+  </div>
+</template>
+<script>
+  import { listFoodHeatStatistics, getFoodHeatStatistics, delFoodHeatStatistics, addFoodHeatStatistics, updateFoodHeatStatistics, exportFoodHeatStatistics } from "@/api/custom/foodHeatStatistics";
+  import Clipboard from 'clipboard';
+export default {
+  name: "HeatStatisticsDrawer",
+  components: {
+  },
+  data() {
+    return {
+      visible: false,
+      title: "",
+      data: undefined,
+      foodHeatStatisticsList: [],
+      total: 0,
+      // 查询参数
+      queryParams: {
+        customerId: null,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      copyValue: ""
+    };
+  },
+  methods: {
+    showDrawer(data) {
+      // console.log(data);
+      this.data = data;
+      if (!this.data) {
+        return;
+      }
+      this.title = `「${this.data.name}」热量统计列表`;
+      this.queryParams.customerId = data.id;
+      this.fetchHeatList();
+    },
+    fetchHeatList() {
+      listFoodHeatStatistics(this.queryParams).then(response => {
+        this.foodHeatStatisticsList = response.rows;
+        this.total = response.total;
+        this.visible = true;
+      });
+    },
+    handleAdd() {
+
+    },
+    handleOnClosed() {
+      this.data = undefined;
+      this.copyValue = "";
+    },
+    handleOnDeleteClick(data) {
+      const ids = data.id || this.ids;
+      this.$confirm(
+        '是否确认删除该数据项?',
+        "警告",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(function () {
+          return delFoodHeatStatistics(ids);
+        })
+        .then(() => {
+          this.fetchHeatList();
+          this.msgSuccess("删除成功");
+        })
+        .catch(function () {});
+    },
+    handleCopy() {
+      this.copyValue = window.location.origin.replace('manage', 'sign') + "/foodHeatCalculator/"+this.data.encId;
+      const btnCopy = new Clipboard('.copyBtn');
+      this.$message({
+        message: '拷贝成功',
+        type: 'success'
+      });
+    }
+  },
+};
+</script>
+<style  lang="scss" scoped>
+/deep/ :focus {
+  outline: 0;
+}
+</style>