订单管理与报名单管理页面开发，对接快递100接口查看快递进度

src/api/order/order.js

@@ -0,0 +1,13 @@
+import request from "@/router/axios";
+//查询物流信息
+export const getWuliuInfo = (param) => {
+  return request({
+    url: "/pollApi/poll/query.do",
+    // url: "https://poll.kuaidi100.com/poll/query.do",
+    method: "post",
+    headers: {
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    params: param,
+  });
+};

src/router/axios.js

@@ -5,18 +5,18 @@
  * isSerialize是否开启form表单提交
  * isToken是否需要token
  */
-import axios from 'axios';
+import axios from "axios";
-import store from '@/store/';
+import store from "@/store/";
-import router from '@/router/router';
+import router from "@/router/router";
-import {serialize} from '@/util/util';
+import { serialize } from "@/util/util";
-import {getToken} from '@/util/auth';
+import { getToken } from "@/util/auth";
-import {Message} from 'element-ui';
+import { Message } from "element-ui";
-import {isURL} from "@/util/validate";
+import { isURL } from "@/util/validate";
-import website from '@/config/website';
+import website from "@/config/website";
-import {Base64} from 'js-base64';
+import { Base64 } from "js-base64";
-import { baseUrl } from '@/config/env';
+import { baseUrl } from "@/config/env";
-import NProgress from 'nprogress';
+import NProgress from "nprogress";
-import 'nprogress/nprogress.css';
+import "nprogress/nprogress.css";
 
 //默认超时时间
 axios.defaults.timeout = 10000;
@@ -28,63 +28,73 @@ axios.defaults.validateStatus = function (status) {
 axios.defaults.withCredentials = true;
 // NProgress 配置
 NProgress.configure({
-  showSpinner: false
+  showSpinner: false,
 });
 //http request拦截
-axios.interceptors.request.use(config => {
+axios.interceptors.request.use(
-  //开启 progress bar
+  (config) => {
-  NProgress.start();
+    //开启 progress bar
-  //地址为已经配置状态则不添加前缀
+    NProgress.start();
-  if (!isURL(config.url) && !config.url.startsWith(baseUrl)) {
+    //地址为已经配置状态则不添加前缀
-    config.url = baseUrl + config.url
+    console.log(baseUrl);
+    // if (!isURL(config.url) && !config.url.startsWith(baseUrl)) {
+    //   config.url = baseUrl + config.url;
+    // }
+    //headers判断是否需要
+    const authorization = config.authorization === false;
+    if (!authorization) {
+      config.headers["Authorization"] = `Basic ${Base64.encode(
+        `${website.clientId}:${website.clientSecret}`
+      )}`;
+    }
+    //让每个请求携带token
+    const meta = config.meta || {};
+    const isToken = meta.isToken === false;
+    if (getToken() && !isToken) {
+      config.headers[website.tokenHeader] = "bearer " + getToken();
+    }
+    //headers中配置text请求
+    if (config.text === true) {
+      config.headers["Content-Type"] = "text/plain";
+    }
+    //headers中配置serialize为true开启序列化
+    if (config.method === "post" && meta.isSerialize === true) {
+      config.data = serialize(config.data);
+    }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
   }
-  //headers判断是否需要
+);
-  const authorization = config.authorization === false;
-  if (!authorization) {
-    config.headers['Authorization'] = `Basic ${Base64.encode(`${website.clientId}:${website.clientSecret}`)}`;
-  }
-  //让每个请求携带token
-  const meta = (config.meta || {});
-  const isToken = meta.isToken === false;
-  if (getToken() && !isToken) {
-    config.headers[website.tokenHeader] = 'bearer ' + getToken()
-  }
-  //headers中配置text请求
-  if (config.text === true) {
-    config.headers["Content-Type"] = "text/plain";
-  }
-  //headers中配置serialize为true开启序列化
-  if (config.method === 'post' && meta.isSerialize === true) {
-    config.data = serialize(config.data);
-  }
-  return config
-}, error => {
-  return Promise.reject(error)
-});
 //http response 拦截
-axios.interceptors.response.use(res => {
+axios.interceptors.response.use(
-  //关闭 progress bar
+  (res) => {
-  NProgress.done();
+    //关闭 progress bar
-  //获取状态码
+    NProgress.done();
-  const status = res.data.code || res.status;
+    //获取状态码
-  const statusWhiteList = website.statusWhiteList || [];
+    const status = res.data.code || res.status;
-  const message = res.data.msg || res.data.error_description || '未知错误';
+    const statusWhiteList = website.statusWhiteList || [];
-  //如果在白名单里则自行catch逻辑处理
+    const message = res.data.msg || res.data.error_description || "未知错误";
-  if (statusWhiteList.includes(status)) return Promise.reject(res);
+    //如果在白名单里则自行catch逻辑处理
-  //如果是401则跳转到登录页面
+    if (statusWhiteList.includes(status)) return Promise.reject(res);
-  if (status === 401) store.dispatch('FedLogOut').then(() => router.push({path: '/login'}));
+    //如果是401则跳转到登录页面
-  // 如果请求为非200否者默认统一处理
+    if (status === 401)
-  if (status !== 200) {
+      store.dispatch("FedLogOut").then(() => router.push({ path: "/login" }));
-    Message({
+    // 如果请求为非200否者默认统一处理
-      message: message,
+    if (status !== 200) {
-      type: 'error'
+      Message({
-    });
+        message: message,
-    return Promise.reject(new Error(message))
+        type: "error",
+      });
+      return Promise.reject(new Error(message));
+    }
+    return res;
+  },
+  (error) => {
+    NProgress.done();
+    return Promise.reject(new Error(error));
   }
-  return res;
+);
-}, error => {
-  NProgress.done();
-  return Promise.reject(new Error(error));
-});
 
 export default axios;

src/views/order/index.vue

@@ -0,0 +1,906 @@
+<template>
+<!-- 订单管理页面 -->
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <!-- <template slot-scope="scope" slot="materialSearch">
+        <el-select v-model="form.material" placeholder="请选择枕头类型">
+          <el-option
+            v-for="item in materialData"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </template> -->
+      <template slot-scope="scope" slot="nameSearch">
+        <el-input v-model="form.name" placeholder="请输入来访人姓名"></el-input>
+      </template>
+      <template slot-scope="scope" slot="phonenumberSearch">
+        <el-input
+          v-model="form.phonenumber"
+          placeholder="请输入手机"
+        ></el-input>
+      </template>
+      <template slot-scope="scope" slot="orderNumberSearch">
+        <el-input
+          v-model="form.orderNumber"
+          placeholder="请输入订单编号"
+        ></el-input>
+      </template>
+      <template slot-scope="{ row }" slot="menu">
+        <el-button size="small" @click="handleDetail(row)">查看详情</el-button>
+        <!-- <el-button size="small" @click="handleDelete(row)">删除</el-button> -->
+        <el-button :disabled='row.orderStatus == 1' size="small" @click="handleSend(row)">发货</el-button>
+      </template>
+      <!-- <template slot-scope="scope" slot="sleepingPosture">
+        <div v-show="scope.row.sleepingPosture == 1">仰睡</div>
+        <div v-show="scope.row.sleepingPosture == 2">侧睡</div>
+      </template> -->
+      <template slot-scope="scope" slot="orderStatus">
+        <div v-show="scope.row.orderStatus == 1">已发货</div>
+        <div v-show="scope.row.orderStatus == 0">未发货</div>
+      </template>
+      <template slot-scope="scope" slot="menuLeft">
+        <el-button type="danger" size="small" @click="deleteItem"
+          >删除</el-button
+        >
+        <el-button type="primary" size="small" @click="exportData"
+          >导出</el-button
+        >
+      </template>
+    </avue-crud>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      width="60%"
+      :title="diaTitle"
+      :append-to-body="true"
+      custom-class="dis_class"
+      center
+    >
+      <div class="basic_box" v-show="!isShowInfo">
+        <el-descriptions :column="2" class="margin-top" size="small" border>
+          <el-descriptions-item>
+            <template slot="label">姓名</template>
+            <div>{{ checkaccept.username }}</div>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">手机</template>
+            <div>{{ checkaccept.phone }}</div>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">订单编号</template>
+            <div>{{ checkaccept.orderNo }}</div>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">
+              <div>地址</div>
+            </template>
+            <div style="width: 158px">{{ checkaccept.position }}</div>
+          </el-descriptions-item>
+          <el-descriptions-item>
+            <template slot="label">订单状态</template>
+            <div>
+              {{
+                checkaccept.orderStatus == 1
+                  ? "已发货"
+                  : checkaccept.orderStatus == 0
+                  ? "未发货"
+                  : ""
+              }}
+            </div>
+          </el-descriptions-item>
+        </el-descriptions>
+        <div class="number_box" v-show="diaType == 'send'">
+          <p>请选择快递公司：</p>
+          <el-select v-model="company">
+            <el-option v-for="item in companyData" :key="item.value" :value="item.value" :label="item.label"></el-option>
+          </el-select>
+        </div>
+        <div class="number_box" v-show="diaType == 'send'">
+          <p>请输入快递单号：</p>
+          <el-input></el-input>
+        </div>
+        <div class="info_box" v-show="diaType == 'view' && checkaccept.orderStatus == 1">
+          <p>物流信息:</p>
+          <p class="info_view" @click="viewWiliu">查看物流信息</p>
+        </div>
+      </div>
+      <div v-show="isShowInfo">
+        <el-timeline :reverse="false">
+          <el-timeline-item
+            v-for="(activity, index) in activities"
+            :key="index"
+            :timestamp="activity.time"
+            :color="activity.color">
+            <div>
+              <p>{{activity.status == '揽收' ? '已揽件' : activity.status == '运输中' ? '运输中' : activity.status == '派件' ? '派件中' : activity.status == '投柜或驿站' ? '投柜或驿站' : ''}}</p> 
+              <p>{{activity.context}}</p> 
+            </div>
+            
+          </el-timeline-item>
+        </el-timeline>
+      </div>
+      <span slot="footer" class="dialog-footer" v-show="diaType == 'send'">
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </span>
+      <span slot="footer" class="dialog-footer" v-show="isShowInfo">
+        <el-button type="primary" @click="dialogVisible = false">关 闭</el-button>
+      </span>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+// import { mapGetters } from "vuex";
+// import {getBaseList,getTypeList} from "@/api/base"
+import {
+  getList,
+  exportList,
+  deleteList,
+  detailList,
+} from "@/api/statistics/statistics";
+import {getWuliuInfo} from "@/api/order/order"
+// import { getToken } from "@/util/auth";
+import md5 from "js-md5";
+export default {
+  data() {
+    return {
+      activities: [{
+          status:'在途',
+          content: '【昆明市】 快件已到达 昆明中转',
+          time: '2023-08-15 15:30:16'
+        }, {
+          status:'在途',
+          content: '【丽江市】 快件已发往 昆明中转',
+          time: '2023-08-14 19:02:02'
+        }, {
+          status:'揽收',
+          content: '【丽江市】 【丽江华坪县】（0888-8834031） 的 P1陈平（15108866686） 已揽收',
+          time: '2023-08-14 19:01:18'
+        }],
+      active: "1",
+      form: {},
+      dialogVisible: false,
+      statusData: [
+        { label: "待处理", value: "0" },
+        { label: "正在处理", value: "1" },
+        { label: "达成协议", value: "2" },
+        { label: "调解成功", value: "3" },
+      ],
+      headers: {
+        "Blade-Auth": "",
+      }, //认证
+      listData: [],
+      materialData: [
+        { label: "羽丝绒枕", value: 1 },
+        { label: "草本植物枕(荞麦、决明子等)", value: 2 },
+        { label: "乳胶枕", value: 3 },
+        { label: "慢回弹记忆枕", value: 4 },
+        { label: "软管枕", value: 5 },
+        { label: "其他", value: 6 },
+      ],
+      hardnessData: [
+        { label: "偏硬", value: 1 },
+        { label: "适中", value: 2 },
+        { label: "偏软", value: 3 },
+      ],
+      checkaccept: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        selection: true,
+        searchShowBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        height: "auto",
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 4,
+        searchSpan: 6,
+        border: false,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        column: [
+          {
+            label: "姓名",
+            prop: "name",
+            search: true,
+            searchslot: true,
+            hide: true,
+            // searchSpan: 4,
+          },
+          {
+            label: "手机",
+            prop: "phonenumber",
+            search: true,
+            searchslot: true,
+            hide: true,
+            // searchSpan: 4,
+          },
+          {
+            label: "订单编号",
+            prop: "orderNumber",
+            search: true,
+            searchslot: true,
+            hide: true,
+            // searchSpan: 4,
+          },
+          {
+            label: "姓名",
+            prop: "username",
+            align: "center",
+            overHidden:true,
+            width:80,
+          },
+          {
+            label: "手机",
+            overHidden:true,
+            width:150,
+            prop: "phone",
+            align: "center",
+          },
+          {
+            label: "订单编号",
+            prop: "orderNo",
+            align: "center",
+          },
+          {
+            label: "地址",
+            overHidden:true,
+            prop: "position",
+            slot:true,
+            align: "center",
+          },
+          {
+            label: "订单状态",
+            slot:true,
+            prop: "orderStatus",
+            align: "center",
+          }
+        ],
+      },
+      ageData: [
+        { label: "18~30", value: "18~30" },
+        { label: "31~50", value: "31~50" },
+        { label: "51~60", value: "51~60" },
+        { label: "60以上", value: "60以上" },
+      ],
+      data: [],
+      time: "",
+      date: "",
+      isWinDis: false,
+      formData: [
+        {
+          label: "姓名",
+          key: "username",
+          formType: "input",
+          required: true,
+          isSearch:true,
+        },
+        {
+          label: "手机",
+          key: "phone",
+          formType: "input",
+          required: true,
+          validateFunction: /^1(3|4|5|6|7|8|9)\d{9}$/,
+          isSearch:true,
+        },
+        {
+          label: "地区",
+          formType: "picker",
+          province: "",
+          city: "",
+          district: "",
+          locationArr: "",
+          multiIndex: [0, 0, 0],
+          key: "position",
+          required: true,
+        },
+        {
+          label: "身高",
+          key: "height",
+          formType: "input",
+          required: true,
+        },
+        {
+          label: "体重",
+          key: "weight",
+          formType: "input",
+          required: true,
+        },
+        {
+          label: "肩颈宽度",
+          key: "neckShoulderWidth",
+          formType: "input",
+        },
+        {
+          label: "颈长",
+          key: "neckLength",
+          formType: "input",
+        },
+        {
+          label: "年龄",
+          key: "ageRange",
+          formType: "select",
+          isSearch:true,
+          data: [
+            {
+              label: "18~30",
+              value: "18~30",
+            },
+            {
+              label: "31~50",
+              value: "31~50",
+            },
+            {
+              label: "51~60",
+              value: "51~60",
+            },
+            {
+              label: "60以上",
+              value: "60以上",
+            },
+          ],
+        },
+        {
+          label: "您每晚的睡眠时间",
+          key: "sleepLength",
+          formType: "check",
+          data: [
+            {
+              text: "2~4小时",
+              value: "2~4小时",
+            },
+            {
+              text: "4~6小时",
+              value: "4~6小时",
+            },
+            {
+              text: "6~8小时",
+              value: "6~8小时",
+            },
+            {
+              text: "8小时以上",
+              value: "8小时以上",
+            },
+          ],
+        },
+        {
+          label: "您习惯的睡眠姿势",
+          key: "sleepLength",
+          formType: "check",
+          data: [
+            {
+              text: "仰睡",
+              value: 1,
+            },
+            {
+              text: "侧睡",
+              value: 2,
+            },
+          ],
+          imgData: [
+            { text: "仰睡", img: "../../../static/image/yang.jpg" },
+            { text: "侧睡", img: "../../../static/image/ce.jpg" },
+          ],
+        },
+        {
+          label: "您习惯的枕头软硬度",
+          key: "pillowHardness",
+          formType: "check",
+          required: true,
+          data: [
+            {
+              text: "偏硬",
+              value: "1",
+            },
+            {
+              text: "适中",
+              value: "2",
+            },
+            {
+              text: "偏软",
+              value: "3",
+            },
+          ],
+        },
+        {
+          label: "您习惯的枕头类型",
+          key: "pillowMaterial",
+          formType: "check",
+          required: true,
+          data: [
+            {
+              text: "羽丝绒枕",
+              value: "1",
+            },
+            {
+              text: "草本植物枕(荞麦、决明子等)",
+              value: "2",
+            },
+            {
+              text: "乳胶枕",
+              value: "3",
+            },
+            {
+              text: "慢回弹记忆枕",
+              value: "4",
+            },
+            {
+              text: "软管枕",
+              value: "5",
+            },
+            {
+              text: "其他",
+              value: "6",
+            },
+          ],
+        },
+        {
+          label: "您现在的颈椎出现问题了吗",
+          key: "cervicalVertebra",
+          formType: "check",
+          data: [
+            {
+              text: "是",
+              value: 1,
+            },
+            {
+              text: "否",
+              value: 0,
+            },
+          ],
+        },
+        {
+          label: "您的其他需求",
+          key: "workcontent",
+          formType: "textarea",
+        },
+      ],
+      diaType:'',
+      diaTitle:'',
+      isShowInfo:false,
+      companyData:[
+        {value:'yuantong',label:'圆通'},
+        {value:'shentong',label:'申通'},
+        {value:'zhongtong',label:'中通'},
+      ],
+      company:''
+    };
+  },
+  computed: {
+    // ...mapGetters(["permission","userInfo"]),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+  },
+  created() {
+    // this.headers["Blade-Auth"] = "bearer " + getToken();
+    // this.getTime();
+    // this.getWinData();
+    // this.getTypeData();
+    this.onLoad();
+  },
+  methods: {
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.onLoad();
+    },
+    handleDetail(row) {
+      this.isShowInfo = false
+      this.diaType="view";
+      this.diaTitle = '查看详情'
+      this.dialogVisible = true;
+      this.checkaccept = row;
+      // detailList({ id: row.id }).then((res) => {
+      //   console.log(res);
+      //   this.checkaccept = res.data.data;
+      //   this.checkaccept.position =
+      //     this.checkaccept.province +
+      //     this.checkaccept.city +
+      //     this.checkaccept.district +
+      //     this.checkaccept.detail;
+      // });
+    },
+    // 发货页面弹窗
+    handleSend(row){
+      this.dialogVisible = true;
+      this.isShowInfo = false
+      this.diaTitle = '发货'
+      this.diaType="send"
+      detailList({ id: row.id }).then((res) => {
+        console.log(res);
+        this.checkaccept = res.data.data;
+        this.checkaccept.position =
+          this.checkaccept.province +
+          this.checkaccept.city +
+          this.checkaccept.district +
+          this.checkaccept.detail;
+      });
+    },
+    // 查看物流信息
+    viewWiliu(){
+      this.isShowInfo = true
+      let param = {
+        customer: "1C32AD38DC92D3A1950391AD766C7F6D",
+        sign: "",
+        param: JSON.stringify({
+          "com": 'zhongtong',
+          "num": '78713552736238',
+          "phone": '17852327323',
+          "from": "",
+          "to": "",
+          "resultv2": "4",
+          "show": "0",
+          "order": "desc"
+        })
+      }
+      param.sign = md5(param.param + 'ubdRnSOv5517' + param.customer).toUpperCase();
+       this.activities = [
+        {
+          status:'投柜或驿站',
+          context: '【青岛市】 快件已被 菜鸟的【青岛康泰源惠客友超市店】代收，【取件地址：青岛康泰源惠客友超市店】，请及时取件。如有疑问请联系：15805321109，投诉电话：0532-88985563',
+          time: '2023-08-18 10:33:33'
+        },
+        {
+          status:'派件',
+          context: '【青岛市】青岛市中五二部（0532-88985563）业务员【杨金梅,19106394524】正在为您派件（95720为中通快递员外呼专属号码，请放心接听，如有问题可联系投诉电话：0532-88985563）',
+          time: '2023-08-18 08:08:38'
+        },
+        {
+          status:'在途',
+          context: '【青岛市】 快件已到达 青岛市中五二部',
+          time: '2023-08-18 08:08:33'
+        },
+        {
+          status:'在途',
+          context: '【青岛市】 快件已发往 青岛市中五二部',
+          time: '2023-08-18 04:36:56'
+        },
+        {
+          status:'在途',
+          context: '【青岛市】 快件已到达 青岛中转部',
+          time: '2023-08-18 01:04:40'
+        },
+        {
+          status:'在途',
+          context: '【昆明市】 快件已发往 青岛中转部',
+          time: '2023-08-16 00:51:30'
+        },
+        {
+          status:'在途',
+          context: '【昆明市】 快件已到达 昆明中转',
+          time: '2023-08-15 15:30:16'
+        }, {
+          status:'在途',
+          context: '【丽江市】 快件已发往 昆明中转',
+          time: '2023-08-14 19:02:02'
+        }, {
+          status:'揽收',
+          context: '【丽江市】 【丽江华坪县】（0888-8834031） 的 P1陈平（15108866686） 已揽收',
+          time: '2023-08-14 19:01:18'
+        }],
+        this.activities[0].status = this.activities[0].status == '在途' ? '运输中' : this.activities[0].status
+        this.activities[0].color = '#0bbd87'
+        console.log(this.activities)
+      // getWuliuInfo(param).then(res =>{
+      //   console.log(res)
+      //   this.activities = res.data.data
+      // })
+    },
+    selectionChange(data) {
+      this.selectionList = data;
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad();
+    },
+    getWinData() {
+      getBaseList().then((res) => {
+        this.winData = res.data.data;
+        let tmp = this.winData.find((item) => item.id == this.userInfo.user_id);
+        if (tmp) {
+          this.form.windows = tmp.id;
+          this.isWinDis = true;
+        }
+      });
+    },
+    getTypeData() {
+      getTypeList().then((res) => {
+        this.typeData = res.data.data;
+      });
+    },
+    handleList(row) {
+      console.log(row);
+      this.dialogVisible = true;
+      getResolveList({ appealId: row.id }).then((res) => {
+        console.log("res", res);
+        this.listData = res.data.data;
+      });
+    },
+    searchReset() {
+      this.query = {};
+      this.form = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      console.log(params)
+      this.form = params
+      console.log(this.form);
+
+      this.query = this.form;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.form);
+      done();
+    },
+    handleSuccess(res) {
+      console.log(res);
+      if (res.code == 200) {
+        this.$message.success("上传成功");
+      }
+    },
+    fn(str) {
+      let num = null;
+      str >= 10 ? (num = str) : (num = "0" + str);
+      return num;
+    },
+    getTime() {
+      //获取当前时间
+      var date = new Date();
+      var year = date.getFullYear(); //当前年份
+      var month = date.getMonth(); //当前月份
+      var data = date.getDate(); //天
+      var hours = date.getHours(); //小时
+      var minute = date.getMinutes(); //分
+      var second = date.getSeconds(); //秒
+      this.day = date.getDay(); //获取当前星期几
+      // this.getWeek(this.day);
+      this.time = this.fn(hours) + ":" + this.fn(minute);
+      this.date = year + "-" + (month + 1) + "-" + data;
+    },
+    onLoad() {
+      let params = {};
+      // params = {
+      //   username:this.form.name ? this.form.name : '',
+      //   phone:this.form.phonenumber ? this.form.phonenumber : '',
+      //   pillowHardness:this.form.hardness ? this.form.hardness : '',
+      //   pillowMaterial:this.form.material ? this.form.material : ''
+      // }
+
+      if (!this.form.timeArr) {
+        params = {
+          username: this.form.username ? this.form.username : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.ageRange ? this.form.ageRange : "",
+        };
+      } else {
+        params = {
+          username: this.form.username ? this.form.username : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.ageRange ? this.form.ageRange : "",
+          startTime: this.form.timeArr[0],
+          endTime: this.form.timeArr[1],
+        };
+      }
+      console.log("par", params);
+
+      // getList({
+      //   current: this.page.currentPage,
+      //   size: this.page.pageSize,
+      //   ...params,
+      // }).then((res) => {
+      //   console.log("res==>", res);
+      //   this.loading = false;
+      //   this.data = res.data.data.records;
+      //   this.page.total = res.data.data.total;
+      // });
+      this.data = [
+        {username:'张大仙',phone:'13201241125',orderNo:'321456789520',position:'山东省青岛市市南区香港中路',orderStatus:'0'},
+        {username:'张伟',phone:'13201241125',orderNo:'321456789520',position:'山东省青岛市市南区香港中路',orderStatus:'1'},
+        {username:'王五',phone:'13201241125',orderNo:'321456789520',position:'山东省青岛市市南区香港中路',orderStatus:'0'},
+        {username:'张三',phone:'13201241125',orderNo:'321456789520',position:'山东省青岛市市南区香港中路',orderStatus:'0'},
+        {username:'李四',phone:'13201241125',orderNo:'321456789520',position:'山东省青岛市市南区香港中路',orderStatus:'0'},
+      ]
+      this.loading = false;
+    },
+    addRegister() {
+      this.$router.push({ path: "/register/add", query: { type: "add" } });
+    },
+    exportData() {
+      let params = {};
+      if (!this.form.timeArr) {
+        params = {
+          username: this.form.name ? this.form.name : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.age ? this.form.age : "",
+        };
+      } else {
+        params = {
+          username: this.form.name ? this.form.name : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.age ? this.form.age : "",
+          startTime: this.form.timeArr[0],
+          endTime: this.form.timeArr[1],
+        };
+      }
+      exportList(params).then((res) => {
+        console.log(res);
+        if (!res || !res.data) {
+          this.$message({
+            type: "error",
+            message: "导出失败！",
+          });
+          return;
+        }
+        let blob = new Blob([res.data]); //response.data为后端传的流文件
+        let downloadFilename = "统计" + ".xlsx"; //设置导出的文件名
+        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+          //兼容ie浏览器
+          window.navigator.msSaveOrOpenBlob(blob, downloadFilename);
+        } else {
+          //谷歌,火狐等浏览器
+          let url = window.URL.createObjectURL(blob);
+          let downloadElement = document.createElement("a");
+          downloadElement.style.display = "none";
+          downloadElement.href = url;
+          downloadElement.download = downloadFilename;
+          document.body.appendChild(downloadElement);
+          downloadElement.click();
+          document.body.removeChild(downloadElement);
+          window.URL.revokeObjectURL(url);
+        }
+        this.$message({ type: "success", message: "导出成功！" });
+      });
+    },
+    deleteItem() {
+      if (this.selectionList.length == 0) {
+        this.$message.warning("请至少选择一条数据");
+        return;
+      }
+      this.$confirm(`确认删除当前数据吗？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        deleteList(this.ids).then((res) => {
+          console.log(res);
+          if (res.data.code == 200) {
+            this.$message.success("删除成功");
+            this.page.pageSize = 1;
+            this.onLoad();
+          }
+        });
+      });
+    },
+    importRegister() {},
+    handleEdit() {
+      this.$router.push({ path: "/request/add" });
+    },
+    handleDelete(row) {
+      this.$confirm(`确认删除当前数据吗？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        deleteList(row.id).then((res) => {
+          console.log(res);
+          if (res.data.code == 200) {
+            this.$message.success("删除成功");
+            this.page.currentPage = 1;
+            this.onLoad();
+          }
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.resi_list {
+  .list {
+    width: 80%;
+    max-height: 246px;
+    overflow-y: auto;
+
+    .list_box {
+      width: 100%;
+      height: 41px;
+      font-size: 20px;
+      display: flex;
+      align-items: center;
+
+      & :hover {
+        cursor: pointer;
+        // .time_txt{
+        color: #4095e5;
+
+        // }
+      }
+    }
+  }
+}
+
+.upload-demo {
+  float: right;
+}
+</style>
+<style lang="scss">
+.dis_class {
+  .el-dialog__body{
+    height: 500px;
+    overflow-y:auto ;
+  }
+  .is-bordered-label {
+    width: 15% !important;
+  }
+  .el-descriptions .is-bordered .el-descriptions-item__cell {
+    width: 35%;
+    height: 50px;
+  }
+  .number_box{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-top: 20px;
+
+    .el-input{
+      width: 400px;
+    }
+  }
+  .info_box{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    margin-top: 20px;
+
+    .info_view{
+      margin-left: 10px;
+
+      &:hover{
+        color: blue;
+        cursor: pointer;
+      }
+    }
+  }
+  .el-dialog__footer{
+    text-align: right !important;
+  }
+}
+</style>

src/views/statistics/index1.vue

@@ -0,0 +1,984 @@
+<template>
+  <basic-container>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+    >
+      <!-- <template slot-scope="scope" slot="materialSearch">
+        <el-select v-model="form.material" placeholder="请选择枕头类型">
+          <el-option
+            v-for="item in materialData"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </template>
+      <template slot-scope="scope" slot="ageSearch">
+        <el-select v-model="form.age" placeholder="请选择年龄范围">
+          <el-option
+            v-for="item in ageData"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </template>
+      <template slot-scope="scope" slot="timeArrSearch">
+        <el-date-picker
+          v-model="form.timeArr"
+          type="daterange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd"
+          format="yyyy-MM-dd"
+        >
+        </el-date-picker>
+      </template>
+      <template slot-scope="scope" slot="hardnessSearch">
+        <el-select
+          v-model="form.hardness"
+          placeholder="请选择软硬程度"
+          :disabled="isWinDis"
+        >
+          <el-option
+            v-for="item in hardnessData"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          ></el-option>
+        </el-select>
+      </template>
+      <template slot-scope="scope" slot="nameSearch">
+        <el-input v-model="form.name" placeholder="请输入来访人姓名"></el-input>
+      </template>
+      <template slot-scope="scope" slot="phonenumberSearch">
+        <el-input
+          v-model="form.phonenumber"
+          placeholder="请输入手机"
+        ></el-input>
+      </template> -->
+      <template slot-scope="{ row }" slot="menu">
+        <el-button size="small" @click="handleDetail(row)">查看详情</el-button>
+        <el-button size="small" @click="handleDelete(row)">删除</el-button>
+      </template>
+      <template slot-scope="scope" slot="sleepingPosture">
+        <div v-show="scope.row.sleepingPosture == 1">仰睡</div>
+        <div v-show="scope.row.sleepingPosture == 2">侧睡</div>
+      </template>
+      <template slot-scope="scope" slot="neckShoulderWidth">
+        <div v-show="scope.row.neckShoulderWidth != '-1'">
+          {{ scope.row.neckShoulderWidth }}
+        </div>
+      </template>
+      <template slot-scope="scope" slot="neckLength">
+        <div v-show="scope.row.neckLength != '-1'">
+          {{ scope.row.neckLength }}
+        </div>
+      </template>
+      <template slot-scope="scope" slot="cervicalVertebra">
+        <div v-show="scope.row.cervicalVertebra == 1">是</div>
+        <div v-show="scope.row.cervicalVertebra == 0">否</div>
+      </template>
+      <template slot-scope="scope" slot="pillowHardness">
+        <div v-show="scope.row.pillowHardness == 1">偏硬</div>
+        <div v-show="scope.row.pillowHardness == 2">适中</div>
+        <div v-show="scope.row.pillowHardness == 3">偏软</div>
+      </template>
+      <template slot-scope="scope" slot="pillowMaterial">
+        <div v-show="scope.row.pillowMaterial == 1">羽丝绒枕</div>
+        <div v-show="scope.row.pillowMaterial == 2">
+          草本植物枕(荞麦、决明子等)
+        </div>
+        <div v-show="scope.row.pillowMaterial == 3">乳胶枕</div>
+        <div v-show="scope.row.pillowMaterial == 4">慢回弹记忆枕</div>
+        <div v-show="scope.row.pillowMaterial == 5">软管枕</div>
+        <div v-show="scope.row.pillowMaterial == 6">其他</div>
+      </template>
+      <template slot-scope="scope" slot="finishTime">
+        <div>
+          {{ scope.row.finishTime !== "" ? scope.row.finishTime : "---/-/---" }}
+        </div>
+      </template>
+      <template slot-scope="scope" slot="position">
+        <div>
+          {{
+            (scope.row.province ? scope.row.province : "") +
+            (scope.row.city ? scope.row.city : "") +
+            (scope.row.district ? scope.row.district : "") +
+            (scope.row.detail ? scope.row.detail : "")
+          }}
+        </div>
+      </template>
+      <template slot-scope="scope" slot="menuLeft">
+        <el-button type="danger" size="small" @click="deleteItem"
+          >删除</el-button
+        >
+        <el-button type="primary" size="small" @click="exportData"
+          >导出</el-button
+        >
+      </template>
+    </avue-crud>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      width="60%"
+      title="查看详情"
+      :append-to-body="true"
+      custom-class="dis_class"
+      center
+    >
+      <el-descriptions :column="2" class="margin-top" size="small" border>
+        <el-descriptions-item>
+          <template slot="label">姓名</template>
+          <div>{{ checkaccept.username }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">手机</template>
+          <div>{{ checkaccept.phone }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">身高</template>
+          <div>{{ checkaccept.height }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <div>体重</div>
+          </template>
+          <div>{{ checkaccept.weight }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            <div>地址</div>
+          </template>
+          <div style="width: 158px">{{ checkaccept.position }}</div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">睡眠姿势</template>
+          <div>
+            {{
+              checkaccept.sleepingPosture == 1
+                ? "仰睡"
+                : checkaccept.sleepingPosture == 2
+                ? "侧睡"
+                : ""
+            }}
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">枕头软硬度</template>
+          <div>
+            <div>
+              {{
+                checkaccept.pillowHardness == 1
+                  ? "偏硬"
+                  : checkaccept.pillowHardness == 2
+                  ? "适中"
+                  : checkaccept.pillowHardness == 3
+                  ? "偏软"
+                  : ""
+              }}
+            </div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">枕头类型</template>
+          <div>
+            <div>
+              {{
+                checkaccept.pillowMaterial == 1
+                  ? "羽丝绒枕"
+                  : checkaccept.pillowMaterial == 2
+                  ? "草本植物枕(荞麦、决明子等)"
+                  : checkaccept.pillowMaterial == 3
+                  ? "乳胶枕"
+                  : checkaccept.pillowMaterial == 4
+                  ? "慢回弹记忆枕"
+                  : checkaccept.pillowMaterial == 5
+                  ? "软管枕"
+                  : checkaccept.pillowMaterial == 6
+                  ? "其他"
+                  : ""
+              }}
+            </div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">颈肩宽度</template>
+          <div>
+            <div>
+              {{
+                checkaccept.neckShoulderWidth == "-1"
+                  ? ""
+                  : checkaccept.neckShoulderWidth
+              }}
+            </div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">颈长</template>
+          <div>
+            <div>
+              {{ checkaccept.neckLength == "-1" ? "" : checkaccept.neckLength }}
+            </div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">年龄范围</template>
+          <div>
+            <div>{{ checkaccept.ageRange }}</div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">睡眠时长</template>
+          <div>
+            <div>{{ checkaccept.sleepLength }}</div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">颈椎是否有问题</template>
+          <div>
+            <div>
+              {{
+                checkaccept.cervicalVertebra == 1
+                  ? "是"
+                  : checkaccept.cervicalVertebra == 0
+                  ? "否"
+                  : ""
+              }}
+            </div>
+          </div>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">其他需求</template>
+          <div>
+            <div>{{ checkaccept.otherNeed }}</div>
+          </div>
+        </el-descriptions-item>
+      </el-descriptions>
+    </el-dialog>
+  </basic-container>
+</template>
+
+<script>
+// import { mapGetters } from "vuex";
+// import {getBaseList,getTypeList} from "@/api/base"
+import {
+  getList,
+  exportList,
+  deleteList,
+  detailList,
+} from "@/api/statistics/statistics";
+// import { getToken } from "@/util/auth";
+export default {
+  data() {
+    return {
+      active: "1",
+      form: {},
+      dialogVisible: false,
+      statusData: [
+        { label: "待处理", value: "0" },
+        { label: "正在处理", value: "1" },
+        { label: "达成协议", value: "2" },
+        { label: "调解成功", value: "3" },
+      ],
+      headers: {
+        "Blade-Auth": "",
+      }, //认证
+      listData: [],
+      materialData: [
+        { label: "羽丝绒枕", value: 1 },
+        { label: "草本植物枕(荞麦、决明子等)", value: 2 },
+        { label: "乳胶枕", value: 3 },
+        { label: "慢回弹记忆枕", value: 4 },
+        { label: "软管枕", value: 5 },
+        { label: "其他", value: 6 },
+      ],
+      hardnessData: [
+        { label: "偏硬", value: 1 },
+        { label: "适中", value: 2 },
+        { label: "偏软", value: 3 },
+      ],
+      checkaccept: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      selectionList: [],
+      option: {
+        selection: true,
+        searchShowBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        height: "auto",
+        calcHeight: 30,
+        tip: false,
+        searchShow: true,
+        searchMenuSpan: 4,
+        searchSpan: 6,
+        border: false,
+        addBtn: false,
+        viewBtn: false,
+        editBtn: false,
+        delBtn: false,
+        column: [],
+        // column: [
+        //   {
+        //     label: "姓名",
+        //     prop: "name",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 4,
+        //   },
+        //   {
+        //     label: "手机",
+        //     prop: "phonenumber",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 4,
+        //   },
+        //   {
+        //     label: "枕头类型",
+        //     prop: "material",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 4,
+        //   },
+        //   {
+        //     label: "软硬度",
+        //     prop: "hardness",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 5,
+        //     // searchLabelWidth:100
+        //   },
+        //   {
+        //     label: "年龄范围",
+        //     prop: "age",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 5,
+        //     // searchLabelWidth:100
+        //   },
+        //   {
+        //     label: "提交时间",
+        //     prop: "timeArr",
+        //     search: true,
+        //     searchslot: true,
+        //     hide: true,
+        //     // searchSpan: 5,
+        //     // searchLabelWidth:100
+        //   },
+        //   {
+        //     label: "姓名",
+        //     prop: "username",
+        //     align: "center",
+        //     overHidden:true,
+        //     width:80,
+        //   },
+        //   {
+        //     label: "手机",
+        //     overHidden:true,
+        //     width:150,
+        //     prop: "phone",
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "身高",
+        //     prop: "height",
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "体重",
+        //     overHidden:true,
+        //     prop: "weight",
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "地址",
+        //     overHidden:true,
+        //     prop: "position",
+        //     slot:true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "睡眠姿势",
+        //     slot:true,
+        //     prop: "sleepingPosture",
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "枕头软硬度",
+        //     overHidden:true,
+        //     prop: "pillowHardness",
+        //     align: "center",
+        //     slot:true,
+        //   },
+        //   {
+        //     label: "枕头类型",
+        //     prop: "pillowMaterial",
+        //     slot: true,
+        //     align: "center",
+        //     overHidden:true
+        //   },
+        //   {
+        //     label: "颈肩宽度",
+        //     prop: "neckShoulderWidth",
+        //     align: "center",
+        //     overHidden:true,
+        //   },
+        //   {
+        //     label: "颈长",
+        //     prop: "neckLength",
+        //     slot: true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "年龄范围",
+        //     prop: "ageRange",
+        //     slot: true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "睡眠时长",
+        //     prop: "sleepLength",
+        //     slot: true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "颈椎是否有问题",
+        //     prop: "cervicalVertebra",
+        //     slot: true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label: "其他需求",
+        //     prop: "otherNeed",
+        //     slot: true,
+        //     align: "center",
+        //   },
+        //   {
+        //     label:'提交时间',
+        //     prop:'createTime',
+        //     align:'center',
+        //     overHidden:true
+        //   },
+
+        // ],
+      },
+      ageData: [
+        { label: "18~30", value: "18~30" },
+        { label: "31~50", value: "31~50" },
+        { label: "51~60", value: "51~60" },
+        { label: "60以上", value: "60以上" },
+      ],
+      data: [],
+      time: "",
+      date: "",
+      isWinDis: false,
+      formData: [
+        {
+          label: "姓名",
+          key: "username",
+          formType: "input",
+          required: true,
+          isSearch:true,
+        },
+        {
+          label: "手机",
+          key: "phone",
+          formType: "input",
+          required: true,
+          validateFunction: /^1(3|4|5|6|7|8|9)\d{9}$/,
+          isSearch:true,
+        },
+        {
+          label: "地区",
+          formType: "picker",
+          province: "",
+          city: "",
+          district: "",
+          locationArr: "",
+          multiIndex: [0, 0, 0],
+          key: "position",
+          required: true,
+        },
+        {
+          label: "身高",
+          key: "height",
+          formType: "input",
+          required: true,
+        },
+        {
+          label: "体重",
+          key: "weight",
+          formType: "input",
+          required: true,
+        },
+        {
+          label: "肩颈宽度",
+          key: "neckShoulderWidth",
+          formType: "input",
+        },
+        {
+          label: "颈长",
+          key: "neckLength",
+          formType: "input",
+        },
+        {
+          label: "年龄",
+          key: "ageRange",
+          formType: "select",
+          isSearch:true,
+          data: [
+            {
+              label: "18~30",
+              value: "18~30",
+            },
+            {
+              label: "31~50",
+              value: "31~50",
+            },
+            {
+              label: "51~60",
+              value: "51~60",
+            },
+            {
+              label: "60以上",
+              value: "60以上",
+            },
+          ],
+        },
+        {
+          label: "您每晚的睡眠时间",
+          key: "sleepLength",
+          formType: "check",
+          data: [
+            {
+              text: "2~4小时",
+              value: "2~4小时",
+            },
+            {
+              text: "4~6小时",
+              value: "4~6小时",
+            },
+            {
+              text: "6~8小时",
+              value: "6~8小时",
+            },
+            {
+              text: "8小时以上",
+              value: "8小时以上",
+            },
+          ],
+        },
+        {
+          label: "您习惯的睡眠姿势",
+          key: "sleepLength",
+          formType: "check",
+          data: [
+            {
+              text: "仰睡",
+              value: 1,
+            },
+            {
+              text: "侧睡",
+              value: 2,
+            },
+          ],
+          imgData: [
+            { text: "仰睡", img: "../../../static/image/yang.jpg" },
+            { text: "侧睡", img: "../../../static/image/ce.jpg" },
+          ],
+        },
+        {
+          label: "您习惯的枕头软硬度",
+          key: "pillowHardness",
+          formType: "check",
+          required: true,
+          data: [
+            {
+              text: "偏硬",
+              value: "1",
+            },
+            {
+              text: "适中",
+              value: "2",
+            },
+            {
+              text: "偏软",
+              value: "3",
+            },
+          ],
+        },
+        {
+          label: "您习惯的枕头类型",
+          key: "pillowMaterial",
+          formType: "check",
+          required: true,
+          data: [
+            {
+              text: "羽丝绒枕",
+              value: "1",
+            },
+            {
+              text: "草本植物枕(荞麦、决明子等)",
+              value: "2",
+            },
+            {
+              text: "乳胶枕",
+              value: "3",
+            },
+            {
+              text: "慢回弹记忆枕",
+              value: "4",
+            },
+            {
+              text: "软管枕",
+              value: "5",
+            },
+            {
+              text: "其他",
+              value: "6",
+            },
+          ],
+        },
+        {
+          label: "您现在的颈椎出现问题了吗",
+          key: "cervicalVertebra",
+          formType: "check",
+          data: [
+            {
+              text: "是",
+              value: 1,
+            },
+            {
+              text: "否",
+              value: 0,
+            },
+          ],
+        },
+        {
+          label: "您的其他需求",
+          key: "workcontent",
+          formType: "textarea",
+        },
+      ],
+    };
+  },
+  computed: {
+    // ...mapGetters(["permission","userInfo"]),
+    ids() {
+      let ids = [];
+      this.selectionList.forEach((ele) => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    },
+  },
+  created() {
+    // this.headers["Blade-Auth"] = "bearer " + getToken();
+    // this.getTime();
+    // this.getWinData();
+    // this.getTypeData();
+    console.log(this.formData);
+    this.formData.map((item) => {
+      // if(item.)
+      this.option.column.push({
+        type:item.formType,
+        label: item.label,
+        prop: item.key,
+        search:item.isSearch,
+        dicData:item.data,
+        overHidden:true,
+      });
+      
+    });
+    console.log(this.option.column)
+    this.onLoad();
+  },
+  methods: {
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+      this.onLoad();
+    },
+    handleDetail(row) {
+      this.dialogVisible = true;
+      detailList({ id: row.id }).then((res) => {
+        console.log(res);
+        this.checkaccept = res.data.data;
+        this.checkaccept.position =
+          this.checkaccept.province +
+          this.checkaccept.city +
+          this.checkaccept.district +
+          this.checkaccept.detail;
+      });
+    },
+    selectionChange(data) {
+      this.selectionList = data;
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+      this.onLoad();
+    },
+    getWinData() {
+      getBaseList().then((res) => {
+        this.winData = res.data.data;
+        let tmp = this.winData.find((item) => item.id == this.userInfo.user_id);
+        if (tmp) {
+          this.form.windows = tmp.id;
+          this.isWinDis = true;
+        }
+      });
+    },
+    getTypeData() {
+      getTypeList().then((res) => {
+        this.typeData = res.data.data;
+      });
+    },
+    handleList(row) {
+      console.log(row);
+      this.dialogVisible = true;
+      getResolveList({ appealId: row.id }).then((res) => {
+        console.log("res", res);
+        this.listData = res.data.data;
+      });
+    },
+    searchReset() {
+      this.query = {};
+      this.form = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      console.log(params)
+      this.form = params
+      console.log(this.form);
+
+      this.query = this.form;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, this.form);
+      done();
+    },
+    handleSuccess(res) {
+      console.log(res);
+      if (res.code == 200) {
+        this.$message.success("上传成功");
+      }
+    },
+    fn(str) {
+      let num = null;
+      str >= 10 ? (num = str) : (num = "0" + str);
+      return num;
+    },
+    getTime() {
+      //获取当前时间
+      var date = new Date();
+      var year = date.getFullYear(); //当前年份
+      var month = date.getMonth(); //当前月份
+      var data = date.getDate(); //天
+      var hours = date.getHours(); //小时
+      var minute = date.getMinutes(); //分
+      var second = date.getSeconds(); //秒
+      this.day = date.getDay(); //获取当前星期几
+      // this.getWeek(this.day);
+      this.time = this.fn(hours) + ":" + this.fn(minute);
+      this.date = year + "-" + (month + 1) + "-" + data;
+    },
+    onLoad() {
+      let params = {};
+      // params = {
+      //   username:this.form.name ? this.form.name : '',
+      //   phone:this.form.phonenumber ? this.form.phonenumber : '',
+      //   pillowHardness:this.form.hardness ? this.form.hardness : '',
+      //   pillowMaterial:this.form.material ? this.form.material : ''
+      // }
+
+      if (!this.form.timeArr) {
+        params = {
+          username: this.form.username ? this.form.username : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.ageRange ? this.form.ageRange : "",
+        };
+      } else {
+        params = {
+          username: this.form.username ? this.form.username : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.ageRange ? this.form.ageRange : "",
+          startTime: this.form.timeArr[0],
+          endTime: this.form.timeArr[1],
+        };
+      }
+      console.log("par", params);
+
+      getList({
+        current: this.page.currentPage,
+        size: this.page.pageSize,
+        ...params,
+      }).then((res) => {
+        console.log("res==>", res);
+        this.loading = false;
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+      });
+    },
+    addRegister() {
+      this.$router.push({ path: "/register/add", query: { type: "add" } });
+    },
+    exportData() {
+      let params = {};
+      if (!this.form.timeArr) {
+        params = {
+          username: this.form.name ? this.form.name : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.age ? this.form.age : "",
+        };
+      } else {
+        params = {
+          username: this.form.name ? this.form.name : "",
+          phone: this.form.phonenumber ? this.form.phonenumber : "",
+          pillowHardness: this.form.hardness ? this.form.hardness : "",
+          pillowMaterial: this.form.material ? this.form.material : "",
+          ageRange: this.form.age ? this.form.age : "",
+          startTime: this.form.timeArr[0],
+          endTime: this.form.timeArr[1],
+        };
+      }
+      exportList(params).then((res) => {
+        console.log(res);
+        if (!res || !res.data) {
+          this.$message({
+            type: "error",
+            message: "导出失败！",
+          });
+          return;
+        }
+        let blob = new Blob([res.data]); //response.data为后端传的流文件
+        let downloadFilename = "统计" + ".xlsx"; //设置导出的文件名
+        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+          //兼容ie浏览器
+          window.navigator.msSaveOrOpenBlob(blob, downloadFilename);
+        } else {
+          //谷歌,火狐等浏览器
+          let url = window.URL.createObjectURL(blob);
+          let downloadElement = document.createElement("a");
+          downloadElement.style.display = "none";
+          downloadElement.href = url;
+          downloadElement.download = downloadFilename;
+          document.body.appendChild(downloadElement);
+          downloadElement.click();
+          document.body.removeChild(downloadElement);
+          window.URL.revokeObjectURL(url);
+        }
+        this.$message({ type: "success", message: "导出成功！" });
+      });
+    },
+    deleteItem() {
+      if (this.selectionList.length == 0) {
+        this.$message.warning("请至少选择一条数据");
+        return;
+      }
+      this.$confirm(`确认删除当前数据吗？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        deleteList(this.ids).then((res) => {
+          console.log(res);
+          if (res.data.code == 200) {
+            this.$message.success("删除成功");
+            this.page.pageSize = 1;
+            this.onLoad();
+          }
+        });
+      });
+    },
+    importRegister() {},
+    handleEdit() {
+      this.$router.push({ path: "/request/add" });
+    },
+    handleDelete(row) {
+      this.$confirm(`确认删除当前数据吗？`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        deleteList(row.id).then((res) => {
+          console.log(res);
+          if (res.data.code == 200) {
+            this.$message.success("删除成功");
+            this.page.currentPage = 1;
+            this.onLoad();
+          }
+        });
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss">
+.resi_list {
+  .list {
+    width: 80%;
+    max-height: 246px;
+    overflow-y: auto;
+
+    .list_box {
+      width: 100%;
+      height: 41px;
+      font-size: 20px;
+      display: flex;
+      align-items: center;
+
+      & :hover {
+        cursor: pointer;
+        // .time_txt{
+        color: #4095e5;
+
+        // }
+      }
+    }
+  }
+}
+
+.upload-demo {
+  float: right;
+}
+</style>
+<style lang="scss">
+.dis_class {
+  .is-bordered-label {
+    width: 15% !important;
+  }
+  .el-descriptions .is-bordered .el-descriptions-item__cell {
+    width: 35%;
+    height: 50px;
+  }
+}
+</style>

vue.config.js

@@ -36,6 +36,14 @@ module.exports = {
           "^/api": "/",
         },
       },
+      "/pollApi": {
+        //本地服务接口地址
+        target: "https://poll.kuaidi100.com",
+        ws: true,
+        pathRewrite: {
+          "/pollApi": "/",
+        },
+      },
     },
   },
 };