主管任务增加经销商选项

src/views/week/SUPTaskApproval/detailItem.vue

@@ -130,7 +130,14 @@
           <div class="jxsBox">
             <div class="jxsContent">
               <div class="item" v-for="(val, index) in item.chainList">
-                <div class="selectItem">{{ val.chainName }} &nbsp; ({{ val.chainCode }})</div>
+                <el-popover
+                  placement="bottom"
+                  trigger="click"
+                  :content="val.chainName + '(' + val.chainCode + ')'">
+                  <template slot="reference">
+                    <div class="selectItem">{{ val.chainName }} &nbsp; ({{ val.chainCode }})</div>
+                  </template>
+                </el-popover>
               </div>
             </div>
           </div>
@@ -772,16 +779,20 @@ export default {
     font-size: 16px;
   }
 }
+</style>
+<style lang="scss">
 .jxsBox {
   .jxsContent {
     margin-bottom: 10px;
     .item {
       padding: 5px;
-      display: flex;
       background: #e9e9e9;
       margin: 5px 0;
-      justify-content: space-between;
-      align-items: center;
+      .el-popover__reference-wrapper {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
       .selectItem {
         flex: 1;
         white-space: nowrap;
@@ -795,8 +806,6 @@ export default {
     text-align: right;
   }
 }
-</style>
-<style>
 .table-headermd {
   font-size: 12px;
   text-align: center;