diff --git a/debug.log b/debug.log
deleted file mode 100644
index 81b7e864..00000000
--- a/debug.log
+++ /dev/null
@@ -1,16 +0,0 @@
-[0530/113505.640:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0530/113508.674:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0530/141801.489:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0530/141801.943:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0929/090447.805:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0929/090447.874:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0929/090448.024:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0929/090501.978:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0930/163244.965:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0930/163245.034:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0930/163246.926:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[0930/163247.976:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[1011/144829.070:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[1011/144829.252:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[1011/144829.886:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
-[1011/144830.214:ERROR:registration_protocol_win.cc(108)] CreateFile: 系统找不到指定的文件。 (0x2)
diff --git a/src/assets/js/api/cementMixingPileMonitor.js b/src/assets/js/api/cementMixingPileMonitor.js
new file mode 100644
index 00000000..a6624b17
--- /dev/null
+++ b/src/assets/js/api/cementMixingPileMonitor.js
@@ -0,0 +1,89 @@
+/**
+ * api接口统一管理   塔吊管理
+ */
+import { post, get } from '../http'
+
+// 启用指定类型的水泥搅拌桩/旋挖配置
+export const updateConfigEnableCementMixPileConfigApi = data => post('xmgl/cementMixPileConfig/updateConfigEnable', data);
+// 查询启用的水泥搅拌桩/旋挖配置
+export const getUseCementMixPileConfigApi = data => post('xmgl/cementMixPileConfig/getUseCementMixPileConfig', data, 'aa'); //通过塔吊设备唯一标识查询信息
+// 编辑水泥搅拌桩/旋挖配置信息
+export const editCementMixPileConfigApi = data => post('xmgl/cementMixPileConfig/edit', data);
+
+// 水泥搅拌桩
+// 列表查询水泥搅拌桩/旋挖设备信息
+export const getCementMixPileDevListApi = data => get('/xmgl/cementMixPileDev/list', data);
+// 添加水泥搅拌桩/旋挖设备信息
+export const addCementMixPileDevApi = data => post('/xmgl/cementMixPileDev/add', data);
+// 编辑水泥搅拌桩/旋挖设备信息
+export const editCementMixPileDevApi = data => post('/xmgl/cementMixPileDev/edit', data);
+// 删除水泥搅拌桩/旋挖设备信息
+export const deleteCementMixPileDevApi = data => post('/xmgl/cementMixPileDev/delete', data);
+// 通过id查询水泥搅拌桩/旋挖设备信息
+export const queryCementMixPileDevByIdApi = data => get('/xmgl/cementMixPileDev/queryById', data);
+
+// 任务记录
+// 分页列表查询水泥搅拌桩/旋挖任务信息
+export const getCementMixPileTaskPageApi = data => get('/xmgl/cementMixPileTask/page', data);
+// 添加水泥搅拌桩/旋挖任务信息
+export const addCementMixPileTaskApi = data => post('/xmgl/cementMixPileTask/add', data);
+// 编辑水泥搅拌桩/旋挖任务信息
+export const editCementMixPileTaskApi = data => post('/xmgl/cementMixPileTask/edit', data);
+// 删除水泥搅拌桩/旋挖任务信息
+export const deleteCementMixPileTaskApi = data => post('/xmgl/cementMixPileTask/delete', data);
+// 批量删除水泥搅拌桩/旋挖任务信息
+export const deleteBatchCementMixPileTaskApi = data => post('/xmgl/cementMixPileTask/deleteBatch', data);
+// 保存水泥搅拌桩/旋挖任务点位信息
+export const saveCementMixPileTaskPointApi = data => post('/xmgl/cementMixPileTask/savePoints', data);
+// 解绑水泥搅拌桩/旋挖任务点位信息
+export const delPointsByTaskIdCementMixPileTaskPointApi = data => post('/xmgl/cementMixPileTask/delPointsByTaskId', data);
+
+// 点位数据
+// 列表查询水泥搅拌桩/旋挖点位信息信息
+export const getCementMixPilePointListApi = data => get('/xmgl/cementMixPilePoint/list', data);
+// 分页列表查询水泥搅拌桩/旋挖点位信息信息
+export const getCementMixPilePointPageApi = data => get('/xmgl/cementMixPilePoint/page', data);
+// 添加水泥搅拌桩/旋挖点位信息
+export const addCementMixPilePointApi = data => post('/xmgl/cementMixPilePoint/add', data);
+// 编辑水泥搅拌桩/旋挖点位信息
+export const editCementMixPilePointApi = data => post('/xmgl/cementMixPilePoint/edit', data);
+// 删除水泥搅拌桩/旋挖点位信息
+export const deleteCementMixPilePointApi = data => post('/xmgl/cementMixPilePoint/delete', data);
+// 批量删除水泥搅拌桩/旋挖点位信息
+export const deleteBatchCementMixPilePointApi = data => post('/xmgl/cementMixPilePoint/deleteBatch', data);
+
+// 成桩数据
+// 分页列表查询水泥搅拌桩/旋挖沉桩数据信息
+export const getCementMixPilePilPageApi = data => get('/xmgl/cementMixPilePil/page', data);
+// 添加水泥搅拌桩/旋挖沉桩数据信息
+export const addCementMixPilePilApi = data => post('/xmgl/cementMixPilePil/add', data);
+// 编辑水泥搅拌桩/旋挖沉桩数据信息
+export const editCementMixPilePilApi = data => post('/xmgl/cementMixPilePil/edit', data);
+// 删除水泥搅拌桩/旋挖沉桩数据信息
+export const deleteCementMixPilePilApi = data => post('/xmgl/cementMixPilePil/delete', data);
+// 批量删除水泥搅拌桩/旋挖沉桩数据信息
+export const deleteBatchCementMixPilePilApi = data => post('/xmgl/cementMixPilePil/deleteBatch', data);
+
+// 实时数据
+// 分页列表查询水泥搅拌桩/旋挖沉桩实时数据信息
+export const getCementMixPileRealtimePageApi = data => get('/xmgl/cementMixPileRealtime/page', data);
+// 添加水泥搅拌桩/旋挖沉桩实时数据信息
+export const addCementMixPileRealtimeApi = data => post('/xmgl/cementMixPileRealtime/add', data);
+// 编辑水泥搅拌桩/旋挖沉桩实时数据信息
+export const editCementMixPileRealtimeApi = data => post('/xmgl/cementMixPileRealtime/edit', data);
+// 删除水泥搅拌桩/旋挖沉桩实时数据信息
+export const deleteCementMixPileRealtimeApi = data => post('/xmgl/cementMixPileRealtime/delete', data);
+// 批量删除水泥搅拌桩/旋挖沉桩实时数据信息
+export const deleteBatchCementMixPileRealtimeApi = data => post('/xmgl/cementMixPileRealtime/deleteBatch', data);
+
+// 报警数据
+// 分页列表查询水泥搅拌桩/旋挖沉桩报警信息
+export const getCementMixPileAlarmPageApi = data => get('/xmgl/cementMixPileAlarm/page', data);
+// 添加水泥搅拌桩/旋挖沉桩报警信息
+export const addCementMixPileAlarmApi = data => post('/xmgl/cementMixPileAlarm/add', data);
+// 编辑水泥搅拌桩/旋挖沉桩报警信息
+export const editCementMixPileAlarmApi = data => post('/xmgl/cementMixPileAlarm/edit', data);
+// 删除水泥搅拌桩/旋挖沉桩报警信息
+export const deleteCementMixPileAlarmApi = data => post('/xmgl/cementMixPileAlarm/delete', data);
+// 批量删除水泥搅拌桩/旋挖沉桩报警信息
+export const deleteBatchCementMixPileAlarmApi = data => post('/xmgl/cementMixPileAlarm/deleteBatch', data);
\ No newline at end of file
diff --git a/src/assets/js/http.js b/src/assets/js/http.js
index 46d31e2b..0a45a68e 100644
--- a/src/assets/js/http.js
+++ b/src/assets/js/http.js
@@ -181,34 +181,34 @@ if (process.env.NODE_ENV == "development") {
         // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地
         // axios.defaults.baseURL = 'http://192.168.34.221:28890/' //郭圣雄本地
         // axios.defaults.baseURL = "http://192.168.34.221:9111/"; //郭圣雄本地
-    axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地
-    // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
-    // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程
-    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程
-    // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈
-    // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头
-    // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目
-    // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上（最新）地址
-    // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上（最新）地址
-    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址
-    // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用)
-    // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址
-    // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用)
-    // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址
-    // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址
-    // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址
-    // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址
-    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址
-    // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址
-    // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址
-    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工
-    // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒
-    // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111";
-    // // axios.defaults.baseURL = "http://121.37.106.37:9809";
-    // axios.defaults.baseURL = "http://139.9.66.234:20628";
-    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500";
-    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000/"; // 潮州
-    // axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌
+        // axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地
+        // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
+        // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程
+        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程
+        // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈
+        // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头
+        // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目
+        // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上（最新）地址
+        // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上（最新）地址
+        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址
+        // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用)
+        // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址
+        // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用)
+        // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址
+        // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址
+        // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址
+        // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址
+        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址
+        // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址
+        // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址
+        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工
+        // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒
+        // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111";
+        // // axios.defaults.baseURL = "http://121.37.106.37:9809";
+        // axios.defaults.baseURL = "http://139.9.66.234:20628";
+        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500";
+        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000/"; // 潮州
+        // axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌
 } else if (process.env.NODE_ENV == "debug") {
     axios.defaults.baseURL = "https://www.ceshi.com";
 } else if (process.env.NODE_ENV == "production") {
diff --git a/src/router/equipmentCenter.js b/src/router/equipmentCenter.js
index 0edbb787..0cdd72ae 100644
--- a/src/router/equipmentCenter.js
+++ b/src/router/equipmentCenter.js
@@ -285,6 +285,12 @@ const routes = [{
                 component: (resolve) =>
                     require(["@/views/equipmentCenter/tunnelBoringMachine/deviceManage"], resolve),
             },
+            {
+                path: "cementMixingPileMonitor/deviceManager",
+                name: "盾构机管理_设备管理",
+                component: (resolve) =>
+                    require(["@/views/projectFront/cementMixingPileMonitor/deviceManager.vue"], resolve),
+            },
         ],
     },
     {
diff --git a/src/router/index.js b/src/router/index.js
index 2f134f96..fabfafce 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -411,7 +411,7 @@ const routes2 = [{
             },
             {
                 path: "/project/cementMixingPileMonitor/pileDrivingList",
-                name: "成桩数据",
+                name: "点位数据",
                 component: (resolve) =>
                     require(["@/views/projectFront/cementMixingPileMonitor/pileDrivingList.vue"], resolve),
             },
@@ -421,6 +421,18 @@ const routes2 = [{
                 component: (resolve) =>
                     require(["@/views/projectFront/cementMixingPileMonitor/taskRecord.vue"], resolve),
             },
+            {
+                path: "/project/cementMixingPileMonitor/realTimeList",
+                name: "实时数据",
+                component: (resolve) =>
+                    require(["@/views/projectFront/cementMixingPileMonitor/realTimeList.vue"], resolve),
+            },
+            {
+                path: "/project/cementMixingPileMonitor/alarmList",
+                name: "报警数据",
+                component: (resolve) =>
+                    require(["@/views/projectFront/cementMixingPileMonitor/alarmList.vue"], resolve),
+            },
             //天气管理
             {
                 path: "/project/summary/weatherManagement",
diff --git a/src/views/equipmentCenter/carPosition/devConfig.vue b/src/views/equipmentCenter/carPosition/devConfig.vue
index b538c563..100b0013 100644
--- a/src/views/equipmentCenter/carPosition/devConfig.vue
+++ b/src/views/equipmentCenter/carPosition/devConfig.vue
@@ -149,8 +149,8 @@
               :disabled="Popup.type === 'edit'"
               @change="devTypeChange"
             >
-            <el-radio-button :label="1">车辆定位</el-radio-button>
-            <el-radio-button :label="2">人员定位</el-radio-button>
+              <el-radio-button :label="1">车辆定位</el-radio-button>
+              <el-radio-button :label="2">人员定位</el-radio-button>
             </el-radio-group>
           </div>
           <template v-if="addEditForm.type === 1">
@@ -176,20 +176,20 @@
               </el-select>
             </el-form-item>
             <el-form-item
-            label="车牌号"
-            prop="carId"
-            v-if="addEditForm.isFromCarInfo === 1"
-          >
-            <el-select v-model="addEditForm.carId" filterable placeholder="请选择车辆">
-              <el-option
-                :label="item.carNumber"
-                :value="item.id"
-                v-for="(item, index) in carList"
-                :key="index"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
+              label="车牌号"
+              prop="carId"
+              v-if="addEditForm.isFromCarInfo === 1"
+            >
+              <el-select v-model="addEditForm.carId" filterable placeholder="请选择车辆">
+                <el-option
+                  :label="item.carNumber"
+                  :value="item.id"
+                  v-for="(item, index) in carList"
+                  :key="index"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
             <el-form-item v-else label="车牌号" prop="numberPlate">
               <el-input v-model="addEditForm.numberPlate" placeholder="请输入"></el-input>
             </el-form-item>
@@ -225,7 +225,10 @@
               <el-input v-model="addEditForm.driver" placeholder="请输入"></el-input>
             </el-form-item>
             <el-form-item label="司机电话" prop="driverTelephone">
-              <el-input v-model="addEditForm.driverTelephone" placeholder="请输入"></el-input>
+              <el-input
+                v-model="addEditForm.driverTelephone"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
           </template>
           <div class="dialog-footer">
@@ -401,6 +404,31 @@
         </div>
       </div>
     </el-dialog>
+    <!--切换其它平台之前的提示-->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.videoManage.switch_platforms.title')"
+      :visible.sync="Popup1.platforms"
+      width="667px"
+    >
+      <div class="dialog_content">
+        <div class="platforms-title">确认更换定位类型为"{{ Popup1.name }}"？</div>
+        <div class="platforms-msg">
+          更换后，原有的定位类型配置及设备信息将全部清零，请谨慎更换。
+        </div>
+        <div class="dialog-footer">
+          <el-button class="zdy-btn" @click="Popup1.platforms = false" size="medium">
+            <div>
+              <img src="@/assets/images/cancel.png" alt="" />
+              <span>{{ $t("message.videoManage.btn_cancel") }}</span>
+            </div>
+          </el-button>
+          <el-button type="primary" icon="el-icon-circle-check" @click="cut" size="medium"
+            >{{ $t("message.videoManage.btn_determine") }}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
     <!-- 配置视频类型 -->
     <el-dialog
       :modal-append-to-body="false"
@@ -435,25 +463,36 @@
         </div>
       </div>
     </el-dialog>
-        <!--配置服务器-->
-        <el-dialog :modal-append-to-body="false" title="配置isc服务器" :visible.sync="Popup2.accountServer" width="667px">
+    <!--配置服务器-->
+    <el-dialog
+      :modal-append-to-body="false"
+      title="配置服务器"
+      :visible.sync="Popup2.accountServer"
+      width="667px"
+    >
       <div class="dialog_content">
         <el-form label-width="100px" class="dialogFormBox" size="medium">
           <el-form-item label="服务器IP">
-            <el-input v-model="policeCameraVideoInfo.ip"
-              :placeholder="$t('message.videoManage.placeholder')"></el-input>
+            <el-input
+              v-model="policeCameraVideoInfo.ip"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
           </el-form-item>
           <el-form-item label="端口">
-            <el-input v-model="policeCameraVideoInfo.port"
-              :placeholder="$t('message.videoManage.placeholder')"></el-input>
+            <el-input
+              v-model="policeCameraVideoInfo.port"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
           </el-form-item>
           <el-form-item label="用户名">
-            <el-input v-model="policeCameraVideoInfo.account" placeholder="请输入"></el-input>
+            <el-input
+              v-model="policeCameraVideoInfo.account"
+              placeholder="请输入"
+            ></el-input>
           </el-form-item>
           <el-form-item label="密码">
             <el-input v-model="policeCameraVideoInfo.pwd" placeholder="请输入"></el-input>
           </el-form-item>
-          </el-form-item>
         </el-form>
         <div class="dialog-footer">
           <el-button class="zdy-btn" @click="Popup2.accountServer = false" size="medium">
@@ -462,8 +501,12 @@
               <span>{{ $t("message.videoManage.btn_cancel") }}</span>
             </div>
           </el-button>
-          <el-button type="primary" icon="el-icon-circle-check" @click="saveAccountConfig" size="medium">{{
-            $t("message.videoManage.btn_determine") }}
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="saveAccountConfig"
+            size="medium"
+            >{{ $t("message.videoManage.btn_determine") }}
           </el-button>
         </div>
       </div>
@@ -594,6 +637,11 @@ export default {
         pwd: "",
       },
       carList: [],
+      Popup1: {
+        platforms: false,
+        name: "",
+        videoType: "",
+      },
     };
   },
   mounted() {
@@ -628,16 +676,16 @@ export default {
     },
     //打开配置服务器弹框
     accountServerObj(type) {
-        getUseVehiclePositionConfigEnableApi({
-          projectSn: this.$store.state.projectSn,
-        }).then((res) => {
-          if (res.result) {
-            this.policeCameraVideoInfo = {
-                ...res.result,
-            };
-            this.Popup2.accountServer = true;
-          }
-        });
+      getUseVehiclePositionConfigEnableApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        if (res.result) {
+          this.policeCameraVideoInfo = {
+            ...res.result,
+          };
+          this.Popup2.accountServer = true;
+        }
+      });
     },
     //查询项目各类型的视频配置信息
     getProjectVideoConfigList() {
@@ -667,11 +715,17 @@ export default {
     },
     beforeCut(index, item) {
       if (index !== this.videoType) {
-        this.Popup.platforms = true;
-        this.Popup.name = item;
-        this.Popup.videoType = index;
+        this.Popup1.platforms = true;
+        this.Popup1.name = item;
+        this.Popup1.videoType = index;
       }
     },
+    cut() {
+      this.videoType = this.Popup1.videoType;
+      this.Popup1.platforms = false;
+      console.log("当前videoType", this.videoType);
+      this.saveVideoConfigFn();
+    },
     /** 查询企业列表 */
     getEnterpriseList() {
       const params = {
@@ -706,7 +760,9 @@ export default {
     edit(obj) {
       console.log("编辑", obj);
       this.addEditForm = JSON.parse(JSON.stringify(obj));
-      this.addEditForm.enterpriseIds = obj.enterpriseIds ? obj.enterpriseIds.split(",") : [];
+      this.addEditForm.enterpriseIds = obj.enterpriseIds
+        ? obj.enterpriseIds.split(",")
+        : [];
       this.handle("edit", true);
     },
     deleteDev(obj) {
diff --git a/src/views/projectFront/cementMixingPileMonitor/alarmList.vue b/src/views/projectFront/cementMixingPileMonitor/alarmList.vue
new file mode 100644
index 00000000..3882d2bb
--- /dev/null
+++ b/src/views/projectFront/cementMixingPileMonitor/alarmList.vue
@@ -0,0 +1,399 @@
+<template>
+  <div class="fullHeight whiteBlock">
+    <div style="padding: 15px 15px 0">
+      <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
+        <el-form-item label="桩点名称">
+          <el-input v-model="searchForm.pilePointName" placeholder="请输入"></el-input>
+        </el-form-item>
+        <!-- <el-form-item label="上传时间">
+          <el-date-picker
+            v-model="searchForm.dateRangeArr"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :default-time="['00:00:00', '23:59:59']"
+            :range-separator="$t('message.sixComplete.to')"
+            :start-placeholder="$t('message.sixComplete.start')"
+            :end-placeholder="$t('message.sixComplete.end')"
+          >
+          </el-date-picker>
+        </el-form-item> -->
+        <el-form-item>
+          <el-button type="primary" plain @click="queryBtn">{{
+            $t("message.energyManage.waybill.query")
+          }}</el-button>
+          <el-button type="warning" plain @click="refresh">{{
+            $t("message.deviceManage.refresh")
+          }}</el-button>
+          <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
+          <el-button
+            :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
+            :type="
+              $refs.multipleTable && $refs.multipleTable.selection.length == 0
+                ? 'info'
+                : 'danger'
+            "
+            class="delete_btn"
+            plain
+            @click="deleteAttendanceBatch"
+            >删除</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="table_wrap whiteBlock">
+      <el-table class="tables" ref="multipleTable" :data="List">
+        <el-table-column type="selection" align="center" width="55"></el-table-column>
+        <el-table-column prop="alarmTime" label="报警时间" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.alarmTime || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="pilePointName"
+          label="桩点名称"
+          align="center"
+        ></el-table-column>
+        <el-table-column prop="designPileDepth" align="center" label="设计桩深(m)">
+          <template slot-scope="scope">
+            {{ scope.row.designPileDepth || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="realPileDepth" align="center" label="实时桩深">
+          <template slot-scope="scope"> {{ scope.row.realPileDepth || "--" }} </template>
+        </el-table-column>
+        <el-table-column width="220" label="操作" align="center">
+          <template slot-scope="scope">
+            <div class="tableBtns">
+              <div @click="isAdd(2, scope.row)" class="operationText">
+                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                <span>编辑</span>
+              </div>
+              <div @click="deleteDev(scope.row)" class="operationText">
+                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                <span>删除</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        class="pagerBox"
+        @size-change="SizeChange"
+        @current-change="CurrentChange"
+        :current-page="pagInfo.pageNo"
+        :page-sizes="$store.state.PAGESIZRS"
+        :page-size="pagInfo.pageSize"
+        layout="total, sizes, prev, pager, next"
+        :total="Number(pagInfo.total)"
+        background
+      ></el-pagination>
+    </div>
+    <el-dialog
+      :modal-append-to-body="false"
+      @close="close"
+      :title="title"
+      :visible.sync="dialogShow"
+      width="1024px"
+    >
+      <div class="dialog_content">
+        <el-form
+          size="medium"
+          ref="addEditForm"
+          :model="addEditForm"
+          :rules="addEditRules"
+          label-width="160px"
+          class="dialogFormBox"
+        >
+          <el-form-item label="报警时间:" prop="alarmTime">
+            <el-date-picker
+              v-model="addEditForm.alarmTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="桩点名称:" prop="pilePointName">
+            <el-input v-model="addEditForm.pilePointName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="设计桩深(m):" prop="designPileDepth">
+            <el-input
+              type="number"
+              v-model="addEditForm.designPileDepth"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实时桩深:" prop="realPileDepth">
+            <el-input
+              type="number"
+              v-model="addEditForm.realPileDepth"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer">
+        <el-button
+          class="cancleBtn"
+          @click="dialogShow = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >{{ $t("message.deviceManage.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="submit"
+          size="medium"
+          >{{ $t("message.deviceManage.save") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  getCementMixPileAlarmPageApi,
+  addCementMixPileAlarmApi,
+  deleteCementMixPileAlarmApi,
+  editCementMixPileAlarmApi,
+  deleteBatchCementMixPileAlarmApi,
+} from "@/assets/js/api/cementMixingPileMonitor.js";
+export default {
+  mounted() {
+    this.getList();
+  },
+  data() {
+    return {
+      title: "",
+      dialogShow: false,
+      pagInfo: {
+        pageNo: 1, //页数
+        pageSize: 10, //条数
+        total: 0, //总条数
+      },
+      List: [],
+      addEditForm: {
+        pilePointName: "",
+        vehicleName: "",
+        heading: "",
+        positioningTime: "",
+        longitude: "",
+        latitude: "",
+        speed: "",
+        realtimeDepth: "",
+        realtimeCurrent: "",
+        realtimeInjectionVolume: "",
+        realtimeVerticality: "",
+        realtimeRate: "",
+        pointHorizontalDeviationDistance: "",
+      },
+      addEditRules: {
+        pilePointName: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+      },
+      searchForm: {
+        pilePointName: "",
+        dateRangeArr: [],
+      },
+      stateList: [
+        {
+          value: "1",
+          label: "待机",
+        },
+        {
+          value: "2",
+          label: "焊接",
+        },
+        {
+          value: "3",
+          label: "报警",
+        },
+        {
+          value: "4",
+          label: "关机",
+        },
+      ],
+    };
+  },
+  methods: {
+    // 批量删除考勤人员
+    deleteAttendanceBatch() {
+      if (this.$refs.multipleTable.selection.length === 0)
+        return this.$message.warning("请勾选需要删除的数据！");
+      this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const ids = this.$refs.multipleTable.selection.map((item) => item.id).join(",");
+          console.log(this.$refs.multipleTable.selection);
+          deleteBatchCementMixPileAlarmApi({ ids }).then((res) => {
+            this.queryBtn();
+          });
+        })
+        .catch(() => {});
+    },
+    //查询仓库数据
+    getList() {
+      getCementMixPileAlarmPageApi({
+        pageNo: this.pagInfo.pageNo,
+        pageSize: this.pagInfo.pageSize,
+        projectSn: this.$store.state.projectSn,
+        pilePointName: this.searchForm.pilePointName,
+        createTime_begin:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[0]
+            ? this.searchForm.dateRangeArr[0]
+            : "",
+        createTime_end:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[1]
+            ? this.searchForm.dateRangeArr[1]
+            : "",
+      }).then((result) => {
+        if (result.success) {
+          this.List = result.result.records;
+          this.pagInfo.total = result.result.total;
+        }
+      });
+    },
+
+    isAdd(type, obj) {
+      if (type == 1) {
+        this.title = "新增";
+        this.close();
+      } else if (type == 2) {
+        this.title = "编辑";
+        this.addEditForm = JSON.parse(JSON.stringify(obj));
+      }
+
+      this.dialogShow = true;
+    },
+    submit() {
+      let params = JSON.parse(JSON.stringify(this.addEditForm));
+      params.projectSn = this.$store.state.projectSn;
+      this.$refs.addEditForm.validate((valid) => {
+        if (valid) {
+          if (this.title == "新增") {
+            addCementMixPileAlarmApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.getList();
+              }
+            });
+          } else if (this.title === "编辑") {
+            editCementMixPileAlarmApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.getList();
+              }
+            });
+          }
+          this.dialogShow = false;
+        } else {
+          return false;
+        }
+      });
+    },
+    deleteDev(obj) {
+      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteCementMixPileAlarmApi({ id: obj.id }).then((res) => {
+            if (res.success) {
+              this.getList();
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            } else {
+              this.$message({
+                type: "error",
+                message: res.message,
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+
+    close() {
+      this.addEditForm = {};
+      this.$nextTick(() => {
+        this.$refs.addEditForm.clearValidate();
+      });
+    },
+    SizeChange(val) {
+      this.pagInfo.pageSize = val;
+      this.getList();
+    },
+    CurrentChange(val) {
+      this.pagInfo.pageNo = val;
+      this.getList();
+    },
+    queryBtn() {
+      this.pagInfo.pageNo = 1; //页数
+      this.getList();
+    },
+    refresh() {
+      this.searchForm = {};
+      this.pagInfo.pageNo = 1; //页数
+      this.pagInfo.pageSize = 10; //条数
+      this.getList();
+    },
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.dialog_content {
+  padding: 0;
+  .dialogFormBox {
+    width: initial;
+    display: flex;
+    flex-wrap: wrap;
+    .el-form-item {
+      margin-bottom: 20px;
+    }
+  }
+}
+.color-ff0 {
+  color: #ff0000;
+}
+.el-date-editor {
+  width: 360px;
+}
+.pagerBox {
+  margin-top: 30px;
+}
+.table_wrap {
+  height: calc(100% - 131px);
+}
+.tables {
+  min-height: 610px;
+  max-height: 610px;
+}
+.upload-btn {
+  margin: 0 15px;
+  display: inline-block;
+}
+</style>
diff --git a/src/views/projectFront/cementMixingPileMonitor/deviceManager.vue b/src/views/projectFront/cementMixingPileMonitor/deviceManager.vue
new file mode 100644
index 00000000..8f6bde2d
--- /dev/null
+++ b/src/views/projectFront/cementMixingPileMonitor/deviceManager.vue
@@ -0,0 +1,2777 @@
+<template>
+  <!-- 基本信息 -->
+  <div class="cooperator1">
+    <div class="whiteBlock changeVideoTypeBox">
+      <p class="tips">
+        服务商（以下服务商同时只可开启一种，如果当前有开启的定位，在选择其他服务商时，该类型配置及所有信息将归零）
+      </p>
+      <div class="video-box">
+        <div class="videoType">
+          <p
+            v-for="(item, index) in videoTypeList"
+            :key="index"
+            @click="beforeCut(index + 1, item)"
+            v-if="item !== '乐橙'"
+          >
+            <span>{{ item }}</span>
+            <img
+              v-show="videoType != index + 1"
+              src="@/assets/images/switch.png"
+              class="switch"
+            />
+            <img
+              v-show="videoType == index + 1"
+              src="@/assets/images/switch_active.png"
+              class="switch"
+            />
+          </p>
+        </div>
+        <div>
+          <el-button type="primary" @click="accountServerObj(1)" size="medium">
+            参数配置
+          </el-button>
+          <el-button type="primary" @click="accountServerObj(2)" size="medium">
+            声光报警配置
+          </el-button>
+        </div>
+      </div>
+    </div>
+    <div class="cooperator flex">
+      <div class="left whiteBlock" :class="{ 'dark-left': styleType == 2 }">
+        <div class="flex2 btn_pack" :class="{ 'dark-btn': styleType == 2 }">
+          <div class="btn-header">设备列表</div>
+          <el-button size="medium" type="primary" @click="newTowerBtn">新增</el-button>
+          <!-- <el-button v-if="isDevBackEnd"
+            size="small"
+            type="danger"
+            @click="deleteOrCancel"
+            :disabled="checkedId == 0"
+            >{{ checkedId != -1 ? "删除塔吊" : "取消新增" }}</el-button
+          > -->
+        </div>
+        <!-- <div class="title">全部塔吊</div> -->
+        <vue-scroll class="left-list">
+          <el-menu
+            :default-active="String(checkedId)"
+            class="el-menu-vertical-demo"
+            :class="{ 'dark-menu': styleType == 2 }"
+          >
+            <!-- <el-menu-item
+              index="0"
+              class="el-menu-item"
+              :class="checkedId == 0 ? 'checked_item' : ''"
+              @click="selectMenu(0)"
+            >
+              <span slot="title">
+                全部塔吊(位置配置)
+              </span>
+            </el-menu-item> -->
+            <div v-if="towerList.length > 0">
+              <el-menu-item
+                :index="String(item.id)"
+                class="el-menu-item"
+                :class="checkTowerId == item.id ? 'checked_item' : ''"
+                v-for="(item, index) in towerList"
+                @click="selectMenu(index + 1)"
+                :key="index"
+              >
+                <span
+                  @mouseenter="moveShow = index"
+                  @mouseleave="moveShow = ''"
+                  slot="title"
+                  class="flex3"
+                >
+                  <!-- <span class="title_index">{{ index + 1 }}</span> -->
+                  <span :title="item.devName" class="title_name">{{ item.devName }}</span>
+                  <i
+                    v-if="moveShow === index"
+                    class="el-icon-delete"
+                    style="color: #f56c6c; font-size: 14px"
+                    @click="deleteOrCancel"
+                  ></i>
+                </span>
+              </el-menu-item>
+            </div>
+            <img style="margin: 80px" v-else src="@/assets/images/noData2.png" />
+          </el-menu>
+        </vue-scroll>
+      </div>
+      <div class="right" :class="{ 'dark-right': styleType == 2 }">
+        <!-- <div class="pageTitle title flex2 whiteBlock" style="margin-bottom: 0">
+          {{ rightTitle }}
+           <span v-show="isDevBackEnd" class="downloadBtn primaryText" @click="downloadFn">对接协议下载</span>
+        </div> -->
+        <div class="content whiteBlock" v-if="!showTowerInfo && false">
+          <div
+            class="sava-adress"
+            :class="{ 'dark-btn': styleType == 2 }"
+            v-if="!showTowerInfo"
+          >
+            <el-button
+              size="small"
+              type="success"
+              style="width: 110px; height: 32px"
+              @click="saveTowerLocationBtn"
+              :disabled="checkedId != 0"
+            >
+              <!-- 保存点位 -->
+              {{ $t("message.towerCrane.savePoint") }}
+            </el-button>
+            <!-- <el-select style="width: 90px;margin-right: 20px" size="small" v-model="mapType" placeholder="请选择">
+                  <el-option
+                    label="2.5D"
+                    :value="1">
+                  </el-option>
+                  <el-option
+                    label="3D"
+                    :value="2">
+                  </el-option>
+                </el-select> -->
+            <!-- 隐藏切换2D/3D操作 -->
+            <!-- <div
+              class="nav_box"
+              v-if="$route.path != '/equipmentCenter/towerCraneList'"
+            >
+              <div
+                class="nav_item"
+                :class="{ active_item: mapType == 1 }"
+                @click="chekMapType(1)"
+              >
+                2D
+              </div>
+              <div
+                class="nav_item"
+                :class="{ active_item: mapType == 2 }"
+                @click="chekMapType(2)"
+                v-if="company != 'jlw'"
+              >
+                3D
+              </div>
+            </div> -->
+          </div>
+          <div ref="imgBgBox" v-if="mapType == 1" style="height: 100%">
+            <div style="overflow: hidden; height: 0px">
+              <img
+                :src="bgUrl"
+                id="bgPackImg"
+                style="width: auto; height: auto; border: 1px solid #0d2b53"
+                ref="bgPackImg"
+              />
+              <!--            <img src="./250e08d93041334c73317a27507ff57.png" id="bgPackImg" style="width: auto; height: auto;border:1px solid #0D2B53;" ref="bgPackImg" />-->
+            </div>
+            <div
+              v-if="towerList.length > 0"
+              style="height: 101%"
+              class="bgPack"
+              ref="bgPackImg2"
+            >
+              <!--            <img src="./250e08d93041334c73317a27507ff57.png" ref="imgBg" id="bgPackImg2" :style="{'width': mapDate.width + 'px','height': mapDate.height + 'px'}" style="border:1px solid #0D2B53;" />-->
+              <img
+                :src="bgUrl"
+                ref="imgBg"
+                id="bgPackImg2"
+                :style="{
+                  width: mapDate.width + 'px',
+                  height: mapDate.height + 'px',
+                }"
+                style="border: 1px solid #0d2b53"
+              />
+              <!-- 塔吊点位 -->
+              <div
+                v-for="(item, index) in towerList"
+                class="point"
+                :key="index"
+                :style="{ top: item.mapY + 'px', left: item.mapX + 'px' }"
+                @mousedown="(e) => mousedown(e, index)"
+              >
+                {{ index + 1 }}
+              </div>
+            </div>
+            <div v-else>
+              <img
+                style="display: block; margin: 307px auto; border: none"
+                src="@/assets/images/noData2.png"
+              />
+            </div>
+          </div>
+        </div>
+        <div class="content whiteBlock" v-else>
+          <vue-scroll :ops="ops2">
+            <div class="form-wrap">
+              <div class="form-top-box">
+                <div class="form-left-box">
+                  <div class="form-h2" :class="{ 'dark-h2': styleType == 2 }">
+                    <!-- 设备信息 -->
+                    {{ $t("message.towerCrane.equipmentInformation") }}
+                    <!-- <span
+                      v-show="isDevBackEnd"
+                      class="downloadBtn primaryText"
+                      @click="downloadFn"
+                    >
+                      {{ $t('message.towerCrane.dockingProtocolDownload') }}
+                    </span> -->
+                  </div>
+                  <el-form
+                    size="medium"
+                    :model="facilityForm"
+                    :rules="rules"
+                    ref="facilityForm"
+                    label-width="220px"
+                    class="demo-facilityForm"
+                    :class="{ 'dark-form': styleType == 2 }"
+                    :inline="true"
+                  >
+                    <!-- 设备编号 -->
+                    <el-form-item
+                      :label="$t('message.towerCrane.equipmentNumber')"
+                      prop="devSn"
+                    >
+                      <el-input
+                        v-model="facilityForm.devSn"
+                        placeholder="请输入"
+                      ></el-input>
+                    </el-form-item>
+                    <!-- 设备名称 -->
+                    <el-form-item
+                      :label="$t('message.towerCrane.equipmentName')"
+                      prop="devName"
+                    >
+                      <el-input
+                        v-model="facilityForm.devName"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+
+                    <el-form-item label="设备类型" prop="deviceType">
+                      <el-input
+                        v-model="facilityForm.deviceType"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="SIM卡号" prop="simNo">
+                      <el-input
+                        v-model="facilityForm.simNo"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="设备备案编号" prop="devRegistrationNumber">
+                      <el-input
+                        v-model="facilityForm.devRegistrationNumber"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="绑定车辆" prop="vehiclePositionDevId">
+                      <el-select
+                        v-model="facilityForm.vehiclePositionDevId"
+                        filterable
+                        clearable=""
+                        placeholder="请选择"
+                      >
+                        <el-option
+                          :label="item.numberPlate"
+                          :value="item.id"
+                          v-for="(item, index) in carDevList"
+                          :key="item.id"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item label="产权单位" prop="propertyUnit">
+                      <el-input
+                        v-model="facilityForm.propertyUnit"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="出厂日期" prop="factoryTime">
+                      <el-date-picker
+                        v-model="facilityForm.factoryTime"
+                        type="date"
+                        value-format="yyyy-MM-dd"
+                        :placeholder="$t('message.towerCrane.selectDate')"
+                      >
+                      </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="制造厂家" prop="manufacturer">
+                      <el-input
+                        v-model="facilityForm.manufacturer"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <!-- 安装单位名称 -->
+                    <el-form-item label="安装单位" prop="installEnterprise">
+                      <el-input
+                        v-model="facilityForm.installEnterprise"
+                        :placeholder="$t('message.towerCrane.pleaseEnter')"
+                      ></el-input>
+                    </el-form-item>
+                    <el-form-item label="安装时间" prop="installTime">
+                      <el-date-picker
+                        v-model="facilityForm.installTime"
+                        type="datetime"
+                        value-format="yyyy-MM-dd HH:mm:ss"
+                        :placeholder="$t('message.towerCrane.selectDate')"
+                      >
+                      </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="分包单位" prop="enterpriseId">
+                      <el-select
+                        v-model="facilityForm.enterpriseId"
+                        filterable
+                        placeholder="请选择企业"
+                      >
+                        <el-option
+                          :label="item.enterpriseName"
+                          :value="item.id"
+                          v-for="(item, index) in enterpriseList"
+                          :key="item.id"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <!-- 检测合格时间 -->
+
+                    <!-- 紧急报警推送人 -->
+                    <el-form-item label="报警推送人" prop="alarmPushWorkerId">
+                      <el-select
+                        v-model="facilityForm.alarmPushWorkerId"
+                        filterable
+                        multiple
+                        collapse-tags
+                        style="width: 100%"
+                        :placeholder="$t('message.towerCrane.pleaseSelect')"
+                      >
+                        <el-option
+                          v-for="item in accountList"
+                          :key="item.userId + 'b'"
+                          :label="item.realName"
+                          :value="item.userId"
+                        >
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <!-- 安装照片 -->
+                    <el-form-item
+                      class="upload-box"
+                      :label="$t('message.towerCrane.InstallationPhotos')"
+                      prop="installationPhoto"
+                    >
+                      <el-upload
+                        list-type="picture-card"
+                        :action="$store.state.UPLOADURL"
+                        multiple
+                        name="files"
+                        :before-upload="handleBeforeUpload"
+                        :on-success="(res) => handleUploadSuccess(res, 1)"
+                        :file-list="facilityForm.installationPhoto"
+                      >
+                        <i class="el-icon-plus"></i>
+                      </el-upload>
+                      <!-- <div class="file-list">
+                      <div
+                        class="file-item"
+                        v-for="(item, index) in facilityForm.installationPhoto"
+                        :key="index"
+                      >
+                        <img :src="$store.state.FILEURL + item.url" />
+                        <i
+                          class="el-icon-error"
+                          :class="{ 'dark-close': styleType == 2 }"
+                          @click="removeImg(index, 1)"
+                        ></i>
+                      </div>
+                    </div> -->
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </div>
+              <div class="form-right-box">
+                <div class="form-h2" :class="{ 'dark-h2': styleType == 2 }">
+                  声光报警器
+                </div>
+                <el-form
+                  size="medium"
+                  :model="facilityForm"
+                  ref="facilityForm3"
+                  :rules="rules"
+                  label-width="220px"
+                  class="demo-facilityForm"
+                  :inline="true"
+                >
+                  <!-- 设备编号 -->
+                  <el-form-item label="设备imei号" prop="audibleVisualAlarmImei">
+                    <el-input
+                      v-model="facilityForm.audibleVisualAlarmImei"
+                      placeholder="请输入"
+                    ></el-input>
+                  </el-form-item>
+                  <el-form-item label="播放音量" prop="volume">
+                    <el-input-number
+                      v-model="facilityForm.volume"
+                      placeholder="请输入"
+                      :controls="false"
+                      :min="0"
+                      :max="10"
+                    ></el-input-number>
+                  </el-form-item>
+                  <el-form-item label="播放模式" prop="playMode">
+                    <el-radio-group v-model="facilityForm.playMode">
+                      <el-radio style="margin-bottom: 6px" :label="1">
+                        循环播放
+                      </el-radio>
+                      <el-radio :label="2"> 播放一次 </el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="发音选择" prop="voiceSelection">
+                    <el-radio-group v-model="facilityForm.voiceSelection">
+                      <el-radio style="margin-bottom: 6px" :label="1"> 男声 </el-radio>
+                      <el-radio :label="0"> 女声 </el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <el-form-item label="播放内容" prop="playData">
+                    <el-input
+                      v-model="facilityForm.playData"
+                      placeholder="请输入"
+                    ></el-input>
+                  </el-form-item>
+                </el-form>
+              </div>
+              <div class="form-right-box">
+                <div class="form-h2" :class="{ 'dark-h2': styleType == 2 }">
+                  <!-- 视频信息 -->
+                  {{ $t("message.towerCrane.videoInformation") }}
+                </div>
+                <el-form
+                  size="medium"
+                  :model="facilityForm"
+                  ref="facilityForm3"
+                  :rules="rules"
+                  label-width="80px"
+                  style="padding-left: 20px"
+                  class="demo-facilityForm"
+                  :inline="true"
+                >
+                  <!-- 视频类型 -->
+                  <el-form-item
+                    :label="$t('message.towerCrane.videoType')"
+                    prop="enableVideoUrl"
+                  >
+                    <el-radio-group v-model="facilityForm.enableVideoUrl">
+                      <el-radio style="margin-bottom: 6px" :label="1">
+                        <!-- 从视频列表选 -->
+                        {{ $t("message.towerCrane.selectFromVideoList") }}
+                      </el-radio>
+                      <el-radio :label="2">
+                        <!-- 自定义(只支持萤石云) -->
+                        {{ $t("message.towerCrane.customVideo") }}
+                      </el-radio>
+                    </el-radio-group>
+                  </el-form-item>
+                  <!-- 摄像头 -->
+                  <el-form-item
+                    :label="$t('message.towerCrane.camera')"
+                    prop="recordNumber"
+                    v-show="facilityForm.enableVideoUrl == 1"
+                  >
+                    <el-select
+                      v-model="facilityForm.videoList"
+                      multiple
+                      collapse-tags
+                      style="width: 100%"
+                      :placeholder="$t('message.towerCrane.pleaseSelect')"
+                    >
+                      <el-option
+                        v-for="item in videoList"
+                        :key="item.itemId"
+                        :label="item.videoName"
+                        :value="item.itemId"
+                      >
+                      </el-option>
+                    </el-select>
+                  </el-form-item>
+                  <br />
+                  <!-- 视频 -->
+                  <el-form-item
+                    :label="$t('message.towerCrane.video')"
+                    prop="videoUrl "
+                    v-show="facilityForm.enableVideoUrl == 2"
+                  >
+                    <div
+                      v-for="(item, index) in videoList2"
+                      :key="index"
+                      class="personItem"
+                    >
+                      <!-- message.towerCrane.videoUrl  视频url，格式 -->
+                      <el-input
+                        v-model="item.url"
+                        style="margin-bottom: 6px"
+                        :placeholder="
+                          $t('message.towerCrane.videoUrl') + '：ezopen://...'
+                        "
+                        class="phone"
+                      ></el-input>
+                      <el-input
+                        v-model="item.accessToken"
+                        :placeholder="'accessToken'"
+                        class="phone"
+                      ></el-input>
+                      <!-- 视频名称 -->
+                      <el-input
+                        v-model="item.videoName"
+                        :placeholder="$t('message.towerCrane.videoName')"
+                        class="name"
+                      ></el-input>
+                      <i
+                        class="redText el-icon-remove"
+                        @click="operateAddPerson(1, false, index)"
+                      ></i>
+                    </div>
+                    <el-button
+                      plain
+                      type="primary"
+                      size="mini"
+                      style="margin: 10px 0"
+                      @click="operateAddPerson(1, true)"
+                    >
+                      <!-- 新增视频 -->
+                      {{ $t("message.towerCrane.newVideo") }}
+                    </el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+              <div style="text-align: center">
+                <el-button
+                  style="width: 200px; margin: 30px 0 0 0"
+                  type="primary"
+                  size="medium"
+                  @click="submit"
+                >
+                  <!-- 保存 -->
+                  {{ $t("message.towerCrane.preservation") }}
+                </el-button>
+                <el-button
+                  v-if="isDevBackEnd && checkedId == -1"
+                  style="width: 200px; margin: 30px 0 0 200px"
+                  size="medium"
+                  type="danger"
+                  @click="deleteOrCancel"
+                  :disabled="checkedId == 0"
+                >
+                  <!-- 取消新增 -->
+                  {{ $t("message.towerCrane.cancelAdding") }}
+                </el-button>
+              </div>
+            </div>
+          </vue-scroll>
+        </div>
+        <!-- '绑定塔吊操作人员':'绑定司机' -->
+        <el-dialog
+          @close="closeMap"
+          :title="
+            company == 'longguang'
+              ? $t('message.towerCrane.bindingOperator')
+              : $t('message.towerCrane.bindDriver')
+          "
+          :visible.sync="dialogVisible"
+          :modal-append-to-body="false"
+          width="678px"
+        >
+          <div class="search-box">
+            <!-- 姓名搜索 -->
+            <el-input
+              size="medium"
+              style="width: 156px; margin-right: 15px"
+              v-model="searchName"
+              :placeholder="$t('message.towerCrane.nameSearch')"
+            ></el-input>
+            <el-button size="medium" type="primary" @click="getWorkerInfoList">
+              <!-- 搜索 -->
+              {{ $t("message.towerCrane.search") }}
+            </el-button>
+          </div>
+          <div class="dialog-table">
+            <vue-scroll>
+              <el-table
+                class="tables"
+                ref="multipleTable"
+                :data="driverList2"
+                tooltip-effect="dark"
+                height="378"
+                style="width: 100%"
+                @selection-change="handleSelectionChange"
+                @select="selectCheckBox"
+              >
+                <el-table-column type="selection" width="60"> </el-table-column>
+                <!-- 姓名 -->
+                <el-table-column
+                  :label="$t('message.towerCrane.fullName')"
+                  align="center"
+                >
+                  <template slot-scope="scope">{{ scope.row.workerName }}</template>
+                </el-table-column>
+                <!-- 性别 -->
+                <el-table-column
+                  align="center"
+                  prop="sex"
+                  :label="$t('message.towerCrane.gender')"
+                  width="60"
+                >
+                  <!-- "男" : "女" -->
+                  <template slot-scope="scope">{{
+                    scope.row.sex == 1
+                      ? $t("message.towerCrane.male")
+                      : $t("message.towerCrane.female")
+                  }}</template>
+                </el-table-column>
+                <!-- 身份证号 -->
+                <el-table-column
+                  align="center"
+                  prop="idCard"
+                  :label="$t('message.towerCrane.idNumber')"
+                >
+                </el-table-column>
+                <!-- 特种资格证书编号 -->
+                <el-table-column
+                  align="center"
+                  prop="specialCertificateNumber"
+                  width="200"
+                  :label="$t('message.towerCrane.specialCertificateNo')"
+                >
+                  <template slot-scope="scope">{{
+                    scope.row.certificateNumber
+                  }}</template>
+                </el-table-column>
+                <el-table-column
+                  prop="phoneNumber"
+                  label="联系电话"
+                  align="center"
+                  width="120"
+                >
+                </el-table-column>
+              </el-table>
+            </vue-scroll>
+          </div>
+          <!-- <div class="select-btn">
+                <el-button style="width:81px;margin:30px 100px 30px 0" type="primary" size="medium" @click="chekDriver"
+                    >确定</el-button
+                  >
+                  <el-button
+                    style="width:81px;margin:30px 0 30px 0"
+                    size="medium"
+                    type="danger"
+                    @click="closeMap"
+                    :disabled="checkedId == 0"
+                    >取消</el-button
+                  >
+            </div> -->
+        </el-dialog>
+      </div>
+    </div>
+    <!--切换其它平台之前的提示-->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.videoManage.switch_platforms.title')"
+      :visible.sync="Popup1.platforms"
+      width="667px"
+    >
+      <div class="dialog_content">
+        <div class="platforms-title">确认更换服务商为"{{ Popup1.name }}"？</div>
+        <div class="platforms-msg">
+          更换后，原有的服务商配置及设备信息将全部清零，请谨慎更换。
+        </div>
+        <div class="dialog-footer">
+          <el-button class="zdy-btn" @click="Popup1.platforms = false" size="medium">
+            <div>
+              <img src="@/assets/images/cancel.png" alt="" />
+              <span>{{ $t("message.videoManage.btn_cancel") }}</span>
+            </div>
+          </el-button>
+          <el-button type="primary" icon="el-icon-circle-check" @click="cut" size="medium"
+            >{{ $t("message.videoManage.btn_determine") }}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 配置视频类型 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.videoManage.dialog_video_config.title')"
+      :visible.sync="configDialog"
+      width="667px"
+      :close-on-click-modal="false"
+      :show-close="false"
+    >
+      <div class="dialog_content">
+        <p>请选择您的服务商（以下服务商同时只可开启一种）</p>
+        <el-radio-group v-model="videoType" class="videoTypeGroup">
+          <el-radio
+            :label="index + 1"
+            v-for="(item, index) in videoTypeList"
+            :key="index"
+            v-if="item !== '乐橙'"
+            >{{ item }}</el-radio
+          >
+        </el-radio-group>
+        <p style="opacity: 0.5; font-size: 13px">
+          注：选择服务商，配置完成后才可使用其他功能。
+        </p>
+        <div class="dialog-footer">
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="saveVideoConfigFn"
+            size="medium"
+            >{{ $t("message.companyDiagram.determine") }}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+    <!--配置服务器-->
+    <el-dialog
+      :modal-append-to-body="false"
+      title="配置服务器"
+      :visible.sync="Popup2.accountServer"
+      width="667px"
+    >
+      <div class="dialog_content">
+        <el-form label-width="100px" class="dialogFormBox" size="medium">
+          <el-form-item label="服务器IP">
+            <el-input
+              v-model="policeCameraVideoInfo.ip"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="端口">
+            <el-input
+              v-model="policeCameraVideoInfo.port"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="用户名">
+            <el-input
+              v-model="policeCameraVideoInfo.account"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="密码">
+            <el-input v-model="policeCameraVideoInfo.pwd" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-form>
+        <div class="dialog-footer">
+          <el-button class="zdy-btn" @click="Popup2.accountServer = false" size="medium">
+            <div>
+              <img src="@/assets/images/cancel.png" alt="" />
+              <span>{{ $t("message.videoManage.btn_cancel") }}</span>
+            </div>
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="saveAccountConfig"
+            size="medium"
+            >{{ $t("message.videoManage.btn_determine") }}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+    <el-dialog
+      :modal-append-to-body="false"
+      title="声光报警配置"
+      :visible.sync="Popup3.accountServer"
+      width="667px"
+    >
+      <div class="dialog_content">
+        <el-form label-width="100px" class="dialogFormBox" size="medium">
+          <el-form-item label="服务器IP">
+            <el-input
+              v-model="soundLightAlarmInfo.ipAv"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="端口">
+            <el-input
+              v-model="soundLightAlarmInfo.portAv"
+              :placeholder="$t('message.videoManage.placeholder')"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="用户名">
+            <el-input
+              v-model="soundLightAlarmInfo.accountAv"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="密码">
+            <el-input v-model="soundLightAlarmInfo.pwdAv" placeholder="请输入"></el-input>
+          </el-form-item>
+        </el-form>
+        <div class="dialog-footer">
+          <el-button class="zdy-btn" @click="Popup3.accountServer = false" size="medium">
+            <div>
+              <img src="@/assets/images/cancel.png" alt="" />
+              <span>{{ $t("message.videoManage.btn_cancel") }}</span>
+            </div>
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="saveSoundLightAlarmConfig"
+            size="medium"
+            >{{ $t("message.videoManage.btn_determine") }}
+          </el-button>
+        </div>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+// let bgPackImg = document.getElementById('bgPackImg')
+// this.bgPackImgLeft = this.$refs.bgPackImg.offsetLeft
+// console.log(bgPackImg);
+import { getEnterpriseInfoListApi } from "@/assets/js/api/specialWork";
+import {
+  getWorkerInfoListApi,
+  getVideoItemListApi,
+  setUpdateTowerCoordinateApi,
+  towerFactoryListApi,
+  towerBrandListApi,
+} from "@/assets/js/api/towerCrane";
+import {
+  updateConfigEnableCementMixPileConfigApi,
+  getUseCementMixPileConfigApi,
+  editCementMixPileConfigApi,
+  getCementMixPileDevListApi,
+  addCementMixPileDevApi,
+  editCementMixPileDevApi,
+  deleteCementMixPileDevApi,
+  queryCementMixPileDevByIdApi,
+} from "@/assets/js/api/cementMixingPileMonitor";
+import { getProjectDetail } from "@/assets/js/api/baseInfo";
+import { getEnterpriseInfoList } from "@/assets/js/api/laborPerson";
+import { getProjectChilderSystemUserListApi } from "@/assets/js/api/configManage";
+import { getCarDevOption } from "@/assets/js/api/carManage";
+export default {
+  props: ["sn"],
+  data() {
+    var checkName = (rule, value, callback) => {
+      console.log(
+        this.facilityForm.nutHostId != "" && this.facilityForm.nodeCount,
+        this.facilityForm.nutHostId,
+        this.facilityForm.nodeCount
+      );
+      if (this.facilityForm.nutHostId == undefined) {
+        if (
+          this.facilityForm.nutHostId != undefined &&
+          this.facilityForm.nodeCount == undefined
+        ) {
+          return callback(new Error(this.$t("message.towerCrane.nutQuantityInput"))); // 请输入标准节螺母数量
+        }
+      } else if (this.facilityForm.nodeCount == undefined) {
+        if (
+          this.facilityForm.nutHostId != "" &&
+          this.facilityForm.nodeCount == undefined
+        ) {
+          return callback(new Error(this.$t("message.towerCrane.nutQuantityInput"))); // 请输入标准节螺母数量
+        }
+      } else {
+        if (this.facilityForm.nutHostId != "" && this.facilityForm.nodeCount == "") {
+          return callback(new Error(this.$t("message.towerCrane.nutQuantityInput"))); // 请输入标准节螺母数量
+        }
+      }
+    };
+    return {
+      enterpriseList: [],
+      nowCompany: null,
+      company: COMPANY,
+      cs: 6,
+      weightSet: false,
+      checkBoxOptions: [
+        {
+          name: this.$t("message.towerCrane.options1"), // 配置载重功能
+          props: "weightSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options2"), // 配置风速功能
+          props: "windSpeedSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options3"), // 配置幅度功能
+          props: "rangeSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options4"), // 配置高度功能
+          props: "heightSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options5"), // 配置角度功能
+          props: "angleSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options6"), // 配置倾角功能
+          props: "obliguitySet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options7"), // 配置GPS功能
+          props: "gpsSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options8"), // 配置人员识别功能
+          props: "idSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options9"), // 配置禁入区功能
+          props: "forbidEntryFunExist",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options10"), // 配置禁吊区A类功能
+          props: "forbidSuspend2FunExist",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options11"), // 配置多机防撞功能
+          props: "anticollision",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options12"), // 配置禁吊区B类功能
+          props: "forbidSuspend4FunExist",
+          isCheck: false,
+        },
+      ],
+      dialogVisible: false,
+      projectSn: "",
+      uploadUrl: "",
+      fileUrl: "",
+      searchName: "",
+      //校验设备详情信息
+      rules: {
+        superintendNo: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA1"), // 请输入设备备案监督编号
+            trigger: "change",
+          },
+        ],
+        installationTime: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA2"), // 请选择安装时间
+            trigger: "change",
+          },
+        ],
+        factoryTime: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA3"), // 请选择出产日期
+            trigger: "change",
+          },
+        ],
+        towerState: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA4"), // 请选择设备状态
+            trigger: "change",
+          },
+        ],
+        devModel: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA5"), // 请输入设备型号
+            trigger: "change",
+          },
+        ],
+        devSn: [
+          {
+            required: true,
+            message: "请输入设备编号",
+            trigger: "change",
+          },
+        ],
+        devName: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA6"), // 请输入设备名称
+            trigger: "change",
+          },
+        ],
+        forearmLength: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA7"), // 请输入前臂长
+            trigger: "change",
+          },
+        ],
+        towerHeight: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA8"), // 请输入塔身高度
+            trigger: "change",
+          },
+        ],
+        referenceHeight: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA9"), // 请输入塔顶高度
+            trigger: "change",
+          },
+        ],
+        factoryName: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA10"), // 请输入制造单位
+            trigger: "change",
+          },
+        ],
+        productionDate: [
+          {
+            required: true,
+            message: this.$t("message.towerCrane.rulesA11"), // 请选择出产日期
+            trigger: "change",
+          },
+        ],
+        nodeCount: [
+          {
+            message: this.$t("message.towerCrane.rulesA12"),
+            validator: checkName,
+            trigger: "blur",
+          }, // 请输入标准节螺母数量
+        ],
+        deviceType: [
+          {
+            message: "请输入设备类型",
+
+            required: true,
+            trigger: "blur",
+          }, // 请输入标准节螺母数量
+        ],
+        simNo: [
+          {
+            message: "请输入SIM卡号",
+            required: true,
+            trigger: "blur",
+          }, // 请输入标准节螺母数量
+        ],
+        audibleVisualAlarmImei: [
+          {
+            message: "请输入设备imei号",
+            required: true,
+            trigger: "blur",
+          }, // 请输入标准节螺母数量
+        ],
+      },
+      structureList: [
+        {
+          id: 1,
+          name: this.$t("message.towerCrane.ListA1"), // 尖头塔
+        },
+        {
+          id: 2,
+          name: this.$t("message.towerCrane.ListA2"), // 平头塔
+        },
+        {
+          id: 3,
+          name: this.$t("message.towerCrane.ListA3"), // 动臂塔
+        },
+      ],
+      towerStateList: [
+        {
+          id: 1,
+          name: this.$t("message.towerCrane.ListB1"), // 设备进场
+        },
+        {
+          id: 2,
+          name: this.$t("message.towerCrane.ListB2"), // 设备安装
+        },
+        {
+          id: 3,
+          name: this.$t("message.towerCrane.ListB3"), // 设备验收
+        },
+        {
+          id: 4,
+          name: this.$t("message.towerCrane.ListB4"), // 设备使用
+        },
+        {
+          id: 5,
+          name: this.$t("message.towerCrane.ListB5"), // 设备拆除
+        },
+        {
+          id: 6,
+          name: this.$t("message.towerCrane.ListB6"), // 设备退场
+        },
+      ],
+      windLevelList: [
+        {
+          name: "1" + this.$t("message.towerCrane.level"), // level 级
+          id: 1,
+        },
+        {
+          name: "2" + this.$t("message.towerCrane.level"),
+          id: 2,
+        },
+        {
+          name: "3" + this.$t("message.towerCrane.level"),
+          id: 3,
+        },
+        {
+          name: "4" + this.$t("message.towerCrane.level"),
+          id: 4,
+        },
+        {
+          name: "5" + this.$t("message.towerCrane.level"),
+          id: 5,
+        },
+        {
+          name: "6" + this.$t("message.towerCrane.level"),
+          id: 6,
+        },
+        {
+          name: "7" + this.$t("message.towerCrane.level"),
+          id: 7,
+        },
+        {
+          name: "8" + this.$t("message.towerCrane.level"),
+          id: 8,
+        },
+        {
+          name: "9" + this.$t("message.towerCrane.level"),
+          id: 9,
+        },
+        {
+          name: "10" + this.$t("message.towerCrane.level"),
+          id: 10,
+        },
+        {
+          name: "11" + this.$t("message.towerCrane.level"),
+          id: 11,
+        },
+        {
+          name: "12" + this.$t("message.towerCrane.level"),
+          id: 12,
+        },
+      ],
+      //设备详情信息
+      facilityForm: {
+        devName: "",
+        devSn: "",
+        forearmLength: "",
+        towerHeight: "",
+        registNo: "",
+        anticollision: 0,
+        driverList: "",
+        videoList: "",
+        promptAlarmPushWorkerId: [],
+        importantAlarmPushWorkerId: [],
+        secondaryAlarmPushWorkerId: [],
+        urgentAlarmPushWorkerId: [],
+        enableVideoUrl: 1,
+        installationPhoto: [], //安装照片
+
+        deviceType: "",
+        simNo: "",
+        devRegistrationNumber: "",
+        vehiclePositionDevId: "",
+        propertyUnit: "",
+        factoryTime: "",
+        manufacturer: "",
+        installEnterprise: "",
+        installTime: "",
+        enterpriseId: "",
+        alarmPushWorkerId: [],
+        audibleVisualAlarmImei: "",
+        volume: "",
+        playMode: 2,
+        voiceSelection: 1,
+        playData: "",
+      },
+      checkTowerId: "", //选中的塔吊id 只作为列表选中状态切换
+      checkedId: 0, //选中的设备 -1 新增状态 控制取消按钮  获取选中设备
+      towerList: [], //设备列表
+      rightTitle: this.$t("message.towerCrane.constructionPlans"), // 现场施工图
+      driverList: [], //司机列表
+      videoList: [],
+      showTowerInfo: false, //显示施工图或塔吊信息
+      bgUrl: "", //施工图
+      accountList: [],
+      isDevBackEnd: false,
+      videoList2: [],
+      styleType: 1,
+      multipleSelection: [],
+      allSelectData: [],
+      driverList2: [],
+      bgPackImgLeft: "", //左边距
+      ops: {
+        vuescroll: {
+          // wheelScrollDuration: 0,
+          wheelDirectionReverse: true,
+        },
+      },
+      ops2: {
+        scrollPanel: {
+          scrollingX: false,
+        },
+      },
+      moveShow: "",
+      bgPackImgWidth: "",
+      bgPackImgHeight: "",
+      mapDate: {
+        width: "",
+        height: "",
+      },
+      enterpriseInfoList: [],
+      company: "",
+      mapType: 1,
+      factoryList: [],
+      brandList: [],
+
+      videoTypeList: ["HBYJ"], //['河北跃进', '乐橙']
+      playTypeList: this.$t("message.videoManage.playTypeList"), //['RTMP（高清）', 'RTMP（流畅）', 'HLS（高清）', 'HLS（流畅）', '高清轻量级插件（高清）', '流畅轻量级插件（流畅）']
+      videoType: 1, //默认为1吗?
+      configDialog: false,
+      Popup2: {
+        accountServer: false,
+      },
+      policeCameraVideoInfo: {
+        ip: "",
+        port: "",
+        account: "",
+        pwd: "",
+      },
+      currentVideoTypeDetail: {
+        id: "",
+        projectSn: "",
+        factoryType: "",
+        isEnable: "",
+        ip: "",
+        port: "",
+        account: "",
+        pwd: "",
+      },
+      Popup1: {
+        platforms: false,
+        name: "",
+        videoType: "",
+      },
+      Popup3: {
+        accountServer: false,
+      },
+      soundLightAlarmInfo: {
+        ipAv: "",
+        portAv: "",
+        accountAv: "",
+        pwdAv: "",
+      },
+      carDevList: [],
+    };
+  },
+  created() {
+    this.company = COMPANY;
+    this.projectSn = this.sn ? this.sn : this.$store.state.projectSn;
+    // this.bgUrl = this.$store.state.currentProDetail.constructionMapUrl;
+    if (this.$store.state.currentProDetail) {
+      this.bgUrl = this.$store.state.currentProDetail.constructionMapUrl;
+      this.getTowerList(1);
+    } else {
+      this.getImgUrl();
+    }
+    this.uploadUrl = this.$store.state.UPLOADURL;
+    this.fileUrl = this.$store.state.FILEURL;
+    console.log(this.fileUrl);
+    // console.log(this.$store.state.projectSn);
+    this.styleType = this.$store.state.userInfo.styleType;
+    // console.log(this.$store.state.userInfo.styleType)
+    this.getEnterpriseList();
+    this.getWorkerInfoList();
+    this.getVideoItemList();
+    this.selectFactoryList();
+    if (this.$route.path.indexOf("equipmentCenter") != -1 || this.styleType == 2) {
+      this.isDevBackEnd = true;
+    }
+    // this.isDevBackEnd=true
+    this.getAccountList();
+    this.selectEnterpriseInfoList();
+    this.getProjectVideoConfigList();
+    // this.getNaturalSize()
+    this.getMachineList();
+  },
+  mounted() {
+    // setTimeout(() => {
+    //   console.log(this.$refs.bgPackImg.offsetLeft); // 120
+    //   this.bgPackImgLeft = this.$refs.bgPackImg.offsetLeft
+    // }, 500)
+  },
+  methods: {
+    //获取所有的闸机设备
+    getMachineList() {
+      getCarDevOption({
+        type: 1,
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.carDevList = res.result;
+        }
+      });
+    },
+    saveAccountConfig() {
+      editCementMixPileConfigApi({
+        ...this.policeCameraVideoInfo,
+        factoryType: this.videoType,
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message.success(res.message);
+          console.log("新添加服务配置", res);
+          this.Popup2.accountServer = false;
+        }
+      });
+    },
+    saveSoundLightAlarmConfig() {
+      editCementMixPileConfigApi({
+        ...this.soundLightAlarmInfo,
+        factoryType: this.videoType,
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.$message.success(res.message);
+          console.log("新添加服务配置", res);
+          this.Popup3.accountServer = false;
+        }
+      });
+    },
+    //打开配置服务器弹框
+    accountServerObj(type) {
+      if (type == 1) {
+        getUseCementMixPileConfigApi({
+          projectSn: this.$store.state.projectSn,
+        }).then((res) => {
+          if (res.result) {
+            this.policeCameraVideoInfo = {
+              ...res.result,
+            };
+            this.Popup2.accountServer = true;
+          }
+        });
+      } else if (type == 2) {
+        this.Popup3.accountServer = true;
+      }
+    },
+    //查询项目各类型的视频配置信息
+    getProjectVideoConfigList() {
+      getUseCementMixPileConfigApi({
+        projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        if (!res.result) {
+          this.configDialog = true;
+        } else {
+          // this.currentVideoTypeDetail = res.result[0];
+          this.currentVideoTypeDetail = {
+            ...res.result,
+          };
+          // this.videoType = res.result[0].videoType;
+          this.videoType = res.result.isEnable;
+        }
+      });
+    },
+    saveVideoConfigFn() {
+      updateConfigEnableCementMixPileConfigApi({
+        projectSn: this.$store.state.projectSn,
+        factoryType: this.videoType,
+      }).then((res) => {
+        this.configDialog = false;
+        this.getProjectVideoConfigList();
+      });
+    },
+    beforeCut(index, item) {
+      if (index !== this.videoType) {
+        this.Popup1.platforms = true;
+        this.Popup1.name = item;
+        this.Popup1.videoType = index;
+      }
+    },
+    cut() {
+      this.videoType = this.Popup1.videoType;
+      this.Popup1.platforms = false;
+      console.log("当前videoType", this.videoType);
+      this.saveVideoConfigFn();
+    },
+    /** 查询企业列表 */
+    getEnterpriseList() {
+      const params = {
+        projectSn: this.$store.state.projectSn,
+        enterpriseName: undefined,
+        userEnterpriseId: this.$store.state.userInfo.userEnterpriseId,
+        enterpriseTypeId: undefined,
+      };
+      getEnterpriseInfoListApi(params).then((res) => {
+        console.log("查询企业列表: ", res);
+        this.enterpriseList = res.result;
+      });
+    },
+    //限制只能输入英文和数字
+    handleInput() {
+      // 使用正则表达式匹配只允许输入英文和数字
+      this.facilityForm.superintendNo = this.facilityForm.superintendNo.replace(
+        /[^a-zA-Z0-9]/g,
+        ""
+      );
+    },
+    getImgUrl() {
+      getProjectDetail({ projectSn: this.projectSn }).then((res) => {
+        console.log(res.result);
+        this.bgUrl = res.result.constructionMapUrl;
+        this.getTowerList(1);
+      });
+    },
+    changeValue(val) {
+      this.$forceUpdate();
+    },
+    changeBrandSelect(val) {
+      this.$forceUpdate();
+    },
+    changeFactorySelect(val) {
+      console.log(val);
+      this.brandList = [];
+      this.facilityForm.brandId = "";
+      this.selectBrandList(val);
+    },
+    // 查询品牌
+    selectBrandList(id) {
+      towerBrandListApi({ factoryId: id }).then((res) => {
+        if (res.result) {
+          this.brandList = res.result;
+        }
+      });
+    },
+    // 查询厂商
+    selectFactoryList() {
+      towerFactoryListApi().then((res) => {
+        console.log(res);
+        if (res.result) {
+          this.factoryList = res.result;
+        }
+      });
+    },
+    chekMapType(val) {
+      this.mapType = val;
+    },
+    selectEnterpriseInfoList() {
+      getEnterpriseInfoList({
+        enterpriseTypeId: 9,
+        projectSn: this.projectSn,
+      }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.enterpriseInfoList = res.result;
+        }
+      });
+    },
+    openImg(src) {
+      window.open(src);
+    },
+    getNaturalSize(callback) {
+      let Domlement = this.$refs["imgBgBox"];
+      let Domlement2 = this.$refs["imgBg"];
+      var natureSize;
+      if (window.naturalWidth && window.naturalHeight) {
+        natureSize.width = Domlement2.naturalWidth;
+        natureSize.height = Domlement2.naturalHeight;
+        // let heightRatio = natureSize.height / 569
+        // this.mapDate.width = natureSize.width*heightRatio
+      } else {
+        let _this = this;
+        var img = new Image();
+        img.src = Domlement2.src;
+        img.onload = function () {
+          console.log(
+            img.width,
+            img.height,
+            Domlement.clientWidth,
+            Domlement.clientHeight
+          );
+          let heightRatio = Domlement.naturalHeight / img.height;
+          let widthRatio = Domlement.naturalHeight / img.width;
+          console.log(heightRatio, widthRatio);
+          if (heightRatio < widthRatio) {
+            natureSize = heightRatio;
+            _this.mapDate.width = img.width * heightRatio;
+            _this.mapDate.height = img.height * heightRatio;
+          } else {
+            natureSize = widthRatio;
+            _this.mapDate.width = img.width * widthRatio;
+            _this.mapDate.height = img.height * widthRatio;
+          }
+          if (callback) {
+            return callback(natureSize);
+          }
+        };
+      }
+    },
+    changeSelect() {
+      console.log(this.facilityForm.ratedWindLevel);
+    },
+    chekDriver() {},
+    deleteDriver(index) {
+      this.allSelectData.splice(index, 1);
+    },
+    closeMap() {
+      this.dialogVisible = false;
+    },
+    showDialog() {
+      this.searchName = "";
+      this.dialogVisible = true;
+      this.driverList2 = [];
+      this.getWorkerInfoList();
+    },
+    selectCheckBox(selection, row) {
+      console.log(selection, row);
+    },
+    handleSelectionChange(val) {
+      // console.log(val, this.allSelectData)
+      this.multipleSelection = val;
+      console.log(this.multipleSelection);
+      for (let i = 0; i < this.multipleSelection.length; i++) {
+        let flag = true;
+        for (let j = 0; j < this.allSelectData.length; j++) {
+          if (this.multipleSelection[i].id == this.allSelectData[j].id) {
+            flag = false;
+            // this.$message.info("已添加！")
+            break;
+          }
+        }
+        if (flag) {
+          this.allSelectData.push(this.multipleSelection[i]);
+          this.$message.success(this.$t("message.towerCrane.addSuccess")); // 添加成功!
+        }
+      }
+    },
+    handleBeforeUpload(file) {
+      console.log(file.type);
+      if (
+        file.type == "image/png" ||
+        file.type == "image/jpg" ||
+        file.type == "image/jpeg"
+      ) {
+        return true;
+      } else {
+        return false;
+      }
+    },
+    handleUploadSuccess(res, type) {
+      console.log(this.facilityForm);
+      if ((res.status = "SUCCESS")) {
+        if (type == 1) {
+          //   if (!this.facilityForm.installationPhoto) {
+          //     this.facilityForm.installationPhoto = [];
+          //   }
+          this.facilityForm.installationPhoto.push({
+            name: res.data[0].filename,
+            url: this.$store.state.FILEURL + res.data[0].imageUrl,
+            oldUrl: res.data[0].imageUrl,
+          });
+        }
+        // this.$forceUpdate();
+      }
+    },
+    removeImg(id, type) {
+      // '此操作将永久删除该文件, 是否继续?', '提示',
+      this.$confirm(
+        this.$t("message.towerCrane.willBeDeleted"),
+        this.$t("message.towerCrane.tips"),
+        {
+          confirmButtonText: this.$t("message.towerCrane.determine"), // 确定
+          cancelButtonText: this.$t("message.towerCrane.cancel"), // 取消
+          type: "warning",
+        }
+      )
+        .then(() => {
+          // console.log(this.facilityForm.installationPhoto)
+          if (type == 1 && this.facilityForm.installationPhoto) {
+            this.facilityForm.installationPhoto.splice(id, 1);
+          }
+
+          this.$forceUpdate();
+          this.$message({
+            type: "success",
+            message: this.$t("message.towerCrane.deleteSucceeded"), // 删除成功!
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: this.$t("message.towerCrane.deletionCancelled"), // 已取消删除
+          });
+        });
+    },
+    //操作视频的添加和删除
+    operateAddPerson(hour, isAdd, index) {
+      console.log(this.videoList2);
+      let a = this.videoList2.length;
+      let json = {
+        videoName: "",
+        url: "",
+        videoType: 1,
+        playType: 5,
+        accessToken: "",
+      };
+      if (isAdd) {
+        if (a > 0) {
+          json.accessToken = this.videoList2[0].accessToken;
+        }
+        json.id = a++;
+        this.videoList2.push(json);
+      } else {
+        this.videoList2.splice(index, 1);
+      }
+    },
+    getAccountList() {
+      getProjectChilderSystemUserListApi({ projectSn: this.projectSn }).then((result) => {
+        this.accountList = result.result;
+      });
+    },
+    downloadFn() {
+      // 塔吊对外对接协议
+      window.open("/doc/" + this.$t("message.towerCrane.dockingProtocol") + ".docx");
+    },
+    // 获取所有塔吊
+    getTowerList(type) {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getCementMixPileDevListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.towerList = res.result.map((item) => {
+            return {
+              ...item,
+              alarmPushWorkerId: item.alarmPushWorkerId
+                ? item.alarmPushWorkerId.splice(",")
+                : [],
+            };
+          });
+          console.log(res.result);
+          if (type == 1) {
+            // this.checkedId = 0;
+            // this.checkTowerId = "";
+            this.checkedId = 1;
+            this.checkTowerId = this.towerList[0].id;
+            //详情
+            this.selectMenu(this.checkedId);
+          } else {
+            this.checkedId = this.towerList.length;
+            this.checkTowerId = this.towerList[this.towerList.length - 1].id;
+            //详情
+            this.selectMenu(this.checkedId);
+          }
+        }
+      });
+    },
+
+    //切换塔吊
+    selectMenu(val) {
+      this.checkedId = val;
+      // this.multipleSelection = []
+      // this.$nextTick(()=>{
+      //   this.$refs.multipleTable.clearSelection();
+      // })
+      // console.log(this.multipleSelection)
+      if (val == 0) {
+        this.rightTitle = this.$t("message.towerCrane.constructionPlans"); // 现场施工图
+        this.showTowerInfo = false; // 显示施工图
+        this.checkTowerId = "";
+        this.$nextTick(() => {
+          this.getNaturalSize();
+        });
+      } else {
+        this.showTowerInfo = true;
+        if (this.towerList[val - 1].id) {
+          this.rightTitle = this.towerList[val - 1].devName;
+          this.facilityForm = this.towerList[val - 1];
+          this.checkTowerId = this.towerList[val - 1].id;
+          this.getDetailsData(this.towerList[val - 1].id);
+        }
+      }
+    },
+
+    // 查询设备详情
+    getDetailsData(id) {
+      let data = {
+        id,
+      };
+      queryCementMixPileDevByIdApi(data).then((res) => {
+        if (res.code == 200) {
+          console.log("设备详情", res.result);
+          this.facilityForm = res.result;
+          for (let key in this.facilityForm) {
+            this.checkBoxOptions.forEach((item, index) => {
+              if (key == item.props) {
+                this.checkBoxOptions[index].isCheck = this.facilityForm[key]
+                  ? true
+                  : false;
+              }
+            });
+          }
+          if (res.result.towerVisualize) {
+            this.facilityForm.mastSection = res.result.towerVisualize.mastSection;
+            this.facilityForm.factoryId = res.result.towerVisualize.factoryId;
+            this.changeFactorySelect(this.facilityForm.factoryId);
+            this.facilityForm.brandId = res.result.towerVisualize.brandId;
+          }
+          this.facilityForm.installationPhoto = [];
+          if (this.facilityForm.installationPhoto) {
+            this.facilityForm.installationPhoto.split(",").forEach((item) => {
+              this.facilityForm.installationPhoto.push({
+                name: item,
+                url: item,
+              });
+            });
+          }
+          this.facilityForm.driverList =
+            res.result.driverList instanceof Array &&
+            res.result.driverList.map((item) => item.workerId);
+          this.multipleSelection = [];
+          this.allSelectData = [];
+          console.log(this.facilityForm.driverList, this.driverList);
+          if (this.facilityForm.driverList && this.facilityForm.driverList.length > 0) {
+            // console.log(this.facilityForm.driverList,this.driverList)
+            this.facilityForm.driverList.forEach((item) => {
+              for (let i = 0; i < this.driverList.length; i++) {
+                // console.log(item,this.driverList[i].id)
+                if (item == this.driverList[i].id) {
+                  // this.multipleSelection.push(this.driverList[i])
+                  this.allSelectData.push(this.driverList[i]);
+                }
+              }
+            });
+          }
+          this.facilityForm.videoList = res.result.videoList.map(
+            (item) => item.videoItemId
+          );
+          //   this.$set(
+          //     this.facilityForm,
+          //     "enterpriseIds",
+          //     res.result.enterpriseIds ? res.result.enterpriseIds.split(",") : []
+          //   );
+          // this.facilityForm.enterpriseIds = res.result.enterpriseIds ? res.result.enterpriseIds.split(',') : [];
+
+          if (this.facilityForm.importantAlarmPushWorkerId) {
+            if (this.facilityForm.importantAlarmPushWorkerId.indexOf(",") != -1) {
+              this.facilityForm.importantAlarmPushWorkerId = this.facilityForm.importantAlarmPushWorkerId.split(
+                ","
+              );
+              this.facilityForm.importantAlarmPushWorkerId = this.facilityForm.importantAlarmPushWorkerId.map(
+                Number
+              );
+            } else {
+              this.facilityForm.importantAlarmPushWorkerId = [
+                this.facilityForm.importantAlarmPushWorkerId,
+              ];
+              this.facilityForm.importantAlarmPushWorkerId = this.facilityForm.importantAlarmPushWorkerId;
+            }
+          } else {
+            this.facilityForm.importantAlarmPushWorkerId = [];
+          }
+          if (this.facilityForm.promptAlarmPushWorkerId) {
+            if (this.facilityForm.promptAlarmPushWorkerId.indexOf(",") != -1) {
+              this.facilityForm.promptAlarmPushWorkerId = this.facilityForm.promptAlarmPushWorkerId.split(
+                ","
+              );
+              this.facilityForm.promptAlarmPushWorkerId = this.facilityForm.promptAlarmPushWorkerId.map(
+                Number
+              );
+            } else {
+              this.facilityForm.promptAlarmPushWorkerId = [
+                this.facilityForm.promptAlarmPushWorkerId,
+              ];
+              this.facilityForm.promptAlarmPushWorkerId = this.facilityForm.promptAlarmPushWorkerId;
+            }
+          } else {
+            this.facilityForm.promptAlarmPushWorkerId = [];
+          }
+          if (this.facilityForm.secondaryAlarmPushWorkerId) {
+            if (this.facilityForm.secondaryAlarmPushWorkerId.indexOf(",") != -1) {
+              this.facilityForm.secondaryAlarmPushWorkerId = this.facilityForm.secondaryAlarmPushWorkerId.split(
+                ","
+              );
+              this.facilityForm.secondaryAlarmPushWorkerId = this.facilityForm.secondaryAlarmPushWorkerId.map(
+                Number
+              );
+            } else {
+              this.facilityForm.secondaryAlarmPushWorkerId = [
+                this.facilityForm.secondaryAlarmPushWorkerId,
+              ];
+              this.facilityForm.secondaryAlarmPushWorkerId = this.facilityForm.secondaryAlarmPushWorkerId;
+            }
+          } else {
+            this.facilityForm.secondaryAlarmPushWorkerId = [];
+          }
+          if (this.facilityForm.urgentAlarmPushWorkerId) {
+            if (this.facilityForm.urgentAlarmPushWorkerId.indexOf(",") != -1) {
+              this.facilityForm.urgentAlarmPushWorkerId = this.facilityForm.urgentAlarmPushWorkerId.split(
+                ","
+              );
+              this.facilityForm.urgentAlarmPushWorkerId = this.facilityForm.urgentAlarmPushWorkerId.map(
+                Number
+              );
+              console.log(this.facilityForm.urgentAlarmPushWorkerId);
+            } else {
+              this.facilityForm.urgentAlarmPushWorkerId = [
+                this.facilityForm.urgentAlarmPushWorkerId,
+              ];
+              this.facilityForm.urgentAlarmPushWorkerId = this.facilityForm.urgentAlarmPushWorkerId;
+            }
+          } else {
+            this.facilityForm.urgentAlarmPushWorkerId = [];
+          }
+          //
+          if (this.facilityForm.videoUrl && this.facilityForm.videoUrl != "null") {
+            this.videoList2 = JSON.parse(this.facilityForm.videoUrl);
+          } else {
+            this.videoList2 = [];
+          }
+          if (this.facilityForm.ratedWindLevel != 0) {
+            this.facilityForm.ratedWindLevel = Number(this.facilityForm.ratedWindLevel);
+          } else {
+            this.facilityForm.ratedWindLevel = undefined;
+          }
+        }
+      });
+    },
+
+    //新增塔吊按钮
+    newTowerBtn() {
+      console.log(this.ratedWindLevel);
+      this.searchName = [];
+      this.allSelectData = [];
+      this.brandList = [];
+      this.facilityForm = {
+        enterpriseIds: [],
+        devName: "",
+        devSn: "",
+        forearmLength: "",
+        towerHeight: "",
+        registNo: "",
+        anticollision: 0,
+        workerId: "",
+        videoItemId: "",
+        promptAlarmPushWorkerId: [],
+        importantAlarmPushWorkerId: [],
+        secondaryAlarmPushWorkerId: [],
+        urgentAlarmPushWorkerId: [],
+        videoList: [],
+        driverList: [],
+        deviceType: "",
+        simNo: "",
+        devRegistrationNumber: "",
+        vehiclePositionDevId: "",
+        propertyUnit: "",
+        factoryTime: "",
+        manufacturer: "",
+        installEnterprise: "",
+        installTime: "",
+        enterpriseId: "",
+        alarmPushWorkerId: [],
+        audibleVisualAlarmImei: "",
+        volume: "",
+        playMode: 2,
+        voiceSelection: 1,
+        playData: "",
+      };
+      this.showTowerInfo = true;
+      this.checkedId = -1;
+      this.checkTowerId = "";
+      this.rightTitle = this.$t("message.towerCrane.newTowerCrane"); // 新增塔吊
+      this.checkBoxOptions = [
+        {
+          name: this.$t("message.towerCrane.options1"), // 新增塔吊
+          props: "weightSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options2"), // 配置风速功能
+          props: "windSpeedSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options3"), // 配置幅度功能
+          props: "rangeSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options4"), // 配置高度功能
+          props: "heightSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options5"), // 配置角度功能
+          props: "angleSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options6"), // 配置倾角功能
+          props: "obliguitySet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options7"), // 配置GPS功能
+          props: "gpsSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options8"), // 配置人员识别功能
+          props: "idSet",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options9"), // 配置禁入区功能
+          props: "forbidEntryFunExist",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options10"), // 配置禁吊区A类功能
+          props: "forbidSuspend2FunExist",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options11"), // 配置多机防撞功能
+          props: "anticollision",
+          isCheck: false,
+        },
+        {
+          name: this.$t("message.towerCrane.options12"), // 配置禁吊区B类功能
+          props: "forbidSuspend4FunExist",
+          isCheck: false,
+        },
+      ];
+      this.$refs["facilityForm3"].resetFields();
+      this.$refs["facilityForm"].resetFields();
+    },
+
+    //删除或取消按钮
+    deleteOrCancel() {
+      //新增状态 this.checkedId=-1 为取消按钮
+      if (this.checkedId == -1) {
+        this.rightTitle = this.$t("message.towerCrane.constructionPlans"); // 现场施工图
+        this.checkedId = 0;
+        this.showTowerInfo = false;
+      } else {
+        // 删除按钮
+        // "此操作将永久删除该设备, 是否继续?", "提示",
+        this.$confirm(
+          this.$t("message.towerCrane.willBeDeleted2"),
+          this.$t("message.towerCrane.tips"),
+          {
+            confirmButtonText: this.$t("message.towerCrane.determine"), // 确定
+            cancelButtonText: this.$t("message.towerCrane.cancel"), // 取消
+            type: "warning",
+          }
+        )
+          .then(() => {
+            let data = {
+              id: this.towerList[this.checkedId - 1].id,
+            };
+            deleteCementMixPileDevApi(data).then((res) => {
+              if (res.code == 200) {
+                this.checkedId = 0;
+                this.checkTowerId = "";
+                this.getTowerList(1);
+                this.showTowerInfo = false;
+                this.rightTitle = this.$t("message.towerCrane.constructionPlans"); // 现场施工图
+                this.$message({
+                  type: "success",
+                  message: this.$t("message.towerCrane.deleteSucceeded"), // 删除成功!
+                });
+              } else {
+                this.$message.error(res.message);
+              }
+            });
+          })
+          .catch(() => {
+            this.$message({
+              type: "info",
+              message: this.$t("message.towerCrane.deletionCancelled"), // 已取消删除
+            });
+          });
+      }
+    },
+
+    //移动塔吊位置
+    mousedown(e, index) {
+      let bgPackImg = this.$refs.bgPackImg; //获取背景图
+      let maxH = this.mapDate.height - 30; //可移动的最大高度
+      let maxW = this.mapDate.width - 30; //可移动的最大宽度
+      let objDiv = e.target;
+      //算出鼠标相对元素的位置
+      let disX = e.clientX - objDiv.offsetLeft;
+      let disY = e.clientY - objDiv.offsetTop;
+      //鼠标移动时
+      document.onmousemove = (e) => {
+        //用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
+        let left = e.clientX - disX;
+        let top = e.clientY - disY;
+        if (left < 0 || top < 0 || top > maxH || left > maxW) {
+          return;
+        } else {
+          this.towerList[index].mapX = left;
+          this.towerList[index].mapY = top;
+        }
+      };
+      //鼠标松开时
+      document.onmouseup = (e) => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+      };
+    },
+
+    //获取司机列表
+    getWorkerInfoList() {
+      console.log(this.multipleSelection);
+      let data = {
+        projectSn: this.projectSn,
+        workerName: this.searchName,
+      };
+      console.log(data);
+      getWorkerInfoListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.driverList = res.result;
+          this.driverList2 = res.result;
+        }
+      });
+    },
+
+    //获取摄像机列表
+    getVideoItemList() {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getVideoItemListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.videoList = res.result.list;
+        }
+      });
+    },
+
+    //保存新增
+    submit() {
+      let flag = false;
+      this.$refs["facilityForm3"].validate((valid) => {
+        if (!valid) {
+          flag = true;
+          return;
+        }
+      });
+      console.log(flag);
+      this.$refs["facilityForm"].validate((valid) => {
+        if (valid) {
+          let data = JSON.parse(JSON.stringify(this.facilityForm));
+          data.projectSn = this.projectSn;
+          data.configId = this.currentVideoTypeDetail.id;
+
+          if (!data.mapX) {
+            data.mapX = "0";
+          }
+          if (!data.mapY) {
+            data.mapY = "0";
+          }
+          let driverArr = [];
+          //循环选中的司机
+          data.driverList = this.allSelectData;
+          for (let i = 0; i < data.driverList.length; i++) {
+            let obj = { workerId: data.driverList[i].id };
+            driverArr.push(obj);
+          }
+          //循环选中的摄像头
+          data.videoList =
+            data.videoList instanceof Array
+              ? data.videoList.map((item) => {
+                  return { videoItemId: item };
+                })
+              : [];
+          // }else{
+          if (this.videoList2.length > 0) {
+            data.videoUrl = JSON.stringify(this.videoList2);
+          } else {
+            data.videoUrl = "";
+          }
+
+          //   data.enterpriseIds = data.enterpriseIds.join(",");
+
+          // }
+          data.driverList = driverArr;
+
+          this.checkBoxOptions.forEach((item) => {
+            data[item.props] = item.isCheck ? 1 : 0;
+          });
+          // console.log(data,this.checkedId)
+          let arr1 = [];
+          if (data.installationPhoto && data.installationPhoto.length > 0) {
+            data.installationPhoto.forEach((item) => {
+              arr1.push(item.url);
+            });
+          }
+
+          data.installationPhoto = arr1.join(",");
+          console.log(data);
+          data.towerVisualize = {
+            brandId: data.brandId,
+            factoryId: data.factoryId,
+            mastSection: data.mastSection,
+          };
+          data.alarmPushWorkerId = data.alarmPushWorkerId.join(",");
+
+          // console.log(data,this.checkedId)
+          if (this.checkedId == -1) {
+            // 新增
+            addCementMixPileDevApi(data).then((res) => {
+              if (res.code == 200) {
+                this.getTowerList(2);
+                this.$message.success(this.$t("message.towerCrane.successfullyAdded")); // 新增成功
+              } else {
+                this.$message.error(res.message);
+              }
+            });
+          } else {
+            console.log(data);
+            editCementMixPileDevApi(data).then((res) => {
+              if (res.code == 200) {
+                this.getTowerList(1);
+                this.$message.success(this.$t("message.towerCrane.editSucceeded")); // 编辑成功
+              }
+            });
+          }
+        } else {
+          this.$message.warning(this.$t("message.towerCrane.saveFailedTips")); // 保存失败,请检查是否填写完毕
+          return false;
+        }
+      });
+    },
+    //保存塔吊位置
+    saveTowerLocationBtn() {
+      let bgPackImg = this.$refs.bgPackImg;
+      console.log(this.towerList);
+      let data = [];
+      for (let i = 0; i < this.towerList.length; i++) {
+        let obj = {
+          id: this.towerList[i].id,
+          mapX: this.towerList[i].mapX,
+          mapY: this.towerList[i].mapY,
+        };
+        data.push(obj);
+      }
+      console.log(data);
+      setUpdateTowerCoordinateApi(data).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.$message.success(this.$t("message.towerCrane.savedSuccessfully")); // 保存成功
+          this.getTowerList(1);
+        }
+      });
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.changeVideoTypeBox {
+  padding: 17px 30px 21px;
+  .video-box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .videoType {
+    margin-top: 14px;
+    font-size: 15px;
+
+    > p > img {
+      cursor: pointer;
+    }
+
+    p {
+      display: inline-flex;
+      align-content: center;
+      margin-right: 68px;
+
+      .switch {
+        margin-left: 16px;
+      }
+    }
+  }
+}
+/deep/ .el-button--success {
+  color: #ffffff;
+  border-color: rgb(64, 158, 255);
+  background: rgb(64, 158, 255);
+}
+.flex {
+  display: flex;
+}
+.flex2 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.flex3 {
+  display: flex;
+  align-items: center;
+}
+.cooperator1 {
+  width: 100%;
+  height: 100%;
+}
+.cooperator {
+  width: 100%;
+  height: calc(100% - 91px - 14px);
+  margin-top: 14px;
+  .el-radio-group {
+    width: 300px;
+  }
+  .left {
+    height: calc(100% - 40px);
+    width: calc(326px - 26px);
+    margin-right: 20px;
+    padding: 20px 13px;
+    font-size: 14px;
+    .title {
+      height: 41px;
+      line-height: 41px;
+      box-sizing: border-box;
+      padding: 0 22px;
+      margin-bottom: 0;
+      // color: #282e49;
+      // border-bottom: 2px #ebf0fc solid;
+      font-weight: 600;
+    }
+    .title_index {
+      display: inline-block;
+      width: 30px;
+      text-align: center;
+      background: #ec7e2e;
+      height: 20px;
+      line-height: 20px;
+      font-size: 14px;
+      margin-right: 10px;
+      border-radius: 25px;
+      color: #fff;
+    }
+    .title_name {
+      width: 90%;
+      display: inline-block;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .el-menu-item {
+      //   border-bottom: 1px #ebf0fc solid;
+      //   border-left: 3px solid white;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 20px !important;
+      font-size: 14px;
+    }
+    // .el-menu-item:hover > .el-icon-delete{
+    //   display: none;
+    // }
+    .checked_item {
+      //   border-left: 3px solid #5181f6;
+      // padding: 0 27px !important;
+      //   background-color: #e1e8fa !important;
+      background: rgba(81, 129, 246, 0.2) !important;
+    }
+    .left-list {
+      height: calc(100% - 58px) !important;
+      background: #f7f7f7;
+    }
+    .btn_pack {
+      padding-bottom: 20px;
+      box-sizing: border-box;
+      justify-content: space-between;
+      align-items: flex-start;
+      .btn-header {
+        position: relative;
+        padding-left: 20px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+        display: flex;
+        font-weight: 500;
+        font-size: 16px;
+        color: #272d45;
+        justify-content: space-between;
+      }
+      .btn-header::before {
+        content: "";
+        background: #4181fe;
+        height: 90%;
+        width: 3px;
+        position: absolute;
+        left: 7px;
+        top: 50%;
+        transform: translateY(-50%);
+      }
+    }
+  }
+  .dark-left {
+    width: 170px;
+    border-right: 1px solid #12294f;
+    .dark-menu {
+      .checked_item {
+        background: linear-gradient(
+          to right,
+          rgba(136, 231, 240, 0.2),
+          rgba(21, 49, 95, 0.2)
+        ) !important;
+      }
+    }
+  }
+  .right {
+    height: 100%;
+    background: #ffffff;
+    width: calc(100% - 326px);
+    .title {
+      font-size: 15px;
+      height: 41px;
+      line-height: 41px;
+      // background-color: #ffffff;
+      box-sizing: border-box;
+      padding: 0 22px;
+      // color: #282e49;
+      border-bottom: 2px #ebf0fc solid;
+      font-weight: 600;
+      .right_value {
+        color: rgba(115, 121, 150, 100);
+        font-size: 14px;
+        font-weight: 100;
+        .value {
+          color: #5181f6;
+        }
+      }
+    }
+    .content {
+      height: calc(100%);
+      // background-color: #fff;
+      box-sizing: border-box;
+      padding: 20px 20px;
+      .demo-facilityForm {
+        // width: 50%;
+        .el-input,
+        /deep/.el-select .el-input {
+          width: 300px;
+        }
+        /deep/ .el-form-item:nth-child(even) {
+          .el-form-item__label {
+            width: 280px !important;
+          }
+        }
+      }
+      .dark-form {
+        .el-input,
+        /deep/.el-select .el-input {
+          width: 250px;
+        }
+        .upload-demo {
+          width: 250px;
+          // display: flex;
+        }
+      }
+    }
+  }
+}
+/deep/ .__view {
+  min-height: calc(100% - 41px) !important;
+}
+/deep/ .el-checkbox__label {
+  display: none;
+}
+.el-menu-vertical-demo {
+  width: 100%;
+  background-color: #f7f7f7;
+}
+
+.cooperatorDetail {
+  width: 100%;
+  height: 100%;
+  // background: #ffffff;
+  box-sizing: border-box;
+  .navigationTitle {
+    //    border-bottom: 2px solid #ebf0fc;
+    // margin-bottom: 15px;
+  }
+}
+
+.nodata_wrap {
+  width: 100%;
+  text-align: center;
+  height: 80%;
+  padding-top: 20%;
+  box-sizing: border-box;
+  // color: #c3d4fd;
+  div {
+    margin-top: 10px;
+  }
+}
+
+.bgPack {
+  width: 100%;
+  height: 100%;
+  display: inline-block;
+  background-repeat: no-repeat;
+  position: relative;
+  overflow: auto;
+  .point {
+    position: absolute;
+    display: inline-block;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background: rgb(236, 126, 46);
+    text-align: center;
+    line-height: 30px;
+    color: #fff;
+    cursor: pointer;
+    user-select: none;
+  }
+  .point:hover {
+    background: rgb(241, 191, 24);
+  }
+}
+.downloadBtn {
+  top: 0;
+}
+.personItem {
+  margin-top: 10px;
+  // width: 300px;
+  .phone {
+    width: 300px !important;
+    margin-right: 10px;
+  }
+  .name {
+    width: 100px !important;
+  }
+}
+.el-icon-remove {
+  font-size: 22px;
+  margin-left: 10px;
+  margin-top: 7px;
+  vertical-align: top;
+  cursor: pointer;
+}
+.sava-adress {
+  // padding-left: 50px;
+  // padding-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 10px;
+  width: 100%;
+  box-sizing: border-box;
+  // /deep/.el-button{
+  //   margin: 0 auto;
+  //   display: block;
+  // }
+  // background: #fff;
+}
+.dark-btn {
+  /deep/ .el-button--success {
+    background: #0d2c54;
+    color: #fff;
+    border-color: #0080f3;
+    border-radius: 4px;
+  }
+  /deep/ .el-button--primary {
+    background: #0d2c54;
+    color: #fff;
+    border-color: #0d2b53;
+  }
+}
+.dark-btn2 {
+  background: #153e7d 1% !important;
+  color: #fff !important;
+  border-color: #0d2b53 !important;
+}
+.dark-style {
+  /deep/.el-input-group__append {
+    background-color: #153e7d;
+    border: 0;
+  }
+}
+.left {
+  .dark-menu {
+    .checked_item {
+      border-left: 0;
+      background-color: transparent !important;
+    }
+    /deep/.el-menu-item.is-active {
+      color: #88e7f0;
+    }
+    /deep/ .el-menu-item {
+      border: 0;
+      color: #fff;
+    }
+    /deep/.el-menu-item:hover,
+    .el-menu-item:focus {
+      outline: none;
+      background-color: transparent;
+      color: #88e7f0;
+    }
+  }
+}
+.cooperator {
+  .dark-right {
+    margin-left: 0;
+    /deep/.el-dialog__title::before,
+    .pageTitle::before {
+      background-color: #88e7f0;
+      border-bottom: 1px;
+    }
+    .title {
+      border-bottom: 1px solid #ebf0fc;
+    }
+    .bgPack {
+      background: #091225;
+      height: 100%;
+      img {
+        display: block;
+        margin: 0 auto;
+      }
+    }
+  }
+}
+
+.form-top-box {
+  display: flex;
+}
+.form-bottom-box {
+  display: flex;
+}
+.form-wrap {
+  // display: flex;
+  .form-left-box {
+    width: 100%;
+    margin-right: 10px;
+  }
+  .form-right-box {
+    width: 100%;
+    .driver-list {
+      padding: 0;
+      box-sizing: border-box;
+      width: 100%;
+      display: flex;
+      .driver-btn {
+        margin-right: 20px;
+      }
+      // flex-wrap: wrap;
+    }
+    .driver-item {
+      width: 380px;
+      padding: 7px 13px 8px 7px;
+      box-sizing: border-box;
+      background: #ffffff;
+      box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.05);
+      border-radius: 3px;
+      display: flex;
+      margin-bottom: 20px;
+      margin-right: 20px;
+      img {
+        width: 70px;
+        height: 107px;
+        border-radius: 3px;
+        margin-right: 15px;
+      }
+      h3 {
+        margin: 6px 0 12px 0;
+        font-size: 18px;
+        color: #1a1a1a;
+      }
+      .people-box {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .people-box_left {
+          display: flex;
+          align-items: center;
+          font-weight: 800;
+          font-size: 18px;
+          color: #1a1a1a;
+          .driver-sex {
+            margin-left: 18px;
+          }
+        }
+        .el-icon-delete {
+          color: #f56c6c;
+          cursor: pointer;
+          font-size: 16px;
+        }
+      }
+      .people-info {
+        // width: 215px;
+        width: calc(100% - 70px);
+      }
+      p {
+        line-height: 24px;
+      }
+      .people-year {
+        display: flex;
+        justify-content: space-between;
+      }
+      .driver-sex {
+        display: flex;
+        height: 20px;
+        align-items: center;
+        i {
+          display: block;
+          width: 16px;
+          height: 16px;
+          margin-right: 3px;
+          img {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+    }
+    .add-btn {
+      width: 200px;
+      height: 160px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: transparent;
+      border: 1px dashed rgba(255, 255, 255, 0.6);
+      font-size: 18px;
+      i {
+        margin-right: 20px;
+      }
+    }
+    .dark-item {
+      background: #0d2b53;
+      .driver-sex {
+        margin-left: -46px;
+      }
+    }
+  }
+  .form-h2 {
+    position: relative;
+    padding-left: 10px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+    display: flex;
+    font-weight: 500;
+    font-size: 16px;
+    color: #272d45;
+    justify-content: space-between;
+  }
+  .form-h2::before {
+    content: "";
+    background: #4181fe;
+    height: 90%;
+    width: 3px;
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  .dark-h2::before {
+    background: linear-gradient(to bottom, #88e7f0, #15315f);
+  }
+}
+.upload-demo {
+  width: 300px;
+  /deep/ .el-button--small {
+    padding: 0;
+    background: #eee;
+    border: 0;
+    color: #ccc;
+    width: 58px;
+    height: 40px;
+    font-size: 22px;
+  }
+  .dark-upImg {
+    background: #19263e;
+  }
+  /deep/.el-upload__tip {
+    margin: 0;
+  }
+  .dark-tip {
+    color: #fff;
+  }
+}
+.file-list {
+  display: flex;
+  align-items: center;
+  .file-item {
+    width: 58px;
+    height: 40px;
+    position: relative;
+    margin-right: 6px;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    i {
+      position: absolute;
+      right: -6px;
+      top: -6px;
+      cursor: pointer;
+    }
+  }
+}
+.select-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.delete-btn {
+  display: flex;
+  align-items: center;
+  margin-left: 20px;
+}
+.dark-close {
+  // color: #F56C6C;
+}
+.checkbox-list {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: 260px;
+  .checkbox-item {
+    width: 180px;
+    display: flex;
+    margin-bottom: 10px;
+    align-items: center;
+    /deep/ .el-checkbox__label {
+      display: inline-block;
+    }
+  }
+}
+.box_3d {
+  width: 100%;
+  height: 100%;
+}
+.nav_box {
+  display: flex;
+  // border: 1px solid #eee;
+  // border-radius: 4px;
+  background: #efefef;
+  .nav_item {
+    width: 60px;
+    background: #eee;
+    height: 30px;
+    line-height: 30px;
+    text-align: center;
+    cursor: pointer;
+    font-size: 16px;
+  }
+  .nav_item:nth-child(1) {
+    border-radius: 3px 0 0 3px;
+  }
+  .nav_item:nth-child(2) {
+    border-radius: 0 3px 3px 0;
+  }
+  .active_item {
+    background: #409eff;
+    color: #fff;
+  }
+}
+</style>
diff --git a/src/views/projectFront/cementMixingPileMonitor/pileDrivingList.vue b/src/views/projectFront/cementMixingPileMonitor/pileDrivingList.vue
index 69dcf953..1e5971a9 100644
--- a/src/views/projectFront/cementMixingPileMonitor/pileDrivingList.vue
+++ b/src/views/projectFront/cementMixingPileMonitor/pileDrivingList.vue
@@ -1,170 +1,177 @@
 <template>
   <div class="fullHeight whiteBlock">
-    <div style="padding: 15px 15px 0">
-      <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
-        <el-form-item label="名称">
-          <el-input v-model="searchForm.roundNumber" placeholder="请输入"></el-input>
-        </el-form-item>
-        <el-form-item label="设备编号">
-          <el-input
-            v-model="searchForm.largeSectionNumber"
-            placeholder="请输入"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="上传时间">
-          <el-date-picker
-            v-model="searchForm.assemblyDateArr"
-            type="datetimerange"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            :default-time="['00:00:00', '23:59:59']"
-            :range-separator="$t('message.sixComplete.to')"
-            :start-placeholder="$t('message.sixComplete.start')"
-            :end-placeholder="$t('message.sixComplete.end')"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" plain @click="queryBtn">{{
-            $t("message.energyManage.waybill.query")
-          }}</el-button>
-          <el-button type="warning" plain @click="refresh">{{
-            $t("message.deviceManage.refresh")
-          }}</el-button>
-          <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
-          <el-button
-            :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
-            :type="
-              $refs.multipleTable && $refs.multipleTable.selection.length == 0
-                ? 'info'
-                : 'danger'
-            "
-            class="delete_btn"
-            plain
-            @click="deleteAttendanceBatch"
-            >删除</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="table_wrap whiteBlock">
-      <el-table class="tables" ref="multipleTable" :data="List">
-        <el-table-column type="selection" align="center" width="55"></el-table-column>
-        <el-table-column
-          prop="roundNumber"
-          label="设备名称"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="largeSectionNumber"
-          align="center"
-          label="设备编号"
-        ></el-table-column>
-        <el-table-column
-          prop="smallSectionNumber"
-          align="center"
-          label="上传时间"
-        ></el-table-column>
-        <el-table-column prop="blockNumber" align="center" label="桩号"></el-table-column>
-        <el-table-column
-          prop="assemblyDate"
-          align="center"
-          label="任务名称"
-        ></el-table-column>
-        <el-table-column prop="weldingDate" align="center" label="司机"></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="坐标"
-        ></el-table-column>
-        <el-table-column
-          prop="shippingDate"
-          align="center"
-          label="沉桩深度(m)"
-        ></el-table-column>
-        <el-table-column
-          prop="weight"
-          align="center"
-          label="持力层电流(A)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="持力层(比值)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="垂直度(%)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="拔桩时间(止)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="沉桩电流(A)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="拔桩电流(A)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="沉桩速率(m/min)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="拔管速率(m/min)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="灌入量(m°)"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="桩点水平偏移距离(m)"
-        ></el-table-column>
-        <el-table-column fixed="right" width="220" label="操作" align="center">
-          <template slot-scope="scope">
-            <div class="tableBtns">
-              <div @click="newShowDatadetails(scope.row)" class="operationText">
-                <i
-                  class="el-icon-tickets"
-                  style="color: #8dacfa; font-size: 16px; margin-right: 2px"
-                ></i>
-                <span>查看</span>
-              </div>
-              <div @click="isAdd(2, scope.row)" class="operationText">
-                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
-                <span>编辑</span>
-              </div>
-              <div @click="deleteDev(scope.row)" class="operationText">
-                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
-                <span>删除</span>
-              </div>
+    <template v-if="safetyRiskDetailShow == 0">
+      <div style="padding: 15px 15px 0">
+        <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
+          <el-form-item label="桩点名称">
+            <el-input v-model="searchForm.pilePointName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="点位状态">
+            <el-select v-model="searchForm.pointStatus" placeholder="请选择">
+              <el-option
+                v-for="item in stateList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" plain @click="queryBtn">{{
+              $t("message.energyManage.waybill.query")
+            }}</el-button>
+            <el-button type="warning" plain @click="refresh">{{
+              $t("message.deviceManage.refresh")
+            }}</el-button>
+            <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
+            <el-button
+              :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
+              :type="
+                $refs.multipleTable && $refs.multipleTable.selection.length == 0
+                  ? 'info'
+                  : 'danger'
+              "
+              class="delete_btn"
+              plain
+              @click="deleteAttendanceBatch"
+              >删除</el-button
+            >
+            <el-button
+              class="border-radius_3"
+              @click="exportBtnTemplateDetail"
+              type="primary"
+              plain
+              >下载模版</el-button
+            >
+            <div class="upload-btn">
+              <el-upload
+                class="upload-demo"
+                name="excelFile"
+                :action="
+                  $http.defaults.baseURL + 'xmgl/gsBlockProductionInformation/importExcel'
+                "
+                :on-change="handleChangeE"
+                :on-success="handleSuccessE"
+                :on-error="handleErrorE"
+                :show-file-list="false"
+                :headers="headers"
+                :data="{ projectSn: $store.state.projectSn }"
+                accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
+                :auto-upload="true"
+              >
+                <!-- 批量导入 -->
+                <el-button type="primary" class="border-radius_3">导入</el-button>
+              </el-upload>
             </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        class="pagerBox"
-        @size-change="SizeChange"
-        @current-change="CurrentChange"
-        :current-page="pagInfo.pageNo"
-        :page-sizes="$store.state.PAGESIZRS"
-        :page-size="pagInfo.pageSize"
-        layout="total, sizes, prev, pager, next"
-        :total="Number(pagInfo.total)"
-        background
-      ></el-pagination>
-    </div>
+            <el-button
+              class="border-radius_3"
+              @click="exportBtnTemplateDetail"
+              type="primary"
+              >导出</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="table_wrap whiteBlock">
+        <el-table class="tables" ref="multipleTable" :data="cementMixPilePointList">
+          <el-table-column type="selection" align="center" width="55"></el-table-column>
+          <el-table-column type="index" label="序号" align="center"></el-table-column>
+          <el-table-column
+            prop="taskName"
+            align="center"
+            label="任务名称"
+          ></el-table-column>
+          <el-table-column
+            prop="pilePointName"
+            align="center"
+            label="桩点名称"
+          ></el-table-column>
+          <el-table-column
+            prop="coordinateX"
+            align="center"
+            label="X坐标"
+          ></el-table-column>
+          <el-table-column
+            prop="coordinateY"
+            align="center"
+            label="Y坐标"
+          ></el-table-column>
+          <el-table-column prop="elevation" align="center" label="高程"></el-table-column>
+          <el-table-column
+            prop="designPileDepth"
+            align="center"
+            label="设计桩深(m)"
+          ></el-table-column>
+          <el-table-column
+            prop="designGroutingVolume"
+            align="center"
+            label="设计灌入量(m°)"
+          ></el-table-column>
+          <el-table-column prop="pointStatus" align="center" label="点位状态">
+            <template v-slot="{ row }">
+              <span
+                class="color-box"
+                :class="{
+                  'color-32a': row.pointStatus == 1,
+                  'color-e69': row.pointStatus == 2,
+                }"
+              >
+                {{
+                  row.pointStatus == 2
+                    ? "进行中"
+                    : row.pointStatus == 1
+                    ? "已完成"
+                    : "未施工"
+                }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="statusChineseCharacterAnnotation"
+            align="center"
+            label="状态汉字注释"
+          ></el-table-column>
+          <el-table-column fixed="right" width="280" label="操作" align="center">
+            <template slot-scope="scope">
+              <div class="tableBtns">
+                <div @click="newShowDatadetails(scope.row)" class="operationText">
+                  <i
+                    class="el-icon-tickets"
+                    style="color: #8dacfa; font-size: 16px; margin-right: 2px"
+                  ></i>
+                  <span>成桩数据</span>
+                </div>
+                <div @click="isAdd(2, scope.row)" class="operationText">
+                  <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                  <span>编辑</span>
+                </div>
+                <div @click="deleteDev(scope.row)" class="operationText">
+                  <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                  <span>删除</span>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="pagerBox"
+          @size-change="SizeChange"
+          @current-change="CurrentChange"
+          :current-page="pagInfo.pageNo"
+          :page-sizes="$store.state.PAGESIZRS"
+          :page-size="pagInfo.pageSize"
+          layout="total, sizes, prev, pager, next"
+          :total="Number(pagInfo.total)"
+          background
+        ></el-pagination>
+      </div>
+    </template>
+    <PileDrivingListDetail
+      :taskInfoFrom="safetyRiskDetail"
+      @updateValue="handleValue"
+      v-else-if="safetyRiskDetailShow == 1"
+    ></PileDrivingListDetail>
     <el-dialog
       :modal-append-to-body="false"
       @close="close"
@@ -181,71 +188,45 @@
           label-width="140px"
           class="dialogFormBox"
         >
-          <el-form-item label="设备名称" prop="roundNumber">
-            <el-input v-model="addEditForm.roundNumber" placeholder="请输入"></el-input>
+          <el-form-item label="任务名称" prop="taskName">
+            <el-input v-model="addEditForm.taskName" placeholder="请输入"></el-input>
           </el-form-item>
-          <el-form-item label="设备编号" prop="largeSectionNumber">
+          <el-form-item label="桩点名称" prop="pilePointName">
+            <el-input v-model="addEditForm.pilePointName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="X坐标" prop="coordinateX">
             <el-input
-              v-model="addEditForm.largeSectionNumber"
+              v-model="addEditForm.coordinateX"
+              type="number"
               placeholder="请输入"
             ></el-input>
           </el-form-item>
-          <el-form-item label="桩号" prop="smallSectionNumber">
+          <el-form-item label="Y坐标" prop="coordinateY">
             <el-input
-              v-model="addEditForm.smallSectionNumber"
-              placeholder="任务名称"
+              v-model="addEditForm.coordinateY"
+              type="number"
+              placeholder="请输入"
             ></el-input>
           </el-form-item>
-          <el-form-item label="司机" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
+          <el-form-item label="高程" prop="elevation">
+            <el-input v-model="addEditForm.elevation" placeholder="请输入"></el-input>
           </el-form-item>
-          <el-form-item label="上传时间" prop="assemblyDate">
-            <el-date-picker
-              v-model="addEditForm.assemblyDate"
-              type="datetime"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
-            >
-            </el-date-picker>
+          <el-form-item label="设计桩深(m)" prop="designPileDepth">
+            <el-input
+              v-model="addEditForm.designPileDepth"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="坐标" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
+          <el-form-item label="设计灌入量(m°)" prop="designGroutingVolume">
+            <el-input
+              v-model="addEditForm.designGroutingVolume"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
           </el-form-item>
-          <el-form-item label="沉桩深度(m)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="持力层电流(A)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="持力层(比值)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="垂直度(%)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="拔桩时间(止)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="沉桩电流(A)" prop="weight">
-            <el-input v-model="addEditForm.weight" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="拔桩电流(A)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="沉桩速率(m/min)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="拔管速率(m/min)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="灌入量(m°)" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="桩点水平偏移距离(m" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <!-- <el-form-item label="状态" prop="status">
-            <el-select v-model="addEditForm.status" placeholder="请选择">
+          <el-form-item label="点位状态" prop="pointStatus">
+            <el-select v-model="addEditForm.pointStatus" placeholder="请选择">
               <el-option
                 v-for="item in stateList"
                 :key="item.value"
@@ -254,10 +235,15 @@
               >
               </el-option>
             </el-select>
-          </el-form-item> -->
+          </el-form-item>
+          <el-form-item label="状态汉字注释" prop="statusChineseCharacterAnnotation">
+            <el-input
+              v-model="addEditForm.statusChineseCharacterAnnotation"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
         </el-form>
       </div>
-
       <div class="dialog-footer">
         <el-button
           class="cancleBtn"
@@ -275,169 +261,20 @@
         </el-button>
       </div>
     </el-dialog>
-    <el-dialog
-      :modal-append-to-body="false"
-      title="详情"
-      :visible.sync="operatingRiskDialog"
-      width="1170px"
-      class="source-danger"
-    >
-      <div class="dialog_content dialog_main_operatingrisk">
-        <div class="content-main content-main1">
-          <div class="content-header">基本信息</div>
-          <div class="content-box">
-            <div class="content-item">
-              <div>设备名称</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>设备编号</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>上传时间</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>桩号</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>任务名称</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>司机</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>坐标</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>沉桩深度(m)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>持力层电流(A)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>持力层(比值)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>垂直度(%)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>拔桩时间(止)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>沉桩电流(A)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>拔桩电流(A)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>沉桩速率(m/min)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>拔管速率(m/min)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>灌入量(m3)</div>
-              <div>0.5</div>
-            </div>
-            <div class="content-item">
-              <div>桩点水平催移距离(m)</div>
-              <div>0.5</div>
-            </div>
-          </div>
-        </div>
-        <div class="content-main content-main2">
-          <div class="content-header">详细数据</div>
-          <div class="content-box">
-            <div class="content-item">
-              <el-radio-group v-model="radio2" size="medium">
-                <el-radio-button label="深度(m)"></el-radio-button>
-                <el-radio-button label="压桩速率(m)"></el-radio-button>
-                <el-radio-button label="沉桩电流(A)"></el-radio-button>
-                <el-radio-button label="拔桩电流(A)"></el-radio-button>
-                <el-radio-button label="成桩体积(m3)"></el-radio-button>
-              </el-radio-group>
-            </div>
-            <div class="box2_main">
-              <div class="chart-box" ref="riskTrendLineCharts"></div>
-            </div>
-          </div>
-        </div>
-        <div class="content-main content-main3">
-          <div class="content-header">每米施工情况表</div>
-          <el-table
-            class="weld_table"
-            max-height="300"
-            :data="dataList"
-            border
-            style="width: 100%"
-          >
-            <el-table-column prop="weldingCurrent" label="深度(m)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="成桩体积(m3)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="垂直度(%)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="沉桩电流(A)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="持力层电流(A)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="压桩速率(m/min)" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="weldingCurrent" label="上传日期" align="center">
-              <template slot-scope="scope">
-                {{ scope.row.weldingCurrent || "--" }}
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </div>
-    </el-dialog>
   </div>
 </template>
 <script>
 import {
-  addBlockProductionInformationApi,
-  deleteBlockProductionInformationApi,
-  editBlockProductionInformationApi,
-  getBlockProductionInformationPageApi,
-  batchDeleteBlockProductionInformationApi,
-} from "@/assets/js/api/progressManagement.js";
+  getCementMixPilePointPageApi,
+  addCementMixPilePointApi,
+  editCementMixPilePointApi,
+  deleteCementMixPilePointApi,
+  deleteBatchCementMixPilePointApi,
+} from "@/assets/js/api/cementMixingPileMonitor";
+import PileDrivingListDetail from "./pileDrivingListDetail.vue";
 export default {
-  mounted() {
-    this.getList();
+  components: {
+    PileDrivingListDetail,
   },
   data() {
     return {
@@ -448,21 +285,20 @@ export default {
         pageSize: 10, //条数
         total: 0, //总条数
       },
-      List: [],
+      cementMixPilePointList: [],
       addEditForm: {
-        roundNumber: "",
-        largeSectionNumber: "",
-        smallSectionNumber: "",
-        blockNumber: "",
-        assemblyDate: "",
-        paintingDate: "",
-        shippingDate: "",
-        weldingDate: "",
-        status: "",
-        weight: "",
+        taskName: "",
+        pilePointName: "",
+        coordinateX: "",
+        coordinateY: "",
+        elevation: "",
+        designPileDepth: "",
+        designGroutingVolume: "",
+        pointStatus: "",
+        statusChineseCharacterAnnotation: "",
       },
       addEditRules: {
-        roundNumber: [
+        taskName: [
           {
             required: true,
             message: "必填",
@@ -471,29 +307,105 @@ export default {
         ],
       },
       searchForm: {
-        roundNumber: "",
-        largeSectionNumber: "",
-        smallSectionNumber: "",
-        blockNumber: "",
-        assemblyDateArr: [],
-        paintingDateArr: [],
-        shippingDateArr: [],
-        status: "",
+        pilePointName: "",
+        pointStatus: "",
       },
       stateList: [
+        {
+          value: 0,
+          label: "未施工",
+        },
         {
           value: 1,
-          label: "未完成",
+          label: "已完成",
         },
         {
           value: 2,
-          label: "已完成",
+          label: "进行中",
         },
       ],
-      operatingRiskDialog: true,
+      safetyRiskDetailShow: 0,
+      safetyRiskDetail: {},
     };
   },
+  mounted() {
+    this.getList();
+  },
   methods: {
+    handleChangeE(file, fileList) {
+      if (file.raw) {
+        if (
+          file.raw.type ==
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          file.raw.type == "application/vnd.ms-excel"
+        ) {
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint5"));
+        }
+      }
+    },
+    handleSuccessE(file) {
+      console.log("==========", file);
+      if (file.code == 200) {
+        this.$message.success(file.message); //导入成功
+        this.queryBtn();
+      } else {
+        this.$message.error(file.message);
+      }
+    },
+    handleErrorE() {
+      this.$message.error(this.$t("message.laborMange.hint7"));
+      this.queryBtn();
+    },
+    // 导出模版风险详情
+    exportBtnTemplateDetail() {
+      fetch(
+        this.$http.defaults.baseURL +
+          `xmgl/gsBridgeSite/downloadExcel?projectSn=${this.$store.state.projectSn}`,
+        {
+          method: "get",
+          headers: {
+            Authorization: this.$store.state.userInfo.token,
+            "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+          },
+          // body: JSON.stringify(data) // 将data对象转换为JSON字符串并作为请求体发送
+        }
+      )
+        .then((response) => {
+          // 处理响应
+          if (!response.ok) {
+            throw new Error("下载失败");
+          }
+          return response.blob();
+        })
+        .then((blob) => {
+          // 创建一个下载链接
+          const url = window.URL.createObjectURL(blob);
+          // 创建一个<a>元素
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = "桥位环缝.xlsx"; // 指定下载文件的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放URL对象
+          window.URL.revokeObjectURL(url);
+          // 处理导出的文件
+          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+        })
+        .catch((error) => {
+          // 处理错误
+          console.error(error);
+        });
+    },
+    newShowDatadetails(row) {
+      this.safetyRiskDetail = row;
+      this.safetyRiskDetailShow = 1;
+    },
+    handleValue(type) {
+      this.safetyRiskDetailShow = type;
+    },
     // 批量删除考勤人员
     deleteAttendanceBatch() {
       if (this.$refs.multipleTable.selection.length === 0)
@@ -506,7 +418,7 @@ export default {
         .then(() => {
           const ids = this.$refs.multipleTable.selection.map((item) => item.id).join(",");
           console.log(this.$refs.multipleTable.selection);
-          batchDeleteBlockProductionInformationApi({ ids }).then((res) => {
+          deleteBatchCementMixPilePointApi({ ids }).then((res) => {
             this.queryBtn();
           });
         })
@@ -514,48 +426,15 @@ export default {
     },
     //查询仓库数据
     getList() {
-      getBlockProductionInformationPageApi({
+      getCementMixPilePointPageApi({
         pageNo: this.pagInfo.pageNo,
         pageSize: this.pagInfo.pageSize,
         projectSn: this.$store.state.projectSn,
-        roundNumber: this.searchForm.roundNumber,
-        largeSectionNumber: this.searchForm.largeSectionNumber,
-        smallSectionNumber: this.searchForm.smallSectionNumber,
-        blockNumber: this.searchForm.blockNumber,
-        assemblyDate_begin:
-          this.searchForm.assemblyDateArr instanceof Array &&
-          this.searchForm.assemblyDateArr[0]
-            ? this.searchForm.assemblyDateArr[0]
-            : "",
-        assemblyDate_end:
-          this.searchForm.assemblyDateArr instanceof Array &&
-          this.searchForm.assemblyDateArr[1]
-            ? this.searchForm.assemblyDateArr[1]
-            : "",
-        paintingDate_begin:
-          this.searchForm.paintingDateArr instanceof Array &&
-          this.searchForm.paintingDateArr[0]
-            ? this.searchForm.paintingDateArr[0]
-            : "",
-        paintingDate_end:
-          this.searchForm.paintingDateArr instanceof Array &&
-          this.searchForm.paintingDateArr[1]
-            ? this.searchForm.paintingDateArr[1]
-            : "",
-        shippingDate_begin:
-          this.searchForm.shippingDateArr instanceof Array &&
-          this.searchForm.shippingDateArr[0]
-            ? this.searchForm.shippingDateArr[0]
-            : "",
-        shippingDate_end:
-          this.searchForm.shippingDateArr instanceof Array &&
-          this.searchForm.shippingDateArr[1]
-            ? this.searchForm.shippingDateArr[1]
-            : "",
-        status: this.searchForm.status,
+        pilePointName: this.searchForm.pilePointName,
+        pointStatus: this.searchForm.pointStatus,
       }).then((result) => {
         if (result.success) {
-          this.List = result.result.records;
+          this.cementMixPilePointList = result.result.records;
           this.pagInfo.total = result.result.total;
         }
       });
@@ -578,21 +457,22 @@ export default {
       this.$refs.addEditForm.validate((valid) => {
         if (valid) {
           if (this.title == "新增") {
-            addBlockProductionInformationApi(params).then((result) => {
+            addCementMixPilePointApi(params).then((result) => {
               if (result.success) {
                 this.$message.success(result.message);
+                this.dialogShow = false;
                 this.getList();
               }
             });
           } else if (this.title === "编辑") {
-            editBlockProductionInformationApi(params).then((result) => {
+            editCementMixPilePointApi(params).then((result) => {
               if (result.success) {
                 this.$message.success(result.message);
+                this.dialogShow = false;
                 this.getList();
               }
             });
           }
-          this.dialogShow = false;
         } else {
           return false;
         }
@@ -605,7 +485,7 @@ export default {
         type: "warning",
       })
         .then(() => {
-          deleteBlockProductionInformationApi({ id: obj.id }).then((res) => {
+          deleteCementMixPilePointApi({ id: obj.id }).then((res) => {
             if (res.success) {
               this.getList();
               this.$message({
@@ -663,66 +543,14 @@ export default {
 };
 </script>
 <style lang="less" scoped>
-.dialog_main_operatingrisk {
-  max-height: 580px;
-  overflow-y: scroll;
-
-  .content-main3 {
-    /deep/ .weld_table {
-      width: 100%;
-      border-color: #d8dbe8;
-      .el-table__cell {
-        border-color: #d8dbe8;
-      }
-      thead .el-table__cell {
-        background-color: #f6f6f6;
-      }
-      .el-input {
-        width: 100% !important;
-      }
-    }
-  }
-  .content-main2 {
-    .content-item {
-      margin-bottom: 20px;
-    }
-    .box2_main {
-      width: 100%;
-      height: 420px;
-      .chart-box {
-        width: 100%;
-        height: 100%;
-      }
-    }
-  }
-  .content-main1 {
-    .content-box {
-      display: flex;
-      flex-wrap: wrap;
-      .content-item {
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        color: #272d45;
-        margin-bottom: 20px;
-        width: 45%;
-        > div:first-child {
-          color: #a2a4af;
-          margin-right: 8px;
-          width: 140px;
-          text-align: right;
-        }
-      }
-    }
-  }
-  .content-main {
-    .content-header {
-      margin-bottom: 20px;
-      font-weight: 800;
-      font-size: 16px;
-      color: #4d4d4d;
-    }
-  }
+.color-box {
+  color: #747994;
+}
+.color-32a {
+  color: #32ae37;
+}
+.color-e69 {
+  color: #e69436;
 }
 .el-dialog__body {
   padding: 20px;
diff --git a/src/views/projectFront/cementMixingPileMonitor/pileDrivingListDetail.vue b/src/views/projectFront/cementMixingPileMonitor/pileDrivingListDetail.vue
new file mode 100644
index 00000000..a8c40f3f
--- /dev/null
+++ b/src/views/projectFront/cementMixingPileMonitor/pileDrivingListDetail.vue
@@ -0,0 +1,910 @@
+<template>
+  <div class="container_main">
+    <div class="sidebar_btn">
+      <el-button
+        class="flex"
+        @click="sendValue"
+        size="small"
+        icon="el-icon-back"
+        type="primary"
+        plain
+        >返回</el-button
+      >
+      <div class="header-box">任务信息</div>
+    </div>
+    <div class="sidebar_content">
+      <el-form size="medium" ref="taskInfoFrom" :model="taskInfoFrom" label-width="120px">
+        <!-- <el-form-item label="点位名称" prop="pilePointName">
+          {{ taskInfoFrom.pilePointName }}
+        </el-form-item> -->
+        <el-form-item label="任务名称" prop="taskName">
+          {{ taskInfoFrom.taskName }}
+        </el-form-item>
+        <el-form-item label="X坐标" prop="coordinateX">
+          {{ taskInfoFrom.coordinateX }}
+        </el-form-item>
+        <el-form-item label="Y坐标" prop="coordinateY">
+          {{ taskInfoFrom.coordinateY }}
+        </el-form-item>
+        <el-form-item label="高程" prop="elevation">
+          {{ taskInfoFrom.elevation }}
+        </el-form-item>
+        <el-form-item label="设计桩深(m)" prop="designPileDepth">
+          {{ taskInfoFrom.designPileDepth }}
+        </el-form-item>
+        <el-form-item label="设计灌入量(m°)" prop="designGroutingVolume">
+          {{ taskInfoFrom.designGroutingVolume }}
+        </el-form-item>
+        <el-form-item label="点位状态" prop="pointStatus">
+          <span
+            class="color-box"
+            :class="{
+              'color-32a': taskInfoFrom.pointStatus == 1,
+              'color-e69': taskInfoFrom.pointStatus == 2,
+            }"
+          >
+            {{
+              taskInfoFrom.pointStatus == 2
+                ? "进行中"
+                : taskInfoFrom.pointStatus == 1
+                ? "已完成"
+                : "未施工"
+            }}
+          </span>
+        </el-form-item>
+        <el-form-item label="状态汉字注释" prop="statusChineseCharacterAnnotation">
+          {{ taskInfoFrom.statusChineseCharacterAnnotation }}
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="sidebar_content1">
+      <div class="header-box">成桩数据</div>
+      <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
+        <el-form-item label="设备名称">
+          <el-select v-model="searchForm.eqDevSn" placeholder="请选择">
+            <el-option
+              v-for="item in cementMixPileDevList"
+              :key="item.devSn"
+              :label="item.devName"
+              :value="item.devSn"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="设备编号">
+          <el-input v-model="searchForm.devSn" placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="上传时间">
+          <el-date-picker
+            v-model="searchForm.dateRangeArr"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :default-time="['00:00:00', '23:59:59']"
+            :range-separator="$t('message.sixComplete.to')"
+            :start-placeholder="$t('message.sixComplete.start')"
+            :end-placeholder="$t('message.sixComplete.end')"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" plain @click="queryBtn">{{
+            $t("message.energyManage.waybill.query")
+          }}</el-button>
+          <el-button type="warning" plain @click="refresh">{{
+            $t("message.deviceManage.refresh")
+          }}</el-button>
+          <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
+          <el-button
+            :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
+            :type="
+              $refs.multipleTable && $refs.multipleTable.selection.length == 0
+                ? 'info'
+                : 'danger'
+            "
+            class="delete_btn"
+            plain
+            @click="deleteAttendanceBatch"
+            >删除</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <el-table class="tables" ref="multipleTable" :data="dataList">
+        <el-table-column type="selection" align="center" width="55"></el-table-column>
+        <el-table-column prop="devName" align="center" label="设备名称"></el-table-column>
+        <el-table-column prop="devSn" label="设备编号" align="center"></el-table-column>
+        <el-table-column
+          prop="uploadTime"
+          align="center"
+          label="上传时间"
+        ></el-table-column>
+        <el-table-column
+          prop="pilePointName"
+          align="center"
+          label="桩点名称"
+        ></el-table-column>
+        <el-table-column
+          prop="taskName"
+          align="center"
+          label="任务名称"
+        ></el-table-column>
+        <el-table-column
+          prop="pileDrivingStartTime"
+          align="center"
+          label="沉桩开始时间"
+        ></el-table-column>
+        <el-table-column
+          prop="pileDrivingEndTime"
+          align="center"
+          label="沉桩结束时间"
+        ></el-table-column>
+        <el-table-column
+          prop="pileExtractionStartTime"
+          align="center"
+          label="拔桩开始时间"
+        ></el-table-column>
+        <el-table-column
+          prop="pileExtractionEndTime"
+          align="center"
+          label="拔桩结束时间"
+        ></el-table-column>
+        <el-table-column width="280" label="操作" align="center">
+          <template slot-scope="scope">
+            <div class="tableBtns">
+              <div @click="isAdd(3, scope.row)" class="operationText">
+                <i
+                  class="el-icon-tickets"
+                  style="color: #8dacfa; font-size: 16px; margin-right: 2px"
+                ></i>
+                <span>查看</span>
+              </div>
+              <div @click="isAdd(2, scope.row)" class="operationText">
+                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                <span>编辑</span>
+              </div>
+              <div @click="deleteDev(scope.row)" class="operationText">
+                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                <span>删除</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        class="pagerBox"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :current-page="pageInfo.pageNo"
+        :page-sizes="$store.state.PAGESIZRS"
+        :page-size="pageInfo.pageSize"
+        layout="total, sizes, prev, pager, next"
+        :total="Number(pageInfo.total)"
+        background
+      ></el-pagination>
+    </div>
+    <el-dialog
+      :modal-append-to-body="false"
+      @close="close"
+      :title="title"
+      :visible.sync="dialogShow"
+      width="1036px"
+    >
+      <div class="dialog_content">
+        <el-form
+          size="medium"
+          ref="addEditForm"
+          :model="addEditForm"
+          :rules="addEditRules"
+          label-width="170px"
+          class="dialogFormBox"
+        >
+          <el-form-item label="设备名称:" prop="devName">
+            <template v-if="showType == 3">
+              {{ addEditForm.devName }}
+            </template>
+            <el-select
+              v-else
+              @change="onDevChange"
+              v-model="addEditForm.devSn"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in cementMixPileDevList"
+                :key="item.devSn"
+                :label="item.devName"
+                :value="item.devSn"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="上传时间:" prop="uploadTime">
+            <template v-if="showType == 3">
+              {{ addEditForm.uploadTime }}
+            </template>
+            <el-date-picker
+              v-else
+              v-model="addEditForm.uploadTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="桩点名称:" prop="pilePointName">
+            <template v-if="showType == 3">
+              {{ addEditForm.pilePointName }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.pilePointName"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="任务名称:" prop="taskName">
+            <template v-if="showType == 3">
+              {{ addEditForm.taskName }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.taskName"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="沉桩开始时间:" prop="pileDrivingStartTime">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileDrivingStartTime }}
+            </template>
+            <el-date-picker
+              v-else
+              v-model="addEditForm.pileDrivingStartTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :picker-options="
+                handleTimeChange(addEditForm.pileDrivingEndTime, 'startTime')
+              "
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="沉桩结束时间:" prop="pileDrivingEndTime">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileDrivingEndTime }}
+            </template>
+            <el-date-picker
+              v-else
+              v-model="addEditForm.pileDrivingEndTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :picker-options="
+                handleTimeChange(addEditForm.pileDrivingStartTime, 'endTime')
+              "
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="拔桩开始时间:" prop="pileExtractionStartTime">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileExtractionStartTime }}
+            </template>
+            <el-date-picker
+              v-else
+              v-model="addEditForm.pileExtractionStartTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :picker-options="
+                handleTimeChange(addEditForm.pileExtractionEndTime, 'startTime')
+              "
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="拔桩结束时间:" prop="pileExtractionEndTime">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileExtractionEndTime }}
+            </template>
+            <el-date-picker
+              v-else
+              v-model="addEditForm.pileExtractionEndTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+              :picker-options="
+                handleTimeChange(addEditForm.pileExtractionStartTime, 'endTime')
+              "
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="施工高程:" prop="constructionElevation">
+            <template v-if="showType == 3">
+              {{ addEditForm.constructionElevation }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.constructionElevation"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="施工X坐标:" prop="constructionXCoordinate">
+            <template v-if="showType == 3">
+              {{ addEditForm.constructionXCoordinate }}
+            </template>
+            <el-input
+              v-else
+              type="number"
+              v-model="addEditForm.constructionXCoordinate"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="施工Y坐标:" prop="constructionYCoordinate">
+            <template v-if="showType == 3">
+              {{ addEditForm.constructionYCoordinate }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.constructionYCoordinate"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="施工经度:" prop="constructionLongitude">
+            <template v-if="showType == 3">
+              {{ addEditForm.constructionLongitude }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.constructionLongitude"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="施工纬度:" prop="constructionLatitude">
+            <template v-if="showType == 3">
+              {{ addEditForm.constructionLatitude }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.constructionLatitude"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="持力层(比值):" prop="bearingLayer">
+            <template v-if="showType == 3">
+              {{ addEditForm.bearingLayer }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.bearingLayer"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="沉桩深度(m):" prop="pileDrivingDepth">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileDrivingDepth }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.pileDrivingDepth"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="持力层电流(A):" prop="bearingLayerCurrent">
+            <template v-if="showType == 3">
+              {{ addEditForm.bearingLayerCurrent }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.bearingLayerCurrent"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="拔桩电流(A):" prop="pileExtractionCurrent">
+            <template v-if="showType == 3">
+              {{ addEditForm.pileExtractionCurrent }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.pileExtractionCurrent"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="垂直度(%):" prop="verticality">
+            <template v-if="showType == 3">
+              {{ addEditForm.verticality }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.verticality"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="沉桩平均电流(A):" prop="averagePileDrivingCurrent">
+            <template v-if="showType == 3">
+              {{ addEditForm.averagePileDrivingCurrent }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.averagePileDrivingCurrent"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="拔桩平均电流(A):" prop="averagePileExtractionCurrent">
+            <template v-if="showType == 3">
+              {{ addEditForm.averagePileExtractionCurrent }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.averagePileExtractionCurrent"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="沉桩平均速率(m/min):" prop="averagePileDrivingRate">
+            <template v-if="showType == 3">
+              {{ addEditForm.averagePileDrivingRate }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.averagePileDrivingRate"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="拔桩平均速率(m/min):" prop="averagePileExtractionRate">
+            <template v-if="showType == 3">
+              {{ addEditForm.averagePileExtractionRate }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.averagePileExtractionRate"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实际灌入量(m°):" prop="actualGroutingVolume">
+            <template v-if="showType == 3">
+              {{ addEditForm.actualGroutingVolume }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.actualGroutingVolume"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item
+            label="桩点水平偏差距离(m):"
+            prop="horizontalDeviationDistanceOfPilePoint"
+          >
+            <template v-if="showType == 3">
+              {{ addEditForm.horizontalDeviationDistanceOfPilePoint }}
+            </template>
+            <el-input
+              v-else
+              v-model="addEditForm.horizontalDeviationDistanceOfPilePoint"
+              type="number"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <template v-if="showType == 3">
+              {{ addEditForm.status == 2 ? "已完成" : "未完成" }}
+            </template>
+            <el-select v-else v-model="addEditForm.status" placeholder="请选择">
+              <el-option
+                v-for="item in stateList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer" v-if="showType != 3">
+        <el-button
+          class="cancleBtn"
+          @click="dialogShow = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >{{ $t("message.deviceManage.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="submit"
+          size="medium"
+          >{{ $t("message.deviceManage.save") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  getCementMixPilePilPageApi,
+  addCementMixPilePilApi,
+  editCementMixPilePilApi,
+  deleteCementMixPilePilApi,
+  deleteBatchCementMixPilePilApi,
+  getCementMixPileDevListApi,
+} from "@/assets/js/api/cementMixingPileMonitor";
+import dayjs from "dayjs";
+export default {
+  name: "pileDrivingListDetail",
+  props: ["taskInfoFrom"],
+  data() {
+    return {
+      projectSn: "",
+      tableData: [],
+      searchForm: {
+        eqDevSn: "",
+        devSn: "",
+        dateRangeArr: [],
+      },
+      dataList: [],
+      stateList: [
+        {
+          value: 1,
+          label: "未完成",
+        },
+        {
+          value: 2,
+          label: "已完成",
+        },
+      ],
+
+      title: "",
+      dialogShow: false,
+      pageInfo: {
+        pageNo: 1, //页数
+        pageSize: 10, //条数
+        total: 0, //总条数
+      },
+      addEditForm: {
+        devName: "",
+        uploadTime: "",
+        pilePointName: "",
+        taskName: "",
+        pileDrivingStartTime: "",
+        pileDrivingEndTime: "",
+        pileExtractionStartTime: "",
+        pileExtractionEndTime: "",
+        constructionElevation: "",
+        constructionXCoordinate: "",
+        constructionYCoordinate: "",
+        constructionLongitude: "",
+        constructionLatitude: "",
+        bearingLayer: "",
+        pileDrivingDepth: "",
+        bearingLayerCurrent: "",
+        pileExtractionCurrent: "",
+        verticality: "",
+        averagePileDrivingCurrent: "",
+        averagePileExtractionCurrent: "",
+        averagePileDrivingRate: "",
+        averagePileExtractionRate: "",
+        actualGroutingVolume: "",
+        horizontalDeviationDistanceOfPilePoint: "",
+        status: "",
+      },
+      addEditRules: {
+        taskName: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+      },
+      cementMixPileDevList: [],
+      showType: 1,
+    };
+  },
+  created() {
+    this.projectSn = this.$store.state.userInfo.sn;
+    this.queryBtn();
+    this.getCementMixPileDevList();
+  },
+  methods: {
+    onDevChange() {
+      const find = this.cementMixPileDevList.find(
+        (item) => item.devSn === this.addEditForm.devSn
+      );
+      if (find) {
+        this.addEditForm.devName = find.devName;
+      }
+    },
+    getCementMixPileDevList() {
+      getCementMixPileDevListApi({
+        projectSn: this.projectSn,
+      }).then((res) => {
+        if (res.code == 200) {
+          this.cementMixPileDevList = res.result;
+        }
+      });
+    },
+    handleTimeChange(diffTime, type) {
+      return {
+        disabledDate: (time) => {
+          // console.log(time, diffTime, type)
+          const date1 = dayjs(time);
+          const date2 = dayjs(diffTime);
+          if (type == "startTime") {
+            return date1.diff(date2) > 0 ? true : false;
+          } else if (type == "endTime") {
+            return date2.diff(date1) > 0 ? true : false;
+          }
+          return false;
+        },
+      };
+    },
+    newShowDatadetails(row) {
+      this.safetyRiskDetail = row;
+      this.safetyRiskDetailShow = 1;
+    },
+    handleValue(type) {
+      this.safetyRiskDetailShow = type;
+    },
+    // 批量删除考勤人员
+    deleteAttendanceBatch() {
+      if (this.$refs.multipleTable.selection.length === 0)
+        return this.$message.warning("请勾选需要删除的数据！");
+      this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const ids = this.$refs.multipleTable.selection.map((item) => item.id).join(",");
+          console.log(this.$refs.multipleTable.selection);
+          deleteBatchCementMixPilePilApi({ ids }).then((res) => {
+            this.queryBtn();
+          });
+        })
+        .catch(() => {});
+    },
+
+    isAdd(type, obj) {
+      this.showType = type;
+      if (type == 1) {
+        this.title = "新增";
+        this.close();
+      } else if (type == 2) {
+        this.title = "编辑";
+        this.addEditForm = JSON.parse(JSON.stringify(obj));
+      } else if (type == 3) {
+        this.title = "详情";
+        this.addEditForm = JSON.parse(JSON.stringify(obj));
+      }
+
+      this.dialogShow = true;
+    },
+    submit() {
+      let params = JSON.parse(JSON.stringify(this.addEditForm));
+      params.projectSn = this.$store.state.projectSn;
+      params.pointId = this.taskInfoFrom.id;
+      this.$refs.addEditForm.validate((valid) => {
+        if (valid) {
+          if (this.title == "新增") {
+            addCementMixPilePilApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.dialogShow = false;
+                this.getDataList();
+              }
+            });
+          } else if (this.title === "编辑") {
+            editCementMixPilePilApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.dialogShow = false;
+                this.getDataList();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    deleteDev(obj) {
+      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteCementMixPilePilApi({ id: obj.id }).then((res) => {
+            if (res.success) {
+              this.getDataList();
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            } else {
+              this.$message({
+                type: "error",
+                message: res.message,
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+
+    close() {
+      this.addEditForm = {};
+      this.$nextTick(() => {
+        this.$refs.addEditForm.clearValidate();
+      });
+    },
+    queryBtn() {
+      this.pageInfo.pageNo = 1; //页数
+      this.getDataList(); //重新获取数据
+    },
+    refresh() {
+      this.searchForm = {
+        eqDevSn: "",
+        devSn: "",
+        dateRangeArr: [],
+      };
+      this.pageInfo.pageNo = 1; //页数
+      this.pageInfo.pageSize = 10; //条数
+      this.getDataList();
+    },
+    //查看条数
+    handleSizeChange(val) {
+      this.pageInfo.pageSize = val;
+      this.getDataList();
+    },
+    //查看页
+    handleCurrentChange(val) {
+      this.pageInfo.pageNo = val;
+      this.getDataList();
+    },
+    getDataList() {
+      getCementMixPilePilPageApi({
+        pageNo: this.pageInfo.pageNo,
+        pageSize: this.pageInfo.pageSize,
+        projectSn: this.$store.state.projectSn,
+        eqDevSn: this.searchForm.eqDevSn,
+        devSn: this.searchForm.devSn,
+        uploadTime_begin:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[0]
+            ? this.searchForm.dateRangeArr[0]
+            : "",
+        uploadTime_end:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[1]
+            ? this.searchForm.dateRangeArr[1]
+            : "",
+        pointId: this.taskInfoFrom.id,
+      }).then((result) => {
+        if (result.success) {
+          this.dataList = result.result.records;
+          this.pageInfo.total = result.result.total;
+        }
+      });
+    },
+    sendValue() {
+      // 返回逻辑
+      this.$emit("updateValue", 0);
+    },
+  },
+  computed: {},
+};
+</script>
+<style lang="less" scoped>
+.color-box {
+  color: #747994;
+}
+.color-32a {
+  color: #32ae37;
+}
+.color-e69 {
+  color: #e69436;
+}
+.dialog_content {
+  padding: 0;
+  .dialogFormBox {
+    width: initial;
+    display: flex;
+    flex-wrap: wrap;
+    .el-form-item {
+      margin-bottom: 20px;
+      width: 50%;
+    }
+  }
+}
+.table_wrap {
+  margin-top: 20px;
+}
+.sidebar_content1 {
+  padding: 0 15px 15px;
+  .header-box {
+    margin-bottom: 10px;
+  }
+  .tables {
+    margin-top: 10px;
+    min-height: 350px;
+    max-height: 350px;
+  }
+  .pagerBox {
+    margin-top: 20px;
+  }
+}
+.sidebar_content {
+  padding: 0 15px;
+  display: flex;
+  align-items: flex-start;
+  .el-form {
+    display: flex;
+    flex-wrap: wrap;
+    width: 40%;
+    .el-form-item {
+      width: 50%;
+      margin-bottom: 10px;
+    }
+  }
+}
+:deep(.el-icon-back) {
+  background-image: url("~@/assets/images/rollback-icon.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
+  width: 14px;
+  height: 14px;
+  background-color: white;
+  border-radius: 50%;
+}
+:deep(.el-icon-back::before) {
+  display: none;
+}
+.flex {
+  display: flex;
+  align-items: center;
+}
+.sidebar_btn {
+  padding: 15px;
+  //   border-bottom: 1px solid #e8e8e8;
+  display: flex;
+  //   justify-content: space-between;
+  align-items: center;
+  .el-button {
+    margin-right: 8px;
+  }
+}
+.container_main {
+  width: calc(100%);
+  height: calc(100%);
+  overflow-y: auto;
+  overflow-x: hidden;
+  .el-form-item {
+    margin-bottom: 20px;
+  }
+  .header-box {
+    font-weight: 500;
+    font-size: 16px;
+    color: #272d45;
+    position: relative;
+    margin-left: 10px;
+  }
+  .header-box::before {
+    content: "";
+    position: absolute;
+    left: -10px;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 3px;
+    height: 15px;
+    background-color: #4181fe;
+  }
+}
+</style>
diff --git a/src/views/projectFront/cementMixingPileMonitor/realTimeList.vue b/src/views/projectFront/cementMixingPileMonitor/realTimeList.vue
new file mode 100644
index 00000000..9435a711
--- /dev/null
+++ b/src/views/projectFront/cementMixingPileMonitor/realTimeList.vue
@@ -0,0 +1,578 @@
+<template>
+  <div class="fullHeight whiteBlock">
+    <div style="padding: 15px 15px 0">
+      <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
+        <el-form-item label="桩点名称">
+          <el-input v-model="searchForm.pilePointName" placeholder="请输入"></el-input>
+        </el-form-item>
+        <el-form-item label="上传时间">
+          <el-date-picker
+            v-model="searchForm.dateRangeArr"
+            type="datetimerange"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            :default-time="['00:00:00', '23:59:59']"
+            :range-separator="$t('message.sixComplete.to')"
+            :start-placeholder="$t('message.sixComplete.start')"
+            :end-placeholder="$t('message.sixComplete.end')"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" plain @click="queryBtn">{{
+            $t("message.energyManage.waybill.query")
+          }}</el-button>
+          <el-button type="warning" plain @click="refresh">{{
+            $t("message.deviceManage.refresh")
+          }}</el-button>
+          <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
+          <el-button
+            :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
+            :type="
+              $refs.multipleTable && $refs.multipleTable.selection.length == 0
+                ? 'info'
+                : 'danger'
+            "
+            class="delete_btn"
+            plain
+            @click="deleteAttendanceBatch"
+            >删除</el-button
+          >
+        </el-form-item>
+      </el-form>
+    </div>
+    <div class="table_wrap whiteBlock">
+      <el-table class="tables" ref="multipleTable" :data="List">
+        <el-table-column type="selection" align="center" width="55"></el-table-column>
+        <el-table-column
+          type="index"
+          width="50"
+          label="序号"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          prop="pilePointName"
+          label="桩点名称"
+          align="center"
+        ></el-table-column>
+        <el-table-column prop="vehicleName" label="车辆名称" align="center">
+          <template slot-scope="scope">
+            {{ scope.row.vehicleName || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="heading" align="center" label="航向">
+          <template slot-scope="scope">
+            {{ scope.row.heading || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          width="170"
+          prop="positioningTime"
+          align="center"
+          label="定位时间"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.positioningTime || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="longitude" align="center" label="经度">
+          <template slot-scope="scope"> {{ scope.row.longitude || "--" }} </template>
+        </el-table-column>
+        <el-table-column prop="latitude" align="center" label="纬度">
+          <template slot-scope="scope">
+            {{ scope.row.latitude || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="speed" align="center" label="速度">
+          <template slot-scope="scope">
+            {{ scope.row.speed || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="realtimeDepth" align="center" label="实时深度(m)">
+          <template slot-scope="scope">
+            {{ scope.row.realtimeDepth || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="realtimeCurrent" align="center" label="实时电流">
+          <template slot-scope="scope">
+            {{ scope.row.realtimeCurrent || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="realtimeInjectionVolume"
+          align="center"
+          label="实时灌入量(m°)"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.realtimeInjectionVolume || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="realtimeVerticality" align="center" label="实时垂直度">
+          <template slot-scope="scope">
+            {{ scope.row.realtimeVerticality || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column prop="realtimeRate" align="center" label="实时速率">
+          <template slot-scope="scope">
+            {{ scope.row.realtimeRate || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="pointHorizontalDeviationDistance"
+          align="center"
+          label="桩点水平偏差距离(m)"
+        >
+          <template slot-scope="scope">
+            {{ scope.row.pointHorizontalDeviationDistance || "--" }}
+          </template>
+        </el-table-column>
+        <el-table-column width="220" label="操作" align="center">
+          <template slot-scope="scope">
+            <div class="tableBtns">
+              <div @click="isAdd(2, scope.row)" class="operationText">
+                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                <span>编辑</span>
+              </div>
+              <div @click="deleteDev(scope.row)" class="operationText">
+                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                <span>删除</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination
+        class="pagerBox"
+        @size-change="SizeChange"
+        @current-change="CurrentChange"
+        :current-page="pagInfo.pageNo"
+        :page-sizes="$store.state.PAGESIZRS"
+        :page-size="pagInfo.pageSize"
+        layout="total, sizes, prev, pager, next"
+        :total="Number(pagInfo.total)"
+        background
+      ></el-pagination>
+    </div>
+    <el-dialog
+      :modal-append-to-body="false"
+      @close="close"
+      :title="title"
+      :visible.sync="dialogShow"
+      width="1024px"
+    >
+      <div class="dialog_content">
+        <el-form
+          size="medium"
+          ref="addEditForm"
+          :model="addEditForm"
+          :rules="addEditRules"
+          label-width="160px"
+          class="dialogFormBox"
+        >
+          <el-form-item label="桩点名称:" prop="pilePointName">
+            <el-input v-model="addEditForm.pilePointName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="车辆名称:" prop="vehicleName">
+            <el-input v-model="addEditForm.vehicleName" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="航向:" prop="heading">
+            <el-input v-model="addEditForm.heading" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="定位时间:" prop="positioningTime">
+            <el-date-picker
+              v-model="addEditForm.positioningTime"
+              type="datetime"
+              placeholder="选择日期"
+              value-format="yyyy-MM-dd HH:mm:ss"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="经度:" prop="longitude">
+            <el-input
+              type="number"
+              v-model="addEditForm.longitude"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="纬度:" prop="latitude">
+            <el-input
+              type="number"
+              v-model="addEditForm.latitude"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="速度:" prop="speed">
+            <el-input v-model="addEditForm.speed" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item label="实时深度(m):" prop="realtimeDepth">
+            <el-input
+              type="number"
+              v-model="addEditForm.realtimeDepth"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实时电流:" prop="realtimeCurrent">
+            <el-input
+              v-model="addEditForm.realtimeCurrent"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实时灌入量(m°):" prop="realtimeInjectionVolume">
+            <el-input
+              type="number"
+              v-model="addEditForm.realtimeInjectionVolume"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实时垂直度:" prop="realtimeVerticality">
+            <el-input
+              v-model="addEditForm.realtimeVerticality"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="实时速率:" prop="realtimeRate">
+            <el-input v-model="addEditForm.realtimeRate" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item
+            label="桩点水平偏差距离(m):"
+            prop="pointHorizontalDeviationDistance"
+          >
+            <el-input
+              type="number"
+              v-model="addEditForm.pointHorizontalDeviationDistance"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="dialog-footer">
+        <el-button
+          class="cancleBtn"
+          @click="dialogShow = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >{{ $t("message.deviceManage.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="submit"
+          size="medium"
+          >{{ $t("message.deviceManage.save") }}
+        </el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import {
+  getCementMixPileRealtimePageApi,
+  addCementMixPileRealtimeApi,
+  deleteCementMixPileRealtimeApi,
+  editCementMixPileRealtimeApi,
+  deleteBatchCementMixPileRealtimeApi,
+} from "@/assets/js/api/cementMixingPileMonitor.js";
+export default {
+  mounted() {
+    this.getList();
+  },
+  data() {
+    return {
+      title: "",
+      dialogShow: false,
+      pagInfo: {
+        pageNo: 1, //页数
+        pageSize: 10, //条数
+        total: 0, //总条数
+      },
+      List: [],
+      addEditForm: {
+        pilePointName: "",
+        vehicleName: "",
+        heading: "",
+        positioningTime: "",
+        longitude: "",
+        latitude: "",
+        speed: "",
+        realtimeDepth: "",
+        realtimeCurrent: "",
+        realtimeInjectionVolume: "",
+        realtimeVerticality: "",
+        realtimeRate: "",
+        pointHorizontalDeviationDistance: "",
+      },
+      addEditRules: {
+        pilePointName: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+      },
+      searchForm: {
+        pilePointName: "",
+        dateRangeArr: [],
+      },
+      stateList: [
+        {
+          value: "1",
+          label: "待机",
+        },
+        {
+          value: "2",
+          label: "焊接",
+        },
+        {
+          value: "3",
+          label: "报警",
+        },
+        {
+          value: "4",
+          label: "关机",
+        },
+      ],
+    };
+  },
+  methods: {
+    handleChangeE(file, fileList) {
+      if (file.raw) {
+        if (
+          file.raw.type ==
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ||
+          file.raw.type == "application/vnd.ms-excel"
+        ) {
+        } else {
+          this.$message.error(this.$t("message.laborMange.hint5"));
+        }
+      }
+    },
+    handleSuccessE(file) {
+      console.log("==========", file);
+      if (file.code == 200) {
+        this.$message.success(file.message); //导入成功
+        this.queryBtn();
+      } else {
+        this.$message.error(file.message);
+      }
+    },
+    handleErrorE() {
+      this.$message.error(this.$t("message.laborMange.hint7"));
+      this.queryBtn();
+    },
+    // 导出模版风险详情
+    exportBtnTemplateDetail() {
+      fetch(
+        this.$http.defaults.baseURL +
+          `xmgl/gsBridgeSite/downloadExcel?projectSn=${this.$store.state.projectSn}`,
+        {
+          method: "get",
+          headers: {
+            Authorization: this.$store.state.userInfo.token,
+            "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+          },
+          // body: JSON.stringify(data) // 将data对象转换为JSON字符串并作为请求体发送
+        }
+      )
+        .then((response) => {
+          // 处理响应
+          if (!response.ok) {
+            throw new Error("下载失败");
+          }
+          return response.blob();
+        })
+        .then((blob) => {
+          // 创建一个下载链接
+          const url = window.URL.createObjectURL(blob);
+          // 创建一个<a>元素
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = "桥位环缝.xlsx"; // 指定下载文件的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放URL对象
+          window.URL.revokeObjectURL(url);
+          // 处理导出的文件
+          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+        })
+        .catch((error) => {
+          // 处理错误
+          console.error(error);
+        });
+    },
+    // 批量删除考勤人员
+    deleteAttendanceBatch() {
+      if (this.$refs.multipleTable.selection.length === 0)
+        return this.$message.warning("请勾选需要删除的数据！");
+      this.$confirm("删除后操作不可恢复，请谨慎操作！", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const ids = this.$refs.multipleTable.selection.map((item) => item.id).join(",");
+          console.log(this.$refs.multipleTable.selection);
+          deleteBatchCementMixPileRealtimeApi({ ids }).then((res) => {
+            this.queryBtn();
+          });
+        })
+        .catch(() => {});
+    },
+    //查询仓库数据
+    getList() {
+      getCementMixPileRealtimePageApi({
+        pageNo: this.pagInfo.pageNo,
+        pageSize: this.pagInfo.pageSize,
+        projectSn: this.$store.state.projectSn,
+        pilePointName: this.searchForm.pilePointName,
+        createTime_begin:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[0]
+            ? this.searchForm.dateRangeArr[0]
+            : "",
+        createTime_end:
+          this.searchForm.dateRangeArr instanceof Array && this.searchForm.dateRangeArr[1]
+            ? this.searchForm.dateRangeArr[1]
+            : "",
+      }).then((result) => {
+        if (result.success) {
+          this.List = result.result.records;
+          this.pagInfo.total = result.result.total;
+        }
+      });
+    },
+
+    isAdd(type, obj) {
+      if (type == 1) {
+        this.title = "新增";
+        this.close();
+      } else if (type == 2) {
+        this.title = "编辑";
+        this.addEditForm = JSON.parse(JSON.stringify(obj));
+      }
+
+      this.dialogShow = true;
+    },
+    submit() {
+      let params = JSON.parse(JSON.stringify(this.addEditForm));
+      params.projectSn = this.$store.state.projectSn;
+      this.$refs.addEditForm.validate((valid) => {
+        if (valid) {
+          if (this.title == "新增") {
+            addCementMixPileRealtimeApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.getList();
+              }
+            });
+          } else if (this.title === "编辑") {
+            editCementMixPileRealtimeApi(params).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.getList();
+              }
+            });
+          }
+          this.dialogShow = false;
+        } else {
+          return false;
+        }
+      });
+    },
+    deleteDev(obj) {
+      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteCementMixPileRealtimeApi({ id: obj.id }).then((res) => {
+            if (res.success) {
+              this.getList();
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+            } else {
+              this.$message({
+                type: "error",
+                message: res.message,
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+
+    close() {
+      this.addEditForm = {};
+      this.$nextTick(() => {
+        this.$refs.addEditForm.clearValidate();
+      });
+    },
+    SizeChange(val) {
+      this.pagInfo.pageSize = val;
+      this.getList();
+    },
+    CurrentChange(val) {
+      this.pagInfo.pageNo = val;
+      this.getList();
+    },
+    queryBtn() {
+      this.pagInfo.pageNo = 1; //页数
+      this.getList();
+    },
+    refresh() {
+      this.searchForm = {};
+      this.pagInfo.pageNo = 1; //页数
+      this.pagInfo.pageSize = 10; //条数
+      this.getList();
+    },
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+.dialog_content {
+  padding: 0;
+  .dialogFormBox {
+    width: initial;
+    display: flex;
+    flex-wrap: wrap;
+    .el-form-item {
+      margin-bottom: 20px;
+    }
+  }
+}
+.color-ff0 {
+  color: #ff0000;
+}
+.el-date-editor {
+  width: 360px;
+}
+.pagerBox {
+  margin-top: 30px;
+}
+.table_wrap {
+  height: calc(100% - 131px);
+}
+.tables {
+  min-height: 610px;
+  max-height: 610px;
+}
+.upload-btn {
+  margin: 0 15px;
+  display: inline-block;
+}
+</style>
diff --git a/src/views/projectFront/cementMixingPileMonitor/taskRecord.vue b/src/views/projectFront/cementMixingPileMonitor/taskRecord.vue
index bf72e1d6..12562f14 100644
--- a/src/views/projectFront/cementMixingPileMonitor/taskRecord.vue
+++ b/src/views/projectFront/cementMixingPileMonitor/taskRecord.vue
@@ -1,167 +1,16 @@
 <template>
   <div class="fullHeight whiteBlock">
-    <div style="padding: 15px 15px 0">
-      <el-form :inline="true" ref="searchForm" :model="searchForm" size="medium">
-        <el-form-item label="任务名称">
-          <el-input v-model="searchForm.roundNumber" placeholder="请输入"></el-input>
-        </el-form-item>
-        <el-form-item label="编号">
-          <el-input
-            v-model="searchForm.largeSectionNumber"
-            placeholder="请输入"
-          ></el-input>
-        </el-form-item>
-        <el-form-item label="上传时间">
-          <el-date-picker
-            v-model="searchForm.assemblyDateArr"
-            type="datetimerange"
-            value-format="yyyy-MM-dd HH:mm:ss"
-            :default-time="['00:00:00', '23:59:59']"
-            :range-separator="$t('message.sixComplete.to')"
-            :start-placeholder="$t('message.sixComplete.start')"
-            :end-placeholder="$t('message.sixComplete.end')"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" plain @click="queryBtn">{{
-            $t("message.energyManage.waybill.query")
-          }}</el-button>
-          <el-button type="warning" plain @click="refresh">{{
-            $t("message.deviceManage.refresh")
-          }}</el-button>
-          <el-button type="primary" size="medium" @click="isAdd(1)">新增</el-button>
-          <el-button
-            :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
-            :type="
-              $refs.multipleTable && $refs.multipleTable.selection.length == 0
-                ? 'info'
-                : 'danger'
-            "
-            class="delete_btn"
-            plain
-            @click="deleteAttendanceBatch"
-            >删除</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="table_wrap whiteBlock">
-      <el-table class="tables" ref="multipleTable" :data="List">
-        <el-table-column type="selection" align="center" width="55"></el-table-column>
-        <el-table-column
-          prop="largeSectionNumber"
-          align="center"
-          label="编号"
-        ></el-table-column>
-        <el-table-column
-          prop="roundNumber"
-          label="任务名称"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="smallSectionNumber"
-          align="center"
-          label="任务类型"
-        ></el-table-column>
-        <el-table-column
-          prop="blockNumber"
-          align="center"
-          label="车辆类型"
-        ></el-table-column>
-        <el-table-column
-          prop="assemblyDate"
-          align="center"
-          label="作业车辆"
-        ></el-table-column>
-        <el-table-column
-          prop="weldingDate"
-          align="center"
-          label="操作员"
-        ></el-table-column>
-        <el-table-column
-          prop="paintingDate"
-          align="center"
-          label="任务进度"
-        ></el-table-column>
-        <el-table-column
-          prop="shippingDate"
-          align="center"
-          label="状态"
-        ></el-table-column>
-        <el-table-column prop="weight" align="center" label="创建时间"></el-table-column>
-        <el-table-column width="220" label="操作" align="center">
-          <template slot-scope="scope">
-            <div class="tableBtns">
-              <div @click="isAdd(2, scope.row)" class="operationText">
-                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
-                <span>编辑</span>
-              </div>
-              <div @click="deleteDev(scope.row)" class="operationText">
-                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
-                <span>删除</span>
-              </div>
-            </div>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-pagination
-        class="pagerBox"
-        @size-change="SizeChange"
-        @current-change="CurrentChange"
-        :current-page="pagInfo.pageNo"
-        :page-sizes="$store.state.PAGESIZRS"
-        :page-size="pagInfo.pageSize"
-        layout="total, sizes, prev, pager, next"
-        :total="Number(pagInfo.total)"
-        background
-      ></el-pagination>
-    </div>
-    <el-dialog
-      :modal-append-to-body="false"
-      @close="close"
-      :title="title"
-      :visible.sync="dialogShow"
-      width="667px"
-    >
-      <div class="dialog_content">
-        <el-form
-          size="medium"
-          ref="addEditForm"
-          :model="addEditForm"
-          :rules="addEditRules"
-          label-width="120px"
-          class="dialogFormBox"
-        >
-          <el-form-item label="编号" prop="roundNumber">
-            <el-input v-model="addEditForm.roundNumber" placeholder="请输入"></el-input>
+    <template v-if="setDialog == false">
+      <div class="searchBox whiteBlock">
+        <el-form size="medium" :model="pageInfo" ref="queryForm" :inline="true">
+          <el-form-item label="任务名称" prop="taskName">
+            <el-input v-model="pageInfo.taskName" placeholder="请输入"></el-input>
           </el-form-item>
-          <el-form-item label="任务名称" prop="largeSectionNumber">
-            <el-input
-              v-model="addEditForm.largeSectionNumber"
-              placeholder="请输入"
-            ></el-input>
+          <el-form-item label="作业车辆" prop="workVehicle">
+            <el-input v-model="pageInfo.workVehicle" placeholder="请输入"></el-input>
           </el-form-item>
-          <el-form-item label="任务类型" prop="smallSectionNumber">
-            <el-input
-              v-model="addEditForm.smallSectionNumber"
-              placeholder="请输入"
-            ></el-input>
-          </el-form-item>
-          <el-form-item label="车辆类型" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="作业车辆" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="操作员" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="任务进度" prop="blockNumber">
-            <el-input v-model="addEditForm.blockNumber" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item label="状态" prop="status">
-            <el-select v-model="addEditForm.status" placeholder="请选择">
+          <el-form-item label="任务状态" prop="taskStatus">
+            <el-select v-model="pageInfo.taskStatus" placeholder="请选择">
               <el-option
                 v-for="item in stateList"
                 :key="item.value"
@@ -171,89 +20,982 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="上传时间" prop="assemblyDate">
-            <el-date-picker
-              v-model="addEditForm.assemblyDate"
-              type="datetime"
-              placeholder="选择日期"
-              value-format="yyyy-MM-dd HH:mm:ss"
+          <el-form-item>
+            <el-button type="primary" plain @click="handleQuery">查询</el-button>
+            <el-button type="warning" plain @click="handleRefresh">刷新</el-button>
+            <el-button type="primary" @click="setControlListDialog(1)">新增</el-button>
+            <el-button
+              :disabled="$refs.multipleTable && $refs.multipleTable.selection.length == 0"
+              :type="
+                $refs.multipleTable && $refs.multipleTable.selection.length == 0
+                  ? 'info'
+                  : 'danger'
+              "
+              plain
+              class="delete_btn"
+              @click="deleteAttendanceBatch"
+              >删除</el-button
             >
-            </el-date-picker>
           </el-form-item>
-          <div class="dialog-footer">
-            <el-button
-              class="cancleBtn"
-              @click="dialogShow = false"
-              icon="el-icon-circle-close"
-              size="medium"
-              >{{ $t("message.deviceManage.cancel") }}
-            </el-button>
-            <el-button
-              type="primary"
-              icon="el-icon-circle-check"
-              @click="submit"
-              size="medium"
-              >{{ $t("message.deviceManage.save") }}
-            </el-button>
-          </div>
         </el-form>
       </div>
-    </el-dialog>
+      <div class="table_wrap whiteBlock">
+        <el-table
+          height="calc(100% - 64px)"
+          max-height="calc(100% - 64px)"
+          ref="multipleTable"
+          class="tables"
+          :data="rulesList"
+        >
+          <el-table-column type="selection" align="center" width="55"></el-table-column>
+          <el-table-column align="center" prop="taskName" label="任务名称">
+            <template slot-scope="scope">
+              <span>{{ scope.row.taskName }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="workVehicle" label="作业车辆">
+            <template v-slot="{ row }">
+              {{ row.workVehicle }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="taskProgress" label="任务进度">
+            <template v-slot="{ row }">
+              {{ row.taskProgress }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="taskStatus" label="任务状态">
+            <template v-slot="{ row }">
+              {{ row.taskStatus == 2 ? "已完成" : "未完成" }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="pointRadius" label="点位半径">
+            <template v-slot="{ row }">
+              {{ row.pointRadius }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="longitudinalStakeSpace" label="纵向桩距">
+            <template v-slot="{ row }">
+              {{ row.longitudinalStakeSpace }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="lateralStakeSpace" label="横向桩距">
+            <template v-slot="{ row }">
+              {{ row.lateralStakeSpace }}
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="numberOfBoundPoint" label="绑定点位数量">
+            <template v-slot="{ row }">
+              {{ row.numberOfBoundPoint }}
+            </template>
+          </el-table-column>
+          <el-table-column width="280" label="操作" align="center">
+            <template slot-scope="scope">
+              <div class="flex2 edit">
+                <el-button
+                  @click="setControlListDialog(3, scope.row)"
+                  type="text"
+                  icon="el-icon-view"
+                  >查看</el-button
+                >
+                <el-button
+                  @click="setControlListDialog(2, scope.row)"
+                  style="border: 0 !important"
+                  type="text"
+                  icon="el-icon-edit"
+                  >编辑</el-button
+                >
+                <el-button
+                  style="border: 0 !important; color: #f56c6c"
+                  type="text"
+                  icon="el-icon-delete"
+                  @click="deleteBtn(scope.row)"
+                  >删除</el-button
+                >
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="pagerBox"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="pageInfo.pageNo"
+          :page-sizes="$store.state.PAGESIZRS"
+          :page-size="pageInfo.pageSize"
+          layout="total, sizes, prev, pager, next"
+          :total="Number(pageInfo.total)"
+          background
+        ></el-pagination>
+      </div>
+    </template>
+    <div class="container-detail" v-else>
+      <div class="sidebar_btn">任务信息</div>
+      <el-form
+        class="main-header"
+        size="medium"
+        :model="attendanceInfo"
+        ref="attendanceInfo"
+        :rules="cardFormRules"
+        label-width="120px"
+        :inline="true"
+      >
+        <el-form-item label="任务名称" prop="taskName">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.taskName }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.taskName"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="作业车辆" prop="workVehicle">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.workVehicle }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.workVehicle"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="任务进度" prop="taskProgress">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.taskProgress }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.taskProgress"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="任务状态" prop="taskStatus">
+          <template v-if="batchSettingType == 3">
+            <span
+              class="color-box"
+              :class="{
+                'color-32a': attendanceInfo.taskStatus == 2,
+              }"
+            >
+              {{ attendanceInfo.taskStatus == 2 ? "已完成" : "未完成" }}
+            </span>
+          </template>
+          <el-select v-else v-model="attendanceInfo.taskStatus" placeholder="请选择">
+            <el-option
+              v-for="item in stateList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="点位半径" prop="pointRadius">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.pointRadius }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.pointRadius"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="纵向桩距" prop="longitudinalStakeSpace">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.longitudinalStakeSpace }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.longitudinalStakeSpace"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="横向桩距" prop="lateralStakeSpace">
+          <template v-if="batchSettingType == 3">
+            {{ attendanceInfo.lateralStakeSpace }}
+          </template>
+          <el-input
+            v-else
+            v-model="attendanceInfo.lateralStakeSpace"
+            placeholder="请输入"
+          ></el-input>
+        </el-form-item>
+      </el-form>
+      <div class="sidebar_btn">点位信息</div>
+      <div class="main-content" v-if="batchSettingType == 1">
+        <div class="content-left">
+          <div>
+            <div>
+              <div>
+                待选择桩点({{ selectLeftTableData.length }}/{{ staffInfo.total }})
+              </div>
+            </div>
+            <div class="flex">
+              <el-select
+                @change="searchTypeChange"
+                size="medium"
+                v-model="searchInfo.pointStatus"
+                clearable=""
+                placeholder="请选择"
+              >
+                <el-option label="未施工" :value="0"> </el-option>
+                <el-option label="已完成" :value="1"> </el-option>
+                <el-option label="进行中" :value="2"> </el-option>
+              </el-select>
+              <el-input
+                @input="getUpdatePersonListFn"
+                size="medium"
+                placeholder="任务名称"
+                suffix-icon="el-icon-search"
+                v-model="searchInfo.taskName"
+              ></el-input>
+              <el-input
+                @input="getUpdatePersonListFn"
+                size="medium"
+                placeholder="桩点名称"
+                suffix-icon="el-icon-search"
+                v-model="searchInfo.pilePointName"
+              ></el-input>
+            </div>
+            <el-table
+              :height="370"
+              ref="staffMultipleTable"
+              class="tables"
+              :data="tableDataUp"
+              @select="handleLeftSelectChange"
+              @select-all="handleLeftSelectAll"
+            >
+              <el-table-column
+                type="selection"
+                align="center"
+                width="55"
+              ></el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="taskName"
+                label="任务名称"
+              >
+                <template slot-scope="scope">
+                  <span>{{ scope.row.taskName ? scope.row.taskName : "--" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="pilePointName"
+                label="桩点名称"
+              >
+                <template v-slot="{ row }">
+                  {{ row.pilePointName ? row.pilePointName : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="designPileDepth"
+                label="设计桩深(m)"
+              >
+                <template v-slot="{ row }">
+                  {{ row.designPileDepth ? row.designPileDepth : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="designGroutingVolume"
+                label="设计灌入量(m³)"
+              >
+                <template v-slot="{ row }">
+                  {{ row.designGroutingVolume ? row.designGroutingVolume : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="pointStatus"
+                label="点位状态"
+              >
+                <template v-slot="{ row }">
+                  {{
+                    row.pointStatus == 2
+                      ? "进行中"
+                      : row.pointStatus == 1
+                      ? "已完成"
+                      : "未施工"
+                  }}
+                </template>
+              </el-table-column>
+              <template v-if="tableData.length > 0" #append>
+                <div
+                  style="text-align: center; padding: 12px 10px 0"
+                  v-if="staffInfo.pageNo * staffInfo.pageSize >= staffInfo.total"
+                >
+                  没有更多了
+                </div>
+                <div
+                  v-else
+                  @click="staffLoad(1)"
+                  style="text-align: center; padding: 12px 10px 0; cursor: pointer"
+                >
+                  加载更多
+                </div>
+              </template>
+            </el-table>
+          </div>
+        </div>
+        <div class="content-middle">
+          <div @click="moveRightChange">
+            <i class="el-icon-arrow-right"></i>
+            <div>移入右侧选择框</div>
+          </div>
+          <div @click="moveLeftChange">
+            <i class="el-icon-arrow-left"></i>
+            <div>移入左侧选择框</div>
+          </div>
+        </div>
+        <div class="content-right">
+          <div>已选择桩点({{ selectRightTableData.length }}/{{ selectInfo.total }})</div>
+          <div class="flex">
+            <el-select
+              @change="selectSearchTypeChange"
+              size="medium"
+              clearable
+              v-model="selectInfo.pointStatus"
+              placeholder="请选择"
+              ><el-option label="未施工" :value="0"> </el-option>
+              <el-option label="已完成" :value="1"> </el-option>
+              <el-option label="进行中" :value="2"> </el-option>
+            </el-select>
+            <el-input
+              @input="selectSearchValueFilter"
+              size="medium"
+              placeholder="任务名称"
+              suffix-icon="el-icon-search"
+              v-model="selectInfo.taskName"
+            ></el-input>
+            <el-input
+              @input="selectSearchValueFilter"
+              size="medium"
+              placeholder="桩点名称"
+              suffix-icon="el-icon-search"
+              v-model="selectInfo.pilePointName"
+            ></el-input>
+          </div>
+          <el-table
+            :height="370"
+            ref="selectedStaffMultipleTable"
+            class="tables"
+            :data="selectListUp"
+            @select="handleRightSelectChange"
+            @select-all="handleRightSelectAll"
+          >
+            <el-table-column type="selection" align="center" width="55"></el-table-column>
+            <el-table-column
+              align="center"
+              show-overflow-tooltip
+              prop="taskName"
+              label="任务名称"
+            >
+              <template slot-scope="scope">
+                <span>{{ scope.row.taskName ? scope.row.taskName : "--" }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              show-overflow-tooltip
+              prop="pilePointName"
+              label="桩点名称"
+            >
+              <template v-slot="{ row }">
+                {{ row.pilePointName ? row.pilePointName : "--" }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              show-overflow-tooltip
+              prop="designPileDepth"
+              label="设计桩深(m)"
+            >
+              <template v-slot="{ row }">
+                {{ row.designPileDepth ? row.designPileDepth : "--" }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              show-overflow-tooltip
+              prop="designGroutingVolume"
+              label="设计灌入量(m³)"
+            >
+              <template v-slot="{ row }">
+                {{ row.designGroutingVolume ? row.designGroutingVolume : "--" }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              show-overflow-tooltip
+              prop="pointStatus"
+              label="点位状态"
+            >
+              <template v-slot="{ row }">
+                {{
+                  row.pointStatus == 2
+                    ? "进行中"
+                    : row.pointStatus == 1
+                    ? "已完成"
+                    : "未施工"
+                }}
+              </template>
+            </el-table-column>
+            <template v-if="selectList.length > 0" #append>
+              <div
+                style="text-align: center; padding: 12px 10px 0"
+                v-if="selectInfo.pageNo * selectInfo.pageSize >= selectInfo.total"
+              >
+                没有更多了
+              </div>
+              <div
+                v-else
+                @click="staffLoad(2)"
+                style="text-align: center; padding: 12px 10px 0; cursor: pointer"
+              >
+                加载更多
+              </div>
+            </template>
+          </el-table>
+        </div>
+      </div>
+      <div class="main-table" v-if="batchSettingType == 2 || batchSettingType == 3">
+        <el-form size="medium" :model="selectWorkerInfo" ref="queryForm" :inline="true">
+          <el-form-item label="桩点名称" prop="pilePointName">
+            <el-input
+              v-model="selectWorkerInfo.pilePointName"
+              placeholder="请输入"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="点位状态" prop="pointStatus">
+            <el-select v-model="selectWorkerInfo.pointStatus" placeholder="请选择">
+              <el-option
+                v-for="item in pointStatusList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" plain @click="handleQuerySelectWorker"
+              >查询</el-button
+            >
+            <el-button type="warning" plain @click="handleRefreshSelectWorker"
+              >刷新</el-button
+            >
+            <template v-if="batchSettingType == 2">
+              <el-button
+                :disabled="
+                  $refs.selectworkerTable && $refs.selectworkerTable.selection.length == 0
+                "
+                :type="
+                  $refs.selectworkerTable && $refs.selectworkerTable.selection.length == 0
+                    ? 'info'
+                    : 'danger'
+                "
+                plain
+                class="delete_btn"
+                @click="deleteAttendanceBatchPersonnel"
+                >删除</el-button
+              >
+              <el-button type="primary" @click="setAddPersonnelDialog">新增</el-button>
+            </template>
+          </el-form-item>
+        </el-form>
+        <el-table
+          ref="selectworkerTable"
+          height="calc(100% - 64px - 58px)"
+          max-height="calc(100% - 64px - 58px)"
+          class="tables selectworkerTable"
+          :data="selectWorkerList"
+        >
+          <el-table-column type="selection" align="center" width="55"></el-table-column>
+          <el-table-column type="index" label="序号" align="center"></el-table-column>
+          <el-table-column
+            prop="taskName"
+            align="center"
+            label="任务名称"
+          ></el-table-column>
+          <el-table-column
+            prop="pilePointName"
+            align="center"
+            label="桩点名称"
+          ></el-table-column>
+          <el-table-column
+            prop="coordinateX"
+            align="center"
+            label="X坐标"
+          ></el-table-column>
+          <el-table-column
+            prop="coordinateY"
+            align="center"
+            label="Y坐标"
+          ></el-table-column>
+          <el-table-column prop="elevation" align="center" label="高程"></el-table-column>
+          <el-table-column
+            prop="designPileDepth"
+            align="center"
+            label="设计桩深(m)"
+          ></el-table-column>
+          <el-table-column
+            prop="designGroutingVolume"
+            align="center"
+            label="设计灌入量(m°)"
+          ></el-table-column>
+          <el-table-column prop="pointStatus" align="center" label="点位状态">
+            <template v-slot="{ row }">
+              {{
+                row.pointStatus == 2
+                  ? "进行中"
+                  : row.pointStatus == 1
+                  ? "已完成"
+                  : "未施工"
+              }}
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="statusChineseCharacterAnnotation"
+            align="center"
+            label="状态汉字注释"
+          ></el-table-column>
+          <el-table-column fixed="right" width="280" label="操作" align="center">
+            <template slot-scope="scope">
+              <div class="tableBtns">
+                <div
+                  @click="deleteAttendanceBatchPersonnel(scope.row)"
+                  class="operationText"
+                >
+                  <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                  <span>删除</span>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-pagination
+          class="pagerBox1"
+          @size-change="handleSizeChangeWorker"
+          @current-change="handleCurrentChangeWorker"
+          :current-page="selectWorkerInfo.pageNo"
+          :page-sizes="$store.state.PAGESIZRS"
+          :page-size="selectWorkerInfo.pageSize"
+          layout="total, sizes, prev, pager, next"
+          :total="Number(selectWorkerInfo.total)"
+          background
+        ></el-pagination>
+      </div>
+      <div class="main-footer" v-if="batchSettingType != 3">
+        <el-button
+          class="cancleBtn"
+          @click="setDialog = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >取消
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="submit('attendanceInfo')"
+          size="medium"
+          >确定
+        </el-button>
+      </div>
+      <div class="main-footer" v-else>
+        <el-button
+          class="cancleBtn"
+          @click="setDialog = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >返回
+        </el-button>
+      </div>
+      <el-dialog
+        :modal-append-to-body="false"
+        :title="title"
+        :visible.sync="addPersonnelDialog"
+        width="1708px"
+        class="source-danger"
+      >
+        <div class="main-content">
+          <div class="content-left">
+            <div>
+              <div>
+                <div>
+                  待选择桩点({{ selectLeftTableData.length }}/{{ staffInfo.total }})
+                </div>
+              </div>
+              <div class="flex">
+                <el-select
+                  @change="searchTypeChange"
+                  size="medium"
+                  v-model="searchInfo.pointStatus"
+                  clearable=""
+                  placeholder="请选择"
+                >
+                  <el-option label="未施工" :value="0"> </el-option>
+                  <el-option label="已完成" :value="1"> </el-option>
+                  <el-option label="进行中" :value="2"> </el-option>
+                </el-select>
+                <el-input
+                  @input="getUpdatePersonListFn"
+                  size="medium"
+                  placeholder="任务名称"
+                  suffix-icon="el-icon-search"
+                  v-model="searchInfo.taskName"
+                ></el-input>
+                <el-input
+                  @input="getUpdatePersonListFn"
+                  size="medium"
+                  placeholder="桩点名称"
+                  suffix-icon="el-icon-search"
+                  v-model="searchInfo.pilePointName"
+                ></el-input>
+              </div>
+              <el-table
+                :height="370"
+                ref="staffMultipleTable"
+                class="tables"
+                :data="tableDataUp"
+                @select="handleLeftSelectChange"
+                @select-all="handleLeftSelectAll"
+              >
+                <el-table-column
+                  type="selection"
+                  align="center"
+                  width="55"
+                ></el-table-column>
+                <el-table-column
+                  align="center"
+                  show-overflow-tooltip
+                  prop="taskName"
+                  label="任务名称"
+                >
+                  <template slot-scope="scope">
+                    <span>{{ scope.row.taskName ? scope.row.taskName : "--" }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  show-overflow-tooltip
+                  prop="pilePointName"
+                  label="桩点名称"
+                >
+                  <template v-slot="{ row }">
+                    {{ row.pilePointName ? row.pilePointName : "--" }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  show-overflow-tooltip
+                  prop="designPileDepth"
+                  label="设计桩深(m)"
+                >
+                  <template v-slot="{ row }">
+                    {{ row.designPileDepth ? row.designPileDepth : "--" }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  show-overflow-tooltip
+                  prop="designGroutingVolume"
+                  label="设计灌入量(m³)"
+                >
+                  <template v-slot="{ row }">
+                    {{ row.designGroutingVolume ? row.designGroutingVolume : "--" }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  align="center"
+                  show-overflow-tooltip
+                  prop="pointStatus"
+                  label="点位状态"
+                >
+                  <template v-slot="{ row }">
+                    {{
+                      row.pointStatus == 2
+                        ? "进行中"
+                        : row.pointStatus == 1
+                        ? "已完成"
+                        : "未施工"
+                    }}
+                  </template>
+                </el-table-column>
+                <template v-if="tableData.length > 0" #append>
+                  <div
+                    style="text-align: center; padding: 12px 10px 0"
+                    v-if="staffInfo.pageNo * staffInfo.pageSize >= staffInfo.total"
+                  >
+                    没有更多了
+                  </div>
+                  <div
+                    v-else
+                    @click="staffLoad(1)"
+                    style="text-align: center; padding: 12px 10px 0; cursor: pointer"
+                  >
+                    加载更多
+                  </div>
+                </template>
+              </el-table>
+            </div>
+          </div>
+          <div class="content-middle">
+            <div @click="moveRightChange">
+              <i class="el-icon-arrow-right"></i>
+              <div>移入右侧选择框</div>
+            </div>
+            <div @click="moveLeftChange">
+              <i class="el-icon-arrow-left"></i>
+              <div>移入左侧选择框</div>
+            </div>
+          </div>
+          <div class="content-right">
+            <div>
+              已选择桩点({{ selectRightTableData.length }}/{{ selectInfo.total }})
+            </div>
+            <div class="flex">
+              <el-select
+                @change="selectSearchTypeChange"
+                size="medium"
+                clearable
+                v-model="selectInfo.pointStatus"
+                placeholder="请选择"
+                ><el-option label="未施工" :value="0"> </el-option>
+                <el-option label="已完成" :value="1"> </el-option>
+                <el-option label="进行中" :value="2"> </el-option>
+              </el-select>
+              <el-input
+                @input="selectSearchValueFilter"
+                size="medium"
+                placeholder="任务名称"
+                suffix-icon="el-icon-search"
+                v-model="selectInfo.taskName"
+              ></el-input>
+              <el-input
+                @input="selectSearchValueFilter"
+                size="medium"
+                placeholder="桩点名称"
+                suffix-icon="el-icon-search"
+                v-model="selectInfo.pilePointName"
+              ></el-input>
+            </div>
+            <el-table
+              :height="370"
+              ref="selectedStaffMultipleTable"
+              class="tables"
+              :data="selectListUp"
+              @select="handleRightSelectChange"
+              @select-all="handleRightSelectAll"
+            >
+              <el-table-column
+                type="selection"
+                align="center"
+                width="55"
+              ></el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="taskName"
+                label="任务名称"
+              >
+                <template slot-scope="scope">
+                  <span>{{ scope.row.taskName ? scope.row.taskName : "--" }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="pilePointName"
+                label="桩点名称"
+              >
+                <template v-slot="{ row }">
+                  {{ row.pilePointName ? row.pilePointName : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="designPileDepth"
+                label="设计桩深(m)"
+              >
+                <template v-slot="{ row }">
+                  {{ row.designPileDepth ? row.designPileDepth : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="designGroutingVolume"
+                label="设计灌入量(m³)"
+              >
+                <template v-slot="{ row }">
+                  {{ row.designGroutingVolume ? row.designGroutingVolume : "--" }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                show-overflow-tooltip
+                prop="pointStatus"
+                label="点位状态"
+              >
+                <template v-slot="{ row }">
+                  {{
+                    row.pointStatus == 2
+                      ? "进行中"
+                      : row.pointStatus == 1
+                      ? "已完成"
+                      : "未施工"
+                  }}
+                </template>
+              </el-table-column>
+              <template v-if="selectList.length > 0" #append>
+                <div
+                  style="text-align: center; padding: 12px 10px 0"
+                  v-if="selectInfo.pageNo * selectInfo.pageSize >= selectInfo.total"
+                >
+                  没有更多了
+                </div>
+                <div
+                  v-else
+                  @click="staffLoad(2)"
+                  style="text-align: center; padding: 12px 10px 0; cursor: pointer"
+                >
+                  加载更多
+                </div>
+              </template>
+            </el-table>
+          </div>
+        </div>
+        <div class="dialog-footer">
+          <el-button
+            class="cancleBtn"
+            @click="addPersonnelDialog = false"
+            icon="el-icon-circle-close"
+            size="medium"
+            >{{ $t("message.alarmValueSet.cancel") }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="addPersonnelSubmit"
+            size="medium"
+            >{{ $t("message.alarmValueSet.save") }}
+          </el-button>
+        </div>
+      </el-dialog>
+    </div>
   </div>
 </template>
 <script>
+import { getEnterpriseInfoList } from "@/assets/js/api/laborPerson";
 import {
-  addBlockProductionInformationApi,
-  deleteBlockProductionInformationApi,
-  editBlockProductionInformationApi,
-  getBlockProductionInformationPageApi,
-  batchDeleteBlockProductionInformationApi,
-} from "@/assets/js/api/progressManagement.js";
+  getCementMixPileTaskPageApi,
+  addCementMixPileTaskApi,
+  editCementMixPileTaskApi,
+  deleteCementMixPileTaskApi,
+  deleteBatchCementMixPileTaskApi,
+  getCementMixPilePointPageApi,
+  saveCementMixPileTaskPointApi,
+  delPointsByTaskIdCementMixPileTaskPointApi,
+} from "@/assets/js/api/cementMixingPileMonitor";
+import { getRiskListLibraryTreePageApi } from "@/assets/js/api/safeManage";
+import { teamList, departmentList } from "@/assets/js/api/laborManagement/payoff";
+import dayjs from "dayjs";
 export default {
-  mounted() {
-    this.getList();
-  },
   data() {
     return {
-      title: "",
-      dialogShow: false,
-      pagInfo: {
-        pageNo: 1, //页数
-        pageSize: 10, //条数
-        total: 0, //总条数
+      pageInfo: {
+        total: 0,
+        pageNo: 1,
+        pageSize: 10,
+        taskName: "",
+        workVehicle: "",
+        taskStatus: "",
       },
-      List: [],
-      addEditForm: {
-        roundNumber: "",
-        largeSectionNumber: "",
-        smallSectionNumber: "",
-        blockNumber: "",
-        assemblyDate: "",
-        paintingDate: "",
-        shippingDate: "",
-        weldingDate: "",
-        status: "",
-        weight: "",
+      rulesList: [],
+      personList: [],
+      enterpriseList: [],
+      setDialog: false,
+      batchSettingType: 1,
+      attendanceInfo: {
+        taskName: "",
+        workVehicle: "",
+        taskStatus: "",
+        taskProgress: "",
+        pointRadius: "",
+        longitudinalStakeSpace: "",
+        lateralStakeSpace: "",
+        numberOfBoundPoint: "",
       },
-      addEditRules: {
-        roundNumber: [
+      searchInfo: {
+        pointStatus: "",
+        taskName: "",
+        pilePointName: "",
+      },
+      treeList: [],
+      treeListDetail: {},
+      tableData: [],
+      staffInfo: {
+        pageNo: 1,
+        pageSize: 20,
+        total: 0,
+      },
+      selectLeftTableData: [],
+      selectList: [],
+      oldSelectList: [],
+      selectRightTableData: [],
+      selectInfo: {
+        pageNo: 1,
+        pageSize: 20,
+        total: 0,
+        pointStatus: "",
+        taskName: "",
+        pilePointName: "",
+      },
+      cardFormRules: {
+        groupName: [
           {
             required: true,
-            message: "必填",
+            message: "请输入考勤组名称",
             trigger: "blur",
           },
         ],
       },
-      searchForm: {
-        roundNumber: "",
-        largeSectionNumber: "",
-        smallSectionNumber: "",
-        blockNumber: "",
-        assemblyDateArr: [],
-        paintingDateArr: [],
-        shippingDateArr: [],
-        status: "",
+      defaultProps: {
+        children: "children",
+        label: "enterpriseName",
       },
+      personTypeList: [
+        {
+          label: "施工人员",
+          value: 1,
+        },
+        {
+          label: "管理人员",
+          value: 2,
+        },
+      ],
+      selectWorkerList: [],
+      selectWorkerInfo: {
+        pageNo: 1,
+        pageSize: 10,
+        total: 0,
+        pilePointName: "",
+        pointStatus: "",
+      },
+      teamOptions: [],
+      departmentOptions: [],
+      addPersonnelDialog: false,
+      selectListAll: [],
+      title: "",
+
       stateList: [
         {
           value: 1,
@@ -264,10 +1006,186 @@ export default {
           label: "已完成",
         },
       ],
+      pointStatusList: [
+        {
+          value: 0,
+          label: "未施工",
+        },
+        {
+          value: 1,
+          label: "已完成",
+        },
+        {
+          value: 2,
+          label: "进行中",
+        },
+      ],
     };
   },
+  mounted() {
+    this.getDataList();
+    // this.getTeamList();
+    // this.getDepartmentList();
+  },
   methods: {
-    // 批量删除考勤人员
+    setAddPersonnelDialog() {
+      this.selectList = [];
+      this.selectRightTableData = [];
+      this.selectInfo.total = this.selectList.length;
+
+      this.getUpdatePersonListFn();
+      this.title = "新增";
+      // this.$nextTick(() => {
+      //   this.$refs["attendanceInfo"].clearValidate();
+      // });
+      this.addPersonnelDialog = true;
+    },
+    addPersonnelSubmit() {
+      let data = {
+        // ...this.attendanceInfo,
+        taskId: this.attendanceInfo.id,
+        projectSn: this.$store.state.projectSn,
+        pointIdList: this.selectList.map((item) => item.id),
+      };
+      saveCementMixPileTaskPointApi(data).then((res) => {
+        // console.log(res);
+        if (res.code == 200) {
+          this.$message.success(this.$t("message.quality.newSuccess"));
+          this.addPersonnelDialog = false;
+          this.getDataList();
+          this.getSelectedPersonListFn();
+        }
+      });
+    },
+    staffLoad(type) {
+      console.log("加载更多数据");
+      if (type == 1) {
+        this.staffInfo.pageNo += 1;
+      } else if (type == 2) {
+        this.selectInfo.pageNo += 1;
+      }
+    },
+    setControlListDialog(type, row) {
+      this.batchSettingType = type;
+      this.selectRightTableData = [];
+      this.selectList = [];
+      this.selectInfo.total = this.selectList.length;
+      if (row && row.id) {
+        this.attendanceInfo = {
+          ...row,
+        };
+      } else {
+        this.attendanceInfo = {
+          groupName: "",
+          remark: "",
+          isDefault: 0,
+        };
+      }
+      if (type == 1) {
+        this.getUpdatePersonListFn();
+      } else if (type == 2 || type == 3) {
+        this.getSelectedPersonListFn();
+      }
+      this.setDialog = true;
+      this.$nextTick(() => {
+        this.$refs["attendanceInfo"].clearValidate();
+      });
+    },
+
+    //弹窗---保存按钮
+    submit(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          let data = {
+            ...this.attendanceInfo,
+            projectSn: this.$store.state.projectSn,
+            pointIdList: this.selectList.map((item) => item.id),
+          };
+          if (this.batchSettingType == 1) {
+            //   addRiskListMonthlyApi
+            addCementMixPileTaskApi(data).then((res) => {
+              // console.log(res);
+              if (res.code == 200) {
+                this.$message.success(this.$t("message.quality.newSuccess"));
+                this.setDialog = false;
+                this.getDataList();
+              }
+            });
+          } else if (this.batchSettingType == 2) {
+            //   addRiskListMonthlyApi
+            editCementMixPileTaskApi(data).then((res) => {
+              // console.log(res);
+              if (res.code == 200) {
+                this.$message.success("编辑成功");
+                this.setDialog = false;
+                this.getDataList();
+              }
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    //删除 按钮
+    deleteBtn(value) {
+      this.$confirm(
+        "此操作将永久删除该数据, 是否继续?",
+        this.$t("message.quality.hint"),
+        {
+          confirmButtonText: this.$t("message.quality.confirm"),
+          cancelButtonText: this.$t("message.quality.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            id: value.id,
+          };
+          deleteCementMixPileTaskApi(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.quality.successfullyDelete") + "!",
+              });
+              this.getDataList();
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    // 获取企业列表
+    getEnterpriseListFn() {
+      let that = this;
+      let reqeustData = {
+        projectSn: this.$store.state.projectSn,
+      };
+      getEnterpriseInfoList(reqeustData).then((res) => {
+        that.enterpriseList = res.result;
+      });
+    },
+    // 删除考勤组人员
+    deleteAttendanceBatchPersonnel(row) {
+      if (this.$refs.selectworkerTable.selection.length === 0 && !row.id)
+        return this.$message.warning("请勾选需要解绑的数据！");
+      this.$confirm("解绑后操作不可恢复，请谨慎操作！", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          const ids = this.$refs.selectworkerTable.selection.map((item) => item.id);
+          delPointsByTaskIdCementMixPileTaskPointApi({
+            taskId: this.attendanceInfo.id,
+            pointIdList: row.id ? [row.id] : ids,
+          }).then((res) => {
+            this.getDataList();
+            this.getSelectedPersonListFn();
+          });
+        })
+        .catch(() => {});
+    },
+    // 删除考勤组
     deleteAttendanceBatch() {
       if (this.$refs.multipleTable.selection.length === 0)
         return this.$message.warning("请勾选需要删除的数据！");
@@ -278,179 +1196,572 @@ export default {
       })
         .then(() => {
           const ids = this.$refs.multipleTable.selection.map((item) => item.id).join(",");
-          console.log(this.$refs.multipleTable.selection);
-          batchDeleteBlockProductionInformationApi({ ids }).then((res) => {
-            this.queryBtn();
+          //   console.log(this.$refs.multipleTable.selection);
+          deleteBatchCementMixPileTaskApi({
+            ids,
+          }).then((res) => {
+            this.getDataList();
           });
         })
         .catch(() => {});
     },
-    //查询仓库数据
-    getList() {
-      getBlockProductionInformationPageApi({
-        pageNo: this.pagInfo.pageNo,
-        pageSize: this.pagInfo.pageSize,
+    //查看条数
+    handleSizeChange(val) {
+      this.pageInfo.pageSize = val;
+      this.getDataList();
+    },
+    //查看页
+    handleCurrentChange(val) {
+      this.pageInfo.pageNo = val;
+      this.getDataList();
+    },
+    getDataList() {
+      let that = this;
+      let requestData = {
         projectSn: this.$store.state.projectSn,
-        roundNumber: this.searchForm.roundNumber,
-        largeSectionNumber: this.searchForm.largeSectionNumber,
-        smallSectionNumber: this.searchForm.smallSectionNumber,
-        blockNumber: this.searchForm.blockNumber,
-        assemblyDate_begin:
-          this.searchForm.assemblyDateArr instanceof Array &&
-          this.searchForm.assemblyDateArr[0]
-            ? this.searchForm.assemblyDateArr[0]
-            : "",
-        assemblyDate_end:
-          this.searchForm.assemblyDateArr instanceof Array &&
-          this.searchForm.assemblyDateArr[1]
-            ? this.searchForm.assemblyDateArr[1]
-            : "",
-        paintingDate_begin:
-          this.searchForm.paintingDateArr instanceof Array &&
-          this.searchForm.paintingDateArr[0]
-            ? this.searchForm.paintingDateArr[0]
-            : "",
-        paintingDate_end:
-          this.searchForm.paintingDateArr instanceof Array &&
-          this.searchForm.paintingDateArr[1]
-            ? this.searchForm.paintingDateArr[1]
-            : "",
-        shippingDate_begin:
-          this.searchForm.shippingDateArr instanceof Array &&
-          this.searchForm.shippingDateArr[0]
-            ? this.searchForm.shippingDateArr[0]
-            : "",
-        shippingDate_end:
-          this.searchForm.shippingDateArr instanceof Array &&
-          this.searchForm.shippingDateArr[1]
-            ? this.searchForm.shippingDateArr[1]
-            : "",
-        status: this.searchForm.status,
-      }).then((result) => {
-        if (result.success) {
-          this.List = result.result.records;
-          this.pagInfo.total = result.result.total;
-        }
+        pageNo: this.pageInfo.pageNo,
+        pageSize: this.pageInfo.pageSize,
+        taskName: this.pageInfo.taskName,
+        workVehicle: this.pageInfo.workVehicle,
+        taskStatus: this.pageInfo.taskStatus,
+      };
+      getCementMixPileTaskPageApi(requestData).then((res) => {
+        this.rulesList = res.result.records;
+        that.pageInfo.total = res.result.total;
       });
     },
-
-    isAdd(type, obj) {
-      if (type == 1) {
-        this.title = "新增";
-        this.close();
-      } else if (type == 2) {
-        this.title = "编辑";
-        this.addEditForm = JSON.parse(JSON.stringify(obj));
+    handleQuery() {
+      this.pageInfo.pageNo = 1;
+      this.getDataList();
+    },
+    handleRefresh() {
+      this.pageInfo.pageNo = 1;
+      this.pageInfo.groupName = "";
+      this.getDataList();
+    },
+    handleNodeClick(data) {
+      console.log(data);
+      this.selectedInfo = {};
+      this.treeListDetail = data;
+      this.selectLeftTableData = [];
+      this.getUpdatePersonListFn();
+    },
+    selectSearchTypeChange() {
+      this.selectSearchValueFilter();
+    },
+    selectSearchValueFilter() {
+      this.selectList = this.oldSelectList.filter((item) => {
+        let pointStatusShow = true;
+        let taskNameShow = true;
+        let pilePointNameShow = true;
+        if (this.selectInfo.pointStatus || this.selectInfo.pointStatus == 0) {
+          pointStatusShow = item.pointStatus == this.selectInfo.pointStatus;
+        }
+        if (this.selectInfo.taskName) {
+          taskNameShow = item.taskName.indexOf(this.selectInfo.taskName) !== -1;
+        }
+        if (this.selectInfo.pilePointName) {
+          pilePointNameShow =
+            item.pilePointName.indexOf(this.selectInfo.pilePointName) !== -1;
+        }
+        return pointStatusShow && taskNameShow && pilePointNameShow;
+      });
+    },
+    searchTypeChange() {
+      this.getUpdatePersonListFn();
+    },
+    // 向左移入
+    moveLeftChange() {
+      if (this.selectRightTableData.length == 0)
+        return this.$message.warning("请选择要移入的数据");
+      this.tableData = [...this.selectRightTableData, ...this.tableData];
+      this.selectRightTableData.forEach((item) => {
+        const findIndex = this.selectList.findIndex((ele) => item.id === ele.id);
+        if (findIndex !== -1) {
+          this.selectList.splice(findIndex, 1);
+        }
+      });
+      this.clearTableSelection(2);
+    },
+    // 右边表单选择 单选
+    handleRightSelectChange(selection, row) {
+      console.log(selection, row);
+      const findIndex = this.selectRightTableData.findIndex((item) => item.id === row.id);
+      if (findIndex !== -1) {
+        this.selectRightTableData.splice(findIndex, 1);
+      } else {
+        this.selectRightTableData.push(row);
       }
-
-      this.dialogShow = true;
     },
-    submit() {
-      let params = JSON.parse(JSON.stringify(this.addEditForm));
-      params.projectSn = this.$store.state.projectSn;
-      this.$refs.addEditForm.validate((valid) => {
-        if (valid) {
-          if (this.title == "新增") {
-            addBlockProductionInformationApi(params).then((result) => {
-              if (result.success) {
-                this.$message.success(result.message);
-                this.getList();
-              }
-            });
-          } else if (this.title === "编辑") {
-            editBlockProductionInformationApi(params).then((result) => {
-              if (result.success) {
-                this.$message.success(result.message);
-                this.getList();
-              }
-            });
+    // 右边表单选择 多选
+    handleRightSelectAll(selection) {
+      console.log(selection);
+      this.selectList.forEach((ele) => {
+        const findIndex = this.selectRightTableData.findIndex(
+          (item) => item.id === ele.id
+        );
+        if (selection.length > 0) {
+          if (findIndex == -1) {
+            this.selectRightTableData.push(ele);
           }
-          this.dialogShow = false;
         } else {
-          return false;
+          if (findIndex !== -1) {
+            this.selectRightTableData.splice(findIndex, 1);
+          }
         }
       });
     },
-    deleteDev(obj) {
-      this.$confirm("此操作将永久删除, 是否继续?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          deleteBlockProductionInformationApi({ id: obj.id }).then((res) => {
-            if (res.success) {
-              this.getList();
-              this.$message({
-                type: "success",
-                message: "删除成功!",
-              });
-            } else {
-              this.$message({
-                type: "error",
-                message: res.message,
-              });
-            }
-          });
-        })
-        .catch(() => {
-          this.$message({
-            type: "info",
-            message: "已取消删除",
-          });
-        });
+    // 向右移入
+    moveRightChange() {
+      if (this.selectLeftTableData.length == 0)
+        return this.$message.warning("请选择要移入的数据");
+      this.selectList = [...this.selectLeftTableData, ...this.selectList];
+      this.selectLeftTableData.forEach((item) => {
+        const findIndex = this.tableData.findIndex((ele) => item.id === ele.id);
+        if (findIndex !== -1) {
+          this.tableData.splice(findIndex, 1);
+        }
+      });
+      this.oldSelectList = [...this.selectList];
+      console.log(this.selectList, this.selectLeftTableData);
+      this.clearTableSelection(1);
     },
-
-    close() {
-      this.addEditForm = {};
-      this.$nextTick(() => {
-        this.$refs.addEditForm.clearValidate();
+    // 左边表单选择 单选
+    handleLeftSelectChange(selection, row) {
+      console.log(selection, row);
+      const findIndex = this.selectLeftTableData.findIndex((item) => item.id === row.id);
+      if (findIndex !== -1) {
+        this.selectLeftTableData.splice(findIndex, 1);
+      } else {
+        this.selectLeftTableData.push(row);
+      }
+    },
+    // 左边表单选择 多选
+    handleLeftSelectAll(selection) {
+      console.log(selection);
+      this.tableData.forEach((ele) => {
+        const findIndex = this.selectLeftTableData.findIndex(
+          (item) => item.id === ele.id
+        );
+        if (selection.length > 0) {
+          if (findIndex == -1) {
+            this.selectLeftTableData.push(ele);
+          }
+        } else {
+          if (findIndex !== -1) {
+            this.selectLeftTableData.splice(findIndex, 1);
+          }
+        }
+      });
+      console.log(this.selectLeftTableData);
+    },
+    clearTableSelection(type) {
+      this.selectInfo.total = this.selectList.length;
+      this.staffInfo.total = this.tableData.length;
+      if (type == 1) {
+        this.selectLeftTableData = [];
+        this.$refs.staffMultipleTable.clearSelection();
+      } else if (type == 2) {
+        this.selectRightTableData = [];
+        this.$refs.selectedStaffMultipleTable.clearSelection();
+      }
+    },
+    //查看条数
+    handleSizeChangeWorker(val) {
+      this.selectWorkerInfo.pageSize = val;
+      this.getSelectedPersonListFn();
+    },
+    //查看页
+    handleCurrentChangeWorker(val) {
+      this.selectWorkerInfo.pageNo = val;
+      this.getSelectedPersonListFn();
+    },
+    handleQuerySelectWorker() {
+      this.selectWorkerInfo.pageNo = 1;
+      this.getSelectedPersonListFn();
+    },
+    handleRefreshSelectWorker() {
+      this.selectWorkerInfo.pageNo = 1;
+      this.selectWorkerInfo.pilePointName = "";
+      this.selectWorkerInfo.pointStatus = "";
+      this.getSelectedPersonListFn();
+    },
+    getSelectedPersonListFn() {
+      let data = {
+        projectSn: this.$store.state.projectSn,
+        pageNo: this.selectWorkerInfo.pageNo,
+        pageSize: this.selectWorkerInfo.pageSize,
+        pilePointName: this.selectWorkerInfo.pilePointName,
+        pointStatus: this.selectWorkerInfo.pointStatus,
+        taskId: this.attendanceInfo.id,
+      };
+      getCementMixPilePointPageApi(data).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.selectWorkerList = res.result.records;
+          this.selectWorkerInfo.total = res.result.total;
+        }
       });
     },
-    SizeChange(val) {
-      this.pagInfo.pageSize = val;
-      this.getList();
-    },
-    CurrentChange(val) {
-      this.pagInfo.pageNo = val;
-      this.getList();
-    },
-    queryBtn() {
-      this.pagInfo.pageNo = 1; //页数
-      this.getList(); //重新获取数据
-    },
-    refresh() {
-      this.searchForm = {};
-      this.pagInfo.pageNo = 1; //页数
-      this.pagInfo.pageSize = 10; //条数
-      this.getList();
+    // 分页获取人员列表信息
+    getUpdatePersonListFn() {
+      let data = {
+        projectSn: this.$store.state.projectSn,
+        pointStatus: this.searchInfo.pointStatus,
+        taskName: this.searchInfo.taskName,
+        pilePointName: this.searchInfo.pilePointName,
+        pageNo: 1,
+        pageSize: -1,
+        unbindTaskId: this.attendanceInfo.id,
+      };
+      getCementMixPilePointPageApi(data).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.tableData = res.result.records;
+          this.staffInfo.total = res.result.records.length;
+        }
+      });
     },
   },
   computed: {
-    headers() {
-      return {
-        Authorization: this.$store.state.userInfo.token,
-      };
+    tableDataUp() {
+      if (this.tableData.length > 0) {
+        const resultList = this.tableData.slice(
+          0,
+          this.staffInfo.pageNo * this.staffInfo.pageSize
+        );
+        this.$nextTick(() => {
+          if (this.selectRightTableData.length > 0) {
+            this.selectRightTableData.forEach((item) => {
+              const find = this.selectList.find((ele) => ele.id == item.id);
+              if (find) {
+                this.$refs.selectedStaffMultipleTable.toggleRowSelection(find, true);
+              }
+            });
+          }
+        });
+        return resultList;
+      }
+      return [];
+    },
+    selectListUp() {
+      if (this.selectList.length > 0) {
+        const resultList = this.selectList.slice(
+          0,
+          this.selectInfo.pageNo * this.selectInfo.pageSize
+        );
+        this.$nextTick(() => {
+          if (this.selectLeftTableData.length > 0) {
+            this.selectLeftTableData.forEach((item) => {
+              const find = this.tableData.find((ele) => ele.id == item.id);
+              if (find) {
+                this.$refs.staffMultipleTable.toggleRowSelection(find, true);
+              }
+            });
+          }
+        });
+        return resultList;
+      }
+      return [];
     },
   },
 };
 </script>
 <style lang="less" scoped>
-.el-date-editor {
-  width: 360px;
+.color-box {
+  color: #ea3941;
 }
-.pagerBox {
-  margin-top: 30px;
+.color-32a {
+  color: #32ae37;
+}
+.color-e69 {
+  color: #e69436;
 }
 .table_wrap {
-  height: calc(100% - 131px);
+  position: relative;
+  .pagerBox {
+    margin-top: 0;
+    width: 100%;
+    position: absolute;
+    bottom: 16px;
+  }
+}
+.pagerBox1 {
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
+}
+.selectworkerTable {
+  min-height: initial;
+  max-height: initial;
+}
+.container-detail {
+  padding: 20px;
+  height: calc(100% - 40px);
+  overflow-y: auto;
+  .main-table {
+    margin-top: 20px;
+    height: calc(100% - 130px - 48px - 20px - 64px - 22px);
+    .el-input,
+    .el-select {
+      width: 192px;
+    }
+  }
+  .main-header {
+    display: flex;
+    flex-wrap: wrap;
+    width: 40%;
+    margin-top: 22px;
+    .el-form-item {
+      width: 45%;
+      margin-bottom: 20px;
+      .el-input,
+      .el-select {
+        width: 192px;
+      }
+      .el-textarea {
+        width: 320px;
+      }
+    }
+  }
+  .main-content {
+    display: flex;
+    height: 487px;
+    margin-top: 20px;
+    .content-right {
+      width: calc(700px - 40px);
+      padding: 20px;
+      border: 1px solid #d8dbe8;
+      > div:first-child {
+        font-size: 14px;
+        color: #272d45;
+        margin-bottom: 15px;
+      }
+      .flex {
+        display: flex;
+
+        .el-select {
+          width: 150px;
+        }
+        .el-input {
+          width: 240px;
+        }
+      }
+      .tables {
+        margin-top: 10px;
+        min-height: initial;
+        max-height: initial;
+      }
+    }
+    .content-left {
+      display: flex;
+      > div:first-child {
+        width: calc(280px - 40px);
+        padding: 20px;
+        border: 1px solid #d8dbe8;
+        > div:first-child {
+          font-size: 14px;
+          color: #272d45;
+          margin-bottom: 15px;
+        }
+        .treeBox {
+          margin-top: 20px;
+          height: calc(100% - 20px - 18px - 34px);
+          // background-color: rgba(216, 216, 216, 0.2);
+          //   border: 1px solid #e4e7ed;
+          //   border-radius: 4px;
+          //   padding: 12px 6px;
+          position: relative;
+          :deep(.el-checkbox.is-disabled) {
+            display: none;
+          }
+          .treeStyle();
+        }
+      }
+      > div:last-child {
+        width: calc(700px - 40px);
+        padding: 20px;
+        border: 1px solid #d8dbe8;
+        > div:first-child {
+          font-size: 14px;
+          color: #272d45;
+          margin-bottom: 15px;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
+        .flex {
+          display: flex;
+
+          .el-select {
+            width: 150px;
+          }
+          .el-input {
+            width: 240px;
+          }
+        }
+        .tables {
+          margin-top: 10px;
+          min-height: initial;
+          max-height: initial;
+        }
+      }
+    }
+    .content-middle {
+      margin: 0 20px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      > div {
+        width: calc(118px - 20px);
+        height: calc(50px - 15px);
+        background: #ffffff;
+        border: 1px solid #d8dbe8;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-between;
+        font-size: 14px;
+        color: #a2a4af;
+        padding: 10px 10px 5px;
+        cursor: pointer;
+      }
+      > div:nth-child(n + 2) {
+        margin-top: 30px;
+      }
+    }
+  }
+  .main-footer {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 30px;
+  }
 }
 .tables {
-  min-height: 600px;
-  max-height: 600px;
+  .el-button {
+    /deep/ span {
+      color: #262d49;
+    }
+  }
 }
-.upload-btn {
-  margin: 0 15px;
-  display: inline-block;
+/deep/ .el-dialog__body {
+  padding: 0 20px 20px;
+}
+.sidebar_btn {
+  font-family: ABeeZee, ABeeZee;
+  font-weight: normal;
+  font-size: 16px;
+  color: #272d45;
+  position: relative;
+  padding-left: 12px;
+}
+.sidebar_btn::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 0px;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 60%;
+  border-radius: 3px;
+  background-color: #5c81ee;
+}
+::v-deep .el-input__inner {
+  line-height: 1px !important;
+}
+.flex() {
+  display: flex;
+  align-items: center;
+}
+.search-box {
+  .flex();
+  margin-left: 30px;
+  > div {
+    .flex();
+    margin-right: 10px;
+    > span {
+      margin-right: 2px;
+      font-size: 14px;
+    }
+    .question-icon {
+      border: 1px solid #676c7c;
+      border-radius: 50%;
+      width: 10px;
+      height: 10px;
+      text-align: center;
+      line-height: 10px;
+      font-size: 12px;
+    }
+  }
+  /deep/.el-radio-group {
+    margin-top: 2px;
+  }
+}
+.delete_btn {
+  background-color: transparent;
+  color: #f56c6c;
+  border-color: #f56c6c;
+}
+.treeStyle() {
+  /deep/.el-tree {
+    font-size: 15px;
+    width: 100%;
+    background-color: transparent;
+    .el-tree-node {
+      white-space: normal;
+      &:focus > .el-tree-node__content {
+        background-color: transparent;
+      }
+      &.is-current > .el-tree-node__content {
+        background-color: rgba(81, 129, 246, 0.14);
+        color: #5181f6;
+      }
+    }
+    .custom-tree-node {
+      height: 16px;
+    }
+    .el-tree-node__content {
+      // height: 32px;
+      padding: 7px 0;
+      height: auto;
+      line-height: 16px;
+      position: relative;
+      // margin-bottom: 7px;
+      &:hover {
+        background-color: rgba(81, 129, 246, 0.14);
+        color: #5181f6;
+      }
+
+      .videoName {
+        font-size: 14px;
+      }
+      .projectName {
+        font-size: 14px;
+        width: calc(100% - 55px);
+        display: inline-block;
+      }
+      .companyName2 {
+        font-size: 16px;
+        font-weight: bold;
+        display: inline-block;
+        width: 192px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .el-tree-node__expand-icon {
+      font-size: 16px;
+      padding: 0 6px;
+      &.is-leaf {
+        color: transparent !important;
+      }
+    }
+    .treeTitle {
+      background-color: #f7f7f7;
+      margin-bottom: 10px;
+    }
+  }
 }
 </style>