diff --git a/src/components/patientRegister/PatientRegisterEdit.vue b/src/components/patientRegister/PatientRegisterEdit.vue
index 16e441c..9a6cae4 100644
--- a/src/components/patientRegister/PatientRegisterEdit.vue
+++ b/src/components/patientRegister/PatientRegisterEdit.vue
@@ -18,6 +18,9 @@
             <div style="margin-left: 5px;" v-show="checkPagePriv(pagePriv.privs, '拍照')">
               <el-button type="primary" class="commonbutton" @click="photoGrah" icon="el-icon-camera">拍照</el-button>
             </div>
+            <div style="margin-left: 5px;" v-show="checkPagePriv(pagePriv.privs, '网上预约')">
+              <el-button type="primary" class="commonbutton" @click="btnWebBooking" >网上预约</el-button>
+            </div>
           </div>
         </div>
         <div>
@@ -575,6 +578,11 @@
         <OccDisease />
       </el-dialog>
 
+      <el-dialog title="网上预约" :visible.sync="dialogWin.WebBooking" width="800px" :close-on-click-modal="false" 
+        :append-to-body="true" :show-close="false">
+        <WebBooking />
+      </el-dialog>
+
       <el-dialog title="选择单位" :visible.sync="dialogOrg" width="800px" :close-on-click-modal="false"
         :append-to-body="true">
         <div style="height: 320px;">
@@ -658,7 +666,7 @@ import AsbChargeRequest from "./AsbChargeRequest.vue";
 import Charge from "../../views/charge/charge.vue";
 import PatientRegisterEditQuery from "../../components/patientRegister/PatientRegisterEditQuery.vue";
 import OccDisease from "../../components/occDisease/OccDisease.vue"
-
+import WebBooking from "../../components/webBooking/WebBooking.vue"
 
 import PatientLisRequest from "../../components/patientRegister/PatientLisRequest.vue";
 import PatientPacsRequest from "../../components/patientRegister/PatientPacsRequest.vue";
@@ -675,6 +683,7 @@ export default {
     OccDisease,
     PatientLisRequest,
     PatientPacsRequest,
+    WebBooking,
   },
   // isDoctor: '0:标准人员登记/1:医生诊台登记(可修改单位)' 
   props: ['isDoctor', 'patientRegisterId', 'editTimes', 'refreshRegister', 'refFuncSetData'],
@@ -2397,6 +2406,12 @@ export default {
       this.dialogWin.OccDisease = true
     },
 
+    // 显示预约
+    btnWebBooking(){      
+      this.dataTransOpts.plus.WebBooking++
+      this.dialogWin.WebBooking = true
+    },
+
     btnLabel() {
       if (!this.form.id) {
         this.$message.warning({ showClose: true, message: '人员信息尚未保存！' })
diff --git a/src/components/webBooking/WebBooking.vue b/src/components/webBooking/WebBooking.vue
new file mode 100644
index 0000000..5f1e4e5
--- /dev/null
+++ b/src/components/webBooking/WebBooking.vue
@@ -0,0 +1,286 @@
+<template>
+  <div style="margin-top: -15px;">
+    <div style="display: flex;justify-content: space-between;">
+      <div
+        style="display: flex;flex-wrap: wrap;background-color: #fff;border-radius: 8px;align-items: center;padding: 2px;width:700px;">
+        <div class="query">
+          <el-select v-model="query.thirdInterfaceId" placeholder="请选择" style="width: 100px" size="small">
+            <el-option v-for="item in thirdInterfaces" :key="item.id" :label="item.displayName" :value="item.id" />
+          </el-select>
+          <el-date-picker v-model="query.appointStartDate" type="date" placeholder="起始日期" size="small"
+            style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" />
+          <span class="spanClass">至</span>
+          <el-date-picker v-model="query.appointStopDate" type="date" placeholder="截止日期" size="small"
+            style="width:90px;" value-format="yyyy-MM-dd" :picker-options="pickerOptions" />
+        </div>
+        <div class="query">
+          <span class="spanClass">手机号</span>
+          <el-input placeholder="手机号" v-model="query.mobilePhone" size="small" clearable style="width: 110px" />
+        </div>
+        <div class="query">
+          <span class="spanClass">身份证号</span>
+          <el-input placeholder="身份证号" v-model="query.idNo" size="small" clearable style="width: 155px" />
+        </div>
+
+        <div class="query" v-if="false">
+          <span class="spanClass">状态</span>
+          <el-select v-model="query.completeFlag" placeholder="请选择" clearable style="width: 80px" size="small">
+            <el-option v-for="item in dict.completeFlag" :key="item.id" :label="item.displayName" :value="item.id">
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <div style="margin-top: -38px;width: 80px;">
+        <div>
+          <el-button @click="peopleIcCard" class="commonbutton" style="width:80px;font-size: 12px;">读身份证</el-button>
+        </div>
+        <div>
+          <el-button class="commonbutton" @click="btnQuery" style="margin-top: 6px; width:80px;">查询</el-button>
+        </div>
+      </div>
+    </div>
+    <div>
+      <el-table :data="tableData" border style="width: 100%" row-key="id" height="300" highlight-current-row
+        size="small" @row-click="rowClick">
+        <el-table-column label="组合项目" width="120" prop="asbitemName" />
+        <el-table-column label="操作" width="130" prop="operate">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.operate" placeholder="请操作方式" size="small" :disabled="scope.row.disabled"
+              @change="changeOperate(scope.row)">
+              <el-option v-for="(item, index) in options" :key="index" :label="item.label" :value="item.value" />
+            </el-select>
+          </template>
+        </el-table-column>
+        <el-table-column label="条码分组" width="120" prop="sampleGroupName" />
+        <el-table-column label="检验申请号" width="180" prop="lisRequestNo">
+          <template slot-scope="scope">
+            <el-select v-model="scope.row.lisRequestNo" size="small" :disabled="scope.row.disabled">
+              <el-option v-for="(item, index) in lisRequestNos" :key="index" :label="item.lisRequestNo"
+                :value="item.lisRequestId" />
+            </el-select>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div style="margin-top: 10px; display: flex;justify-content: space-between;">
+      <div>
+        <el-button v-if="true" @click="btnTest">测试</el-button>
+      </div>
+      <div>
+        <el-button class="commonbutton" @click="btnOk">确定</el-button>
+        <el-button class="commonbutton" @click="btnClose">关闭</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { mapState } from "vuex";
+import { getapi, postapi, putapi, deletapi } from "@/api/api";
+import { dddw, deepCopy } from "../../utlis/proFunc";
+import moment from "moment";
+
+
+export default {
+  components: {
+
+  },
+  data() {
+    return {
+      thirdInterfaces: [],
+      tableData: [],
+      currRowData: {},
+      tableDataDetails: [],
+      query: {
+        thirdInterfaceId: "",
+        idNo: "",
+        mobilePhone: "",
+        appointStartDate: "",
+        appointStopDate: "",
+        completeFlag: "0"
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        },
+        shortcuts: [{
+          text: '今天',
+          onClick(picker) {
+            picker.$emit('pick', new Date());
+          }
+        }, {
+          text: '昨天',
+          onClick(picker) {
+            const date = new Date();
+            date.setTime(date.getTime() - 3600 * 1000 * 24);
+            picker.$emit('pick', date);
+          }
+        }, {
+          text: '一周前',
+          onClick(picker) {
+            const date = new Date();
+            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+            picker.$emit('pick', date);
+          }
+        }]
+      },
+    };
+  },
+
+  created() {
+
+  },
+
+  //挂载完成
+  mounted() {
+    this.funMounted()
+  },
+
+  computed: {
+    ...mapState([
+      "window",
+      "dict",
+      "dataTransOpts",
+      "dialogWin"
+    ]),
+  },
+
+  methods: {
+    funMounted() {
+      this.dictInit()
+        .then(res => {
+          //this.btnQuery()
+        })
+    },
+
+    //数据初始化
+    dictInit() {
+      return new Promise((resolve, reject) => {
+        let curDate = moment(new Date()).format('YYYY-MM-DD')
+        this.query.appointStartDate = curDate
+        this.query.appointStopDate = curDate
+        // 获取接口列表，传07
+        postapi("/api/app/ThirdInterface/GetListByThirdInterfaceTypeAsync", { thirdInterfaceType: "07" })
+          .then(res => {
+            if (res.code > -1) {
+              this.thirdInterfaces = res.data
+              if (res.data && Array.isArray(res.data) && res.data.length > 0) this.query.thirdInterfaceId = res.data[0].id
+              resolve(res)
+            } else {
+              reject(res.message)
+            }
+          })
+          .catch(err => {
+            reject(err)
+          })
+      })
+    },
+
+    //读取身份证信息
+    peopleIcCard() {
+      if (!this.$peisAPI) {
+        this.$message.info({ showClose: true, message: "此功能，需要在壳客户端才可运行！" })
+        return
+      }
+      this.$peisAPI.peopleIcCard().then(res => {
+        // console.log('peopleIcCard', res)
+        let lres = JSON.parse(res)
+        if (lres.code >= -1) {
+          let idNos = parsIcCardtoLocal(lres.data, this.dict.sex, this.dict.nation)
+          this.query.idNo = idNos.IDCode
+
+          // this.form.patientName = idNos.Name
+          // this.form.birthDate = idNos.birthDate
+          // this.form.sexId = idNos.sexId
+          // this.form.age = idNos.age
+          // this.form.nationId = idNos.nationId
+          // this.form.idNo = idNos.IDCode
+          // this.form.address = idNos.Address
+          // this.peoplePhoto = 'data:image/bmp;base64,' + idNos.Photo
+          // this.patientRegister.photo = 'data:image/bmp;base64,' + idNos.Photo
+          this.btnQuery()
+         
+        } else {
+          this.$message.error({ showClose: true, message: `${lres.message}` })
+        }
+      })
+    },
+
+    // 查询
+    btnQuery() {
+      this.currRowData = {}
+      this.tableData = []
+      this.tableDataDetails = []
+
+      this.query.appointStartDate = "2024-01-01 00:00:00"
+      this.query.appointStopDate = "2024-07-01 00:00:00"
+
+      postapi('/api/app/AppointPatientRegister/GetListByFilter', this.query)
+        .then(res => {
+          if (res.code > -1) {
+            this.tableData = res.data
+          }
+        })
+    },
+
+    btnTest() {
+      console.log('this.thirdInterfaces', this.thirdInterfaces)
+      console.log('this.tableData', this.tableData)
+      console.log('this.currRowData', this.currRowData)
+      console.log('this.tableDataDetails', this.tableDataDetails)
+      console.log('this.query', this.query)
+    },
+
+    rowClick(row) {
+      this.currRowData = row
+    },
+
+    // 点击确定
+    btnOk() {
+      if (!this.currRowData.id) {
+        this.$message.warning({ showClose: true, message: "请选择预约的记录" })
+        return
+      }
+
+      this.dialogWin.WebBooking = false
+    },
+
+    // 点击关闭
+    btnClose() {
+      this.dialogWin.WebBooking = false
+    },
+
+  },
+
+  //监听事件()
+  watch: {
+    "dataTransOpts.plus.WebBooking": {
+      // immediate:true,
+      handler(newVal, oldVal) {
+        console.log(`watch 职业病 newVal: ${newVal}, oldVal: ${oldVal} `);
+        if (newVal != oldVal) this.funMounted()
+      }
+    },
+
+  },
+
+};
+</script>
+<style scoped>
+@import '../../assets/css/global_card.css';
+@import '../../assets/css/global_input.css';
+@import '../../assets/css/global_table.css';
+@import '../../assets/css/global.css';
+
+.query {
+  margin-right: 10px;
+  font-size: 14px;
+  color: #232748;
+  font-weight: 400;
+  font-family: "NotoSansSC-Regular";
+}
+
+.spanClass {
+  font-size: 14px;
+  padding: 0 2px 0 0;
+}
+</style>
diff --git a/src/store/index.js b/src/store/index.js
index 3d31232..65c6dc3 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -414,6 +414,7 @@ export default new Vuex.Store({
                 PatientRegisterEditItemBatch: 0,    // 刷新批量调整项目窗口
                 PatientRegisterForChoose: 0,         // 体检人员查询窗口  
                 OccDisease: 0,  // 职业病
+                WebBooking: 0,  // 网上预约
             }
 
         },
@@ -433,6 +434,7 @@ export default new Vuex.Store({
             AsbChargeRequest: false, // 收费申请
             OccDisease: false, // 职业病
             Label: false, // 补打条码
+            WebBooking: false, // 网上预约
         }
 
     },
diff --git a/vue.config.js b/vue.config.js
index d787cc9..5733b40 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -16,20 +16,21 @@ module.exports = defineConfig({
         externals: {
             './cptable': 'var cptable',
         },
-    },
+    },    
     devServer: {
-        port: "8080",
-        proxy: {
-            "/api": {
-                target: "http://192.168.1.108:44358",
-                changeorigin: true, // 在本会创建一个虚拟服务满，然后发送清求的数，并同时接收济求的数，这样服务端和服务减进行数据的交互就不会有域问题
-                rewite: (path) => path.replace(/^\/api/, ""),
-                // pathRewrite: {
-                //   "^/api": ''
-                // }
-            },
-        },
-    },
+        host: '0.0.0.0',
+        port: "8081",        
+        // proxy: {
+        //     "/api": {
+        //         target: "http://135.191.65.118:8080",
+        //         changeorigin: true, // 在本会创建一个虚拟服务满，然后发送清求的数，并同时接收济求的数，这样服务端和服务减进行数据的交互就不会有域问题
+        //         rewite: (path) => path.replace(/^\/api/, ""),
+        //         // pathRewrite: {
+        //         //   "^/api": ''
+        //         // }
+        //     },
+        // },        
+    },    
     terser: {
         terserOptions: {
             compress: {