no message

src/views/kpi/workbench/initiateAssessment/index.vue

@@ -97,51 +97,60 @@
         @cancel='handleCancelPopup'
         @submit="handleSubmitPopup"
         :title="popupRightTitle"
+        class="popup"
       >
         <div slot="content">
-          <el-input
-            v-model="rqAssessmentParameter.searchName"
-            @change="handlePopupSearchChange"
-            prefix-icon="el-icon-search"
-            placeholder="搜索考评组"
-          ></el-input>
-          <el-table
-            v-if="popupData.tableList.length"
-            :data="popupData.tableList"
-            @selection-change="handleSelectionChange"
-            tooltip-effect="dark"
-          >
-            <el-table-column
-              type="selection"
-              width="40"
-            ></el-table-column>
-            <el-table-column
-              label="全选"
-              width="250"
-            ><template slot-scope="scope">{{scope.row.name}}</template></el-table-column>
-            <el-table-column
-              width="80"
-              align="right"
-            ><template slot-scope="scope">{{scope.row.counts}}人</template></el-table-column>
-          </el-table>
-          <div
-            v-else
-            class="popup-empty"
-          >
-            <img
-              src=""
-              style="height: 150px; width: 150px;"
-            />
-            <div>暂无考评组</div>
-            <div>考评组用于自定义配置“被考核人”的考核指标和考核流程</div>
-            <el-button
-              @click="handlePopupCreat"
-              type="text"
-              plain
-            >新建考评组</el-button>
+          <div class="popup-search">
+            <el-input
+              v-model="rqAssessmentParameter.searchName"
+              @change="handlePopupSearchChange"
+              prefix-icon="el-icon-search"
+              placeholder="搜索考评组"
+              size="mini"
+            ></el-input>
+          </div>
+          <div class="popup-table">
+            <el-table
+              v-if="popupData.tableList.length"
+              :data="popupData.tableList"
+              @selection-change="handleSelectionChange"
+              tooltip-effect="dark"
+            >
+              <el-table-column
+                type="selection"
+                width="40"
+              ></el-table-column>
+              <el-table-column
+                label="全选"
+                width="250"
+              ><template slot-scope="scope">{{scope.row.name}}</template></el-table-column>
+              <el-table-column
+                width="80"
+                align="right"
+              ><template slot-scope="scope">{{scope.row.counts}}人</template></el-table-column>
+            </el-table>
+            <div
+              v-else
+              class="popup-empty"
+            >
+              <img
+                src=""
+                style="height: 150px; width: 150px;"
+              />
+              <div>暂无考评组</div>
+              <div>考评组用于自定义配置“被考核人”的考核指标和考核流程</div>
+              <el-button
+                @click="handlePopupCreat"
+                type="text"
+                plain
+              >新建考评组</el-button>
+            </div>
           </div>
         </div>
-        <div slot="leftSlot">已选择：{{formData.assessmentList.length}}个</div>
+        <div
+          slot="footer-left"
+          class="popup-footer-left"
+        >已选择：{{popupData.selectedList.length}}个</div>
       </popup-right>
     </div>
   </div>
@@ -189,6 +198,9 @@ export default {
       this.formData.rangDate = ''
     }
   },
+  created () {
+    this.handleGainAssessmentGroupList()
+  },
   methods: {
     handleChangeRangDate (chgVal) {
       let nameStr = this.$format(chgVal, 'yyyy年MM月绩效考核')
@@ -201,7 +213,6 @@ export default {
     },
     handleChooseGroup () {
       this.popupData.selectedList = []
-      this.handleGainAssessmentGroupList()
       this.showChooseList = !this.showChooseList
     },
     handleGroupDelete (index, rows) {
@@ -240,7 +251,14 @@ export default {
       }
       getWorkList({}).then(res => {
         const currPage = res.currPage
-        this.popupData.tableList = res.list
+        let newList = []
+        for (let index = 0; index < 20; index++) {
+          for (let index = 0; index < res.list.length; index++) {
+            const element = res.list[index]
+            newList.push(element)
+          }
+        }
+        this.popupData.tableList = newList
         console.log(res)
       })
     }
@@ -261,15 +279,24 @@ export default {
     .line-space {
         margin-top: 20px;
     }
-    .popup-empty {
-        padding-top: 100px;
-        height: 500px;
-        width: 410px;
-        font-size: 14px;
-        text-align: center;
-        display: block;
-        align-content: center;
-        justify-content: center;
+    .popup {
+        &-search {
+            margin-bottom: 20px;
+        }
+        &-empty {
+            padding-top: 100px;
+            height: 500px;
+            width: 410px;
+            font-size: 14px;
+            text-align: center;
+            display: block;
+            align-content: center;
+            justify-content: center;
+        }
+
+        &-footer-left {
+            color: @fontBlue;
+        }
     }
 }
 </style>