diff --git a/src/components.d.ts b/src/components.d.ts
index a7714eb..c64a2d4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -52,7 +52,6 @@
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
-    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
@@ -73,7 +72,6 @@
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
-    VanBackTop: typeof import('vant/es')['BackTop']
     VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanDatePicker: typeof import('vant/es')['DatePicker']

diff --git a/src/components.d.ts b/src/components.d.ts
index a7714eb..c64a2d4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -52,7 +52,6 @@
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
-    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
@@ -73,7 +72,6 @@
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
-    VanBackTop: typeof import('vant/es')['BackTop']
     VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanDatePicker: typeof import('vant/es')['DatePicker']
diff --git a/src/views/mobile/device/add.vue b/src/views/mobile/device/add.vue
index 74e09a6..455e4f3 100644
--- a/src/views/mobile/device/add.vue
+++ b/src/views/mobile/device/add.vue
@@ -189,17 +189,17 @@
         <van-cell-group>
           <!-- 产品 -->
           <van-field v-model="deciceInfo.productName" is-link readonly label="产品" name="productId" placeholder="选择产品"
-            required @click="showProduct = true">
+            required @click="showProduct = true" input-align="right">
           </van-field>
           <van-popup v-model:show="showProduct" destroy-on-close position="bottom">
             <van-picker :columns="productColumns" title="产品" :model-value="productValue" @confirm="onConfirm"
               @cancel="showProduct = false" />
           </van-popup>
           <!-- 设备编号 -->
-          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required />
+          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required input-align="right" />
           <!-- 安装位置 -->
           <van-field v-model="deciceInfo.tagNumber" is-link readonly label="安装位置" name="tagNumber" placeholder="去搜索"
-            required @click="selectTagNumber" />
+            required @click="selectTagNumber" input-align="right" />
           <!-- 安装位置  闸井/场站查询-->
           <van-dialog v-model:show="searchForWell" title="搜索位置" confirm-button-text="搜索" :closeOnClickOverlay="true"
             :before-close="searchTagNumber">
@@ -207,13 +207,13 @@
           </van-dialog>
           <!-- 安装日期 -->
           <van-field v-model="deciceInfo.installDate" is-link readonly name="installDate" label="安装日期"
-            placeholder="点击选择时间" @click="showDatePicker = true" required />
+            placeholder="点击选择时间" @click="showDatePicker = true" required input-align="right" />
           <van-popup v-model:show="showDatePicker" destroy-on-close position="bottom">
             <van-date-picker :model-value="pickerValueInstallDate" @confirm="onConfirmInstallDate"
               @cancel="showDatePicker = false" />
           </van-popup>
           <!-- 现场照片 -->
-          <van-field v-model="empty" readonly name="photo" label="现场照片" required>
+          <van-field v-model="empty" readonly name="photo" label="现场照片" required input-align="center">
             <template #input>
               <!-- 展示照片 -->
               <div v-for="(item, index) in deciceInfo.photo" :key="index" class="show-photo">

diff --git a/src/components.d.ts b/src/components.d.ts
index a7714eb..c64a2d4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -52,7 +52,6 @@
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
-    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
@@ -73,7 +72,6 @@
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
-    VanBackTop: typeof import('vant/es')['BackTop']
     VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanDatePicker: typeof import('vant/es')['DatePicker']
diff --git a/src/views/mobile/device/add.vue b/src/views/mobile/device/add.vue
index 74e09a6..455e4f3 100644
--- a/src/views/mobile/device/add.vue
+++ b/src/views/mobile/device/add.vue
@@ -189,17 +189,17 @@
         <van-cell-group>
           <!-- 产品 -->
           <van-field v-model="deciceInfo.productName" is-link readonly label="产品" name="productId" placeholder="选择产品"
-            required @click="showProduct = true">
+            required @click="showProduct = true" input-align="right">
           </van-field>
           <van-popup v-model:show="showProduct" destroy-on-close position="bottom">
             <van-picker :columns="productColumns" title="产品" :model-value="productValue" @confirm="onConfirm"
               @cancel="showProduct = false" />
           </van-popup>
           <!-- 设备编号 -->
-          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required />
+          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required input-align="right" />
           <!-- 安装位置 -->
           <van-field v-model="deciceInfo.tagNumber" is-link readonly label="安装位置" name="tagNumber" placeholder="去搜索"
-            required @click="selectTagNumber" />
+            required @click="selectTagNumber" input-align="right" />
           <!-- 安装位置  闸井/场站查询-->
           <van-dialog v-model:show="searchForWell" title="搜索位置" confirm-button-text="搜索" :closeOnClickOverlay="true"
             :before-close="searchTagNumber">
@@ -207,13 +207,13 @@
           </van-dialog>
           <!-- 安装日期 -->
           <van-field v-model="deciceInfo.installDate" is-link readonly name="installDate" label="安装日期"
-            placeholder="点击选择时间" @click="showDatePicker = true" required />
+            placeholder="点击选择时间" @click="showDatePicker = true" required input-align="right" />
           <van-popup v-model:show="showDatePicker" destroy-on-close position="bottom">
             <van-date-picker :model-value="pickerValueInstallDate" @confirm="onConfirmInstallDate"
               @cancel="showDatePicker = false" />
           </van-popup>
           <!-- 现场照片 -->
-          <van-field v-model="empty" readonly name="photo" label="现场照片" required>
+          <van-field v-model="empty" readonly name="photo" label="现场照片" required input-align="center">
             <template #input>
               <!-- 展示照片 -->
               <div v-for="(item, index) in deciceInfo.photo" :key="index" class="show-photo">
diff --git a/src/views/mobile/info/components/showPosition.vue b/src/views/mobile/info/components/showPosition.vue
index ce8d077..086f4b9 100644
--- a/src/views/mobile/info/components/showPosition.vue
+++ b/src/views/mobile/info/components/showPosition.vue
@@ -1,7 +1,7 @@
 <!--
   Description: 展示位置
   Author: 李亚光
-  Date: 2024-09-03
+  Date: 2025-01-02
  -->
 <script lang="ts" setup name="showMapPosition">
 import AMap from '@/components/map/index.vue'

diff --git a/src/components.d.ts b/src/components.d.ts
index a7714eb..c64a2d4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -52,7 +52,6 @@
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
-    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
@@ -73,7 +72,6 @@
     SystemInfo: typeof import('./components/SystemInfo/index.vue')['default']
     TableContainer: typeof import('./components/TableContainer/index.vue')['default']
     Trend: typeof import('./components/Trend/index.vue')['default']
-    VanBackTop: typeof import('vant/es')['BackTop']
     VanCell: typeof import('vant/es')['Cell']
     VanCellGroup: typeof import('vant/es')['CellGroup']
     VanDatePicker: typeof import('vant/es')['DatePicker']
diff --git a/src/views/mobile/device/add.vue b/src/views/mobile/device/add.vue
index 74e09a6..455e4f3 100644
--- a/src/views/mobile/device/add.vue
+++ b/src/views/mobile/device/add.vue
@@ -189,17 +189,17 @@
         <van-cell-group>
           <!-- 产品 -->
           <van-field v-model="deciceInfo.productName" is-link readonly label="产品" name="productId" placeholder="选择产品"
-            required @click="showProduct = true">
+            required @click="showProduct = true" input-align="right">
           </van-field>
           <van-popup v-model:show="showProduct" destroy-on-close position="bottom">
             <van-picker :columns="productColumns" title="产品" :model-value="productValue" @confirm="onConfirm"
               @cancel="showProduct = false" />
           </van-popup>
           <!-- 设备编号 -->
-          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required />
+          <van-field v-model="deciceInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required input-align="right" />
           <!-- 安装位置 -->
           <van-field v-model="deciceInfo.tagNumber" is-link readonly label="安装位置" name="tagNumber" placeholder="去搜索"
-            required @click="selectTagNumber" />
+            required @click="selectTagNumber" input-align="right" />
           <!-- 安装位置  闸井/场站查询-->
           <van-dialog v-model:show="searchForWell" title="搜索位置" confirm-button-text="搜索" :closeOnClickOverlay="true"
             :before-close="searchTagNumber">
@@ -207,13 +207,13 @@
           </van-dialog>
           <!-- 安装日期 -->
           <van-field v-model="deciceInfo.installDate" is-link readonly name="installDate" label="安装日期"
-            placeholder="点击选择时间" @click="showDatePicker = true" required />
+            placeholder="点击选择时间" @click="showDatePicker = true" required input-align="right" />
           <van-popup v-model:show="showDatePicker" destroy-on-close position="bottom">
             <van-date-picker :model-value="pickerValueInstallDate" @confirm="onConfirmInstallDate"
               @cancel="showDatePicker = false" />
           </van-popup>
           <!-- 现场照片 -->
-          <van-field v-model="empty" readonly name="photo" label="现场照片" required>
+          <van-field v-model="empty" readonly name="photo" label="现场照片" required input-align="center">
             <template #input>
               <!-- 展示照片 -->
               <div v-for="(item, index) in deciceInfo.photo" :key="index" class="show-photo">
diff --git a/src/views/mobile/info/components/showPosition.vue b/src/views/mobile/info/components/showPosition.vue
index ce8d077..086f4b9 100644
--- a/src/views/mobile/info/components/showPosition.vue
+++ b/src/views/mobile/info/components/showPosition.vue
@@ -1,7 +1,7 @@
 <!--
   Description: 展示位置
   Author: 李亚光
-  Date: 2024-09-03
+  Date: 2025-01-02
  -->
 <script lang="ts" setup name="showMapPosition">
 import AMap from '@/components/map/index.vue'
diff --git a/src/views/mobile/operation/index.vue b/src/views/mobile/operation/index.vue
index ac3bd92..e3c94a7 100644
--- a/src/views/mobile/operation/index.vue
+++ b/src/views/mobile/operation/index.vue
@@ -1,3 +1,236 @@
+<!--
+  Description: 设备运维
+  Author: 李亚光
+  Date: 2024-01-03
+ -->
+<script lang="ts" setup name="H5DeviceOperation">
+import dayjs from 'dayjs'
+import { showToast, showImagePreview } from 'vant'
+import { getDictByCode } from '@/api/system/dict'
+import useUserStore from '@/store/modules/user'
+const userInfo = useUserStore()
+const baseInfo = ref({
+  repairType: '',
+  repairTypeName: '',
+  devcode: '',
+  tagNumber: '',
+  position: '',
+  repairDate: '',
+  repairPerson: '',
+  repairContent: '',
+  photo: []
+})
+baseInfo.value.repairPerson = userInfo.name
+// 运维类型
+const showRepairType = ref(false)
+const repairTypeValue = ref([])
+const onConfirmRepairType = ({ selectedValues, selectedOptions }) => {
+  baseInfo.value.repairType = selectedOptions[0]?.value
+  baseInfo.value.repairTypeName = selectedOptions[0]?.text
+  repairTypeValue.value = selectedValues
+  showRepairType.value = false
+}
+// 运维日期
+const showDatePicker = ref(false)
+const pickerValueRepairDate = ref<string[]>([])
+pickerValueRepairDate.value = dayjs().format('YYYY-MM-DD').split('-')
+baseInfo.value.repairDate = pickerValueRepairDate.value.join('-')
+const onConfirmRepairDate = ({ selectedValues }) => {
+  baseInfo.value.repairDate = selectedValues.join('-')
+  pickerValueRepairDate.value = selectedValues
+  showDatePicker.value = false
+}
+
+// 现场照片
+// const showCamera = ref(false)
+// 拍照
+const takePictures = () => {
+  if(baseInfo.value.photo.length >= 3) {
+    showToast('最多上传三张照片')
+    return
+  }
+  // 调用摄像头
+  const camera = document.getElementById('camera-photo')
+  camera?.click()
+}
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  if (event.target.files?.length !== 0) {
+    const file = event.target.files[0]
+    const reader = new FileReader() // 实例化FileReader
+    reader.readAsDataURL(file)
+    // 读取成功以后执行的方法
+    reader.onload = (e) => {
+      baseInfo.value.photo.push(e.target.result)
+      // let img = new Image()
+      // // base64
+      // img.src = e.target.result
+      // console.log(img.src, 'img.src')
+      // img.onload = () => {
+      //   imagetoCanvas(img) //Image 对象转变为一个 Canvas 类型对象,i为遍历的下标
+      // }
+    }
+  }
+}
+// 删除图片
+const deletePhoto = (index: number) => {
+  baseInfo.value.photo.splice(index, 1)
+}
+// 预览图片
+const previewPhoto = (index: number) => {
+  showImagePreview({
+    images: baseInfo.value.photo,
+    startPosition: index
+  })
+}
+
+// 获取字典
+const repairTypeColumns = ref<{ text: string; value: string }[]>([]) // 运维类型
+const fetchDict = () => {
+  getDictByCode('repairType').then(res => {
+    repairTypeColumns.value = res.data.map((item: { id: string; name: string; value: string }) => ({ text: item.name, value: item.value }))
+  })
+}
+fetchDict()
+</script>
+
 <template>
-  设备运维
+  <div class="device-container">
+    <!-- 设备信息 -->
+    <div class="device-info">
+      <van-form>
+        <van-cell-group>
+          <!-- 运维类型 -->
+          <van-field v-model="baseInfo.repairTypeName" label="运维类型" is-link readonly name="repairType"
+            placeholder="选择运维类型" required @click="showRepairType = true" input-align="right" />
+          <van-popup v-model:show="showRepairType" destroy-on-close position="bottom">
+            <van-picker :columns="repairTypeColumns" title="运维类型" :model-value="repairTypeValue"
+              @confirm="onConfirmRepairType" @cancel="showRepairType = false" />
+          </van-popup>
+          <!-- 设备编号 -->
+          <van-field v-model="baseInfo.devcode" label="设备编号" name="devcode" placeholder="输入设备编号" required
+            input-align="right" />
+          <!-- 安装位置 -->
+          <van-field v-model="baseInfo.tagNumber" label="安装位置" name="tagNumber" placeholder="安装位置" required input-align="right" />
+          <!-- 详细位置 -->
+          <van-field v-model="baseInfo.position" label="详细位置" name="position" placeholder="详细位置" required input-align="right" />
+          <!-- 运维日期 -->
+          <van-field v-model="baseInfo.repairDate" is-link label="运维日期" name="repairDate" required placeholder="选择运维日期"
+            @click="showDatePicker = true" input-align="right" />
+          <van-popup v-model:show="showDatePicker" destroy-on-close position="bottom">
+            <van-date-picker :model-value="pickerValueRepairDate" @confirm="onConfirmRepairDate"
+              @cancel="showDatePicker = false" />
+          </van-popup>
+          <!-- 运维人员 -->
+          <van-field v-model="baseInfo.repairPerson" label="运维人员" name="repairPerson" placeholder="输入运维人员" required
+            input-align="right" />
+          <!-- 运维内容 -->
+          <van-field v-model="baseInfo.repairContent" label="运维内容" name="repairContent" placeholder="输入运维内容" required
+            input-align="right" />
+          <!-- 现场照片 -->
+          <van-field readonly name="photo" label="现场照片" required input-align="center">
+            <template #input>
+              <div v-for="(item, index) in baseInfo.photo" :key="index" class="show-photo">
+                <div class="del_d">
+                  <div class="del" @click="deletePhoto(index)"></div>
+                </div>
+                <img :src="item" alt="" srcset="" width="30px" height="30px" @click="previewPhoto(index)">
+              </div>
+            </template>
+            <template #right-icon>
+              <div class="camera" @click="takePictures" />
+            </template>
+          </van-field>
+
+          <!-- 照相组件 -->
+          <input ref="fileRef" style="display: none;opacity: 0;" multiple id="camera-photo" type="file" accept="image/*"
+            @change="onFileChange">
+        </van-cell-group>
+      </van-form>
+    </div>
+  </div>
+  <!-- 按钮 -->
+   <div class="btn-container">
+      <el-button type="primary" style="width: 48%;">保存</el-button>
+      <el-button  type="primary" plain style="width: 48%;">查看设备数据</el-button>
+   </div>
 </template>
+
+<style lang="scss" scoped>
+.show-photo {
+  position: relative;
+  margin-left: 10px;
+}
+
+.del_d {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  background: red;
+  border-radius: 50%;
+  top: -10px;
+  right: -10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  .del {
+    width: 10px;
+    height: 3px;
+    background: white;
+  }
+}
+
+$primary: #0D76D4;
+$--van-primary-color: #0D76D4;
+
+::v-deep(.van-picker-column__item--selected) {
+  color: $primary !important;
+}
+
+.device-container {
+  width: 100%;
+  height: calc(100vh - 40px);
+  overflow: hidden;
+  position: relative;
+
+  .device-info {
+    background-color: #fff;
+    width: 96%;
+    margin: 0 auto;
+    margin-top: 1vh;
+    border-radius: 6px;
+    padding: 4px;
+
+    .title {
+      font-weight: 700;
+      font-size: 1.2rem;
+      padding-left: 0.5rem;
+      margin-top: 0.5rem;
+    }
+
+    ::v-deep(.van-cell__title) {
+      font-weight: 700;
+    }
+  }
+}
+
+.camera {
+  width: 24px;
+  height: 24px;
+  background: url('@/assets/icons/icon-camera.svg') no-repeat center center / cover;
+}
+
+.btn-container{
+  position: absolute;
+  width: 96%;
+  bottom: 1vh;
+  display: flex;
+  justify-content: space-around;
+  // margin: 0 auto;
+  left: 50%;
+  transform: translateX(-50%);
+}
+</style>