是否开启公告

src/components/education/notice/pushNotice.vue

 <template>
   <div class="send-push-wrapper" id="screenSetSPId">
-    <!-- <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> -->
     <div class="component-content">
-      <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
+      <el-row :gutter="30" class="row" type="flex">
         <el-form :model="formData" ref="formData" :rules="rules" label-width="120px" class="form-inline">
-          <!-- <el-form-item label="是否开启公告：" prop="projectIntro" style="min-width: 1000px;margin-bottom: 10px">
+          <el-form-item label="标题：" prop="noticeTitle" style="min-width: 1000px;">
             <el-col :span="20">
-              <el-radio-group size="small" v-model="formData.openFlag">
-                <el-radio :label="1">开启</el-radio>
-                <el-radio :label="2">关闭</el-radio>
-              </el-radio-group>
-            </el-col>
-          </el-form-item> -->
-          <el-form-item label="标题：" prop="noticeTitle" style="min-width: 1000px;margin-bottom: 20px">
-            <el-col :span="20">
-              <el-input size="small" v-model="formData.noticeTitle" placeholder="请输入公告标题" maxlength=30></el-input>
+              <el-input size="small" v-model="formData.noticeTitle" placeholder="请输入推送标题" maxlength=30></el-input>
               <span class="word-num">{{(formData.noticeTitle).replace(/\s+/g,"").length}}/30</span>
             </el-col>
           </el-form-item>
           <el-form-item label="内容：" prop="noticeContent">
             <el-col :span="20">
-              <el-input size="small" v-model="formData.noticeContent" placeholder="请输入公告内容"                 type="textarea"
+              <el-input size="small" v-model="formData.noticeContent" placeholder="请输入推送内容"                 type="textarea"
               :autosize="{ minRows: 5}" maxlength=250></el-input>
               <span class="word-num">{{(formData.noticeContent).replace(/\s+/g,"").length}}/250</span>
             </el-col>
@@ -33,6 +24,7 @@
                   type="datetime"
                   placeholder="请选择发送时间"
                   value-format="yyyy-MM-dd HH:mm"
+                  format="yyyy-MM-dd HH:mm"
                   style="width: 100%;"
                 ></el-date-picker>
             </el-col>            
@@ -54,36 +46,20 @@
               </el-radio-group>
             </el-col>
           </el-form-item>
-          <el-form-item size="small">
-            <el-col :span="20">
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="beforeConfirm()"
-                >发布</el-button>
-                <el-button
-                  type="primary"
-                  size="small"
-                  @click="cancleEdit()"
-                >取消</el-button> 
-              </el-col>
-          </el-form-item>
         </el-form>
       </el-row>
-      <!-- <el-col>
+      <el-col :span="20" :offset="2">
         <el-button
           type="primary"
-          style="position: absolute;left: 80px;bottom: 20px;"
           size="small"
-          @click="beforeConfirm()"
-        >发布</el-button>
+          @click="cancleEdit()"
+        >取消</el-button>
         <el-button
           type="primary"
-          style="position: absolute;left: 0px;bottom: 20px;"
           size="small"
-          @click="cancleEdit()"
-        >取消</el-button> 
-      </el-col>  -->
+          @click="beforeConfirm()"
+        >发布</el-button>        
+      </el-col>      
     </div>
 
     <el-dialog 
@@ -111,15 +87,11 @@
   </div>
 </template>
 <script>
-import BreadCrumb from "@/components/breadcrumb.vue";
 import { openLoading, closeLoading } from "@/utils/utils";
 import * as commonUtil from "@/utils/utils";
 import * as operationData from "@/utils/operation";
 let vm = null;
 export default {
-  components: {
-    BreadCrumb
-  },
   data() {
     // let checkNoticeTitleStr = (rule, value, callback) => {
     //   if(value.indexOf("\\") != -1) {//存在
@@ -132,7 +104,7 @@ export default {
     // };
     return {
       curmbFirst: "教培项目",
-      curmbSecond: "公告管理",
+      curmbSecond: "推送管理",
       projectId: "",
       labelNameList: [
         {labelId: 1, labelName: '1111'},
@@ -153,24 +125,27 @@ export default {
       isCancleBtn: true,
       rules: {
         noticeTitle: [
-          { required: true, message: "请输入公告标题", trigger: "blur" },
+          { required: true, message: "请输入推送标题", trigger: "blur" },
           {
             min: 2,
-            max: 20,
-            message: "输入长度为2-20的内容，可包含中英文、数字及特殊符号",
+            max: 30,
+            message: "输入长度为2-30的内容，可包含中英文、数字及特殊符号",
             trigger: "blur"
           },
           // { validator: checkNoticeTitleStr, trigger: 'blur' }
         ],
         noticeContent: [
-          { required: true, message: "请输入公告内容", trigger: "blur" },
+          { required: true, message: "请输入推送内容", trigger: "blur" },
           {
             min: 2,
-            max: 150,
-            message: "输入长度为2-150的内容，可包含中英文、数字及特殊符号",
+            max: 250,
+            message: "输入长度为2-250的内容，可包含中英文、数字及特殊符号",
             trigger: "blur"
           },
         ],
+        sendTime: [
+          { required: true, message: "请选择发送对象", trigger: "blur" },
+        ],
         sendObj: [
           { required: true, message: "请选择发送对象", trigger: "blur" },
         ]
@@ -185,10 +160,10 @@ export default {
   },
   // 挂载到Dom完成时
   mounted: function() {
-    commonUtil.resizeHeight(300, 500, 'slidebar-container', 'screenSetSPId');
+    // commonUtil.resizeHeight(300, 500, 'slidebar-container', 'screenSetSPId');
   },
   methods: {
-    //获取公告信息
+    //获取推送信息
     getNoticeInfo() {
       let req = {
         projectId: vm.projectId
@@ -218,7 +193,7 @@ export default {
       // }
     },
 
-    //提交公告信息
+    //提交推送信息
     confirmEdit(needJump) {
       openLoading(vm);
       vm.formData.projectId = vm.projectId
@@ -269,6 +244,10 @@ export default {
 </script>
 <style lang="scss" scoped>
 .send-push-wrapper {
+  .el-radio {
+    display: block;
+    padding-bottom: 12px;
+  }
   .component-content {
     background: #fff;
     padding: 20px 30px;

src/components/education/notice/sendNotice.vue

@@ -3,7 +3,12 @@
     <!-- <bread-crumb :curmbFirst="curmbFirst" :curmbSecond="curmbSecond"></bread-crumb> -->
     <div class="component-content">
       <el-row :gutter="30" class="row" type="flex" style="margin-top: 10px;">
-        <el-form :model="formData" ref="formData" :rules="rules" label-width="120px" class="form-inline">
+        <el-form :model="formData" 
+          ref="formData" 
+          :rules="rules" 
+          label-width="120px" 
+          class="form-inline"
+          style="min-height: 300px;">
           <el-form-item label="是否开启公告：" prop="projectIntro" style="min-width: 1000px;margin-bottom: 10px">
             <el-col :span="20">
               <el-radio-group size="small" v-model="formData.openFlag">
@@ -25,22 +30,23 @@
               <span class="word-num">{{(formData.noticeContent).replace(/\s+/g,"").length}}/150</span>
             </el-col>
           </el-form-item>
+          <!-- <el-form-item size="small" style="padding-top: 300px;">
+
+          </el-form-item>           -->
         </el-form>
       </el-row>
-      <el-col>
-        <el-button
-          type="primary"
-          style="position: absolute;left: 80px;bottom: 20px;"
-          size="small"
-          @click="beforeConfirm()"
-        >发布</el-button>
-        <el-button
-          type="primary"
-          style="position: absolute;left: 0px;bottom: 20px;"
-          size="small"
-          @click="cancleEdit()"
-        >取消</el-button> 
-      </el-col> 
+      <el-col :span="20" :offset="2">
+          <el-button
+            type="primary"
+            size="small"
+            @click="cancleEdit()"
+          >取消</el-button>
+          <el-button
+            type="primary"
+            size="small"
+            @click="beforeConfirm()"
+          >发布</el-button>
+        </el-col> 
     </div>
 
     <el-dialog