视频支持删除

admin_ui/src/option/ycwh/famousStore.js

@@ -85,7 +85,6 @@ export default {
       viewDisplay: false,
       hide: true,
     },
-
     {
       label: "封面",
       prop: "cover",

admin_ui/src/views/ycwh/components/editDocumentInfo/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editDocumentInfo/index.vue

@@ -32,7 +32,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">

admin_ui/src/views/ycwh/components/editFamousDish/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editFamousDish/index.vue

@@ -5,7 +5,7 @@
     </el-form-item>
     <el-form-item label="所属菜系" prop="cuisineCode">
       <div style="display: flex;">
-        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系">
+        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系" clearable>
           <el-option v-for="item in cuisineList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
         </el-select>
       </div>
@@ -42,7 +42,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">
@@ -269,6 +274,9 @@
         this.form = data || {}
         this.contentItemVisible = true
       },
+      delVideos() {
+        this.form.videos = '';
+      },
       toSave(isPublish) {
         if(this.loading) {
           return;

admin_ui/src/views/ycwh/components/editFamousSnacks/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editFamousSnacks/index.vue

@@ -5,7 +5,7 @@
     </el-form-item>
     <el-form-item label="所属菜系" prop="cuisineCode">
       <div style="display: flex;">
-        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系">
+        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系" clearable>
           <el-option v-for="item in cuisineList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
         </el-select>
       </div>
@@ -42,7 +42,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">

admin_ui/src/views/ycwh/components/editFamousStore/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editFamousStore/index.vue

@@ -5,7 +5,7 @@
     </el-form-item>
     <el-form-item label="所属菜系" prop="cuisineCode">
       <div style="display: flex;">
-        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系">
+        <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系" clearable>
           <el-option v-for="item in cuisineList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
         </el-select>
       </div>
@@ -42,7 +42,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">

admin_ui/src/views/ycwh/components/editInformationInfo/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editInformationInfo/index.vue

@@ -33,7 +33,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">

admin_ui/src/views/ycwh/components/editProfessionalStyle/index.scss

@@ -50,4 +50,26 @@
     font-size: 20px;
     font-weight: bold;
     padding-left: 15px;
+}
+
+.video-del-btn {
+    position: absolute;
+    right: 20px;
+    top: -5px;
+    cursor: default;
+    border-radius: 50%;
+    font-size: 15px;
+    font-weight: bold;
+    color: white;
+    background-color: #b1b1b1;
+    z-index: 999;
+    height: 25px;
+    width: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.video-del-btn:hover {
+    background: #999999;
 }

admin_ui/src/views/ycwh/components/editProfessionalStyle/index.vue

@@ -33,7 +33,12 @@
       </div>
     </el-form-item>
     <el-form-item label="视频" prop="videos">
-      <div style="display: flex;">
+      <div style="display: flex;position: relative;">
+        <div v-if="form.videos" class="video-del-btn" @click="delVideos">
+          <el-icon>
+            <Close />
+          </el-icon>
+        </div>
         <el-upload class="avatar-uploader cover-w16h9" style="margin-right: 30px !important;" :http-request="uploadImg" :data="{type:'video'}" :show-file-list="false" :before-upload="beforeAvatarUpload">
           <video fit="contain" v-if="form.videos" :src="form.videos" class="avatar"></video>
           <el-icon v-else class="el-icon-plus avatar-uploader-icon">