修改

.env.development

 # 页面标题
-VUE_APP_TITLE = 陪诊后台管理系统
+VUE_APP_TITLE = 陪诊医家
 
 # 开发环境配置
 ENV = 'development'

.env.production

 # 页面标题
-VUE_APP_TITLE = 陪诊后台管理系统
+VUE_APP_TITLE = 陪诊医家
 
 # 生产环境配置
 ENV = 'production'

package.json

 {
   "name": "ruoyi-vue-plus",
   "version": "4.8.0",
-  "description": "陪诊后台管理系统",
+  "description": "陪诊医家",
   "author": "LionLi",
   "license": "MIT",
   "scripts": {

public/index.html

@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <!-- <title><%= webpackConfig.name %></title> -->
-    <title>陪诊后台管理系统</title>
+    <title>陪诊医家</title>
     <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
     <style>
     html,

src/api/category/index.js

+import request from '@/utils/request'
+
+// 查询商品分类列表
+export function listGoodsCategory(query) {
+  return request({
+    url: '/system/goodsCategory/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询商品分类详细
+export function getGoodsCategory(id) {
+  return request({
+    url: '/system/goodsCategory/' + id,
+    method: 'get'
+  })
+}
+
+// 新增商品分类
+export function addGoodsCategory(data) {
+  return request({
+    url: '/system/goodsCategory',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改商品分类
+export function updateGoodsCategory(data) {
+  return request({
+    url: '/system/goodsCategory',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除商品分类
+export function delGoodsCategory(id) {
+  return request({
+    url: '/system/goodsCategory/' + id,
+    method: 'delete'
+  })
+}

src/api/orderManage/index.js

+/*
+ * @Author: ‘巴博尔’ 2164119982@qq.com
+ * @Date: 2023-09-13 09:41:06
+ * @LastEditors: ‘巴博尔’ 2164119982@qq.com
+ * @LastEditTime: 2023-09-13 09:41:28
+ * @FilePath: \peizhen-vue\src\api\orderManage\index.js
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+import request from '@/utils/request'
+
+// 查询预约陪诊订单列表
+export function listOrder(query) {
+  return request({
+    url: '/system/storeOrder/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询预约陪诊订单详细
+export function getOrder(id) {
+  return request({
+    url: '/system/storeOrder/' + id,
+    method: 'get'
+  })
+}
+
+// 新增预约陪诊订单
+export function addOrder(data) {
+  return request({
+    url: '/system/storeOrder',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改预约陪诊订单
+export function updateOrder(data) {
+  return request({
+    url: '/system/storeOrder',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除预约陪诊订单
+export function delOrder(id) {
+  return request({
+    url: '/system/storeOrder/' + id,
+    method: 'delete'
+  })
+}

src/layout/components/Sidebar/Logo.vue

@@ -35,7 +35,7 @@ export default {
   },
   data() {
     return {
-      title: '陪诊',
+      title: '陪诊医家',
       logo: logoImg
     }
   }

src/views/category/index.vue

+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="分类名称" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入分类名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:goodsCategory:add']"
+        >新增</el-button>
+      </el-col>
+      <!-- <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="el-icon-edit"
+          size="mini"
+          :disabled="single"
+          @click="handleUpdate"
+          v-hasPermi="['system:goodsCategory:edit']"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="el-icon-delete"
+          size="mini"
+          :disabled="multiple"
+          @click="handleDelete"
+          v-hasPermi="['system:goodsCategory:remove']"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="el-icon-download"
+          size="mini"
+          @click="handleExport"
+          v-hasPermi="['system:goodsCategory:export']"
+        >导出</el-button>
+      </el-col> -->
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <div class="blocks">
+      <div v-for="(item, index) in goodsCategoryList" :key="index" class="blocks-item">
+        <p class="blocks-item-title">{{ item.title }}</p>
+        <div class="blocks-item-footer">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(item)"
+            >修改</el-button
+          >
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(item)"
+            >删除</el-button
+          >
+        </div>
+      </div>
+    </div>
+
+    <!-- <el-table v-loading="loading" :data="goodsCategoryList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="" align="center" prop="id" v-if="true"/>
+      <el-table-column label="" align="center" prop="storeId" />
+      <el-table-column label="分类名称" align="center" prop="title" />
+      <el-table-column label="排序" align="center" prop="order" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['system:goodsCategory:edit']"
+          >修改</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-delete"
+            @click="handleDelete(scope.row)"
+            v-hasPermi="['system:goodsCategory:remove']"
+          >删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table> -->
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改商品分类对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <!-- <el-form-item label="" prop="storeId">
+          <el-input v-model="form.storeId" placeholder="请输入" />
+        </el-form-item> -->
+        <el-form-item label="分类名称" prop="title">
+          <el-input maxlength="-1" v-model="form.title" placeholder="请输入分类名称" />
+        </el-form-item>
+        <!-- <el-form-item label="排序" prop="order">
+          <el-input v-model="form.order" placeholder="请输入排序" />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            placeholder="请输入内容"
+          />
+        </el-form-item> -->
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm"
+          >确 定</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listGoodsCategory,
+  getGoodsCategory,
+  delGoodsCategory,
+  addGoodsCategory,
+  updateGoodsCategory,
+} from "@/api/category/index";
+
+export default {
+  name: "GoodsCategory",
+  data() {
+    return {
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 商品分类表格数据
+      goodsCategoryList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        storeId: undefined,
+        title: undefined,
+        order: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        remark: [{ required: true, message: "备注不能为空", trigger: "blur" }],
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询商品分类列表 */
+    getList() {
+      this.loading = true;
+      listGoodsCategory(this.queryParams).then((response) => {
+        this.goodsCategoryList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        storeId: undefined,
+        title: undefined,
+        order: undefined,
+        delFlag: undefined,
+        createBy: undefined,
+        createTime: undefined,
+        updateBy: undefined,
+        updateTime: undefined,
+        remark: undefined,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加商品分类";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.loading = true;
+      this.reset();
+      const id = row.id || this.ids;
+      getGoodsCategory(id).then((response) => {
+        this.loading = false;
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改商品分类";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.id != null) {
+            updateGoodsCategory(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              })
+              .finally(() => {
+                this.buttonLoading = false;
+              });
+          } else {
+            addGoodsCategory(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              })
+              .finally(() => {
+                this.buttonLoading = false;
+              });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal
+        .confirm('是否确认删除商品分类编号为"' + ids + '"的数据项？')
+        .then(() => {
+          this.loading = true;
+          return delGoodsCategory(ids);
+        })
+        .then(() => {
+          this.loading = false;
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "system/goodsCategory/export",
+        {
+          ...this.queryParams,
+        },
+        `goodsCategory_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.blocks {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  &-item {
+    flex: 0 0 20%;
+    padding: 10px 20px;
+    box-shadow: 0 0 10px 4px #e9e5e5;
+    border-radius: 10px;
+    margin-bottom: 10px;
+    &-title {
+      text-align: center;
+      font-size: 24px;
+      font-weight: 500;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    &-footer {
+      display: flex;
+      justify-content: right;
+    }
+  }
+}
+</style>

src/views/index.vue

 <template>
   <div class="app-container home">
+    <el-divider />
+    <el-row :gutter="20">
+
+    </el-row>
     <el-row :gutter="20">
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="update-log">
+          <div slot="header" class="clearfix">
+            <span>技术支持</span>
+          </div>
+          <div class="body">
+            <p>
+              <i class="el-icon-s-promotion"></i> 官网：<el-link
+                href="http://www.yyinhong.cn/"
+                target="_blank"
+                >http://www.yyinhong.cn/</el-link
+              >
+            </p>
+            <p>
+              <i class="el-icon-user-solid"></i> 公司名称：上海印宏
+            </p>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <!-- <el-row :gutter="20">
       <el-col :sm="24" :lg="12" style="padding-left: 20px">
-        <h2>陪诊后台管理框架</h2>
+        <h2>陪诊医家</h2>
         <p>
           陪诊 是基于 RuoYi-Vue 针对 分布式集群 场景升级(不兼容原框架)
           <br/>
@@ -104,7 +129,7 @@
         </el-row>
       </el-col>
     </el-row>
-    <el-divider />
+    <el-divider /> -->
   </div>
 </template>
 

src/views/login.vue

 <template>
   <div class="login">
     <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">陪诊后台管理系统</h3>
+      <h3 class="title">陪诊医家</h3>
       <el-form-item prop="username">
         <el-input
           v-model="loginForm.username"

src/views/mallManagement/order/index.vue

@@ -72,20 +72,20 @@
       <el-table-column label="用户" align="center" prop="userName" />
       <el-table-column label="流程状态" align="center" prop="orderStatus">
         <template slot-scope="{row}">
-          <span v-if="row.toStatus == 0">待支付</span>
-          <span v-if="row.toStatus == 1">已支付</span>
-          <span v-if="row.toStatus == 2">已完成</span>
-          <span v-if="row.toStatus == 7">已取消</span>
-          <span v-if="row.toStatus == 8">已退款</span>
+          <span v-if="row.orderStatus == 0">待发货</span>
+          <span v-if="row.orderStatus == 1">已发货</span>
+          <span v-if="row.orderStatus == 2">已完成</span>
+          <span v-if="row.orderStatus == 3">退款中</span>
+          <span v-if="row.orderStatus == 4">已退款</span>
         </template>
       </el-table-column>
       <el-table-column label="订单状态" align="center" prop="toStatus">
         <template slot-scope="{row}">
-          <span v-if="row.toStatus == 0">待发货</span>
-          <span v-if="row.toStatus == 1">已发货</span>
+          <span v-if="row.toStatus == 0">待支付</span>
+          <span v-if="row.toStatus == 1">已支付</span>
           <span v-if="row.toStatus == 2">已完成</span>
-          <span v-if="row.toStatus == 3">退款中</span>
-          <span v-if="row.toStatus == 4">已退款</span>
+          <span v-if="row.toStatus == 7">已取消</span>
+          <span v-if="row.toStatus == 8">已退款</span>
         </template>
       </el-table-column>
       <el-table-column label="创建时间 " align="center" prop="createTime" />

src/views/orderManage/index.vue

+<template>
+  <div class="app-container">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
+      <el-form-item label="商品" prop="title">
+        <el-input
+          v-model="queryParams.title"
+          placeholder="请输入商品"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <!-- <el-col :span="1.5">
+          <el-button
+            type="primary"
+            plain
+            icon="el-icon-plus"
+            size="mini"
+            @click="handleAdd"
+            v-hasPermi="['system:order:add']"
+          >新增</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="success"
+            plain
+            icon="el-icon-edit"
+            size="mini"
+            :disabled="single"
+            @click="handleUpdate"
+            v-hasPermi="['system:order:edit']"
+          >修改</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="danger"
+            plain
+            icon="el-icon-delete"
+            size="mini"
+            :disabled="multiple"
+            @click="handleDelete"
+            v-hasPermi="['system:order:remove']"
+          >删除</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button
+            type="warning"
+            plain
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            v-hasPermi="['system:order:export']"
+          >导出</el-button>
+        </el-col> -->
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table
+      v-loading="loading"
+      :data="orderList"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column
+        label="ID"
+        align="center"
+        prop="id"
+        key="id"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="商品"
+        align="center"
+        prop="title"
+        key="title"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="数量"
+        align="center"
+        prop="num"
+        key="num"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="金额"
+        align="center"
+        prop="payMoney"
+        key="payMoney"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="商户"
+        align="center"
+        prop="sname"
+        key="sname"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="用户"
+        align="center"
+        prop="userName"
+        key="userName"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="收货信息"
+        align="center"
+        prop="userAddressVo"
+        key="userAddressVo"
+      >
+        <template slot-scope="{ row }">
+          <el-button
+            v-if="row.userAddressVo && Object.keys(row.userAddressVo).length"
+            type="text"
+            @click="clickSeeVisitor(row)"
+            >点击查看</el-button
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="流程状态"
+        align="center"
+        prop="orderStatus"
+        key="orderStatus"
+      >
+        <template slot-scope="{ row }">
+          <span v-if="row.orderStatus == 0">待发货</span>
+          <span v-if="row.orderStatus == 1">已发货</span>
+          <span v-if="row.orderStatus == 2">已完成</span>
+          <span v-if="row.orderStatus == 3">退款中</span>
+          <span v-if="row.orderStatus == 4">已退款</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="订单状态"
+        align="center"
+        prop="toStatus"
+        key="toStatus"
+      >
+        <template slot-scope="{ row }">
+          <span v-if="row.toStatus == 0">待支付</span>
+          <span v-if="row.toStatus == 1">已支付</span>
+          <span v-if="row.toStatus == 2">已完成</span>
+          <span v-if="row.toStatus == 7">已取消</span>
+          <span v-if="row.toStatus == 8">已退款</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="发货物流"
+        align="center"
+        prop="logistics"
+        key="logistics"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="退货物流"
+        align="center"
+        prop="refundLogistics"
+        key="refundLogistics"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="退款申请信息"
+        align="center"
+        prop="refundLogistics"
+        key="refundLogistics"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="就诊时间"
+        align="center"
+        prop="visitTime"
+        key="visitTime"
+        width="180"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="创建时间"
+        align="center"
+        prop="createTime"
+        key="createTime"
+        width="180"
+        :show-overflow-tooltip="true"
+      />
+      <!-- <el-table-column
+          label="操作"
+          align="center"
+          class-name="small-padding fixed-width"
+        >
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-edit"
+              @click="handleUpdate(scope.row)"
+              v-hasPermi="['system:order:edit']"
+              >修改</el-button
+            >
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['system:order:remove']"
+              >删除</el-button
+            >
+          </template>
+        </el-table-column> -->
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改预约陪诊订单对话框 -->
+    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="主订单" prop="orderId">
+          <el-input v-model="form.orderId" placeholder="请输入主订单" />
+        </el-form-item>
+        <el-form-item label="医院" prop="hid">
+          <el-input v-model="form.hid" placeholder="请输入医院" />
+        </el-form-item>
+        <el-form-item label="就诊人员" prop="visitor">
+          <el-input v-model="form.visitor" placeholder="请输入就诊人员" />
+        </el-form-item>
+        <el-form-item label="科室" prop="did">
+          <el-input v-model="form.did" placeholder="请输入科室" />
+        </el-form-item>
+        <el-form-item label="就诊时间" prop="visitTime">
+          <el-input v-model="form.visitTime" placeholder="请输入就诊时间" />
+        </el-form-item>
+        <el-form-item label="预约电话" prop="phone">
+          <el-input v-model="form.phone" placeholder="请输入预约电话" />
+        </el-form-item>
+        <el-form-item label="服务完成时间" prop="overTime">
+          <el-date-picker
+            clearable
+            v-model="form.overTime"
+            type="datetime"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            placeholder="请选择服务完成时间"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="完成凭证" prop="voucher">
+          <el-input
+            v-model="form.voucher"
+            type="textarea"
+            placeholder="请输入内容"
+          />
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input
+            v-model="form.remark"
+            type="textarea"
+            placeholder="请输入内容"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button :loading="buttonLoading" type="primary" @click="submitForm"
+          >确 定</el-button
+        >
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      :title="openArticleTitle"
+      :visible.sync="openArticle"
+      width="50%"
+      append-to-body
+    >
+      <div class="hidden-dialog">
+        <div class="content" v-html="rowArticle"></div>
+      </div>
+    </el-dialog>
+
+    <el-dialog
+      title="就诊人员信息"
+      :visible.sync="openArticleInfo"
+      width="600px"
+      append-to-body
+    >
+      <div class="contl">
+        <div class="contl-item">
+          <p class="contl-item-label">收货人：</p>
+          <p class="contl-item-rig">{{ VisitorData.name }}</p>
+        </div>
+        <div class="contl-item">
+          <p class="contl-item-label">电话：</p>
+          <p class="contl-item-rig">{{ VisitorData.phone }}</p>
+        </div>
+        <div class="contl-item">
+          <p class="contl-item-label">所在地区：</p>
+          <p class="contl-item-rig">{{ VisitorData.area }}</p>
+        </div>
+        <div class="contl-item">
+          <p class="contl-item-label">详细地址：</p>
+          <p class="contl-item-rig">{{ VisitorData.address }}</p>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listOrder,
+  getOrder,
+  delOrder,
+  addOrder,
+  updateOrder,
+} from "@/api/orderManage/index";
+
+export default {
+  name: "OrderM",
+  data() {
+    return {
+      openArticleInfo: false,
+      openArticle: false,
+      openArticleTitle: "",
+      rowArticle: "",
+      // 按钮loading
+      buttonLoading: false,
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 预约陪诊订单表格数据
+      orderList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        title: undefined,
+        // orderId: undefined,
+        // hid: undefined,
+        // visitor: undefined,
+        // did: undefined,
+        // visitTime: undefined,
+        // phone: undefined,
+        // status: undefined,
+        // overTime: undefined,
+        // voucher: undefined,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        remark: [{ required: true, message: "备注不能为空", trigger: "blur" }],
+      },
+      VisitorData: {
+        name: "",
+        sex: "",
+        idcard: "",
+        isAdult: "",
+      },
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    clickSeeROWrEM(text, title) {
+      this.openArticle = true;
+      this.rowArticle = text;
+      this.openArticleTitle = title;
+    },
+    clickSeeVisitor(row) {
+      this.VisitorData = {
+        name: "",
+        sex: "",
+        idcard: "",
+        isAdult: "",
+      };
+      this.openArticleInfo = true;
+      this.VisitorData = row.userVsitorVo;
+    },
+    /** 查询预约陪诊订单列表 */
+    getList() {
+      this.loading = true;
+      listOrder(this.queryParams).then((response) => {
+        this.orderList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: undefined,
+        orderId: undefined,
+        hid: undefined,
+        visitor: undefined,
+        did: undefined,
+        visitTime: undefined,
+        phone: undefined,
+        status: undefined,
+        overTime: undefined,
+        voucher: undefined,
+        delFlag: undefined,
+        createBy: undefined,
+        createTime: undefined,
+        updateBy: undefined,
+        updateTime: undefined,
+        remark: undefined,
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加预约陪诊订单";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.loading = true;
+      this.reset();
+      const id = row.id || this.ids;
+      getOrder(id).then((response) => {
+        this.loading = false;
+        this.form = response.data;
+        this.open = true;
+        this.title = "修改预约陪诊订单";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          this.buttonLoading = true;
+          if (this.form.id != null) {
+            updateOrder(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              })
+              .finally(() => {
+                this.buttonLoading = false;
+              });
+          } else {
+            addOrder(this.form)
+              .then((response) => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+              })
+              .finally(() => {
+                this.buttonLoading = false;
+              });
+          }
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$modal
+        .confirm('是否确认删除预约陪诊订单编号为"' + ids + '"的数据项？')
+        .then(() => {
+          this.loading = true;
+          return delOrder(ids);
+        })
+        .then(() => {
+          this.loading = false;
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download(
+        "system/order/export",
+        {
+          ...this.queryParams,
+        },
+        `order_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.hidden-dialog {
+  height: 500px;
+  overflow-x: hidden;
+}
+.content {
+  width: 100%;
+}
+
+.contl {
+  padding: 20px;
+  width: calc(100 - 40px);
+  color: #333333;
+  font-size: 16px;
+  &-item {
+    display: flex;
+    &-label {
+      width: 20%;
+    }
+    &-rig {
+      width: 80%;
+    }
+  }
+}
+</style>

src/views/register.vue

 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">陪诊后台管理系统</h3>
+      <h3 class="title">陪诊医家</h3>
       <el-form-item prop="username">
         <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

vue.config.js

@@ -7,7 +7,7 @@ function resolve(dir) {
 
 const CompressionPlugin = require('compression-webpack-plugin')
 
-const name = process.env.VUE_APP_TITLE || '陪诊后台管理系统' // 网页标题
+const name = process.env.VUE_APP_TITLE || '陪诊医家' // 网页标题
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口