调整界面

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

@@ -0,0 +1,41 @@
+<template>
+  <div class="user_message_wrapper">
+    <MessageBrowser />
+    <div class="info_zone"></div>
+  </div>
+</template>
+<script>
+import MessageBrowser from "./messageBrowser";
+export default {
+  data() {
+    return {};
+  },
+  components: {
+    MessageBrowser,
+  },
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+<style lang="scss" scoped>
+.user_message_wrapper {
+  padding: 12px;
+  display: flex;
+  box-sizing: border-box;
+  height: calc(100vh - 84px);
+  background: #f3f4f5;
+
+  & > div:nth-child(1) {
+    flex: 3;
+    background: white;
+  }
+
+  & > div:nth-child(2) {
+    flex: 2;
+    margin-left: 12px;
+    padding-left: 12px;
+    background: white;
+  }
+}
+</style>

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

@@ -0,0 +1,45 @@
+<template>
+  <div class="message_browser_wrapper">
+    <div class="topic_list">
+
+    </div>
+    <div class="topic_detail"></div>
+  </div>
+</template>
+<script>
+import { createNamespacedHelpers } from "vuex";
+const {
+  mapActions,
+  mapState,
+  mapMutations,
+  mapGetters,
+} = createNamespacedHelpers("message");
+export default {
+  data() {
+    return {};
+  },
+  created() {
+    this.init();
+  },
+  computed: {
+    ...mapState([]),
+  },
+  methods: {
+    ...mapActions(["init"]),
+    ...mapMutations(["clean"]),
+  },
+};
+</script>
+<style lang="scss" scoped>
+.message_browser_wrapper {
+  display: flex;
+  .topic_list {
+    flex: 2;
+  }
+
+  .topic_detail {
+    flex: 3;
+    background: gray;
+  }
+}
+</style>

stdiet-ui/src/views/custom/recipesPlan/index.vue

@@ -115,30 +115,14 @@
         </template>
       </el-table-column>
       <el-table-column label="客户姓名" align="center" prop="customer" />
-      <el-table-column
-        label="客户手机号"
-        align="center"
-        prop="hidePhone"
-        width="180"
-      />
-      <el-table-column
-        label="计划"
-        align="center"
-        prop="scopeDay"
-        width="200"
-      />
-      <el-table-column
-        label="日期"
-        align="center"
-        prop="scopeDate"
-        width="200"
-      />
+      <el-table-column label="客户手机号" align="center" prop="hidePhone" />
+      <el-table-column label="计划" align="center" prop="scopeDay" />
+      <el-table-column label="日期" align="center" prop="scopeDate" width="200"/>
       <el-table-column label="营养师" align="center" prop="nutritionist" />
       <el-table-column
         label="营养师助理"
         align="center"
         prop="nutritionistAssis"
-        width="180"
       />
       <el-table-column label="订阅情况" align="center">
         <template slot-scope="scope">
@@ -147,7 +131,7 @@
           </el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="发送" align="center" width="80">
+      <el-table-column label="发送" align="center">
         <template slot-scope="scope">
           <el-switch
             v-model="!!scope.row.sendFlag"
@@ -159,7 +143,6 @@
         label="操作"
         align="center"
         class-name="small-padding fixed-width"
-        width="300"
       >
         <template slot-scope="scope">
           <el-button