样式修改

src/page/resume/channel.vue

@@ -2,7 +2,7 @@
     <div class="channel">
       <!-- <Spin size="large" fix v-if="spinShow" style="font-size:20px">加载中...</Spin> -->
       <div class="channel-left">
-          <Form :label-width="80" style="width:88%;margin-left:7%">
+          <Form :label-width="85" style="width:88%;margin-left:7%" class='emailForm'>
             <FormItem label="关键词：" style="margin-top:20px">
                 <Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/>
             </FormItem>
@@ -38,22 +38,21 @@
                   <div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div>
                   <div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div>
               </div>
-              <div style="background:WhiteSmoke;width:100%;height:5%;line-height:5%;margin-bottom:0.5%;padding-top:10px;">
-                    <input   type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll'  style="margin-left:10px;cursor:pointer;margin-top:1%">
+              <div style="background:WhiteSmoke;width:100%;height:6%;margin-bottom:0.5%;" class='bar'>
+                    <input   type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll'  style="margin-left:10px;cursor:pointer;">
                     <span  style="margin-left:8px;position:relative">选择<Badge :count="interviewee.length" size='small' :class='["badge",{"badges1":interviewee.length>9, "badges": interviewee.length>99}]'></Badge></span>
                     <Button  type="primary" size="small" style="margin-left:4%;width:50px" @click="downloadAll">下载</Button>
                     <Button  type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button>
                     <Button  type="primary" size="small" style="margin-left:2%;" @click="transpond">
                    转发面试官
                   </Button>
-                    <Button  type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="allexport">导出列表</Button>
-                    <Button  type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="sendEmail">邀请面试</Button>
-                    
+                    <Button  type="primary" size="small" class='left'  @click="allexport">导出列表</Button>
+                    <Button  type="primary" size="small" class='left leftBtn' @click="sendEmail">邀请面试</Button>
               </div>
               <div style="margin-bottom:40px;float:left;width:100%;overflow-y: auto;height:100%" class="a">
               <div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div>
               <div class="Resumecontent"  v-for='(item,i) in ajaxData' :key="i">
-                 <div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow}"  >
+                 <div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow, grey: i%2!=0}"  >
                     <p class="massage" style="margin-top:10px">  
                       <span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px">
                         <input type='checkbox' name='checkboxinput' style="margin-left:10px;cursor:pointer" class='input-checkbox' v-model='checkboxList' :value="item.id" @click="selectInputElement(i,item.id,item.flowStatus,item.STATES, item)"></span>
@@ -290,7 +289,8 @@
         v-model="emailMOdal"
          width='1000px'
          :mask-closable='false'
-         :closable='false'>
+         :closable='false'
+         :styles='{top: "50px"}'>
         <div >
             <h2 style="text-align:center;color:black" v-show="this.isShowAll==false">发送邮件</h2>
             <h2 style="text-align:center;color:black"  v-show="this.isShowAll==true">新建面试</h2>
@@ -308,7 +308,7 @@
                 </FormItem>
                 <FormItem label="收件人" style="margin-top:20px" :show-massage='false'>
                    <Input style="width:95%" v-model="emailInline.receiveEmail" @on-blur='receiveEmail'/>
-                   <span style="position: absolute;left:0;top:30px;color:gray">输入多个邮箱地址以英文”;“分隔</span>
+                   <span style="position: absolute;left:0;top:30px;color:gray;font-size:12px;">输入多个邮箱地址以英文”;“分隔</span>
                 </FormItem>
                 <FormItem label="抄送" style="margin-top:20px">
                   <Input style="width:95%" v-model="emailInline.copyname" @on-blur='copyname'/>
@@ -321,7 +321,7 @@
           </div>
           <div class="emailModalTitle-right" v-show="interviewIsShow==true">
                <h3 style="text-align:center;margin-top:20px">请输入约面信息</h3>
-               <Form :label-width="75" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left">
+               <Form :label-width="85" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left" class="emailForm">
                     <FormItem label="邀约人" style="margin-top:20px" prop="UpdateOWER">
                         <Input v-model="formInline.UpdateOWER" style="width:100%" :maxlength="5" @on-blur='UpdateOWER'/>
                     </FormItem>
@@ -331,9 +331,6 @@
                     <FormItem label="面试官" style="margin-top:20px" prop='UpdateVIEW'>
                         <Input v-model="formInline.UpdateVIEW" style="width:100%" :maxlength="5"  @on-blur='UpdateVIEW'/>
                     </FormItem>
-                    <FormItem label="" prop='sendWeixin'>
-                       <Checkbox v-model="formInline.sendWeixin"><span style="margin-left:10px">微信通知面试官</span></Checkbox>
-                    </FormItem> 
                 </Form>
           </div>
         </div>
@@ -357,10 +354,11 @@
               <span><Icon type="md-close" @click="delateFile(index)" style="font-size:16px;float:right;margin-right:80px" /></span>
             </p>
         </div>
-        <div  slot='footer' style="text-align:center" class="Ubt">
+        <div  slot='footer' style="text-align:center;position: relative;" class="Ubt">
             <Button type='primary' @click='emailModalPush'>取消</Button>
             <Button type='primary' @click='modal10=true' v-show="this.isShowAll==false" :disabled="!isDisable">发送</Button>
             <Button type='primary' @click='modal10=true' v-show="this.isShowAll==true" :disabled="!isDisable">添加并发送</Button>
+            <Checkbox v-model="formInline.sendWeixin" class='wechat'><span>微信通知面试官</span></Checkbox>
         </div>
     </Modal>
     <Modal
@@ -450,10 +448,7 @@ export default {
         ],
           UpdateVIEW: [
             {  required: true,message: '面试官不能为空',  trigger: 'blur' }
-        ],
-        moo:[
-          {required: false,  validator: vidte, trigger: 'change'},
-        ], 
+        ]
       },
       formInline:{
         UpdateOWER:'',
@@ -1260,6 +1255,20 @@ export default {
     },
      // 发送邮件
      sendEmail(){
+      if(this.checkboxList.length == 0) {
+           this.$Notice.error({
+            title: '提示',
+            desc:  '你尚未选择简历，请先选择简历'
+            })
+           return
+        }
+        if (this.checkboxList.length > 1){
+          this.$Notice.error({
+            title: '提示',
+            desc:  ' 不能选择多份简历，请选择单份简历'
+            })
+           return
+        }
         this.emailInline.modalArr=[]
         this.emailMOdal=true
         getEmailMoo().then(res=>{
@@ -1851,6 +1860,26 @@ export default {
   width: 100%;
   height: 100%
 }
+.wechat{
+  position: absolute;
+  right: -5px;
+  top:30%;
+  span{
+    font-size: 13px;
+  }
+}
+.bar{
+  display:flex;
+  align-items: center;
+  position: relative;
+  .left{
+    position: absolute;
+    right: 10px;
+  }
+  .leftBtn{
+    right: 90px;
+  }
+}
 .channel-left{
     height:100%;
     width: 29%;
@@ -1952,9 +1981,6 @@ select{
     /* border: 1px solid black; */
     height:60px
 }
-.a div:nth-child(2n){
-    background:rgba(241,241,241,1);
-}
 .emailModal-title{
   height: 280px;
   width: 100%;
@@ -2031,5 +2057,15 @@ select{
     margin-bottom: 10px;
   }
 }
+.grey{
+background:rgba(241,241,241,1);
+}
+</style>
+<style>
+.emailForm .ivu-form-item-label{
+    font-size: 14px
+}
+.ivu-form-item-content{
+font-size: 14px;
+}
 </style>
-