fix: 报警视频时长自定义权限绑定[删除问题]

src/views/datamanager/alertformdata/components/common/Prequalification.vue

@@ -1,11 +1,11 @@
 <template>
-  <div style="margin-bottom: 10px; display: flex" v-if="hasDevModePermisson()">
-    <div style="display: flex">
-      <div style="line-height: 33px">预审后生效模式：</div>
+  <div class="opt-container">
+    <div class="prequal-container" v-if="hasDevModePermisson()">
+      <div>预审后生效模式：</div>
       <el-switch :model-value="devMode" @change="switchDevMode" />
     </div>
-    <div style="display: flex; margin-left: 30px">
-      <div style="line-height: 33px; text-wrap: nowrap">报警视频截取时长：</div>
+    <div style="display: flex" v-if="hasDataDelete()">
+      <div>报警视频截取时长：</div>
       <el-select
         v-model="videoLength"
         style="width: 80px; margin: 0 10px"
@@ -13,7 +13,7 @@
       >
         <el-option v-for="item in videoLengthOptions" :key="item" :label="item" :value="item" />
       </el-select>
-      <div style="line-height: 33px">s</div>
+      <div>s</div>
     </div>
   </div>
 </template>
@@ -45,6 +45,10 @@
     return userStore.checkPermission('control_activation');
   };
 
+  const hasDataDelete = () => {
+    return userStore.checkPermission('data_delete');
+  };
+
   const videoLength = ref(10);
   const videoLengthOptions = [10, 20, 40, 60];
 
@@ -68,4 +72,16 @@
   });
 </script>
 
-<style scoped></style>
+<style scoped>
+  .opt-container {
+    margin-bottom: 10px;
+    display: flex;
+    line-height: 33px;
+    text-wrap: nowrap;
+  }
+
+  .prequal-container {
+    display: flex;
+    margin-right: 30px;
+  }
+</style>