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
+          <div class="popup-search">
-            v-model="rqAssessmentParameter.searchName"
+            <el-input
-            @change="handlePopupSearchChange"
+              v-model="rqAssessmentParameter.searchName"
-            prefix-icon="el-icon-search"
+              @change="handlePopupSearchChange"
-            placeholder="搜索考评组"
+              prefix-icon="el-icon-search"
-          ></el-input>
+              placeholder="搜索考评组"
-          <el-table
+              size="mini"
-            v-if="popupData.tableList.length"
+            ></el-input>
-            :data="popupData.tableList"
+          </div>
-            @selection-change="handleSelectionChange"
+          <div class="popup-table">
-            tooltip-effect="dark"
+            <el-table
-          >
+              v-if="popupData.tableList.length"
-            <el-table-column
+              :data="popupData.tableList"
-              type="selection"
+              @selection-change="handleSelectionChange"
-              width="40"
+              tooltip-effect="dark"
-            ></el-table-column>
+            >
-            <el-table-column
+              <el-table-column
-              label="全选"
+                type="selection"
-              width="250"
+                width="40"
-            ><template slot-scope="scope">{{scope.row.name}}</template></el-table-column>
+              ></el-table-column>
-            <el-table-column
+              <el-table-column
-              width="80"
+                label="全选"
-              align="right"
+                width="250"
-            ><template slot-scope="scope">{{scope.row.counts}}人</template></el-table-column>
+              ><template slot-scope="scope">{{scope.row.name}}</template></el-table-column>
-          </el-table>
+              <el-table-column
-          <div
+                width="80"
-            v-else
+                align="right"
-            class="popup-empty"
+              ><template slot-scope="scope">{{scope.row.counts}}人</template></el-table-column>
-          >
+            </el-table>
-            <img
+            <div
-              src=""
+              v-else
-              style="height: 150px; width: 150px;"
+              class="popup-empty"
-            />
+            >
-            <div>暂无考评组</div>
+              <img
-            <div>考评组用于自定义配置“被考核人”的考核指标和考核流程</div>
+                src=""
-            <el-button
+                style="height: 150px; width: 150px;"
-              @click="handlePopupCreat"
+              />
-              type="text"
+              <div>暂无考评组</div>
-              plain
+              <div>考评组用于自定义配置“被考核人”的考核指标和考核流程</div>
-            >新建考评组</el-button>
+              <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 {
+    .popup {
-        padding-top: 100px;
+        &-search {
-        height: 500px;
+            margin-bottom: 20px;
-        width: 410px;
+        }
-        font-size: 14px;
+        &-empty {
-        text-align: center;
+            padding-top: 100px;
-        display: block;
+            height: 500px;
-        align-content: center;
+            width: 410px;
-        justify-content: center;
+            font-size: 14px;
+            text-align: center;
+            display: block;
+            align-content: center;
+            justify-content: center;
+        }
+
+        &-footer-left {
+            color: @fontBlue;
+        }
     }
 }
 </style>