cnhis-design-vue 2.1.143 → 2.1.145

package/packages/button/src/ButtonPrint/new.vue

@@ -1,136 +1,145 @@
 <template>
-  <div class="newprint-all-buttons">
-    <div class="newprint-button-outer" id='newprint-button-outer' v-clickoutside="handleAllClickOutside">
-      <!-- 外部按钮集合 -->
-      <a-button-group>
-        <a-dropdown
-          v-for="outer in outerPrintItems"
-          :key="outer.key"
-          class="c-dropdown"
-          :trigger="dropOuter"
-        >
-          <a-button
-            :disabled="!printParams[outer.templateCode]"
-            :loading="outer.isLoading"
-            @click="handleOneTypePrint(outer.templateCode, outer.templateId, outer.key, true)"
-          >
-            {{ outer.label }}
-            <a-icon type="down" />
-          </a-button>
-          <template #overlay>
-            <a-menu>
-              <a-menu-item
-                v-for="operation in operations"
-                :key="operation.key"
-                @click="handleSelect(operation.key, outer)"
-              >
-                <span class="label" >{{ operation.label }}</span>
-              </a-menu-item>
-            </a-menu>
-          </template>
-        </a-dropdown>
-      </a-button-group>
-
-      <!-- 外显设置按钮 -->
+  <div class="newprint-button-outer" ref='newprintButtonOuterRef' v-clickoutside="handleAllClickOutside">
+    <!-- 外部按钮集合 -->
+    <a-button-group>
       <a-dropdown
-        v-if="outerPrintItems.length > 0 && outerPrintItems.length == options.length && isShowOutSettingBtn"
-        overlayClassName="newprint-button-menu"
         :getPopupContainer="getPopupContainerNode"
-        id="dropdown-outer-setting-btn"
-        :visible="outSettingVisible"
-        :trigger="dropOperation"
+        v-for="outer in outerPrintItems"
+        :key="outer.key"
+        class="c-dropdown"
+        :trigger="dropOuter"
       >
-        <a-button @click="showSettingVisible('outSettingVisible')">
-          外显设置
-          <a-icon type="setting" />
+        <a-button
+          class="operation-li"
+          style="display: flex;align-items: center;"
+          :disabled="!printParams[outer.templateCode]"
+          :loading="outer.isLoading"
+          @click="handleOneTypePrint(outer.templateCode, outer.templateId, outer.key, true)"
+        >
+          <a-icon type="printer" v-if="!outer.isLoading"/>
+          <span class="label" >{{ outer.label }}</span>
         </a-button>
+        <template #overlay>
+          <a-menu>
+            <a-menu-item
+              class="operation-li"
+              v-for="operation in operations"
+              :key="operation.key"
+              @click="handleSelect(operation.key, outer)"
+            >
+              <span class="label" >{{ operation.label }}</span>
+            </a-menu-item>
+          </a-menu>
+        </template>
+      </a-dropdown>
+    </a-button-group>
+
+    <!-- 外显设置按钮 -->
+    <a-dropdown
+      v-if="outerPrintItems.length > 0 && outerPrintItems.length == options.length && isShowOutSettingBtn"
+      overlayClassName="newprint-button-menu"
+      :getPopupContainer="getPopupContainerNode"
+      id="dropdown-outer-setting-btn"
+      :visible="outSettingVisible"
+      :trigger="dropOperation"
+    >
+      <a-button @click="toggleSettingVisible('outSettingVisible')">
+        外显设置
+        <a-icon type="setting" />
+      </a-button>
+      <a-menu slot="overlay">
+        <a-menu-item
+          v-for="sItem in options"
+          :key="sItem.key"
+          class="dropdown-between operation-li"
+        >
+          <span class="label bold">{{ sItem.label }}</span>
+          <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
+        </a-menu-item>
+        <a-menu-item  class="print-divider"><a-divider /></a-menu-item>
+        <a-menu-item class="dropdown-between">
+          <a-button type="primary" size="small" @click="savePrintOutSetting('outSettingVisible')">保存</a-button>
+          <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
+        </a-menu-item>
+      </a-menu>
+    </a-dropdown>
+
+    <!-- 打印全部按钮 -->
+    <a-button-group v-else>
+      <a-button style="display: flex;align-items: center;" :loading="this.spinning" @click.stop="printAllButtonClick">
+        <a-icon type="printer" v-if="!this.spinning"/>
+        {{ isShowPrintAllBtn ? '打印全部' : defaultFormatTitle ? defaultFormatTitle : btnText }}
+      </a-button>
+      <a-button
+        v-if="innerPrintItems.length == 0"
+        @click.stop="handleClickBtn"><a-icon type="down"/></a-button>
+      <a-dropdown v-else :visible="visible" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu" :trigger="dropOperation">
+        <a-button
+          @click.stop="handleClickBtn"><a-icon type="down"/></a-button>
         <a-menu slot="overlay">
           <a-menu-item
-            v-for="sItem in options"
-            :key="sItem.key"
-            class="dropdown-between"
-            style="padding: 0 12px;"
+            class="dropdown-between operation-li"
+            v-for="option in innerPrintItems"
+            :key="option.key"
           >
-            <span class="label bold">{{ sItem.label }}</span>
-            <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
+            <span class="label bold" :class="!printParams[option.templateCode] ? 'isDisabled' : ''" @click="handleOneTypePrint(option.templateCode, option.templateId, option.key, true)"><a-icon type="loading" v-if="option.isLoading" style="margin-right: 6px;"/>{{ option.label }} </span>
+            <a-dropdown :getPopupContainer="getPopupContainerNode" :trigger="dropOperation">
+              <!-- 点击唤起操作弹窗 -->
+              <span class="operation-icon" style="margin-left: 8px;"><a-icon type="right" /></span>
+
+              <a-menu slot="overlay">
+                <a-menu-item
+                  class="operation-li"
+                  v-for="operation in operations"
+                  :key="operation.key"
+                  @click="handleSelect(operation.key, option)"
+                >
+                  <span class="label">{{ operation.label }}</span>
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
           </a-menu-item>
-          <a-menu-item  class="print-divider"><a-divider /></a-menu-item>
-          <a-menu-item class="dropdown-between"  style="padding: 0 12px;">
-            <a-button type="primary" size="small" @click="savePrintOutSetting('outSettingVisible')">保存</a-button>
-            <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
+          <!-- 分割线 -->
+          <a-menu-item v-if="isShowOutSettingBtn" class="print-divider"><a-divider /></a-menu-item>
+          <!-- 外显设置 -->
+          <a-menu-item class="operation-li" v-if="isShowOutSettingBtn">
+            <a-dropdown :visible="innerSettingVisible" :trigger="dropOperation" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu">
+              <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;" @click="toggleSettingVisible('innerSettingVisible')">
+                <span class="label bold" style="margin-right: 12px;">外显设置 </span>
+                <a-icon type="setting" :class='outerPrintItems.length > 0 ? "hasOuterItem":""'/>
+              </div>
+              <a-menu slot="overlay">
+                <a-menu-item
+                  class="dropdown-between operation-li"
+                  v-for="sItem in options"
+                  :key="sItem.key"
+                >
+                  <span class="label bold"> {{ sItem.label }} </span>
+                  <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
+                </a-menu-item>
+                <!-- 分割线 -->
+                <a-menu-item class="print-divider"><a-divider /></a-menu-item>
+                <a-menu-item class="dropdown-between">
+                  <a-button type="primary" size="small" @click="savePrintOutSetting('innerSettingVisible')">保存</a-button>
+                  <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
+                </a-menu-item>
+              </a-menu>
+            </a-dropdown>
           </a-menu-item>
         </a-menu>
       </a-dropdown>
+    </a-button-group>
 
-      <!-- 打印全部按钮 -->
-      <a-button-group v-else>
-        <a-button :loading="this.spinning" @click.stop="printAllButtonClick">{{ isShowPrintAllBtn ? '打印全部' : btnText }}</a-button>
-        <a-dropdown :visible="visible" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu" :trigger="dropOperation">
-          <a-button
-            @click.stop="handleClickBtn"><a-icon type="down"/></a-button>
-          <a-menu slot="overlay">
-            <a-menu-item
-              class="dropdown-between"
-              v-for="option in innerPrintItems"
-              :key="option.key"
-            >
-              <span class="label bold" :class="!printParams[option.templateCode] ? 'isDisabled' : ''" @click="handleOneTypePrint(option.templateCode, option.templateId, option.key, true)"><a-icon type="loading" v-if="option.isLoading" style="margin-right: 6px;"/>{{ option.label }} </span>
-              <a-dropdown :trigger="dropOperation">
-                <a-button style="margin-left: 8px;" size="small"><a-icon type="right" /></a-button>
-                <a-menu slot="overlay">
-                  <a-menu-item
-                    v-for="operation in operations"
-                    :key="operation.key"
-                    @click="handleSelect(operation.key, option)"
-                  >
-                    <span class="label">{{ operation.label }}</span>
-                  </a-menu-item>
-                </a-menu>
-              </a-dropdown>
-            </a-menu-item>
-            <!-- 分割线 -->
-            <a-menu-item v-if="isShowOutSettingBtn" class="print-divider"><a-divider /></a-menu-item>
-            <!-- 外显设置 -->
-            <a-menu-item v-if="isShowOutSettingBtn">
-              <a-dropdown :visible="innerSettingVisible" :trigger="dropOperation" :getPopupContainer="getPopupContainerNode" overlayClassName="newprint-button-menu">
-                <div style="width: 100%;display: flex;justify-content: space-between;align-items: center;" @click="showSettingVisible('innerSettingVisible')">
-                  <span class="label bold">外显设置 </span>
-                  <a-icon type="setting" />
-                </div>
-                <a-menu slot="overlay">
-                  <a-menu-item
-                    class="dropdown-between"
-                    style="padding: 0 12px;"
-                    v-for="sItem in options"
-                    :key="sItem.key"
-                  >
-                    <span class="label bold"> {{ sItem.label }} </span>
-                    <a-checkbox :checked="sItem.selected" @change="onSettingChange(sItem)">外显</a-checkbox>
-                  </a-menu-item>
-                  <!-- 分割线 -->
-                  <a-menu-item class="print-divider"><a-divider /></a-menu-item>
-                  <a-menu-item class="dropdown-between" style="padding: 0 12px;">
-                    <a-button type="primary" @click="savePrintOutSetting('innerSettingVisible')">保存</a-button>
-                    <a-checkbox v-if="options && options.length > 1" :checked="isSelectedAll" @change="onSelectedAllChange">全选</a-checkbox>
-                  </a-menu-item>
-                </a-menu>
-              </a-dropdown>
-            </a-menu-item>
-          </a-menu>
-        </a-dropdown>
-      </a-button-group>
 
-
-      <IdentityVerification
-        :printConfig="printConfig"
-        :baseUrl="baseUrl"
-        :verifyUserUrl="verifyUserUrl"
-        :visible.sync="identityVerification.visible"
-        :identityVerificationTitle="identityVerificationTitle"
-        :authorizationKey="authorizationKey"
-        @success="verifiySuccess"
-      ></IdentityVerification>
-    </div>
+    <IdentityVerification
+      :printConfig="printConfig"
+      :baseUrl="baseUrl"
+      :verifyUserUrl="verifyUserUrl"
+      :visible.sync="identityVerification.visible"
+      :identityVerificationTitle="identityVerificationTitle"
+      :authorizationKey="authorizationKey"
+      @success="verifiySuccess"
+    ></IdentityVerification>
   </div>
 </template>
 <script>
@@ -151,6 +160,8 @@ import axios from 'axios';
 import moment from 'moment';
 import vexutils from '@/utils/vexutils';
 
+const downloadPdfCode = 'RY7.2.21.1.M2.G94181E';
+const formatEditTextCode = 'RY7.2.21.1.M2.G33633A';
 export default create({
   name: 'button-print',
   components: {
@@ -258,6 +269,11 @@ export default create({
     getPrintParamsAfter: {
       type: Function
     },
+    // 隐藏默认按钮配置。printText: 直接打印；previewText: 打印预览；downloadPdf：下载pdf；formatEditText：格式编辑。示例：hideButtons = ['formatEditText']
+    hideButtons: {
+      type: Array,
+      default: () => []
+    },
     // 新版打印配置（新）
     newPrintSetting: {
       type: Object,
@@ -273,6 +289,11 @@ export default create({
         // 默认需要打印的格式（formatId）
         defaultFormatId: ''
       })
+    },
+    // 获取模板数据（新）
+    printFormatByNumberData: {
+      type: Object,
+      default: () => (null)
     }
   },
   computed: {
@@ -307,11 +328,36 @@ export default create({
     },
     // 默认打印的formatId
     defaultPrintFormatId() {
-      return this.newPrintSetting?.defaultFormatId || '';
+      let dFormatId = this.newPrintSetting?.defaultFormatId || ''
+      // 如果在内显中没有找到对应项，则返回空
+      const isFindInnerItem = this.innerPrintItems.find(item => item.key == dFormatId)
+      if (!isFindInnerItem) {
+        dFormatId = '';
+      }
+      // 如果为空时，再去看当前下拉项中是否只有一项
+      if (!dFormatId) {
+        if (this.innerPrintItems.length == 1) {
+          return this.innerPrintItems[0]?.key;
+        }
+        return '';
+      }
+      return dFormatId;
     },
     isSelectedAll() {
       return this.options.every(option => option.selected);
-    }
+    },
+    // 设置默认format的标题
+    defaultFormatTitle() {
+      const curFormat = this.innerPrintItems.find(option => option.key == this.defaultPrintFormatId);
+      if (curFormat) {
+        return `打印${curFormat.label}`;
+      }
+      // 如果innerPrintItems长度只有一项，则默认选中它
+      if (this.innerPrintItems.length == 1) {
+        return `打印${this.innerPrintItems[0].label}`;
+      }
+      return ''
+    },
   },
   data() {
     return {
@@ -346,14 +392,14 @@ export default create({
       options: [],
       // 操作按钮集合
       operations: [
-        {
-          label: this.pdfLoadText,	// 下载pdf
-          key: 'downloadPdf'
-        },
         {
           label: this.previewText, // 打印预览
           key: 'previewText'
         },
+        {
+          label: this.pdfLoadText,	// 下载pdf
+          key: 'downloadPdf'
+        },
         {
           label: this.formatEditText,	// 格式编辑
           key: 'formatEditText'
@@ -400,20 +446,20 @@ export default create({
       }
     },
     newPrintSetting: {
-      deep: true,
       immediate: true,
       async handler(val) {
         const keys = val?.outerPrintKeys || [];
-        if (keys.length > 0) {
-          await this.handleClickBtn(false);
-        }
+        const defFormatId = val?.defaultFormatId || '';
+        // if (keys.length > 0 || defFormatId) {}
+        // 解决innerPrintItems只有一项的时候也要默认选中的问题，初始化执行一次即可
+        await this.handleClickBtn(false, true);
       }
     }
   },
   methods: {
     getPopupContainerNode() {
-      const node = document.getElementById('newprint-button-outer');
-      return node;
+      // const node = document.getElementById('newprint-button-outer');
+      return this.$refs.newprintButtonOuterRef;
     },
     // 重置所有的弹窗
     handleAllClickOutside() {
@@ -476,8 +522,8 @@ export default create({
       const printToParam = this.originParams[templateCode] || [];
       this.handleClickPrint(tmpParam, templateCode, templateId, formatId, printToParam);
     },
-    showSettingVisible(key) {
-      this[key] = true;
+    toggleSettingVisible(key) {
+      this[key] = !this[key];
     },
     // 修改设置
     savePrintOutSetting(key) {
@@ -526,18 +572,18 @@ export default create({
       }
       this.$message.warning('重置打印机失败');
     },
-    /*  */
-    async handleClickBtn(visible = true) {
+    /* visible为true时，展示下拉 */
+    async handleClickBtn(visible = true, isNoPopup = false) {
       if (!this.visible) {
-        let result = await this.init();
+        let result = await this.init(isNoPopup);
         if (!result) return false;
       }
       if (visible) {
         this.visible = !this.visible;
       }
     },
-    /*  */
-    async init() {
+    /* isNoPopup：是否需要弹出获取打印格式失败，请联系管理员的提示 */
+    async init(isNoPopup = false) {
       if (this.isInited) return true;
       this.isInited = true;
 
@@ -558,109 +604,12 @@ export default create({
         ...config,
         ...cCofing
       });
-      const formatListResult = await this.queryFormatList();
-      // const formatListResult = {
-      //   "result": "SUCCESS",
-      //   "code": 0,
-      //   "resultMsg": "",
-      //   "obj": [
-      //       {
-      //           "number": "04-003-002.2.15",
-      //           "authorizationKey": "-hQRma05xVDk8TgITIIlbZB0uQbdWbSnGaWZ0jquiPXro_TRORMrTnptz9_pcITa",
-      //           "param": [
-      //               {
-      //                   "type": "TEXT",
-      //                   "key": "vaf01",
-      //                   "required": false
-      //               }
-      //           ],
-      //           "name": "检查申请单",
-      //           "format": [
-      //               {
-      //                   "number": "04-003-002.2.15",
-      //                   "defaultFlag": 0,
-      //                   "printType": 1,
-      //                   "rowNum": 10,
-      //                   "dataType": 2,
-      //                   "name": "检查申请单",
-      //                   "id": "1555397316323516416",
-      //                   "templateId": "1555397316298350592"
-      //               }
-      //           ],
-      //           "id": "1555397316298350592",
-      //           "datasetList": [
-      //               {
-      //                   "name": "病人信息",
-      //                   "id": "1555397315836977152"
-      //               },
-      //               {
-      //                   "name": "病史信息",
-      //                   "id": "1555397316076052480"
-      //               },
-      //               {
-      //                   "name": "申请单信息",
-      //                   "id": "1610273175815266304"
-      //               }
-      //           ],
-      //           "customizeDataset": [
-
-      //           ]
-      //       },
-      //       // {
-      //       //     "number": "04-003-002.2.5",
-      //       //     "authorizationKey": "-hQRma05xVDk8TgITIIlbZB0uQbdWbSnGaWZ0jquiPXro_TRORMrTnptz9_pcITa",
-      //       //     "param": [
-      //       //         {
-      //       //             "type": "TEXT",
-      //       //             "key": "vaf01",
-      //       //             "required": true
-      //       //         },
-      //       //         {
-      //       //             "type": "TEXT",
-      //       //             "key": "vbi01",
-      //       //             "required": false
-      //       //         }
-      //       //     ],
-      //       //     "name": "注射单",
-      //       //     "format": [
-      //       //         {
-      //       //             "number": "04-003-002.2.5",
-      //       //             "defaultFlag": 1,
-      //       //             "printType": 1,
-      //       //             "rowNum": 2,
-      //       //             "dataType": 2,
-      //       //             "name": "注射单新",
-      //       //             "id": "1603271989354504192",
-      //       //             "templateId": "1549981374315700224"
-      //       //         },
-      //       //         {
-      //       //             "number": "04-003-002.2.5",
-      //       //             "defaultFlag": 0,
-      //       //             "printType": 1,
-      //       //             "rowNum": 10,
-      //       //             "dataType": 2,
-      //       //             "name": "注射单",
-      //       //             "id": "1555132544503980032",
-      //       //             "templateId": "1549981374315700224"
-      //       //         }
-      //       //     ],
-      //       //     "id": "1549981374315700224",
-      //       //     "datasetList": [
-      //       //         {
-      //       //             "name": "执行医嘱",
-      //       //             "id": "1610817743354798080"
-      //       //         }
-      //       //     ],
-      //       //     "customizeDataset": [
-
-      //       //     ]
-      //       // }
-      //   ],
-      //   "total": 0,
-      //   "recordsTotal": 0,
-      //   "recordsFiltered": 0,
-      //   "success": true
-      // };
+      let formatListResult = null;
+      if (this.printFormatByNumberData) {
+        formatListResult = this.printFormatByNumberData;
+      } else {
+        formatListResult = await this.queryFormatList();
+      }
 
       // 获取模板参数接口
       if (!formatListResult) {
@@ -668,12 +617,20 @@ export default create({
         this.$message.error('获取模板参数失败，请联系管理员');
         return false
       }
+
+      if (!isNoPopup && (!formatListResult?.obj || formatListResult?.obj?.length == 0)) {
+        this.options = [];
+        this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
+        return this.requestError();
+      }
+
       if (this.versionType == 1 || this.versionType == 3) {
         this.initHIS(formatListResult);
       } else {
-        await this.initCRM(formatListResult);
+        await this.initCRM(formatListResult, isNoPopup);
       }
 
+      this.isInited = false;
       this.setLoaded();
 
       return true;
@@ -704,16 +661,45 @@ export default create({
       }
 
       this.innerPrintItems = this.options.filter(option => !option.selected);
+
+
+      // 1、通过业务传入的参数hideButtons隐藏按钮
+      if (this.hideButtons.length > 0) {
+        this.operations = this.operations.filter(operation => !this.hideButtons.includes(operation.key));
+      }
+
+      // 2、通过全局缓存portal隐藏按钮
+      const portalStr = sessionStorage.getItem('portal');
+      if (portalStr) {
+        const portal = JSON.parse(portalStr);
+        const limitObj = portal?.user?.currentRoleResourceObj || {};
+        const limitList = Object.keys(limitObj);
+        console.log('limitList>>>', limitList);
+
+        // 下载pdf全局控制
+        if (!limitList.includes(downloadPdfCode)) {
+          this.operations = this.operations.filter(option => option.key != 'downloadPdf');
+        }
+        // 格式编辑按钮全局控制
+        if (!limitList.includes(formatEditTextCode)) {
+          this.operations = this.operations.filter(option => option.key != 'formatEditText');
+        }
+      }
     },
     initHIS(formatListResult) {
       this.formatList = formatListResult ? formatListResult.list.filter(item => item.printmark == 1) : [];
       this.currentFormatId = this.getDefaultFormatId(this.formatList, 'printmark');
       this.templateParams = this.formatList[0] || {};
     },
-    async initCRM(formatListResult) {
+    async initCRM(formatListResult, isNoPopup) {
       this.formatList = formatListResult ? this.formatFormatList(formatListResult.obj) : [];
       // this.currentFormatId = this.getDefaultFormatId(this.formatList, 'defaultFlag');
 
+      if (!isNoPopup && this.formatList.length == 0) {
+        this.options = [];
+        this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
+        return this.requestError();
+      }
       // if (!this.currentFormatId) {
       //   this.$message.error(this.noformatTips || '获取打印格式失败，请联系管理员！');
       //   return this.requestError();
@@ -722,6 +708,10 @@ export default create({
       //   this.requestError();
       //   return;
       // }
+      // 如果第一遍已经请求到格式数据，则不需要再拼接数据（防止让已勾选的外显selected重置）
+      if (this.options.length > 0) {
+        return;
+      }
       this.setOptions();
 
       // this.templateParams = await this.queryTemplateParams();
@@ -1357,30 +1347,45 @@ export default create({
 </script>
 
 <style lang="less" scoped>
-.dropdown-button {
-  color: #212121;
-  border-color: #d5d5d5 !important;
-  margin-left: 8px;
-  margin-bottom: 8px;
-  /deep/ .svg-icon {
-    margin-right: 4px;
-  }
-  &.ant-dropdown-trigger {
-    i.anticon.anticon-down {
-      color: #969696;
-      font-size: 14px;
-    }
-  }
-}
-</style>
-
-<style lang="less">
 .newprint-button-outer {
-	display: flex;
+	display: inline-flex;
 	align-items: center;
+  .ant-btn-group{
+    display: inline-flex;
+  }
   .ant-popover-inner-content{
     padding: 0;
   }
+  .bold{
+    font-weight: 700;
+  }
+  .hasOuterItem{
+    color: rgba(37, 99, 244, 1);
+  }
+  .operation-icon{
+    margin-left: 8px;
+    width: 32px;
+    height: 32px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 0;
+    .anticon{
+      margin-right: 0 !important;
+    }
+  }
+  .operation-li{
+    &:hover{
+      background: rgba(37, 99, 244, 0.10);
+      .label, .anticon-right{
+        color: rgba(37, 99, 244, 1);
+      }
+      .operation-icon{
+        opacity: 1;
+        background: rgba(37, 99, 244, 0.15);
+      }
+    }
+  }
 }
 
 .newprint-button-menu{
@@ -1398,41 +1403,15 @@ export default create({
     justify-content: space-between;
     align-items: center;
     padding: 0;
+    margin: 0 6px;
     .label{
       flex: 1;
-      padding: 5px 12px;
+      padding: 5px 12px 5px 6px;
     }
     .ant-btn{
-      margin: 5px 12px 5px 0;
+      margin: 5px 12px 5px 6px;
     }
   }
 }
 
-
-
-
-
-.rowFoldHideBtnList-dropdown {
-  min-width: 150px !important;
-  .ant-dropdown-menu {
-    overflow-y: auto;
-    max-height: 99vh;
-  }
-  .ant-dropdown-menu-item-group {
-    .ant-dropdown-menu-item-group-title {
-      display: none;
-    }
-    border-bottom: 1px solid #d5d5d5;
-    &:last-child {
-      border-color: transparent;
-    }
-  }
-  .format-name .ant-dropdown-menu-submenu-title {
-    font-weight: bold;
-    color: #000;
-  }
-  .ant-dropdown-menu-item.active {
-    color: #5585f5;
-  }
-}
 </style>