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

stdiet-ui/src/api/custom/message.js

@@ -1,5 +1,13 @@
 import request from "@/utils/request";
 
+export function fetchCustomerList(query) {
+  return request({
+    url: "/services/topic/customers",
+    method: "get",
+    params: query
+  });
+}
+
 export function fetchTopicList(query) {
   return request({
     url: "/services/topic/list",

stdiet-ui/src/components/RecipesPlanDrawer/index.vue

@@ -192,7 +192,7 @@ export default {
   },
   methods: {
     showDrawer(data) {
-      // console.log(data);
+      console.log(data);
       this.data = data;
       if (!this.data) {
         return;

stdiet-ui/src/store/modules/message.js

@@ -1,7 +1,15 @@
-import { getCustomerPhysicalSignsByCusId } from "@/api/custom/customer";
+import {
+  getCustomerPhysicalSignsByCusId,
+  getCustomer
+} from "@/api/custom/customer";
 import { dealHealthy } from "@/utils/healthyData";
+import {
+  listRecipesPlanByCusId,
+  updateRecipesPlan
+} from "@/api/custom/recipesPlan";
 
 import {
+  fetchCustomerList,
   fetchTopicList,
   postTopicReply,
   fetchTopicDetail,
@@ -10,13 +18,26 @@ import {
 
 const oriState = {
   pageNum: 1,
+  cusLoading: false,
+  customerList: [],
+  selCusId: "",
+  //
   topicList: [],
-  detailData: {},
+  topicLoading: false,
   selTopicId: "",
+  //
+  detailData: {},
+  detailLoading: false,
+  //
   healthyData: {},
   healthDataLoading: false,
   healthyDataType: 0,
-  avoidFoodIds: []
+  avoidFoodIds: [],
+  //
+  customerData: {},
+  //
+  planList: [],
+  planListLoading: false
 };
 
 const mutations = {
@@ -37,50 +58,93 @@ const mutations = {
 
 const actions = {
   async init({ dispatch }, payload) {
-    dispatch("fetchTopicListApi", {});
+    dispatch("fetchCustomerListActions", {});
   },
-  async fetchTopicListApi({ dispatch, commit, rootGetters, state }, payload) {
-    const {
-      roles: [role],
-      userId
-    } = rootGetters;
-    const { detailData, pageNum, topicList } = state;
-    const result = await fetchTopicList({
+
+  async fetchCustomerListActions(
+    { dispatch, commit, rootGetters, state },
+    payload
+  ) {
+    // prettier-ignore
+    const { roles: [role], userId } = rootGetters;
+    const { customerList, pageNum } = state;
+    commit("save", { cusLoading: true });
+    const result = await fetchCustomerList({
       role,
       uid: userId,
       pageSize: 20,
       pageNum
     });
-    if (result.code === 200) {
-      if (!detailData.topicId) {
-        // 默认展示第一个
-        const [defTopic] = result.rows;
-        dispatch("fetchTopicDetailActions", {
-          topicId: defTopic.topicId,
-          id: defTopic.id,
-          uid: defTopic.uid
-        });
-      }
-      if (result.rows.length) {
-        commit("save", {
-          pageNum: pageNum + 1,
-          topicList: [...topicList, ...result.rows]
-        });
+    let mPageNum = pageNum,
+      mCustomerList = customerList;
+    if (result.code === 200 && result.rows.length) {
+      //
+      if (!customerList.length) {
+        const [defCustomer] = result.rows;
+        dispatch("fetchTopicListApi", { fromUid: defCustomer.uid });
       }
+      //
+      mPageNum += 1;
+      mCustomerList = [...customerList, ...result.rows];
     }
+    commit("save", {
+      pageNum: mPageNum,
+      cusLoading: false,
+      customerList: mCustomerList
+    });
+  },
+  async fetchTopicListApi({ dispatch, commit, rootGetters, state }, payload) {
+    // prettier-ignore
+    const { roles: [role], userId } = rootGetters;
+    const { fromUid } = payload;
+    commit("save", { selCusId: fromUid, topicLoading: true });
+    const result = await fetchTopicList({
+      role,
+      uid: userId,
+      fromUid
+    });
+    let mTopicList = [];
+    if (result.code === 200 && result.rows.length) {
+      // 默认展示第一个
+      const [defTopic] = result.rows;
+      dispatch("fetchTopicDetailActions", {
+        topicId: defTopic.topicId,
+        id: defTopic.id,
+        uid: defTopic.uid
+      });
+      mTopicList = result.rows;
+    }
+    commit("save", {
+      topicList: mTopicList,
+      topicLoading: false
+    });
   },
   async fetchTopicDetailActions({ commit, dispatch, state }, payload) {
-    const { topicId, id, uid } = payload;
-    const { healthyData } = state;
-    commit("save", { selTopicId: topicId });
+    const { topicId, id = 0, uid } = payload;
+    const { healthyData, planList, customerData } = state;
+    commit("save", { selTopicId: topicId, detailLoading: true });
     // 客户信息
     if (healthyData.customerId !== parseInt(uid)) {
       dispatch("getHealthyData", { cusId: uid, callback: payload.callback });
     }
+    // 食谱计划
+    if (!planList.length || planList[0].cusId !== parseInt(uid)) {
+      dispatch("getRecipesPlanActions", { cusId: uid });
+    }
+    // 客户档案
+    if (customerData.id !== parseInt(uid)) {
+      dispatch("getCustomerFileActions", { cusId: uid });
+    }
     //
     const result = await fetchTopicDetail({ topicId, id });
     if (result.code === 200) {
-      commit("save", { detailData: result.data[0] });
+      commit("save", { detailData: result.data[0], detailLoading: false });
+    }
+  },
+  async getCustomerFileActions({ commit }, payload) {
+    const result = await getCustomer(payload.cusId);
+    if (result.code === 200) {
+      commit("save", { customerData: result.data });
     }
   },
   async postTopicReplyActions(
@@ -130,13 +194,39 @@ const actions = {
           obj => obj.id
         );
       }
-    } else {
-      throw new Error(healthyDataResult.msg);
     }
     commit("save", {
       healthDataLoading: false,
       ...newState
     });
+  },
+  async getRecipesPlanActions({ commit }, payload) {
+    commit("save", { planListLoading: true, planList: [] });
+    const result = await listRecipesPlanByCusId(payload.cusId);
+    let planList = [];
+    if (result.code === 200) {
+      planList = result.data;
+    }
+    commit("save", {
+      planList,
+      planListLoading: false
+    });
+  },
+  async updateRecipesPlanActions({ commit, state }, payload) {
+    const { id, sendFlag, callback } = payload;
+    const { planList } = state;
+    const result = await updateRecipesPlan({ id, sendFlag });
+    if (result.code === 200) {
+      callback && callback("success", result.msg);
+      const newPlanList = JSON.parse(JSON.stringify(planList));
+      const tarPlan = newPlanList.find(obj => obj.id === id);
+      if (tarPlan) {
+        tarPlan.sendFlag = sendFlag;
+      }
+      commit("save", {
+        planList: newPlanList
+      });
+    }
   }
 };
 

stdiet-ui/src/views/custom/message/messageBrowser/Comment.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="topic_comment_item" @click="handOnClick(data)">
     <div class="comment_avatar">
-      <el-avatar size="medium" :src="data.fromAvatar || ''">{{
-        data.fromName.substr(-1)
+      <el-avatar size="medium" :src="data.fromAvatar">{{
+        data.fromName && data.fromName.substr(-1)
       }}</el-avatar>
     </div>
     <div class="comment_content">
@@ -31,6 +31,7 @@ export default {
         dietician: "主任营养师",
         after_sale: "售后营养师",
         dietician_assistant: "营养师助理",
+        manager: "总经理",
       },
     };
   },

stdiet-ui/src/views/custom/message/messageBrowser/index.vue

@@ -1,6 +1,25 @@
 <template>
   <div class="message_browser_wrapper">
-    <div class="topic_list" @scroll="handleOnScroll">
+    <div class="customers_list" @scroll="handleOnScroll" v-loading="cusLoading">
+      <div v-if="customerList && customerList.length">
+        <div
+          v-for="customer in customerList"
+          :key="customer.uid"
+          :class="`customer_item ${
+            customer.uid === selCusId ? 'customer_item_sel' : ''
+          }`"
+          @click="handleOnCustomerClick(customer)"
+        >
+          <el-avatar size="medium" :src="customer.avatar">
+            {{ customer.name && customer.name.substr(-1) }}
+          </el-avatar>
+          <span class="customer_name">
+            {{ customer.name }}
+          </span>
+        </div>
+      </div>
+    </div>
+    <div class="topic_list" v-loading="topicLoading">
       <div v-if="topicList && topicList.length">
         <div
           v-for="topic in topicList"
@@ -29,7 +48,7 @@
       </div>
       <div v-else class="topic_list_empty">暂无消息</div>
     </div>
-    <div class="topic_detail">
+    <div class="topic_detail" v-loading="detailLoading">
       <div class="topic_detail_list">
         <div
           class="topic_detail_title"
@@ -125,7 +144,16 @@ export default {
     window.removeEventListener("message", this.handleOnMessage);
   },
   computed: {
-    ...mapState(["topicList", "selTopicId", "detailData"]),
+    ...mapState([
+      "cusLoading",
+      "topicLoading",
+      "detailLoading",
+      "topicList",
+      "selCusId",
+      "selTopicId",
+      "detailData",
+      "customerList",
+    ]),
   },
   methods: {
     handleOnScroll({ target }) {
@@ -133,7 +161,7 @@ export default {
         target.clientHeight + parseInt(target.scrollTop) ===
         target.scrollHeight
       ) {
-        this.fetchTopicListApi();
+        this.fetchCustomerListActions();
       }
     },
     handleOnMessage({ data }) {
@@ -181,6 +209,14 @@ export default {
     formatDate(date) {
       return dayjs(date).format("MM-DD HH:mm");
     },
+    handleOnCustomerClick(data) {
+      if (this.selCusId !== data.uid) {
+        this.replyTarget = "";
+        this.replyContent = "";
+        this.replyObj = {};
+        this.fetchTopicListApi({ fromUid: data.uid });
+      }
+    },
     handleOnTopicClick(data) {
       if (data.topicId !== this.selTopicId) {
         this.replyTarget = "";
@@ -242,6 +278,7 @@ export default {
       "fetchTopicDetailActions",
       "postTopicReplyActions",
       "fetchTopicListApi",
+      "fetchCustomerListActions",
     ]),
     ...mapMutations(["clean", "save"]),
     ...globalMapActions(["updateUnreadCount"]),
@@ -251,13 +288,40 @@ export default {
 <style lang="scss" scoped>
 .message_browser_wrapper {
   display: flex;
+
+  .customers_list {
+    flex: 1;
+    overflow: auto;
+    border-right: 1px solid #f0f0f0;
+
+    .customer_item {
+      padding: 8px 12px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+
+      &:hover {
+        background: #dedede;
+      }
+
+      .customer_name {
+        margin-left: 8px;
+      }
+    }
+
+    .customer_item_sel {
+      background: #f0f0f0;
+    }
+  }
+
   .topic_list {
     flex: 2;
     overflow: auto;
+    border-right: 1px solid #f0f0f0;
 
     .topic_item {
       display: flex;
-      padding: 8px 16px;
+      padding: 8px 12px;
       cursor: pointer;
 
       &:hover {
@@ -318,7 +382,7 @@ export default {
     }
 
     .topic_item_sel {
-      background: #dedede;
+      background: #f0f0f0;
     }
 
     .topic_list_empty {
@@ -353,6 +417,13 @@ export default {
       .topic_detail_title {
         display: flex;
         cursor: pointer;
+
+        & > :nth-child(1) {
+          flex: 0 0 40px;
+        }
+        & > :nth-child(2) {
+          flex: 1 0 0;
+        }
       }
 
       .comment_reply_item {

stdiet-ui/src/views/custom/message/userInfo/index.vue

@@ -1,38 +1,98 @@
 <template>
-  <div v-loading="healthDataLoading">
-    <HealthyView
-      dev
-      :data="healthyDataType === 0 ? healthyData : {}"
-      v-show="healthyDataType === 0"
-    />
-    <BodySignView
-      dev
-      :data="healthyDataType === 1 ? healthyData : {}"
-      v-show="healthyDataType === 1"
-    />
-  </div>
+  <el-tabs v-model="activeName" class="message_userinfo_wrapper">
+    <el-tab-pane label="客户信息" name="health">
+      <div
+        v-loading="healthDataLoading"
+        :style="{ height: getTabContentHeight(), overflow: 'auto' }"
+      >
+        <HealthyView
+          dev
+          :data="healthyDataType === 0 ? healthyData : {}"
+          v-show="healthyDataType === 0"
+        />
+        <BodySignView
+          dev
+          :data="healthyDataType === 1 ? healthyData : {}"
+          v-show="healthyDataType === 1"
+        />
+        <div v-if="customerData.id" class="customer_service_info">
+          <div class="info_item">
+            <span>主任营养师：</span>
+            <span>
+              {{ customerData.dietitianName || "无" }}
+            </span>
+          </div>
+          <div class="info_item">
+            <span>营养师助理：</span>
+            <span>{{ customerData.assDietitianName || "无" }}</span>
+          </div>
+          <div class="info_item">
+            <span>售后营养师：</span>
+            <span>{{ customerData.afterDietitianName || "无" }}</span>
+          </div>
+        </div>
+      </div>
+    </el-tab-pane>
+    <el-tab-pane label="食谱计划" name="plan">
+      <div :style="{ height: getTabContentHeight(), overflow: 'auto' }">
+        <RecipesPlan />
+      </div>
+    </el-tab-pane>
+  </el-tabs>
 </template>
 <script>
 import { createNamespacedHelpers } from "vuex";
 import HealthyView from "@/components/HealthyView";
 import BodySignView from "@/components/BodySignView";
-const {
-  mapActions,
-  mapState,
-  mapMutations,
-  mapGetters,
-} = createNamespacedHelpers("message");
+import RecipesPlan from "./recipesPlan";
+const { mapActions, mapState, mapMutations, mapGetters } =
+  createNamespacedHelpers("message");
 export default {
   name: "SignUserInfo",
   components: {
     HealthyView,
     BodySignView,
+    RecipesPlan,
   },
   data() {
-    return {};
+    return {
+      activeName: "health",
+    };
+  },
+  methods: {
+    getTabContentHeight() {
+      const tabPanelElm = document.querySelector(".el-tabs");
+      if (tabPanelElm) {
+        return `${tabPanelElm.clientHeight - 68}px`;
+      }
+      return "";
+    },
   },
   computed: {
-    ...mapState(["healthyData", "healthyDataType", "healthDataLoading"]),
+    ...mapState([
+      "healthyData",
+      "healthyDataType",
+      "healthDataLoading",
+      "customerData",
+    ]),
   },
 };
 </script>
+<style lang="scss" scoped>
+.message_userinfo_wrapper {
+  .customer_service_info {
+    position: absolute;
+    right: 30%;
+    top: 68px;
+
+    .info_item {
+      margin-bottom: 10px;
+      font-size: 14px;
+
+      & > span:nth-child(1) {
+        color: #8c8c8c;
+      }
+    }
+  }
+}
+</style>

stdiet-ui/src/views/custom/message/userInfo/recipesPlan.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="recipes_plan_wrapper">
+    <div class="header">
+      <section>
+        <el-button
+          v-if="cusOutId"
+          type="primary"
+          icon="el-icon-share"
+          size="mini"
+          class="copyBtn"
+          :data-clipboard-text="copyValue"
+          @click="handleOnRecipesLinkClick"
+          >食谱链接
+        </el-button>
+        <el-popover
+          placement="top"
+          trigger="click"
+          v-if="cusOutId"
+          style="margin: 0 12px"
+        >
+          <VueQr :text="copyValue" :logoSrc="logo" :size="256" />
+          <el-button
+            slot="reference"
+            size="mini"
+            icon="el-icon-picture-outline"
+            type="primary"
+            @click="handleCopy(scope.row.path)"
+            >二维码</el-button
+          >
+        </el-popover>
+        <!-- <el-button icon="el-icon-view" size="mini" @click="handleInnerOpen"
+          >查看暂停记录
+        </el-button> -->
+      </section>
+      <section>
+        <el-button
+          icon="el-icon-refresh"
+          size="mini"
+          @click="getRecipesPlanActions({ cusId })"
+          circle
+        />
+      </section>
+    </div>
+
+    <el-table :data="planList" v-loading="planListLoading">
+      <el-table-column label="审核状态" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="getReviewType(scope.row.reviewStatus)">
+            {{ getReviewStatusName(scope.row.reviewStatus) }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="计划" align="center" width="130">
+        <template slot-scope="scope">
+          {{ `第${scope.row.startNumDay} 至 ${scope.row.endNumDay}天` }}
+        </template>
+      </el-table-column>
+      <el-table-column label="日期" align="center" width="200">
+        <template slot-scope="scope">
+          {{ `${scope.row.startDate} 至 ${scope.row.endDate}` }}
+        </template>
+      </el-table-column>
+      <el-table-column label="订阅情况" align="center">
+        <template slot-scope="scope">
+          <el-tag :type="scope.row.subscribed ? 'success' : 'danger'">
+            {{ scope.row.subscribed ? "已订阅" : "未订阅" }}
+          </el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="发送" align="center">
+        <template slot-scope="scope">
+          <el-switch
+            v-model="!!scope.row.sendFlag"
+            @change="(val) => handleOnSendChange(val, scope.row)"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center">
+        <template slot-scope="scope">
+          <el-button
+            type="text"
+            :icon="
+              scope.row.recipesId ? 'el-icon-edit' : 'el-icon-edit-outline'
+            "
+            @click="handleOnRecipesEditClick(scope.row)"
+          >
+            {{ `${scope.row.recipesId ? "编辑" : "制作"}` }}
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 暂停记录抽屉 -->
+    <!-- <PlanPauseDrawer ref="planPauseRef" /> -->
+  </div>
+</template>
+<script>
+import Clipboard from "clipboard";
+import { createNamespacedHelpers } from "vuex";
+const { mapActions, mapState, mapMutations, mapGetters } =
+  createNamespacedHelpers("message");
+// import PlanPauseDrawer from "./PlanPauseDrawer";
+import VueQr from "vue-qr";
+const logo = require("@/assets/logo/logo_b.png");
+export default {
+  name: "RecipesPlanDrawer",
+  components: {
+    // PlanPauseDrawer,
+    VueQr,
+  },
+  data() {
+    return {
+      logo,
+      title: "",
+      cusOutId: "",
+      copyValue: "",
+      cusId: "",
+    };
+  },
+  watch: {
+    planList(val, newVal) {
+      console.log({ val, newVal });
+      this.cusOutId = val.reduce((str, cur) => {
+        if (!str && cur.recipesId && cur.reviewStatus === 2) {
+          str = cur.outId;
+          this.cusId = cur.cusId;
+        }
+        return str;
+      }, "");
+      if (this.cusOutId) {
+        this.copyValue =
+          window.location.origin.replace("manage", "sign") +
+          "/recipes/detail/" +
+          this.cusOutId;
+      }
+    },
+  },
+  computed: {
+    ...mapState(["planList", "planListLoading", "healthyData"]),
+  },
+  methods: {
+    getReviewStatusName(status) {
+      switch (status) {
+        case 1:
+          return "未审核";
+        case 2:
+          return "已审核";
+        case 3:
+          return "制作中";
+        case 0:
+        default:
+          return "未制作";
+      }
+    },
+    getReviewType(status) {
+      switch (status) {
+        case 1:
+          return "danger";
+        case 2:
+          return "success";
+        case 3:
+          return "";
+        case 0:
+        default:
+          return "info";
+      }
+    },
+    // handleInnerOpen() {
+    //   this.$refs["planPauseRef"].showDrawer(this.data);
+    //   this.innerVisible = true;
+    //   this.innerTitle = `「${this.data.name}」暂停记录`;
+    // },
+    handleOnRecipesLinkClick() {
+      new Clipboard(".copyBtn");
+      this.$message({
+        message: "拷贝成功",
+        type: "success",
+      });
+    },
+    handleOnRecipesEditClick(data) {
+      window.open(
+        "/recipes/build/" + this.healthyData.name + "/" + data.id,
+        "_blank"
+      );
+    },
+    handleOnSendChange(val, data) {
+      console.log({ val, data });
+      const { id } = data;
+      if (data.reviewStatus === 2) {
+        this.updateRecipesPlanActions({
+          id,
+          sendFlag: val ? 1 : 0,
+          callback: (type, msg) => {
+            this.$message[type](msg);
+          },
+        });
+      } else {
+        this.$message.error("未审核的食谱不能发送");
+      }
+    },
+    ...mapActions(["getRecipesPlanActions", "updateRecipesPlanActions"]),
+  },
+};
+</script>
+<style lang="scss" scoped>
+/deep/ :focus {
+  outline: 0;
+}
+
+.recipes_plan_wrapper {
+  // height: calc(100vh - 77px);
+
+  .header {
+    margin-bottom: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+}
+</style>