fix； 特殊积分获取策略编辑

src/components/memberShip/point-form.vue

 <template>
-  <div class="form-wrap">
+  <div>
+    <div class="form-wrap"  style="margin-bottom:180px;">
     <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="90px" class="demo-ruleForm">
       <dm-sub-title type="fill" text="积分获取策略" style="margin-bottom: 20px;margin-top:10px;"/>
       <el-form-item label="获取规则:" prop="integralGetStatus">
@@ -92,17 +93,18 @@
         <el-input v-model="ruleForm.effectiveTime" @keyup.native="formatInput($event)"></el-input><label>天</label> <span style="font-size: 12px;color: #828282;line-height: 1;padding-left: 10px;">适用于所有方式获取的积分</span>
         </el-form-item>
          <dm-sub-title type="fill" text="积分说明" style="margin-bottom: 20px; margin-top:40px;"/>
-      <el-form-item label="" prop="desc" class="margin-20">
+      <el-form-item label="" label-width="0" prop="desc" class="margin-20">
         <div class="tinymce-wrap">
           <editor id="tinymce" v-model="ruleForm.integralScript" :init="init"></editor>
         </div>
         <!-- <div v-html='tinymceHtml'></div> -->
       </el-form-item>
-      <el-form-item style="margin-bottom: 48px">
-        <el-button :disabled="contactBool" type="primary" @click="submitForm('ruleForm')">保存</el-button>
-      </el-form-item>
     </el-form>
   </div>
+   <div class="bottom">
+        <el-button :disabled="contactBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保存</el-button>
+      </div>
+  </div>
 </template>
 <script type="text/javascript">
 import { postRequest, postForm } from '@/api/api';
@@ -452,6 +454,17 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.bottom{
+  position: fixed;
+  bottom: 0px;
+  left: 200px;
+  width: 100%;
+  height: 55px;
+  // margin: 25px;
+  text-align: center;
+  background: #FFFFFF;
+  box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
+}
 .form-wrap {
   .el-radio {
     margin-right: 0;
@@ -492,7 +505,8 @@ export default {
   }
 
   .tinymce-wrap {
-    width: 890px;
+    width: 1000px;
+    height: 254px;
 
     /deep/ .mce-tinymce {
       -webkit-box-shadow: none;

src/view/companyGroup/membershipSystem/addIntegralSytem.vue

@@ -232,17 +232,10 @@
                   </el-date-picker>
                 </div>
               </el-form-item>
-              <el-form-item>
-                <el-row>
-                  <el-button
-                    :disabled="tpnEditBool"
-                    type="primary"
-                    @click="submitForm('ruleForm')"
-                  >保 存</el-button>
-                  <el-button @click="goBack">返 回</el-button>
-                </el-row>
-              </el-form-item>
             </el-form>
+            <div class="bottom">
+               <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
+            </div>
           </div>
         </div>
       </div>
@@ -1045,6 +1038,16 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.bottom{
+  position: fixed;
+  bottom: 0px;
+  left: 200px;
+  width: 100%;
+  height: 55px;
+  text-align: center;
+  background: #FFFFFF;
+  box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
+}
 .right-box {
   padding: 20px;
 }

src/view/companyGroup/membershipSystem/addPointSystem.vue

@@ -253,7 +253,8 @@
                 <el-radio  v-model="ruleForm.perpetualFlag" :label="1">永久有效</el-radio>
                 <el-radio v-model="ruleForm.perpetualFlag"  :label="0">
                   在该时段内有效
-                  <el-date-picker
+                </el-radio>
+                <div style="marginTop:10px;"><el-date-picker
                     v-if="ruleForm.perpetualFlag === 0"
                     v-model="ruleForm.perpetualDate"
                     type="datetimerange"
@@ -262,14 +263,16 @@
                     format="yyyy-MM-dd HH:mm:ss"
                     value-format="timestamp"
                     :default-time="['00:00:00', '23:59:59']">
-                  </el-date-picker>
-                </el-radio>
+                  </el-date-picker></div>
               </el-form-item>
-              <el-form-item>
-                <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')">保 存</el-button>
+              <!-- <el-form-item style="bottom">
+                <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
                 <el-button @click="goBack">返 回</el-button>
-              </el-form-item>
+              </el-form-item> -->
             </el-form>
+            <div class="bottom">
+                 <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
+            </div>
           </div>
         </div>
       </div>
@@ -1282,6 +1285,19 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
+.bottom{
+  position: fixed;
+  bottom: 0px;
+  left: 200px;
+  width: 100%;
+  height: 55px;
+  text-align: center;
+  background: #FFFFFF;
+  box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
+}
+.el-radio {
+  margin-right: 0;
+}
 .setting-tips {
   margin-left: 16px;
   font-size: 12px;
@@ -1290,7 +1306,7 @@ export default {
   line-height: 17px;
 }
 .attention-wrap {
-  padding: 24px 32px;
+  padding: 20px;
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -1310,13 +1326,13 @@ export default {
     vertical-align: top;
     width: 300px;
   }
-  .attention-content-wrap {
-  }
+  // .attention-content-wrap {
+  // }
 }
 
 .form-wrap {
   .el-input {
-    width: 178px;
+    width: 115px;
     padding: 0 10px;
     &.w-300 {
       width: 300px;

src/view/companyGroup/membershipSystem/editIntegralSytem.vue

@@ -225,13 +225,10 @@
                   ></el-date-picker>
                 </div>
                 </el-form-item>
-              <el-form-item>
-                <el-row>
-                  <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')">保 存</el-button>
-                  <el-button @click="goBack">返 回</el-button>
-                </el-row>
-              </el-form-item>
             </el-form>
+            <div class="bottom">
+               <el-button :disabled="tpnEditBool" type="primary" @click="submitForm('ruleForm')" style="margin:13px 0 0 -220px;">保 存</el-button>
+            </div>
           </div>
         </div>
       </div>
@@ -1141,6 +1138,16 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.bottom{
+  position: fixed;
+  bottom: 0px;
+  left: 200px;
+  width: 100%;
+  height: 55px;
+  text-align: center;
+  background: #FFFFFF;
+  box-shadow: 1px -2px 8px 0px rgba(220, 223, 230, 0.6);
+}
 .right-box {
   padding: 20px;
 }