修改看板的样式问题

haoxuan

2023-09-18 bf7954d6ca6726bc2e71b5900348753fcafe1c5a

修改看板的样式问题

 src/views/visualization.vue

@@ -247,8 +247,16 @@
                  >
                    <template v-if="list.name == '工序'">
                      <div class="card_content">
                        <div class="card_contentLeft color_blue">
                          {{ list.deviceName }}
                        <div class="card_contentLeft color_blue font_dian">
                          <!-- {{ list.deviceName }} -->
                          <el-tooltip
                          effect="dark"
                          popper-class="tooltip-width-200"
                          :content="list.deviceName"
                          placement="top-start"
                        >
                          <span>{{ list.deviceName }}</span>
                        </el-tooltip>
                          <!-- <span style="float: right">6m/s</span> -->
                        </div>
                      </div>
@@ -852,10 +860,12 @@
        inputMaterials: [],
        outputMaterials: [],
        procedureList: [
          // {
          //   number: 11111,
          //   name: "工艺",
          // }
        //  [ 
        //     {
        //       name:"工序",
        //       deviceName:'1111dhafjdhajkhf jkdahjkf打法即可打開鏈接肯德基啊看來jdad大风京东卡老司机番窠倒臼开了房金阿奎第十六届反馈拉德斯基k打卡机阿珂附件打开了点击阿里卡减肥的卡拉胶开了房大街上克隆fk啦大家防空雷達數據看i'
        //     },
        //   ]
        ],
      };
      this.Tasks = [];
@@ -1008,6 +1018,10 @@
</script>

<style lang="scss">
.tooltip-width-200{
  width:200px;
  line-height:1.3!important;
}
.color_yellow{
  color:yellow;
}
@@ -1564,6 +1578,12 @@
            border-radius: 5px 5px 0 0;
            background: rgb(19, 35, 90);
          }
          .font_dian{
            -webkit-box-orient:vertical;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
          }

          .card_contentRight {
            width: 100%;