历史信息图标

src/views/cxyrd/QueryConfirm.vue

@@ -283,6 +283,17 @@
                   {{ scope.row.queryTypeName }}
                 </div>
               </template>
+              <template v-else-if="item.prop === 'barcode'">
+                <div>
+                  {{ scope.row.barcode }}
+                  <el-tooltip effect="dark" placement="right">
+                    <div slot="content">
+                      历史信息1<br />历史信息2<br />历史信息3<br />历史信息4<br />历史信息5
+                    </div>
+                    <img class="history" :src="historyUrl" />
+                  </el-tooltip>
+                </div>
+              </template>
               <template v-else-if="item.prop === 'queryclass'">
                 {{
                   scope.row.queryclass === "5"
@@ -362,6 +373,17 @@
         </el-pagination>
       </div>
     </div>
+
+    <!--历史信息弹窗-->
+    <!--    <el-dialog title="提示" :visible.sync="historyDialogVisible" width="30%">-->
+    <!--      <span>这是一段信息</span>-->
+    <!--      &lt;!&ndash;      <el-button @click="historyDialogVisible = false">取 消</el-button>&ndash;&gt;-->
+    <!--      &lt;!&ndash;      <el-button type="primary" @click="historyDialogVisible = false"&ndash;&gt;-->
+    <!--      &lt;!&ndash;        >确 定</el-button&ndash;&gt;-->
+    <!--      >-->
+    <!--    </el-dialog>-->
+    <el-dialog :visible.sync="historyDialogVisible" style="z-index: 1500">
+    </el-dialog>
   </div>
 </template>
 
@@ -404,6 +426,7 @@ export default {
       // userOption:users,
       delUrl: require("../../assets/img/confirm/del.png"),
       editUrl: require("../../assets/img/confirm/edit.png"),
+      historyUrl: require("../../assets/img/confirm/history2x.png"),
       selectionData: [],
       barcode: null,
       // 是否批量操作
@@ -459,8 +482,8 @@ export default {
         { value: "-1", name: "无效", type: "querystates" },
         { value: "-2", name: "同步特征", type: "querystates" }
       ],
-      expanded: false // 展开标志
-      // arr: []
+      expanded: false, // 展开标志
+      historyDialogVisible: false
     };
   },
   watch: {
@@ -798,6 +821,9 @@ export default {
       this.reqParam.contrastCustomSearchReq.querytypes = [];
       this.search();
     },
+    showHistory() {
+      this.historyDialogVisible = true;
+    },
     // 全部数据
     clearAll() {
       this.dynamicTags = [];
@@ -1218,7 +1244,13 @@ b {
   margin: 0 6px 0 8px;
   cursor: pointer;
 }
-
+.history {
+  width: 12px;
+  height: 12px;
+  margin-left: 4px;
+  margin-bottom: 3px;
+  cursor: pointer;
+}
 /deep/.el-tag .el-icon-close::before {
   margin-right: 8px;
   display: block;