Checkmsg & Popover

2020-07-25 21:40:13 +02:00
parent c26c123088
commit 9fe7322c7b
3 changed files with 68 additions and 28 deletions
@@ -11,7 +11,17 @@
      <el-row v-for="(result,idx) in results" :key="idx">
        <el-col :span="2" v-if="result.id<0"><span class="label"><i class="far fa-check-circle"></i></span></el-col>         
        <el-col :span="2" v-if="result.id>=0"><span class="label"><i class="fas fa-exclamation-triangle"></i></span></el-col>         
-        <el-col :span="15"><span class="label">{{ result.message }}</span></el-col>
+        <el-col :span="15">
+        <el-popover
+          placement="top-start"
+          title="Description"
+          width="200"
+          trigger="hover"
+          :content=result.message[1]
+        >
+          <span class="label" slot="reference">{{ result.message[0] }}</span>
+        </el-popover>
+        </el-col>
        <el-col :span="4" v-if="result.id>=0"><el-button v-on:click="show(result.id)" class="button"><i class="fas fa-bullseye"></i></el-button></el-col>         
      </el-row>
    </div>