!310 调查小问卷

Merge pull request !310 from 德仔/xzj
2021-07-06 10:36:03 +00:00
parent 42208ab591 682a7f5477
commit 564d4c5530
13 changed files with 920 additions and 6 deletions
--- a/stdiet-ui/src/api/custom/customerInvestigation.js
+++ b/stdiet-ui/src/api/custom/customerInvestigation.js
@ -52,3 +52,22 @@ export function addFoodHeatStatistics(data) {
  })
 }

+
+// 根据客户唯一标识查询对应基础信息问卷调查表
+export function getCustomerSurvey(customerKey) {
+  return request({
+    url: '/investigate/getCustomerSurvey/'+(customerKey != undefined && customerKey != null ? customerKey : ""),
+    method: 'get'
+  })
+}
+
+// 添加客户基础信息问卷，携带者客户唯一标识
+export function addCustomerSurvey(customerSurvey) {
+  return request({
+    url: '/investigate/addCustomerSurvey',
+    method: 'post',
+    data: customerSurvey
+  })
+}
+
+
--- a/stdiet-ui/src/api/custom/preSaleSurvey.js
+++ b/stdiet-ui/src/api/custom/preSaleSurvey.js
@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询售前调查，销售给客户发送简易信息调查链接列表
+export function listPreSaleSurvey(query) {
+  return request({
+    url: '/custom/preSaleSurvey/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询售前调查，销售给客户发送简易信息调查链接详细
+export function getPreSaleSurvey(id) {
+  return request({
+    url: '/custom/preSaleSurvey/' + id,
+    method: 'get'
+  })
+}
+
+// 新增售前调查，销售给客户发送简易信息调查链接
+export function addPreSaleSurvey(data) {
+  return request({
+    url: '/custom/preSaleSurvey',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改售前调查，销售给客户发送简易信息调查链接
+export function updatePreSaleSurvey(data) {
+  return request({
+    url: '/custom/preSaleSurvey',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除售前调查，销售给客户发送简易信息调查链接
+export function delPreSaleSurvey(id) {
+  return request({
+    url: '/custom/preSaleSurvey/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出售前调查，销售给客户发送简易信息调查链接
+export function exportPreSaleSurvey(query) {
+  return request({
+    url: '/custom/preSaleSurvey/export',
+    method: 'get',
+    params: query
+  })
+}
--- a/stdiet-ui/src/components/OrderAdd/index.vue
+++ b/stdiet-ui/src/components/OrderAdd/index.vue
@ -275,6 +275,14 @@
            </el-date-picker>
          </el-form-item>
        </el-col>
+        <el-col :span="8">
+          <el-form-item label="食谱是否连续" prop="recipesPlanContinue">
+            <el-select v-model="form.recipesPlanContinue" placeholder="请选择食谱连续状态">
+              <el-option label="是" :value="parseInt('1')"></el-option>
+              <el-option label="否" :value="parseInt('0')"></el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
        <el-col :span="10">
          <el-form-item label="服务开始时间" prop="startTime" label-width="180">
            <el-date-picker
@ -288,6 +296,7 @@
            </el-date-picker>
          </el-form-item>
        </el-col>
+        
        <!-- 添加时默认未审核，不能改 -->
        <el-col :span="10" v-hasPermi="['custom:order:review']" v-show="false">
          <el-form-item label="审核状态" prop="reviewStatus">
@ -724,6 +733,7 @@ export default {
        payTypeId: defaultPayType ? parseInt(defaultPayType.dictValue) : null,
        preSaleId: defaultPresale ? parseInt(defaultPresale.dictValue) : null,
        pushPreSaleId: null,
+        recipesPlanContinue: 1,
        createBy: null,
        createTime: null,
        onSaleId: null,
--- a/stdiet-ui/src/permission.js
+++ b/stdiet-ui/src/permission.js
@ -64,7 +64,8 @@ router.beforeEach((to, from, next) => {
      to.path.startsWith("/f/contract/") ||
      to.path.startsWith("/recipes/detail/") ||
      to.path.startsWith("/subhealthyInvestigation/") ||
-      to.path.startsWith("/foodHeatCalculator/")
+      to.path.startsWith("/foodHeatCalculator/") ||
+      to.path.startsWith("/preSaleSurvey/")
    ) {
      // 在免登录白名单，直接进入
      next();
--- a/stdiet-ui/src/router/index.js
+++ b/stdiet-ui/src/router/index.js
@ -179,7 +179,14 @@ export const constantRoutes = [
      require(["@/views/custom/foodHeatStatistics/investigate"], resolve),
    hidden: true,
    meta: { title: "外食计算器" }
-  }
+  },
+  {
+    path: "/preSaleSurvey/:customerKey",
+    component: resolve =>
+      require(["@/views/custom/preSaleSurvey/survey"], resolve),
+    hidden: true,
+    meta: { title: "胜唐体控基础问卷表" }
+  },
 ];

 export default new Router({
--- a/stdiet-ui/src/views/custom/preSaleSurvey/index.vue
+++ b/stdiet-ui/src/views/custom/preSaleSurvey/index.vue
--- a/stdiet-ui/src/views/custom/preSaleSurvey/survey/index.vue
+++ b/stdiet-ui/src/views/custom/preSaleSurvey/survey/index.vue
@ -0,0 +1,330 @@
+<template>
+  <section>
+    <div style="padding: 5px; text-align: center;margin-top:5px">
+      <img :src="logo" style="width: auto; height: 40px" alt="logo" />
+    </div>
+    <el-form
+      ref="form"
+      label-position="top"
+      :model="form"
+      :rules="rules"
+      label-width="100px"
+      style="padding: 16px"
+    >
+    <p class="p_title_1 text-span-title" style="margin-top: 0px;" align="center">胜唐体控基础问卷表</p>
+    <!--<p style="font-size: 15px; margin-bottom: 12px;margin-top: 10px;">请您确保下方姓名、手机号正确</p>-->
+    <el-form-item label="1、真实姓名" prop="name" style="margin-top: 2px;">
+      <el-input v-model="form.name" placeholder="请输入真实姓名" maxlength="20" :disabled="submitFlag"/>
+    </el-form-item>
+    <el-form-item label="2、手机号" prop="phone" >
+      <el-input v-model="form.phone" type="number" placeholder="请输入手机号" :disabled="submitFlag"/>
+    </el-form-item>
+    <el-form-item label="3、性别" prop="sex">
+      <el-radio-group v-model="form.sex" size="small" :disabled="submitFlag">
+        <el-radio :label="parseInt('0')"  border>男</el-radio>
+        <el-radio :label="parseInt('1')" border>女</el-radio>
+      </el-radio-group>
+    </el-form-item>
+    <el-form-item label="4、年龄" prop="age" >
+      <el-input type="number" v-model="form.age" placeholder="请输入年龄（整数）" :disabled="submitFlag" autocomplete="off" ></el-input>
+    </el-form-item>
+    <el-form-item label="5、身高（厘米）" prop="tall" >
+      <el-input type="number" v-model="form.tall" placeholder="请输入身高（整数）" :disabled="submitFlag" autocomplete="off" ></el-input>
+    </el-form-item>
+    <el-form-item label="6、体重（斤）" prop="weight" >
+      <el-input v-model="form.weight" placeholder="请输入体重（可保留一位小数）" :disabled="submitFlag" autocomplete="off"></el-input>
+    </el-form-item>
+    <el-form-item label="7、职业" prop="occupation">
+      <el-input placeholder="请输入职业名称" :disabled="submitFlag" v-model="form.occupation" maxlength="50"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="8、病史体征(可多选)" prop="physicalSignsIdArray" >
+      <el-select v-model="form.physicalSignsIdArray" multiple placeholder="请选择" :disabled="submitFlag">
+        <el-option 
+          v-for="physicalSign in physicalSignsList"
+          :key="physicalSign.id"
+          :label="physicalSign.name"
+          :value="physicalSign.id+''"
+        >
+        </el-option>
+      </el-select>
+      <div><span class="text-span">其他病史体征</span>
+        <el-input type="textarea"
+                  :disabled="submitFlag"
+                  placeholder="请输入病史体征"
+                  v-model="form.otherPhysicalSigns"
+                  maxlength="200"
+                  show-word-limit
+                  rows="2"
+        ></el-input>
+      </div>
+    </el-form-item>
+    <el-form-item label="9、作息时间" >
+        <div class="margin-left">
+            <span class="text-span">睡觉时间</span>
+            <el-input placeholder="请输入睡觉时间" maxlength="20" :disabled="submitFlag" v-model="form.timeTableArray[0]" style="width:60%;margin-left:10px"/>
+        </div>          
+        <div class="margin-left" style="margin-top:8px;">
+            <span class="text-span">起床时间</span>
+            <el-input placeholder="请输入起床时间" maxlength="20" :disabled="submitFlag" v-model="form.timeTableArray[1]" style="width:60%;margin-left:10px"/>
+        </div>
+    </el-form-item>
+    <el-form-item label="10、减脂经历" prop="experience" >
+      <el-input
+        :disabled="submitFlag"
+        type="textarea"
+        placeholder="请描述下减脂经历"
+        v-model="form.experience"
+        maxlength="200"
+        show-word-limit
+        rows="3"
+      ></el-input>
+    </el-form-item>
+    <el-form-item label="11、湿气测试（可多选）" prop="moistureDataArray" >
+      <el-checkbox-group v-model="form.moistureDataArray" :disabled="submitFlag">
+        <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="12、气血测试（可多选）" prop="bloodDataArray" >
+      <el-checkbox-group v-model="form.bloodDataArray" :disabled="submitFlag">
+        <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 style="text-align: center; margin: 0 auto" v-show="!submitFlag">
+        <el-button
+          type="primary"
+          @click="addCustomerSurvey()"
+          style="width:80%"
+          :disabled="submitFlag"
+          >填写完成，提交问卷</el-button
+        >
+      </el-form-item>
+    </el-form>
+  </section>
+</template>
+<script>
+import {
+  getDictData,
+  physicalSignsList,
+  getCustomerSurvey,
+  addCustomerSurvey
+} from "@/api/custom/customerInvestigation";
+import * as healthyData from "@/utils/healthyData";
+const logo = require("@/assets/logo/st_logo.png");
+export default {
+  name: "index",
+  data() {
+    return {
+      logo,
+      submitFlag: true,
+      moistureDataList:[],
+      bloodDataList:[],
+      physicalSignsList:[],
+      form:{
+        customerKey: null,
+        name: "",
+        phone: "",
+        sex: 1,
+        age: null,
+        tall: null,
+        weight: null,
+        physicalSignsIdArray:[],
+        physicalSignsId: "",
+        otherPhysicalSigns: "",
+        timeTableArray:["",""],
+        timeTable: "",
+        experience: "",
+        occupation: "",
+        bloodDataArray: [],
+        bloodData: "",
+        moistureDataArray: [],
+        moistureData: "",
+      },
+      rules: {
+        name: [{ required: true, trigger: "blur", message: "请填写姓名" }],
+        phone: [
+            //{ required: false, trigger: "blur", message: "请选择手机号" },
+            {
+                required: false,
+                trigger: "blur",
+                pattern: /^\d{5,11}$/ ,
+                message: "手机号格式不正确",
+            }
+        ],
+        sex: [{ required: true, trigger: "blur", message: "请选择性别" }],
+        age: [
+          { required: true, trigger: "blur", 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: "身高格式不正确",
+          },
+        ],
+        weight: [
+          { required: true, trigger: "blur", message: "请填写体重" },
+          {
+            required: true,
+            trigger: "blur",
+            pattern: /^(\d+)(\.\d{1})?$/,
+            message: "体重格式不正确",
+          },
+        ]
+      },
+    };
+  },
+  components: {
+    
+  },
+  methods: {
+    //根据用户ID获取用户基本信息（手机号、姓名）
+    getCustomerSurvey(customerKey) {
+        /*const loading = this.$loading({
+          lock: true,
+          text: 'Loading',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        });
+        setTimeout(() => {
+          loading.close();
+        }, 2000);*/
+        getCustomerSurvey(customerKey).then((response) => {
+           if(response.code == 200 && (response.data == undefined || response.data == null)){
+               this.submitFlag = false;
+           }else{
+                this.form = response.data;
+                this.form.physicalSignsIdArray = this.form.physicalSignsId.split(",");
+                this.form.timeTableArray = this.form.timeTable.split(",");
+                this.form.bloodDataArray = this.form.bloodData.split(",");
+                this.form.moistureDataArray = this.form.moistureData.split(",");
+                this.submitFlag = true;
+           }
+        });
+    },
+    addCustomerSurvey(){
+        this.submitFlag = true;
+        this.form.physicalSignsId =  this.form.physicalSignsIdArray.join(",");
+        this.form.timeTable = this.form.timeTableArray.join(",");
+        this.form.bloodData = this.form.bloodDataArray.join(",");
+        this.form.moistureData = this.form.moistureDataArray.join(",");
+        this.$refs.form.validate((valid) => {
+          if (valid){
+              addCustomerSurvey(this.form).then((response) => {
+                if(response.code == 200){
+                    this.$notify({
+                        title: "提交成功",
+                        message: "",
+                        type: "success",
+                    });
+                    this.goTop();
+                    this.submitFlag = true;
+                }else{
+                    this.submitFlag = false;
+                }         
+              });
+          }else{
+            this.$message({
+              message: "数据未填写完整",
+              type: "warning",
+            });
+            this.submitFlag = false;
+          }
+        })
+        
+    },
+    goTop() {
+      window.scroll(0, 0);
+    },
+    //获取湿气
+    getMoistureDictData() {
+      getDictData("sys_blood_data").then((response) => {
+          this.moistureDataList = response.data;
+        });
+    },
+    //获取气血
+    getBloodDictData() {
+        getDictData("sys_moisture_data").then((response) => {
+          this.bloodDataList = response.data;
+        });
+    },
+    /** 查询体征列表 */
+    getPhysicalSignsList() {
+        physicalSignsList().then((response) => {
+          this.physicalSignsList = response.rows;
+        });
+    },
+  },
+  created() {
+    this.form.customerKey = this.$route.params.customerKey;
+    this.getCustomerSurvey(this.form.customerKey);
+    this.getPhysicalSignsList();
+    this.getMoistureDictData();
+    this.getBloodDictData();
+  },
+  beforeCreate() {
+    document.title = this.$route.meta.title;
+  }
+};
+</script>
+
+ <style scoped>
+.el-form-item {
+  margin-bottom: 8px;
+}
+
+.p_title_1 {
+  font-size: 18px;
+  font-weight: bold;
+  margin-top: 30px;
+}
+.p_title_2 {
+  font-size: 16px;
+  font-weight: bold;
+  margin-top: 30px;
+}
+.p_title_3 {
+  font-size: 14px;
+  font-weight: bold;
+  margin-top: 30px;
+}
+.margin-left {
+  margin-left: 14px;
+}
+.el-input__inner {
+  width: 30%;
+}
+.margin-top-10 {
+  margin-top: 10px;
+}
+.width-50-left-8-right-5 {
+  width: 50%;
+  margin-left: 8px;
+  margin-right: 5px;
+}
+.width-70-left-8-right-5 {
+  width: 70%;
+  margin-left: 8px;
+  margin-right: 5px;
+}
+.text-span{
+    color:#606266;
+    font-weight: 700;
+    font-size: 14px
+  }
+
+  .text-span-title{
+    color:#606266;
+    font-weight: 800;
+    font-size: 16px
+  }
+
+</style>