diff --git a/public/static/inspect/empty.png b/public/static/inspect/empty.png
new file mode 100644
index 0000000..0205cee
Binary files /dev/null and b/public/static/inspect/empty.png differ
diff --git a/src/api/inspect/physicalEnroll/index.ts b/src/api/inspect/physicalEnroll/index.ts
new file mode 100644
index 0000000..74b6393
--- /dev/null
+++ b/src/api/inspect/physicalEnroll/index.ts
@@ -0,0 +1,9 @@
+import request from '@/config/axios'
+
+/*
+ * 李传洋
+ * PhysicalEnrollApi
+ */
+export const PhysicalEnrollApi = {
+
+}
diff --git a/src/views/inspect/physicalEnroll/PhotographView.vue b/src/views/inspect/physicalEnroll/PhotographView.vue
new file mode 100644
index 0000000..3b21bfa
--- /dev/null
+++ b/src/views/inspect/physicalEnroll/PhotographView.vue
@@ -0,0 +1,384 @@
+<template>
+  <el-dialog
+    v-model="show"
+    title="人脸采集"
+    width="640px"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    @open="
+      () => {
+        updateDialog()
+      }
+    "
+    @close="
+      () => {
+        updateDialog()
+      }
+    "
+  >
+    <el-divider class="!-mt-10px !mb-16px" />
+    <div style="display: flex; justify-content: center">
+      <video id="video" width="480px" height="360px" v-if="!option.img"></video>
+    </div>
+    <div style="height: 360px; width: 480px; text-align: center" v-if="option.img">
+      <VueCropper
+        ref="cropper"
+        :img="option.img"
+        :outputSize="option.size"
+        :outputType="option.outputType"
+        :info="true"
+        :autoCropWidth="option.autoCropWidth"
+        :autoCropHeight="option.autoCropHeight"
+        :full="option.full"
+        :canMove="option.canMove"
+        :canMoveBox="option.canMoveBox"
+        :original="option.original"
+        :autoCrop="option.autoCrop"
+        :fixed="option.fixed"
+        :fixedNumber="option.fixedNumber"
+        :centerBox="option.centerBox"
+        :infoTrue="option.infoTrue"
+        :fixedBox="option.fixedBox"
+      />
+    </div>
+    <canvas style="display: none" id="canvasCamera" width="500" height="500"></canvas>
+    <template #footer>
+      <el-divider class="!mb-8px !mt-2px" />
+      <div>
+        <input
+          type="file"
+          style="width: 40%"
+          :value="fileValue"
+          id="upImageFile"
+          @change="chooseImage"
+        />
+        <el-button type="info" @click="changeDevice">切换</el-button>
+        <el-button type="warning" @click="rephotograph">重拍</el-button>
+        <el-button type="primary" @click="setImage">拍照</el-button>
+        <el-button type="success" @click="confirmSubmit" :disabled="!option.img">确认</el-button>
+        <el-button
+          @click="
+            () => {
+              closeModal()
+            }
+          "
+        >
+          取消
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script type="text/babel">
+import { VueCropper } from 'vue-cropper'
+
+export default {
+  name: 'PhotographView',
+  components: { VueCropper },
+  expose: ['openDialog'],
+  props: {},
+  emits: ['handleSearch'],
+  data() {
+    return {
+      messageBox: useMessage(),
+      videoArr: [],
+      videoIndex: 0,
+      uploadAvatarShow: false, //头像图片文件导入
+      fileValue: '',
+      iconBase64: '',
+      show: false,
+      imgUrl: '',
+      cropperDialogVisible: false,
+      // 裁剪组件的基础配置option
+      option: {
+        img: '', // 裁剪图片的地址
+        info: true, // 裁剪框的大小信息
+        outputSize: 0.8, // 裁剪生成图片的质量
+        outputType: 'png', // 裁剪生成图片的格式
+        canScale: false, // 图片是否允许滚轮缩放
+        autoCrop: true, // 是否默认生成截图框
+        autoCropWidth: 150, // 默认生成截图框宽度
+        autoCropHeight: 200, // 默认生成截图框高度
+        canMove: true,
+        fixedBox: false, // 固定截图框大小 不允许改变
+        fixed: false, // 是否开启截图框宽高固定比例
+        // fixedNumber: [1, 1], // 截图框的宽高比例
+        full: true, // 是否输出原图比例的截图
+        canMoveBox: false, // 截图框能否拖动
+        original: false, // 上传图片按照原始比例渲染
+        centerBox: false, // 截图框是否被限制在图片里面
+        infoTrue: false, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
+        stream: null
+      }
+    }
+  },
+  created() {
+    this.getVideoArr()
+  },
+  methods: {
+    openDialog() {
+      this.show = true
+    },
+    updateDialog() {
+      if (this.show) {
+        this.videoIndex = 0
+        this.option = {
+          img: '', // 裁剪图片的地址
+          info: true, // 裁剪框的大小信息
+          outputSize: 0.8, // 裁剪生成图片的质量
+          outputType: 'png', // 裁剪生成图片的格式
+          canScale: false, // 图片是否允许滚轮缩放
+          autoCrop: true, // 是否默认生成截图框
+          autoCropWidth: 150, // 默认生成截图框宽度
+          autoCropHeight: 200, // 默认生成截图框高度
+          canMove: true,
+          fixedBox: false, // 固定截图框大小 不允许改变
+          fixed: false, // 是否开启截图框宽高固定比例
+          // fixedNumber: [1, 1], // 截图框的宽高比例
+          full: true, // 是否输出原图比例的截图
+          canMoveBox: false, // 截图框能否拖动
+          original: false, // 上传图片按照原始比例渲染
+          centerBox: false, // 截图框是否被限制在图片里面
+          infoTrue: false // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
+        }
+        this.getCompetence()
+        this.imgUrl = ''
+      } else {
+        this.stopNavigator()
+        this.closeModal()
+      }
+    },
+    //关闭弹框
+    closeModal() {
+      this.show = false
+    },
+    //获取音频、摄像头
+    getVideoArr() {
+      navigator.mediaDevices
+        .enumerateDevices()
+        .then((devices) => {
+          this.videoArr = []
+          devices.forEach((device) => {
+            //音频是audioautput  摄像头videoinput
+            if (device.kind == 'videoinput') {
+              this.videoArr.push({
+                label: device.label,
+                id: device.deviceId
+              })
+            }
+          })
+        })
+        .catch(function (err) {
+          this.messageBox.error(err.name + ': ' + err.message)
+        })
+    },
+    //切换摄像头
+    changeDevice() {
+      if (this.videoArr && this.videoArr.length > 0) {
+        let length = this.videoArr.length - 1
+        if (length == this.videoIndex && this.videoIndex != 0) {
+          this.videoIndex = this.videoIndex - 1
+          this.setDevice()
+        } else if (length > this.videoIndex && this.videoIndex == 0) {
+          this.videoIndex = this.videoIndex + 1
+          this.setDevice()
+        } else {
+          this.setDevice()
+        }
+      }
+    },
+    setDevice() {
+      if (this.videoArr[this.videoIndex] && this.videoArr[this.videoIndex].id) {
+        this.setCurrentDevice(this.videoArr[this.videoIndex].id)
+      }
+    },
+    setCurrentDevice(val) {
+      const videoConstraints = {}
+      if (val === '') {
+        videoConstraints.facingMode = 'environment'
+      } else {
+        videoConstraints.deviceId = { exact: val }
+      }
+      var constraints = {
+        video: videoConstraints
+      }
+      this.getUserMedia(constraints)
+    },
+    getUserMedia(constraints, success, error) {
+      let _this = this
+      if (navigator.mediaDevices.getUserMedia) {
+        //最新的标准API
+        navigator.mediaDevices
+          .getUserMedia(constraints)
+          .then((success) => {
+            if (!_this.thisVideo) {
+              _this.thisVideo = document.getElementById('video')
+            }
+            // 旧的浏览器可能没有srcObject
+            if (_this.thisVideo && (!_this.thisVideo.srcObject || 'srcObject' in _this.thisVideo)) {
+              _this.thisVideo.srcObject = success
+            } else {
+              // 避免在新的浏览器中使用它，因为它正在被弃用。
+              _this.thisVideo.src = window.URL.createObjectURL(success)
+            }
+            _this.stream = success
+            _this.thisVideo.onloadedmetadata = function (e) {
+              _this.thisVideo.play()
+            }
+          })
+          .catch((err) => {
+            console.log(err)
+            _this.changeDevice() //切换摄像头
+          })
+      } else if (navigator.webkitGetUserMedia) {
+        //webkit核心浏览器
+        navigator.webkitGetUserMedia(constraints, success, error)
+      } else if (navigator.mozGetUserMedia) {
+        //firfox浏览器
+        navigator.mozGetUserMedia(constraints, success, error)
+      } else if (navigator.getUserMedia) {
+        //旧版API
+        navigator.getUserMedia(constraints, success, error)
+      }
+    },
+    // 点击裁剪，这一步是可以拿到处理后的地址
+    confirmSubmit() {
+      this.$refs.cropper.getCropBlob((data) => {
+        if (data) {
+          // 上传图片，成功后把图片信息添加进imageList
+          var reader = new FileReader()
+          reader.readAsDataURL(data)
+          reader.onload = () => {
+            this.imgUrl = reader.result
+            if (!this.imgUrl) {
+              this.messageBox.error('请点击拍照！')
+              return
+            }
+            this.$emit('handleSearch', this.imgUrl)
+            this.closeModal()
+          }
+        } else {
+          this.messageBox.error('图片错误！')
+        }
+      })
+    },
+    getCompetence() {
+      var _this = this
+      this.thisVideo = document.getElementById('video')
+      // 旧版本浏览器可能根本不支持mediaDevices，我们首先设置一个空对象
+      if (navigator.mediaDevices === undefined) {
+        navigator.mediaDevices = {}
+      }
+      // 一些浏览器实现了部分mediaDevices，我们不能只分配一个对象
+      // 使用getUserMedia，因为它会覆盖现有的属性。
+      // 这里，如果缺少getUserMedia属性，就添加它。
+      if (navigator.mediaDevices.getUserMedia === undefined) {
+        navigator.mediaDevices.getUserMedia = function (constraints) {
+          // 首先获取现存的getUserMedia(如果存在)
+          var getUserMedia =
+            navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.getUserMedia
+          // 有些浏览器不支持，会返回错误信息
+          // 保持接口一致
+          if (!getUserMedia) {
+            return Promise.reject(new Error('getUserMedia is not implemented in this browser'))
+          }
+          // 否则，使用Promise将调用包装到旧的navigator.getUserMedia
+          return new Promise(function (resolve, reject) {
+            getUserMedia.call(navigator, constraints, resolve, reject)
+          })
+        }
+      }
+      var constraints = {
+        audio: false,
+        video: { width: this.videoWidth, height: this.videoHeight, transform: 'scaleX(-1)' }
+      }
+
+      navigator.mediaDevices
+        .getUserMedia(constraints)
+        .then(function (stream) {
+          if (!_this.thisVideo) {
+            _this.thisVideo = document.getElementById('video')
+          }
+          // 旧的浏览器可能没有srcObject
+          if (_this.thisVideo && (!_this.thisVideo.srcObject || 'srcObject' in _this.thisVideo)) {
+            _this.thisVideo.srcObject = stream
+          } else {
+            // 避免在新的浏览器中使用它，因为它正在被弃用。
+            _this.thisVideo.src = window.URL.createObjectURL(stream)
+          }
+          _this.stream = stream
+          _this.thisVideo.onloadedmetadata = function (e) {
+            _this.thisVideo.play()
+          }
+        })
+        .catch((err) => {
+          console.log(err)
+          _this.changeDevice() //切换摄像头
+        })
+    },
+    //  绘制图片（拍照功能）
+    setImage() {
+      if (!this.option.img) {
+        this.thisCancas = document.getElementById('canvasCamera')
+        this.thisContext = this.thisCancas.getContext('2d')
+        //清空上一次的
+        this.thisContext.clearRect(0, 0, this.thisCancas.width, this.thisCancas.height)
+        this.thisVideo = document.getElementById('video')
+
+        var _this = this
+        // 点击，canvas画图
+        _this.thisContext.drawImage(_this.thisVideo, 0, 0, 500, 500)
+        // 获取图片base64链接
+        var image = this.thisCancas.toDataURL('image/png')
+        this.option.img = image
+      }
+    },
+    // 关闭摄像头
+    stopNavigator() {
+      if (this.stream && this.stream.getTracks() && this.stream.getTracks().length > 0) {
+        this.stream.getTracks().forEach((track) => {
+          if (track) {
+            track.stop()
+          }
+        })
+      }
+      this.stream = null
+      //this.$router.go(0);  //刷新路由
+    },
+    //重拍
+    rephotograph() {
+      this.option.img = ''
+      //关闭
+      this.stopNavigator()
+      //在开启
+      this.getCompetence()
+    },
+    //获取本地图片
+    chooseImage() {
+      let files = document.getElementById('upImageFile').files[0]
+      this.ImageToBase64(files)
+    },
+    //将本地图片转化为Base64
+    ImageToBase64(files) {
+      if (files) {
+        let _this = this
+        var reader = new FileReader()
+        reader.readAsDataURL(files)
+        reader.onload = () => {
+          _this.iconBase64 = reader.result
+          // 获取图片base64链接
+          _this.option.img = _this.iconBase64
+        }
+      } else {
+        this.messageBox.error('图片错误！')
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.photograph {
+}
+</style>
diff --git a/src/views/inspect/physicalEnroll/index.vue b/src/views/inspect/physicalEnroll/index.vue
new file mode 100644
index 0000000..ef03a0c
--- /dev/null
+++ b/src/views/inspect/physicalEnroll/index.vue
@@ -0,0 +1,1094 @@
+<template>
+  <div class="physicalRegister">
+    <div style="display: flex; height: max(calc(100vh - 150px), 256px)">
+      <!-- 左侧部分 -->
+      <div :style="leftSpan" v-show="expand">
+        <ContentWrap
+          shadow="hover"
+          :body-style="{ padding: '2px 9px', height: '99.8%' }"
+          style="overflow: hidden; height: 100%"
+          v-loading="checkPersonLoading"
+          element-loading-text="加载中..."
+        >
+          <el-form
+            :model="searchForm"
+            size="default"
+            label-width="0"
+            label-position="right"
+            class="mb-10px"
+          >
+            <el-row>
+              <el-col :span="24">
+                <el-alert
+                  center
+                  type="info"
+                  :closable="false"
+                  class="!w-100% !mt-10px !mb-4px !bg-[#f0faff]"
+                >
+                  <template #title>
+                    <span style="font-size: 14.6px; font-weight: 590; color: #515a6e">
+                      人员查询
+                    </span>
+                  </template>
+                </el-alert>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-radio-group v-model="searchForm_extra.passStatus" class="w-100%">
+                  <el-radio value="0" class="ml-2.8px !mr-19.2px">未登记</el-radio>
+                  <el-radio value="1">已登记</el-radio>
+                </el-radio-group>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">
+                <el-input
+                  v-model="searchForm.personName"
+                  placeholder="请输入姓名"
+                  clearable
+                  class="!w-100% mt-2px mb-7.4px"
+                />
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24" class="text-right">
+                <el-button
+                  size="small"
+                  style="
+                    margin: 0;
+                    background-color: #2d8cf0;
+                    color: rgba(255, 255, 255, 1);
+                    width: 58px;
+                    font-size: 13.4px;
+                  "
+                >
+                  查询
+                </el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="h-[max(calc(100%-170px),60px)]">
+            <el-scrollbar
+              :view-style="[personData && personData.length > 0 ? { height: '99.6%' } : null]"
+            >
+              <el-empty
+                description="暂无数据"
+                image="/public/static/inspect/empty.png"
+                v-if="!personData || personData.length == 0"
+              />
+              <el-table
+                size="default"
+                border
+                :stripe="false"
+                :show-overflow-tooltip="true"
+                :data="personData"
+                :header-cell-style="{
+                  background: '#f8f8f9',
+                  height: '10px',
+                  color: '#333333'
+                }"
+                :row-style="{ height: '40px' }"
+                height="max(calc(99.4% - 32px), 60px)"
+                v-if="personData && personData.length > 0"
+              >
+                <el-table-column label="" width="30px">
+                  <template #default="scope">
+                    <el-radio :key="scope.row.id" :label="scope.row.id" v-model="isRadioChecked">
+                      {{ '' }}
+                    </el-radio>
+                  </template>
+                </el-table-column>
+                <el-table-column label="体检编号" width="106px" prop="id" />
+                <el-table-column label="患者信息" width="250px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div
+                style="display: flex; justify-content: center"
+                v-if="personData && personData.length > 0"
+              >
+                <Pagination
+                  size="small"
+                  layout="total,sizes, prev, pager, next"
+                  :background="false"
+                  :pager-count="4"
+                  :total="personTotal"
+                  v-model:page="searchForm.pageNumber"
+                  v-model:limit="searchForm.pageSize"
+                  class="float-none mb-2px mt-3.2px"
+                />
+              </div>
+            </el-scrollbar>
+          </div>
+        </ContentWrap>
+      </div>
+      <!-- 中间部分 -->
+      <div class="expandCenter">
+        <span @click="changeExpand" class="icon">
+          <el-icon :size="17">
+            <ArrowLeft v-if="expandIcon == 'ArrowLeft'" />
+            <ArrowRight v-else-if="expandIcon == 'ArrowRight'" />
+            <span v-else></span>
+          </el-icon>
+        </span>
+      </div>
+      <!-- 右侧部分 -->
+      <div :style="rightSpan" style="display: flex; flex-direction: column">
+        <ContentWrap
+          shadow="hover"
+          :body-style="{ padding: '2px 9px', height: '99.8%' }"
+          style="overflow: hidden"
+        >
+          <el-form
+            ref="personParamRef"
+            :model="personParam"
+            :rules="{}"
+            :inline="true"
+            size="default"
+            label-width="72px"
+            label-position="right"
+          >
+            <div class="mt-14px" style="display: flex; align-items: flex-start">
+              <div class="pic">
+                <div
+                  class="pic-box"
+                  :style="{
+                    border: personParam.avatar ? '0 !important;' : 'auto'
+                  }"
+                  @click.stop="handlePhotographInfo"
+                >
+                  <el-icon :size="20" color="#2988f3" v-if="!personParam.avatar">
+                    <Plus />
+                  </el-icon>
+                  <span
+                    style="
+                      font-size: 13.8px;
+                      line-height: 0;
+                      height: auto;
+                      margin-top: 26px;
+                      color: #2988f3;
+                    "
+                    v-if="!personParam.avatar"
+                  >
+                    人像采集
+                  </span>
+                  <template v-else>
+                    <img :src="personParam.avatar" style="height: 100%; width: 100%" />
+                    <div class="demo-upload-list-cover">
+                      <el-icon :size="20" @click.stop="handlePhotographView(personParam.avatar)">
+                        <ZoomIn />
+                      </el-icon>
+                      <el-icon :size="20" @click.stop="handlePhotographRemove">
+                        <Delete />
+                      </el-icon>
+                    </div>
+                  </template>
+                </div>
+              </div>
+              <div style="flex: 1">
+                <div style="display: flex; flex-wrap: wrap">
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    label="体检编号"
+                  >
+                    <el-input
+                      class="w-100%"
+                      v-model="personParam.testNum"
+                      placeholder="提交后系统自动生成"
+                      clearable
+                      disabled
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    label="身份证号"
+                    prop="idCard"
+                  >
+                    <el-input
+                      class="w-100%"
+                      :readonly="searchForm.isPass == 99 ? true : false"
+                      v-model="personParam.idCard"
+                      placeholder="请输入身份证号"
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    :label="setLabel('姓名')"
+                    prop="personName"
+                  >
+                    <el-input
+                      class="w-100%"
+                      :readonly="searchForm.isPass == 99 ? true : false"
+                      v-model="personParam.personName"
+                      placeholder="请输入姓名"
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    :label="setLabel('性别')"
+                    prop="sex"
+                  >
+                    <el-input
+                      class="w-100%"
+                      v-model="personParam.sex"
+                      placeholder="性别"
+                      readonly
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    :label="setLabel('年龄')"
+                    prop="age"
+                  >
+                    <el-input
+                      class="w-100%"
+                      v-model="personParam.age"
+                      placeholder="年龄"
+                      readonly
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    label="体检类型"
+                    prop="physicalType"
+                  >
+                    <el-input
+                      class="w-100%"
+                      v-model="personParam.physicalType"
+                      placeholder="体检类型"
+                      readonly
+                    />
+                  </el-form-item>
+                  <el-form-item
+                    class="w-[max(calc(25%-5px),236px)] !m-0 !mb-4px !mr-4px"
+                    label="联系电话"
+                    prop="mobile"
+                  >
+                    <el-input
+                      class="w-100%"
+                      :readonly="searchForm.isPass == 99 ? true : false"
+                      v-model="personParam.mobile"
+                      placeholder="联系电话"
+                    />
+                  </el-form-item>
+                </div>
+              </div>
+            </div>
+          </el-form>
+          <div class="mt-12px mb-12px">
+            <el-button
+              @click="handlePersonInfoEdit"
+              :style="[
+                'margin-left: 0',
+                'margin-right: 6.4px',
+                personInfoEdit ? 'background-color: #2d8cf0' : 'background-color: #c5c8cee0',
+                personInfoEdit ? 'color: rgba(255, 255, 255, 1)' : 'color: #f7f7f7',
+                'width: 110px'
+              ]"
+              :disabled="!personInfoEdit"
+              v-show="!personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:edit" class="mr-6px" />修改信息
+            </el-button>
+            <el-button
+              @click="handlePersonInfoDelete"
+              :style="[
+                'margin-left: 0',
+                'margin-right: 6.4px',
+                personInfoDelete ? 'background-color: #2d8cf0' : 'background-color: #c5c8cee0',
+                personInfoDelete ? 'color: rgba(255, 255, 255, 1)' : 'color: #f7f7f7',
+                'width: 84px'
+              ]"
+              :disabled="!personInfoDelete"
+              v-show="!personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:delete" class="mr-6px" />删除
+            </el-button>
+            <el-button
+              @click="handlePersonInfoCustomAdd"
+              style="
+                margin-left: 0;
+                margin-right: 6.4px;
+                background-color: #2d8cf0;
+                color: rgba(255, 255, 255, 1);
+                width: 110px;
+              "
+              v-show="!personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:plus" class="mr-6px" />零星新增
+            </el-button>
+            <el-button
+              @click="handlePersonInfoIDCard2nd"
+              style="
+                margin-left: 0;
+                margin-right: 6.4px;
+                background-color: #2d8cf0;
+                color: rgba(255, 255, 255, 1);
+                width: 148px;
+              "
+              :loading="btnPersonInfoIDCard2ndLoading"
+              v-show="true"
+            >
+              <Icon
+                :size="13.2"
+                icon="ep:plus"
+                class="mr-6px"
+                v-show="!btnPersonInfoIDCard2ndLoading"
+              />
+              读取二代身份证
+            </el-button>
+            <el-button
+              @click="handlePersonInfoSave"
+              style="
+                margin-left: 0;
+                margin-right: 6.4px;
+                background-color: #2d8cf0;
+                color: rgba(255, 255, 255, 1);
+                width: 110px;
+              "
+              v-show="personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:check" class="mr-6px" />保存信息
+            </el-button>
+            <el-button
+              @click="handlePersonInfoCancel"
+              style="
+                margin-left: 0;
+                margin-right: 6.4px;
+                background-color: #2d8cf0;
+                color: rgba(255, 255, 255, 1);
+                width: 84px;
+              "
+              v-show="personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:close" class="mr-6px" />取消
+            </el-button>
+            <el-button
+              @click="handlePersonInfoPrintInspection"
+              style="
+                margin-left: 0;
+                margin-right: 6.4px;
+                background-color: #2d8cf0;
+                color: rgba(255, 255, 255, 1);
+                width: 126px;
+              "
+              v-show="!personInfoCustomAdd"
+            >
+              <Icon :size="13.2" icon="ep:printer" class="mr-6px" />打印导检单
+            </el-button>
+          </div>
+        </ContentWrap>
+        <ContentWrap
+          shadow="hover"
+          :body-style="{ padding: '2px 9px', height: '99.8%' }"
+          style="overflow: hidden; flex: 1"
+          class="!mb-1px"
+        >
+          <el-scrollbar :view-style="[{ height: '98%' }]">
+            <div class="h-99.8%">
+              <el-alert
+                type="info"
+                :closable="false"
+                class="!w-100% !mt-10px !mb-10px !bg-[#f0faff]"
+              >
+                <template #title>
+                  <span style="font-size: 15.8px; font-weight: 590; color: #515a6e">
+                    体检项目
+                  </span>
+                  <el-button
+                    @click="
+                      () => {
+                        selectProjectDrawerTabName = 'comboInfo'
+                        selectProjectDrawerShow = true
+                      }
+                    "
+                    size="small"
+                    style="
+                      margin: 0;
+                      margin-top: -5.2px;
+                      margin-left: 9.4px;
+                      padding-top: 1.18px;
+                      padding-bottom: 0;
+                      background-color: #2d8cf0;
+                      color: rgba(255, 255, 255, 1);
+                      width: 88px;
+                      font-size: 13.4px;
+                    "
+                    v-show="personInfoCustomAdd"
+                  >
+                    <Icon :size="13.2" icon="ep:plus" class="mr-4px" />选择项目
+                  </el-button>
+                </template>
+              </el-alert>
+              <el-table
+                size="default"
+                border
+                :stripe="false"
+                :show-overflow-tooltip="true"
+                :data="projectTable"
+                v-loading="projectTableLoading"
+                :header-cell-style="{
+                  background: '#f8f8f9',
+                  height: '10px',
+                  color: '#333333'
+                }"
+                :row-style="{ height: '40px' }"
+                height="max(calc(100% - 124px), 20px)"
+              >
+                <el-table-column label="#" align="center" width="54px">
+                  <template #default="scope"> {{ scope.$index + 1 }} </template>
+                </el-table-column>
+                <el-table-column label="项目名称" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="原价" header-align="center" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="折扣" header-align="center" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="折扣价" header-align="center" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="项目类型" header-align="center" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" header-align="center" min-width="200px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div>
+                <Pagination
+                  :total="projectTableTotal"
+                  v-model:page="projectTable_extra.pageNumber"
+                  v-model:limit="projectTable_extra.pageSize"
+                  class="mb-0 mt-6px"
+                />
+              </div>
+            </div>
+          </el-scrollbar>
+        </ContentWrap>
+      </div>
+    </div>
+    <!-- 控件组件 -->
+    <el-drawer
+      v-model="selectProjectDrawerShow"
+      direction="rtl"
+      :with-header="false"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      size="max(40.4%,694px)"
+      @closed="
+        () => {
+          selectProjectDrawerTabName = ''
+        }
+      "
+    >
+      <div style="position: relative; z-index: 100">
+        <el-button
+          link
+          @click="selectProjectDrawerShow = false"
+          style="position: absolute; top: 3px; right: 1px"
+        >
+          <Icon icon="ep:close" />
+        </el-button>
+      </div>
+      <div class="pt-4px mb-2px">
+        <span class="text-[18px]">选择项目</span>
+        <el-divider class="!mt-8px !-mb-2px" />
+      </div>
+      <div class="h-[calc(100%-30px)]" style="display: flex; flex-direction: column">
+        <div style="flex: 1">
+          <el-tabs v-model="selectProjectDrawerTabName" style="margin-top: 0; height: 100%">
+            <el-tab-pane label="套餐项目" name="comboInfo">
+              <el-form
+                :model="comboInfoParam"
+                size="default"
+                label-width="72px"
+                label-position="right"
+                class="mb-2px"
+              >
+                <el-row>
+                  <el-col :span="20">
+                    <el-input
+                      v-model="comboInfoParam.query"
+                      placeholder="请输入关键字"
+                      clearable
+                      class="!w-100%"
+                    />
+                  </el-col>
+                  <el-col :span="4" class="text-right">
+                    <el-button @click="{}" type="primary" class="m-0">
+                      <Icon :size="13.2" icon="ep:search" class="mr-4px" />查询
+                    </el-button>
+                  </el-col>
+                </el-row>
+              </el-form>
+              <el-alert
+                type="info"
+                show-icon
+                :closable="false"
+                class="!w-100% !mt-10px !mb-10px !bg-[#f0faff]"
+              >
+                <template #title>
+                  <span style="font-size: 15.4px; font-weight: 580; color: #515a6e">
+                    已选择 {{ comboInfoSelectedData.length }} 项
+                  </span>
+                  <el-button
+                    type="primary"
+                    size="small"
+                    link
+                    style="
+                      margin: 0;
+                      margin-top: -2.6px;
+                      margin-left: 3.4px;
+                      font-size: 14px;
+                      font-weight: 550;
+                    "
+                  >
+                    清空
+                  </el-button>
+                </template>
+              </el-alert>
+              <el-table
+                size="default"
+                border
+                :stripe="false"
+                :show-overflow-tooltip="true"
+                :data="comboInfoTable"
+                :header-cell-style="{
+                  background: '#f8f8f9',
+                  height: '10px',
+                  color: '#333333'
+                }"
+                :row-style="{ height: '40px' }"
+                height="max(50vh, 30px)"
+              >
+                <el-table-column label="#" align="center" width="54px">
+                  <template #default="scope"> {{ scope.$index + 1 }} </template>
+                </el-table-column>
+                <el-table-column type="selection" align="center" width="42px" />
+                <el-table-column label="名称" min-width="620px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div>
+                <Pagination
+                  size="small"
+                  :total="comboInfoTableTotal"
+                  v-model:page="comboInfoParam.pageNumber"
+                  v-model:limit="comboInfoParam.pageSize"
+                  class="mb-0 mt-6px"
+                />
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="检查项目" name="checkInfo">
+              <el-form
+                :model="checkInfoParam"
+                size="default"
+                label-width="72px"
+                label-position="right"
+                class="mb-2px"
+              >
+                <el-row>
+                  <el-col :span="10">
+                    <el-form-item class="!w-100% !m-0" label="关键字">
+                      <el-input
+                        v-model="checkInfoParam.query"
+                        placeholder="请输入关键字"
+                        clearable
+                        class="!w-100% !mr-6px"
+                      />
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="10">
+                    <el-form-item class="!w-100% !m-0" label="所属科室">
+                      <el-select
+                        v-model="checkInfoParam.officeId"
+                        placeholder="请选择"
+                        clearable
+                        class="!w-100%"
+                      >
+                        <el-option
+                          v-for="(item, index) in checkInfoParam_extra.officeData"
+                          :key="index"
+                          :value="item.id"
+                        >
+                          {{ item.sectionName }}
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                  </el-col>
+                  <el-col :span="4" class="text-right">
+                    <el-button @click="{}" type="primary" class="m-0">
+                      <Icon :size="13.2" icon="ep:search" class="mr-4px" />查询
+                    </el-button>
+                  </el-col>
+                </el-row>
+              </el-form>
+              <el-alert
+                type="info"
+                show-icon
+                :closable="false"
+                class="!w-100% !mt-10px !mb-10px !bg-[#f0faff]"
+              >
+                <template #title>
+                  <span style="font-size: 15.4px; font-weight: 580; color: #515a6e">
+                    已选择 {{ checkInfoSelectedData.length }} 项
+                  </span>
+                  <el-button
+                    type="primary"
+                    size="small"
+                    link
+                    style="
+                      margin: 0;
+                      margin-top: -2.6px;
+                      margin-left: 3.4px;
+                      font-size: 14px;
+                      font-weight: 550;
+                    "
+                  >
+                    清空
+                  </el-button>
+                </template>
+              </el-alert>
+              <el-table
+                size="default"
+                border
+                :stripe="false"
+                :show-overflow-tooltip="true"
+                :data="checkInfoTable"
+                :header-cell-style="{
+                  background: '#f8f8f9',
+                  height: '10px',
+                  color: '#333333'
+                }"
+                :row-style="{ height: '40px' }"
+                height="max(50vh, 30px)"
+              >
+                <el-table-column label="#" align="center" width="54px">
+                  <template #default="scope"> {{ scope.$index + 1 }} </template>
+                </el-table-column>
+                <el-table-column type="selection" align="center" width="42px" />
+                <el-table-column label="名称" min-width="500px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+                <el-table-column label="销售价（元）" header-align="center" min-width="120px">
+                  <template #default="scope">
+                    <el-row>
+                      <el-col
+                        :span="24"
+                        style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap"
+                      >
+                        姓名：{{ scope.row.personName }}
+                      </el-col>
+                    </el-row>
+                    <el-row>
+                      <el-col :span="9">性别：{{ scope.row.sex }}</el-col>
+                      <el-col :span="9">年龄：{{ scope.row.age }}岁</el-col>
+                    </el-row>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <div>
+                <Pagination
+                  size="small"
+                  :total="checkInfoTableTotal"
+                  v-model:page="checkInfoParam.pageNumber"
+                  v-model:limit="checkInfoParam.pageSize"
+                  class="mb-0 mt-6px"
+                />
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+        <div class="text-right">
+          <el-divider class="!mt-4px !mb-11.4px" />
+          <el-button @click="{}" type="primary">确定</el-button>
+          <el-button @click="selectProjectDrawerShow = false">取消</el-button>
+        </div>
+      </div>
+    </el-drawer>
+    <PhotographView ref="photographViewRef" @handle-search="handlePhotographInfo_Search" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import PhotographView from './PhotographView.vue'
+import { ArrowLeft, ArrowRight, Plus, Delete, ZoomIn } from '@element-plus/icons-vue'
+import { PhysicalEnrollApi } from '@/api/inspect/physicalEnroll'
+import Viewer from 'viewerjs'
+
+defineOptions({ name: 'PhysicalEnroll' })
+/*
+ * 李传洋
+ * 体检登记
+ **/
+/** 导入内容 **/
+
+/** 重要组件 **/
+const personParamRef = ref()
+const photographViewRef = ref()
+
+/** 数据结构 **/
+const message = useMessage()
+const { t } = useI18n()
+const checkPersonLoading = ref(false)
+const personInfoEdit = ref(false)
+const personInfoDelete = ref(false)
+const personInfoCustomAdd = ref(false)
+const btnPersonInfoIDCard2ndLoading = ref(false)
+const selectProjectDrawerShow = ref(false)
+const selectProjectDrawerTabName = ref('comboInfo')
+//表单核心
+const searchForm = ref<any>({
+  pageNumber: 1,
+  pageSize: 10,
+  personName: ''
+})
+const searchForm_extra = ref<any>({
+  passStatus: '0'
+})
+const personParam = ref<any>({
+  avatar: ''
+})
+const comboInfoParam = ref<any>({
+  pageNumber: 1,
+  pageSize: 10,
+  query: ''
+})
+const checkInfoParam = ref<any>({
+  pageNumber: 1,
+  pageSize: 10,
+  query: '',
+  officeId: ''
+})
+const checkInfoParam_extra = ref<any>({
+  officeData: [
+    { id: 'aa', sectionName: 'aa1' },
+    { id: 'bb', sectionName: 'aa2' },
+    { id: 'cc', sectionName: 'aa3' }
+  ]
+})
+//表格核心
+const personData = ref<any[]>([
+  { id: '11111111111111111', personName: '1尼格买提·热合曼adqweqfqf', sex: '男', age: '28' },
+  { id: '22222222', personName: '2尼格买提·热合曼adqweqfqf', sex: '男', age: '29' },
+  { id: '33333333', personName: '3尼格买提·热合曼adqweqfqf', sex: '男', age: '30' },
+  { id: '44444444', personName: '4尼格买提·热合曼adqweqfqf', sex: '男', age: '31' }
+])
+const isRadioChecked = ref('')
+const personTotal = ref(100)
+const projectTable = ref<any[]>([{}, {}, {}, {}])
+const projectTable_extra = ref<any>({
+  pageNumber: 1,
+  pageSize: 10
+})
+const projectTableLoading = ref(false)
+const projectTableTotal = ref(100)
+const comboInfoTable = ref<any[]>([{}, {}, {}, {}])
+const comboInfoSelectedData = ref<any[]>([{}, {}, {}, {}])
+const comboInfoTableTotal = ref(100)
+const checkInfoTable = ref<any[]>([{}, {}, {}, {}])
+const checkInfoSelectedData = ref<any[]>([{}, {}, {}, {}])
+const checkInfoTableTotal = ref(100)
+
+/****** 自定义内容 ******/
+
+/** 页面布局 **/
+const expand = ref(true)
+const expandIcon = ref('ArrowLeft')
+const leftSpan = ref('width: 380px;')
+const rightSpan = ref('position: relative;width: calc(100% - 404px);')
+const changeExpand = () => {
+  expand.value = !expand.value
+  if (expand.value) {
+    expandIcon.value = 'ArrowLeft'
+    leftSpan.value = 'width: 380px;'
+    rightSpan.value = 'position: relative;width: calc(100% - 404px);'
+  } else {
+    expandIcon.value = 'ArrowRight'
+    leftSpan.value = 'width: 0px;'
+    rightSpan.value = 'position: relative;width: calc(100% - 24px);'
+  }
+}
+
+/** 组件事件 **/
+const setLabel = (name) => {
+  name = name.split('')
+  return name[0] + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + name[1]
+}
+
+const handlePhotographInfo = () => {
+  photographViewRef.value.openDialog()
+}
+
+const handlePhotographInfo_Search = (e) => {
+  personParam.value.avatar = e
+}
+
+const handlePhotographView = (e) => {
+  let image = new Image()
+  image.src = e
+  let viewer = new Viewer(image, {
+    title: false,
+    hidden: function () {
+      viewer.destroy()
+    }
+  })
+  viewer.show()
+}
+
+const handlePhotographRemove = () => {
+  personParam.value.avatar = ''
+}
+
+const handlePersonInfoEdit = () => {}
+
+const handlePersonInfoDelete = () => {}
+
+const handlePersonInfoCustomAdd = () => {
+  personInfoCustomAdd.value = true
+}
+
+const handlePersonInfoIDCard2nd = () => {
+  btnPersonInfoIDCard2ndLoading.value = true
+  if (!personInfoCustomAdd.value) personInfoCustomAdd.value = true
+  setTimeout(() => {
+    nextTick(() => {
+      btnPersonInfoIDCard2ndLoading.value = false
+    })
+  }, 2600)
+}
+
+const handlePersonInfoSave = () => {}
+
+const handlePersonInfoCancel = () => {
+  personInfoCustomAdd.value = false
+}
+
+const handlePersonInfoPrintInspection = () => {
+  personInfoDelete.value = !personInfoDelete.value
+  personInfoEdit.value = !personInfoEdit.value
+}
+
+/** 钩子方法 **/
+onMounted(async () => {
+  //personData.value = []
+  console.log(PhysicalEnrollApi)
+})
+
+/** 防空作用域 **/
+//console.log(null)
+
+/** 导出内容 **/
+/**
+ * 备注：
+ *
+ * **/
+</script>
+
+<style lang="scss" scoped>
+.el-form-item__label {
+  white-space: nowrap;
+}
+
+.physicalRegister {
+  margin: -3px -9px -4px -7px;
+  box-sizing: border-box;
+
+  .expandCenter {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    .icon {
+      cursor: pointer;
+    }
+
+    :hover {
+      color: #1890ff !important;
+    }
+  }
+
+  .demo-upload-list-cover {
+    display: none;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 150px;
+    line-height: 150px;
+    background: rgba(0, 0, 0, 0.6);
+    text-align: center;
+
+    &:hover {
+      display: block;
+      background: rgba(0, 0, 0, 0.6);
+    }
+  }
+
+  .demo-upload-list-cover i {
+    color: #fff;
+    font-size: 20px;
+    cursor: pointer;
+    margin: 0 8px;
+  }
+
+  .demo-upload-list-cover i:hover {
+    color: #2988f3;
+  }
+
+  .pic {
+    min-width: 130px;
+    max-width: 150px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
+
+    .pic-box {
+      display: flex;
+      justify-content: center;
+      padding: 2px;
+      box-sizing: border-box;
+      align-items: center;
+      width: 137px;
+      height: 150px;
+      line-height: 150px;
+      margin-right: 10px;
+      border: 1px dashed #2988f3;
+      cursor: pointer;
+      flex-direction: column;
+      position: relative;
+
+      &:hover {
+        .demo-upload-list-cover {
+          display: block;
+        }
+      }
+    }
+  }
+}
+</style>