优化

src/views/kpi/workbench/assessmentGroup/edit/components/basis.vue

@@ -1,12 +1,17 @@
 <!--  -->
 <template>
     <div class="basis">
-        <div class="basis-title commonFont">
+        <!-- <div class="basis-title commonFont">
+          基本信息
+        </div> -->
+        <div class="basis-form">
+          <el-form ref="form" :model="form" :rules="rules"  label-width="140px">
+            <el-form-item label=" " >
+              <div slot="label" style="font-weight:600;">
                   基本信息
               </div>
-        <div class="basis-form">
+            </el-form-item>
-          <el-form ref="form" :model="form" :rules="rules"  label-width="120px">
+            <el-form-item label="考评组名称 :" prop="name">
-            <el-form-item label="考评组名称：" prop="name">
               <el-input
               size="small"
              v-model="form.name" placeholder="请输入名称"></el-input>
@@ -19,7 +24,7 @@
                   :label="i.id">{{i.name}}</el-radio>
               </el-radio-group>
             </el-form-item> -->
-            <el-form-item label="考评组管理员：" >
+            <el-form-item label="考评组管理员 :" >
               <el-tooltip class="item" effect="light"  placement="right">
                 <div slot="content">
                     考评组管理员<br/>
@@ -38,12 +43,14 @@
                     <i @click='showRight=true' slot="suffix" class="el-input__icon el-icon-edit"></i>
                 </el-input>
               </el-tooltip>
-              <div  class="commonFont" style="font-size:12px">设置哪些管理员可以管理该考评组</div>
+              <div  class="commonFont" style="font-size:12px;color:#999999;">设置哪些管理员可以管理该考评组</div>
             </el-form-item>
-            <el-form-item label="被考核人员" prop="name">
+            <el-form-item label="被考核人员 ">
-
+               <div slot="label" style="font-weight:600;">
+                  <span style="color:#F56C6C;">*</span> 被考核人员
+              </div>
             </el-form-item>
-            <el-form-item label="考评员工：">
+            <el-form-item label="考评员工 :">
                <div v-if="showData.list.length>0">
                  <el-input
                   @focus="handleGetChoose('isShow')"
@@ -69,7 +76,7 @@
               <el-button size='mini' @click="handleGetChoose('isShow')" icon="el-icon-plus">选部门</el-button>
               <!-- <el-button size='mini' @click="handleGetChoose" icon="el-icon-plus">选角色</el-button> -->
               <el-button size='mini' @click="handleGetChoose('isShowPersonnel')" icon="el-icon-plus">选人员</el-button>
-              <div class="commonFont" style="font-size:12px">
+              <div class="commonFont" style="font-size:12px;color:#999999;">
                 按部门设置，新加入部门的员工将自动加入考评组
               </div>
             </el-form-item>
@@ -170,6 +177,7 @@ export default {
         title: '',
         managerIds: ''
       }
+      console.log('this.GroundList1: ', this.GroundList1)
       params.list = this.GroundList1.filter(i => i.isSelect === 1)
       params.list.map((i, index) => {
         params.managerIds += i.staffId + ','
@@ -325,7 +333,14 @@ export default {
 }
 
 </script>
+<style lang="less">
+.basis{
+ .el-form-item{
+    margin-bottom: 12px;
+  }
+}
 
+</style>
 <style lang='less' scoped>
 .basis{
   &-title{