|
|
|
|
@ -37,23 +37,17 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="info-content-div">
|
|
|
|
|
<div class="content-div">
|
|
|
|
|
<div class="content-title-div">关联算法</div>
|
|
|
|
|
<div class="content-info" v-html="getContentStr(item.algoIds)"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="button-div">
|
|
|
|
|
<div style="margin-bottom: 13px;">
|
|
|
|
|
<a-button class="delete-button" @click="delData(item)">删除</a-button>
|
|
|
|
|
<div style="width: 153px;margin-right: 14px;">
|
|
|
|
|
<div class="content-title-div">关联算法</div>
|
|
|
|
|
<div class="content-info" v-html="getContentStr(item.algoIds)"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div class="button-div">
|
|
|
|
|
<a-button class="delete-button" @click="delData(item)">删除</a-button>
|
|
|
|
|
<a-button class="show-info-button" type="primary" @click="showInfo(item)">查看</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="item-footer">
|
|
|
|
|
<a-button class="item-del" @click="delData(item)">删除</a-button>
|
|
|
|
|
<a-button class="item-show" type="primary" @click="showInfo(item)">查看</a-button>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="pagination-div">
|
|
|
|
|
@ -368,11 +362,11 @@ const getContentStr = (listId: string) => {
|
|
|
|
|
.info-content-div{
|
|
|
|
|
display: flex;
|
|
|
|
|
.content-div{
|
|
|
|
|
width: 200px;
|
|
|
|
|
display: flex;
|
|
|
|
|
width: 100%;
|
|
|
|
|
margin-top: 4px;
|
|
|
|
|
padding-top: 8px;
|
|
|
|
|
border-top: 1px dashed rgba(151, 151, 151, 0.37);
|
|
|
|
|
margin-right: 27px;
|
|
|
|
|
.content-title-div{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
@ -399,98 +393,44 @@ const getContentStr = (listId: string) => {
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button-div{
|
|
|
|
|
.delete-button{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 54px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
border: 1px solid #F2F2F2;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #E3150E;
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
}
|
|
|
|
|
.show-info-button{
|
|
|
|
|
.button-div{
|
|
|
|
|
padding-top: 23px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 54px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
background: #0B60BD;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
border: 1px solid #0B60BD;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
.delete-button{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 54px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
border: 1px solid #0B60BD;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #0B60BD;
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
margin-right: 6px;
|
|
|
|
|
}
|
|
|
|
|
.show-info-button{
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
width: 54px;
|
|
|
|
|
height: 23px;
|
|
|
|
|
background: #0B60BD;
|
|
|
|
|
border-radius: 2px;
|
|
|
|
|
border: 1px solid #0B60BD;
|
|
|
|
|
font-family: PingFangSC-Regular;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 11px;
|
|
|
|
|
color: #FFFFFF;
|
|
|
|
|
line-height: 15px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
// .info-content-div{
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 66px;
|
|
|
|
|
// background-image: url('/public/instance/instance_list_item_info_content.png');
|
|
|
|
|
// padding-top: 8px;
|
|
|
|
|
// padding-left: 12px;
|
|
|
|
|
// margin-bottom: 13px;
|
|
|
|
|
// .content-raw{
|
|
|
|
|
// display: flex;
|
|
|
|
|
// .content-label{
|
|
|
|
|
// font-family: PingFangSC-Regular;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// font-size: 12px;
|
|
|
|
|
// color: #1C1D22;
|
|
|
|
|
// line-height: 17px;
|
|
|
|
|
// margin-right: 11px;
|
|
|
|
|
// }
|
|
|
|
|
// .content-value{
|
|
|
|
|
// font-family: PingFangSC-Medium;
|
|
|
|
|
// font-weight: 500;
|
|
|
|
|
// font-size: 12px;
|
|
|
|
|
// color: #1C1D22;
|
|
|
|
|
// line-height: 17px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
// .item-footer{
|
|
|
|
|
// width: 100%;
|
|
|
|
|
// height: 23px;
|
|
|
|
|
// display: flex;
|
|
|
|
|
// align-items: center;
|
|
|
|
|
// justify-content: end;
|
|
|
|
|
// padding-right: 12px;
|
|
|
|
|
// .item-del{
|
|
|
|
|
// width: 54px;
|
|
|
|
|
// height: 23px;
|
|
|
|
|
// border-radius: 2px;
|
|
|
|
|
// border: 1px solid #F2F2F2;
|
|
|
|
|
// margin-right: 7px;
|
|
|
|
|
// font-family: PingFangSC-Regular;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// font-size: 11px;
|
|
|
|
|
// color: #E3150E;
|
|
|
|
|
// line-height: 15px;
|
|
|
|
|
// }
|
|
|
|
|
// .item-show{
|
|
|
|
|
// width: 54px;
|
|
|
|
|
// height: 23px;
|
|
|
|
|
// background: #0B60BD;
|
|
|
|
|
// border-radius: 2px;
|
|
|
|
|
// border: 1px solid #0B60BD;
|
|
|
|
|
// font-family: PingFangSC-Regular;
|
|
|
|
|
// font-weight: 400;
|
|
|
|
|
// font-size: 11px;
|
|
|
|
|
// color: #FFFFFF;
|
|
|
|
|
// line-height: 15px;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.pagination-div{
|
|
|
|
|
|
