diff --git a/src/views/services/directivePackage/components/DirectivePackageModal.vue b/src/views/services/directivePackage/components/DirectivePackageModal.vue
index fdf945b..769e749 100644
--- a/src/views/services/directivePackage/components/DirectivePackageModal.vue
+++ b/src/views/services/directivePackage/components/DirectivePackageModal.vue
@@ -10,17 +10,13 @@
           </DirectivePackageForm>
       </a-col>
       <a-col :span="6" style="padding-top: 19px;">
-        <span style="color: #fff;  padding: 8px 10px;  background: #dfdfdf;  border-radius: 5px;"  @click="handleQuoteDirectives">
-          <Icon icon="ant-design:reconciliation-outlined" /><a href="javascript:void(0);" style="color:#fff;">引用服务指令包</a>
-        </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-button type="primary" style="margin-left:10px;" @click="handleQuoteDirectives"><Icon icon="ant-design:reconciliation-outlined" />引用服务指令包</a-button>
+          <a-button type="primary" style="margin-left:10px;" @click="handleAddDirectives"><Icon icon="ant-design:file-add-outlined" />选择服务指令</a-button>
       </a-col>
     </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="fenleiClass">
             <a-row>
@@ -112,12 +108,12 @@
           </div>
           <a-divider />
           <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="handleBodyTags('', directive, '')">{{ handleBodyTags('', directive, '') }}</span>
               <span class="typeClass" v-if="handleEmotionTags('', directive, '')">{{ handleEmotionTags('', directive, '') }}</span>
             </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="zqhlClass" v-if="directive.cycleType=='2'">周期护理</span>
               <span class="jshlClass" v-if="directive.cycleType=='3'">即时护理</span>