更换图标

stdiet-ui/src/layout/components/Sidebar/Logo.vue

@@ -1,12 +1,17 @@
 <template>
-  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
+  <div class="sidebar-logo-container" :class="{ collapse: collapse }">
     <transition name="sidebarLogoFade">
-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo">
+      <router-link
+        v-if="collapse"
+        key="collapse"
+        class="sidebar-logo-link"
+        to="/"
+      >
+        <img v-if="logo" :src="logo" class="sidebar-logo" alt="logo" />
         <h1 v-else class="sidebar-title">{{ title }}</h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <img v-if="logo" :src="logo" class="sidebar-logo" alt="logo" />
         <h1 class="sidebar-title">{{ title }}</h1>
       </router-link>
     </transition>
@@ -14,23 +19,23 @@
 </template>
 
 <script>
-import logoImg from '@/assets/logo/st_logo2.png'
+import logoImg from "@/assets/logo/logo_w.png";
 
 export default {
-  name: 'SidebarLogo',
+  name: "SidebarLogo",
   props: {
     collapse: {
       type: Boolean,
-      required: true
-    }
+      required: true,
+    },
   },
   data() {
     return {
-      title: '胜唐管理系统',
-      logo: logoImg
-    }
-  }
-}
+      title: "胜唐管理系统",
+      logo: logoImg,
+    };
+  },
+};
 </script>
 
 <style lang="scss" scoped>

stdiet-ui/src/router/index.js

@@ -147,7 +147,7 @@ export const constantRoutes = [
     path: '/question',
     component: (resolve) => require(['@/views/custom/investigate/questionnaire'], resolve),
     hidden: true,
-    meta: { title: '营养体征调查表'}
+    meta: { title: '营养体征调查问卷'}
 }
 ]
 

stdiet-ui/src/views/custom/investigate/questionnaire.vue

@@ -1,11 +1,15 @@
 <template>
-<section class="el-container is-vertical"><header class="el-header" style="height: 60px;">
-  <div class="block" style="margin-top:18px;text-align:center;margin:0 auto;">
-    <!--<span class="demonstration"></span>  require('@/assets/logo/st_logo.png')-->
-    <img src="@/assets/logo/st_logo.png" style="width:240px;height:80px;"/>
+  <section>
+    <div style="padding: 16px; text-align: center">
+      <img :src="logo" style="width: 258px; height: 80px" alt="logo" />
     </div>
-</header> <main class="el-main">
-  <el-form ref="form" :model="form" :rules="rules" label-width="100px" style="margin-top:40px;">
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="100px"
+      style="padding: 16px"
+    >
       <!--<p>现在要先为您建立更加详细的档案，以便为您定制专属的减脂计划</p>-->
       <el-form-item label="真实姓名" prop="name">
         <el-input v-model="form.name" placeholder="请输入真实姓名" />
@@ -44,7 +48,10 @@
         <el-select v-model="form.physicalSignsId" multiple placeholder="请选择">
           <el-option
             v-for="physicalSign in physicalSignsList"
-          :key="physicalSign.id" :label="physicalSign.name" :value="physicalSign.id">
+            :key="physicalSign.id"
+            :label="physicalSign.name"
+            :value="physicalSign.id"
+          >
           </el-option>
         </el-select>
       </el-form-item>
@@ -79,7 +86,14 @@
         </el-select>
       </el-form-item>
       <el-form-item label="饮食备注" prop="remarks">
-      <el-input type="textarea" placeholder="请输入内容" v-model="form.remarks" maxlength="200" show-word-limit rows="5"></el-input>
+        <el-input
+          type="textarea"
+          placeholder="请输入内容"
+          v-model="form.remarks"
+          maxlength="200"
+          show-word-limit
+          rows="5"
+        ></el-input>
         <!--<el-input v-model="form.remarks" placeholder="请输入备注信息" />-->
       </el-form-item>
       <el-form-item label="饮食特点" prop="makeFoodTaste">
@@ -123,59 +137,112 @@
         </el-select>
       </el-form-item>
       <el-form-item label="睡觉时间" prop="sleepTime">
-      <el-time-select v-model="form.sleepTime" :picker-options="{start: '00:00',step: '01:00',end: '24:00'}" placeholder="请选择时间" :editable=false />
+        <el-time-select
+          v-model="form.sleepTime"
+          :picker-options="{ start: '00:00', step: '01:00', end: '24:00' }"
+          placeholder="请选择时间"
+          :editable="false"
+        />
       </el-form-item>
       <el-form-item label="起床时间" prop="getupTime">
-      <el-time-select v-model="form.getupTime" :picker-options="{start: '00:00',step: '01:00',end: '24:00'}" placeholder="请选择时间" :editable=false />
+        <el-time-select
+          v-model="form.getupTime"
+          :picker-options="{ start: '00:00', step: '01:00', end: '24:00' }"
+          placeholder="请选择时间"
+          :editable="false"
+        />
       </el-form-item>
       <el-form-item label="方便沟通时间" prop="connectTime">
-      <el-time-select v-model="form.connectTime" :picker-options="{start: '00:00',step: '01:00',end: '24:00'}" placeholder="请选择时间" :editable=false />
+        <el-time-select
+          v-model="form.connectTime"
+          :picker-options="{ start: '00:00', step: '01:00', end: '24:00' }"
+          placeholder="请选择时间"
+          :editable="false"
+        />
       </el-form-item>
 
       <!--<p>好的，我现在给您测一下湿气和气血，有以下出现情况的请直接选择</p>-->
       <el-form-item label="湿气(多选)" prop="bloodData">
         <el-checkbox-group v-model="form.bloodData">
-        <el-checkbox v-for="bloodItem in bloodDataList" :label="bloodItem.dictValue"  :key="bloodItem.dictValue">{{bloodItem.dictLabel}}</el-checkbox>
+          <el-checkbox
+            v-for="bloodItem in bloodDataList"
+            :label="bloodItem.dictValue"
+            :key="bloodItem.dictValue"
+            >{{ bloodItem.dictLabel }}</el-checkbox
+          >
         </el-checkbox-group>
       </el-form-item>
       <el-form-item label="气血(多选)" prop="moistureDate">
         <el-checkbox-group v-model="form.moistureDate">
-        <el-checkbox v-for="moistureItem in moistureDataList" :label="moistureItem.dictValue" :key="moistureItem.dictValue">{{moistureItem.dictLabel}}</el-checkbox>
+          <el-checkbox
+            v-for="moistureItem in moistureDataList"
+            :label="moistureItem.dictValue"
+            :key="moistureItem.dictValue"
+            >{{ moistureItem.dictLabel }}</el-checkbox
+          >
         </el-checkbox-group>
       </el-form-item>
       <el-form-item label="减脂经历（重点详细填写）" prop="experience">
-      <el-input type="textarea" placeholder="请输入内容" v-model="form.experience" maxlength="200" show-word-limit rows="5"></el-input>
+        <el-input
+          type="textarea"
+          placeholder="请输入内容"
+          v-model="form.experience"
+          maxlength="200"
+          show-word-limit
+          rows="5"
+        ></el-input>
       </el-form-item>
 
       <el-form-item label="减脂遇到的困难" prop="difficulty">
-      <el-input type="textarea" placeholder="请输入内容" v-model="form.difficulty" maxlength="200" show-word-limit rows="5"></el-input>
+        <el-input
+          type="textarea"
+          placeholder="请输入内容"
+          v-model="form.difficulty"
+          maxlength="200"
+          show-word-limit
+          rows="5"
+        ></el-input>
       </el-form-item>
 
       <el-form-item label="备注" prop="comments">
-      <el-input type="textarea" placeholder="请输入其他需要反馈的内容" v-model="form.comments" maxlength="200" show-word-limit rows="5"></el-input>
+        <el-input
+          type="textarea"
+          placeholder="请输入其他需要反馈的内容"
+          v-model="form.comments"
+          maxlength="200"
+          show-word-limit
+          rows="5"
+        ></el-input>
       </el-form-item>
 
-    <el-form-item style="text-align:center;margin:0 auto;">
-      <el-button type="primary" @click="addCustomer()" style="margin-right:50px;">已填写完成，提交数据</el-button>
+      <el-form-item style="text-align: center; margin: 0 auto">
+        <el-button
+          type="primary"
+          @click="addCustomer()"
+          style="margin-right: 50px"
+          >提交问卷</el-button
+        >
       </el-form-item>
     </el-form>
-
-</main></section>
-
+  </section>
 </template>
 <script>
-  import { physicalSignsList,addCustomer,getDictData } from "@/api/custom/customerInvestigation";
+import {
+  physicalSignsList,
+  addCustomer,
+  getDictData,
+} from "@/api/custom/customerInvestigation";
 import { listPhysicalSigns } from "@/api/custom/physicalSigns";
-  //imgUrl = require('@/assets/logo/st_logo.png')
+const logo = require("@/assets/logo/st_logo.png");
 export default {
   name: "Questionnaire",
   data() {
     return {
-        imagePath: "../assets/logo/st_logo.png",
+      logo,
       submitFlag: false,
       form: {
-          name: '',
-          phone: '',
+        name: "",
+        phone: "",
         address: "",
         sex: "1",
         age: null,
@@ -204,75 +271,87 @@
         night: "0",
         vocation: null,
         experience: null,
-          comments: null
+        comments: null,
       },
       rules: {
         name: [
           { required: true, trigger: "blur", message: "请填写姓名" },
-            { min: 1, max: 20, trigger: "blur", message: "姓名过长" }
+          { min: 1, max: 20, trigger: "blur", message: "姓名过长" },
         ],
         phone: [
           { required: true, trigger: "blur", message: "请填写手机号" },
           { required: true, trigger: "blur", message: "请填写正确的手机号" },
-            { required: true, trigger: "blur", pattern: /^[0-9]{5,11}$/ , message: '手机号格式不正确'}
-          ],
-          sex:[
-            { required: true, trigger: "blur", message: "请选择性别" }
+          {
+            required: true,
+            trigger: "blur",
+            pattern: /^[0-9]{5,11}$/,
+            message: "手机号格式不正确",
+          },
         ],
+        sex: [{ required: true, trigger: "blur", message: "请选择性别" }],
         age: [
           { required: true, trigger: "blur", message: "请填写年龄" },
-            {required: true, trigger: "blur", pattern: /^[1-9]\d*$/ , message: '年龄格式不正确'}
+          {
+            required: true,
+            trigger: "blur",
+            pattern: /^[1-9]\d*$/,
+            message: "年龄格式不正确",
+          },
         ],
         tall: [
           { required: true, trigger: "blur", message: "请填写身高" },
-            {required: true, trigger: "blur", pattern: /^[1-9]\d*$/ , message: '身高格式不正确'}
+          {
+            required: true,
+            trigger: "blur",
+            pattern: /^[1-9]\d*$/,
+            message: "身高格式不正确",
+          },
         ],
         weight: [
           { required: true, trigger: "blur", message: "请填写体重" },
-            {required: true, trigger: "blur", pattern: /^[1-9]\d*$/ , message: '体重格式不正确'}
+          {
+            required: true,
+            trigger: "blur",
+            pattern: /^[1-9]\d*$/,
+            message: "体重格式不正确",
+          },
         ],
         constipation: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         staylate: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         motion: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         makeFoodType: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         makeFoodTaste: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
-          ],
-          walk:[
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
+        walk: [{ required: true, trigger: "blur", message: "请选择一个答案" }],
         weakness: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         rebound: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
-          ],
-          crux:[
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
+        crux: [{ required: true, trigger: "blur", message: "请选择一个答案" }],
         position: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         sleepTime: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         getupTime: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
         connectTime: [
-            { required: true, trigger: "blur", message: "请选择一个答案" }
-          ],
-          night:[
-            { required: true, trigger: "blur", message: "请选择一个答案" }
+          { required: true, trigger: "blur", message: "请选择一个答案" },
         ],
+        night: [{ required: true, trigger: "blur", message: "请选择一个答案" }],
         /*bloodData:[
             { required: true, trigger: "blur", message: "请测试气血" }
           ],
@@ -281,21 +360,17 @@
           ]*/
       },
       physicalSignsList: [],
-        bloodDataList:[
-
-        ],
-        moistureDataList:[
-
-        ]
-      }
+      bloodDataList: [],
+      moistureDataList: [],
+    };
   },
   methods: {
     onSubmit() {
-        console.log('submit!');
+      console.log("submit!");
     },
     /** 查询体征列表 */
     getPhysicalSignsList() {
-        physicalSignsList().then(response => {
+      physicalSignsList().then((response) => {
         this.physicalSignsList = response.rows;
       });
     },
@@ -303,45 +378,54 @@
       if (this.submitFlag) {
         return;
       }
-        this.$refs.form.validate(valid => {
+      this.$refs.form.validate((valid) => {
         if (valid) {
           let cusMessage = Object.assign({}, this.form);
-            cusMessage.bloodData = cusMessage.bloodData != null ? cusMessage.bloodData.join(",") : null;
-            cusMessage.moistureDate = cusMessage.moistureDate != null ? cusMessage.moistureDate.join(",") : null;
-            cusMessage.physicalSignsId = cusMessage.physicalSignsId != null ? cusMessage.physicalSignsId.join(",") : null;
+          cusMessage.bloodData =
+            cusMessage.bloodData != null
+              ? cusMessage.bloodData.join(",")
+              : null;
+          cusMessage.moistureDate =
+            cusMessage.moistureDate != null
+              ? cusMessage.moistureDate.join(",")
+              : null;
+          cusMessage.physicalSignsId =
+            cusMessage.physicalSignsId != null
+              ? cusMessage.physicalSignsId.join(",")
+              : null;
           cusMessage.sleepTime = cusMessage.sleepTime.substring(0, 2);
           cusMessage.getupTime = cusMessage.getupTime.substring(0, 2);
           cusMessage.connectTime = cusMessage.connectTime.substring(0, 2);
-            addCustomer(cusMessage).then(response => {
+          addCustomer(cusMessage).then((response) => {
             if (response.code === 200) {
-                  console.log('成功');
+              console.log("成功");
               this.$notify({
-                    title: '提交成功',
-                    message: '',
-                    type: 'success'
+                title: "提交成功",
+                message: "",
+                type: "success",
               });
               this.submitFlag = true;
             }
           });
         } else {
           this.$message({
-              message: '数据未填写完整',
-              type: 'warning'
+            message: "数据未填写完整",
+            type: "warning",
           });
         }
         //console.log(this.form.bloodData);
-        })
+      });
     },
     getBloodDictData(type) {
-        getDictData(type).then(response => {
+      getDictData(type).then((response) => {
         this.bloodDataList = response.data;
       });
     },
     getMoistureDictData(type) {
-        getDictData(type).then(response => {
+      getDictData(type).then((response) => {
         this.moistureDataList = response.data;
       });
-      }
+    },
   },
   created() {
     this.getPhysicalSignsList();
@@ -351,12 +435,9 @@
   beforeCreate() {
     document.title = this.$route.meta.title;
     console.log(this.$route.meta.title);
-    }
-
-  }
+  },
+};
 </script>
 
  <style scoped>
-
-
 </style>

stdiet-ui/src/views/tool/build/index.vue

@@ -157,7 +157,7 @@ import {
 import { makeUpJs } from '@/utils/generator/js'
 import { makeUpCss } from '@/utils/generator/css'
 import drawingDefalut from '@/utils/generator/drawingDefalut'
-import logo from '@/assets/logo/logo.png'
+import logo from '@/assets/logo/logo_w.png'
 import CodeTypeDialog from './CodeTypeDialog'
 import DraggableItem from './DraggableItem'