更换按钮样式

This commit is contained in:
yangjun 2025-07-17 09:42:40 +08:00
parent 43f1dd7894
commit 857a1b68d6
1 changed files with 8 additions and 11 deletions

View File

@ -10,17 +10,13 @@
</DirectivePackageForm> </DirectivePackageForm>
</a-col> </a-col>
<a-col :span="6" style="padding-top: 19px;"> <a-col :span="6" style="padding-top: 19px;">
<span style="color: #fff; padding: 8px 10px; background: #dfdfdf; border-radius: 5px;" @click="handleQuoteDirectives"> <a-button type="primary" style="margin-left:10px;" @click="handleQuoteDirectives"><Icon icon="ant-design:reconciliation-outlined" />引用服务指令包</a-button>
<Icon icon="ant-design:reconciliation-outlined" /><a href="javascript:void(0);" style="color:#fff;">引用服务指令包</a> <a-button type="primary" style="margin-left:10px;" @click="handleAddDirectives"><Icon icon="ant-design:file-add-outlined" />选择服务指令</a-button>
</span>
<span style="color: #43cbd9; padding: 8px 10px; background: #fff; border-radius: 5px;margin-left:10px;border: 1px solid;" @click="handleAddDirectives">
<Icon icon="ant-design:file-add-outlined" /><a href="javascript:void(0);" style="color:#43cbd9;" >选择服务指令</a>
</span>
</a-col> </a-col>
</a-row> </a-row>
<a-row> <a-row>
<a-col :span="6" v-for="directive of seletedRecord.directives" :key="directive.id" style="padding: 5px;" @click="directiveInfo(directive)" > <a-col :span="6" v-for="directive of seletedRecord.directives" :key="directive.id" style="padding: 8px;" @click="directiveInfo(directive)" >
<div class="directiveClass" :class="{ 'selected': selectedDirective === directive.id }"> <div class="directiveClass" :class="{ 'selected': selectedDirective === directive.id }">
<div class="fenleiClass"> <div class="fenleiClass">
<a-row> <a-row>
@ -112,12 +108,12 @@
</div> </div>
<a-divider /> <a-divider />
<a-row> <a-row>
<a-col :span="16"> <a-col :span="16" style="padding-left: 5px;">
<span class="typeClass" v-if="directive.typeName">{{ directive.typeName }}</span> <span class="typeClass" v-if="directive.typeName">{{ directive.typeName }}</span>
<span class="typeClass" v-if="handleBodyTags('', directive, '')">{{ handleBodyTags('', directive, '') }}</span> <span class="typeClass" v-if="handleBodyTags('', directive, '')">{{ handleBodyTags('', directive, '') }}</span>
<span class="typeClass" v-if="handleEmotionTags('', directive, '')">{{ handleEmotionTags('', directive, '') }}</span> <span class="typeClass" v-if="handleEmotionTags('', directive, '')">{{ handleEmotionTags('', directive, '') }}</span>
</a-col> </a-col>
<a-col :span="8" style="text-align: right;"> <a-col :span="8" style="text-align: right;padding-right: 5px;">
<span class="rchlClass" v-if="directive.cycleType=='1'">日常护理</span> <span class="rchlClass" v-if="directive.cycleType=='1'">日常护理</span>
<span class="zqhlClass" v-if="directive.cycleType=='2'">周期护理</span> <span class="zqhlClass" v-if="directive.cycleType=='2'">周期护理</span>
<span class="jshlClass" v-if="directive.cycleType=='3'">即时护理</span> <span class="jshlClass" v-if="directive.cycleType=='3'">即时护理</span>
@ -211,7 +207,7 @@ function getImgPath(pathUrl){
if(pathUrl && pathUrl.length>0){ if(pathUrl && pathUrl.length>0){
return getFileAccessHttpUrl(pathUrl); return getFileAccessHttpUrl(pathUrl);
}else{ }else{
return '../../resource/img/logo.png'; return '../resource/img/logo.png';
} }
} }
@ -415,7 +411,8 @@ defineExpose({
.fenleiClass{ .fenleiClass{
background-image: url('/src/assets/wlb/wlb-title.png'); background-image: url('/src/assets/wlb/wlb-title.png');
background-size: 100% 100%; background-repeat: no-repeat;
background-size: 60% 100%;
height: 36px; height: 36px;
color: #ffffff; color: #ffffff;
padding: 7px 0 0 20px; padding: 7px 0 0 20px;