即时发布

src/router/routers.js

@@ -163,6 +163,14 @@ export const constantRouterMap = [
         title: '上屏发布',
         icon: 'edit'
       }
+    },
+    {
+      path: '/inRelease',
+      component: () => import('@/views/immediateRelease/index'),
+      meta: {
+        title: '即时发布',
+        icon: 'edit'
+      }
     }]
   }
   // {

src/views/immediateRelease/index.vue

@@ -0,0 +1,99 @@
+<template>
+  <div class="app-container">
+    <el-row class="in_release_item" type="flex" justify="space-between">
+      <el-col :span="3" class="item_title">创建即时发布</el-col>
+      <el-col :span="18">
+        <div class="input_wrap">
+          <span class="input_label">名称</span>
+          <el-input
+            v-model="form.name"
+            placeholder="即时发布 2022-1-1"
+            class="input_name"
+          />
+        </div>
+      </el-col>
+      <el-col :span="4" class="release_right">
+        <el-button round class="release_btn">发布</el-button>
+        <el-button round type="primary">关闭</el-button>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import crudDept from '@/api/system/dept'
+import CRUD, { presenter, header, form, crud } from '@crud/crud'
+const defaultForm = {
+  name: ''
+}
+export default {
+  name: 'ImmediateRelease',
+  cruds() {
+    return CRUD({ title: '部门', url: 'api/dept', crudMethod: { ...crudDept }})
+  },
+  mixins: [presenter(), header(), form(defaultForm), crud()],
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.app-container{
+    background: none;
+    padding: 0;
+}
+
+.in_release_item{
+    padding: 16px 24px;
+    line-height: 34px;
+    background: #fff;
+    border-radius: 6px;
+    .item_title{
+        font-size: 16px;
+        font-weight: bold;
+        color: #3a8aeb;
+    }
+    .input_wrap{
+        display: flex;
+        width: 282px;
+        height: 34px;
+        padding: 0 24px;
+        font-size: 14px;
+        background: #f5f6fa;
+        line-height: 34px;
+        border-radius: 34px;
+        .input_label{
+            &::after{
+                content: "|";
+                padding-left: 8px;
+                color: #ccc;
+            }
+        }
+        .input_name{
+            width: 194px;
+            .el-input__inner{
+                border: none;
+                background: #f5f6fa;
+            }
+        }
+    }
+
+    .release_right{
+        .el-button {
+            font-size: 14px;
+            padding: 8px 24px;
+            border: none !important;
+        }
+        .release_btn {
+            color: #fff;
+            background: linear-gradient(to right, #fc8c6f, #fa544e) !important;
+        }
+    }
+
+}
+</style>

src/views/materialContent/materialList/index.vue

@@ -105,7 +105,7 @@
           <el-table-column align="center" prop="type" label="类型" />
           <el-table-column align="center" prop="size" label="大小" />
           <el-table-column align="center" prop="status" label="状态">
-            <template slot-scope="scope">
+            <template>
               <div v-if="progressLoading" class="loadingModal" :style="{ 'height': '100%' }">
                 <el-progress
                   :stroke-width="6"
@@ -468,8 +468,6 @@ export default {
   .el-button {
     padding: 0 10px;
     height: 24px;
-    &.on_off_btn {
-    }
     &.upload_delt {
       background-color: #f76b6b;
     }