66896 【UI】列表样式、按钮icon、间距、边距、对齐、进度样式问题

src/views/medical-record-management/medical-edit.vue

@@ -597,7 +597,6 @@ color: #333333;"
                   </span>
                 </template>
               </el-table-column>
-
               <el-table-column min-width="70" :show-overflow-tooltip="true" align="left" label="销售数量" prop="sallNum">
                 <template slot-scope="scope">
                   <span>
@@ -683,6 +682,18 @@ color: #333333;"
                     <svg-icon icon-class="liebiao_icon_shanchu" />
                     删除
                   </el-button>
+                  <el-button
+                    v-if="scope.row.isAdd"
+                    id="clear-medication"
+                    plain
+                    size="mini"
+                    class="el-button--error--solid"
+                    type="danger"
+                    @click="handleClearRow(scope.row, 'stockDispenseOutboundList','clear-medication')"
+                  >
+                    <svg-icon icon-class="liebiao_icon_shanchu" />
+                    清空
+                  </el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -1792,6 +1803,28 @@ export default {
     this.getDrugList()
   },
   methods: {
+    /* 清空按钮方法 */
+    handleClearRow(row, listName, removeButtonId) {
+      // 删除信息行
+      this.$confirm('是否确认删除此条数据，删除后不可恢复', '删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+        closeOnClickModal: false,
+        customClass: 'box-logout',
+        cancelButtonClass: 'resetBtn',
+        confirmButtonClass: 'queryBtn'
+      }).then(() => {
+        /* 清空当前行 */
+        const index = this[listName].indexOf(row)
+        this[listName].splice(index, 1)
+        /* 清空后状态改变 */
+        this.editCunt[listName] = 0
+      }).catch(() => {
+        /* 最后给特定的id进行设置 */
+        document.getElementById(removeButtonId).blur()
+      })
+    },
     checkPermi,
     /* 金额格式化 */
     formatAmount(amount) {