排序按钮-数字框

src/assets/scss/global.scss

@@ -67,3 +67,26 @@
   line-height: 13px;
 }
 /* tag end*/
+
+.el-table .caret-wrapper {
+  height: 20px;
+}
+
+.el-table .descending .sort-caret.descending {
+  border-top-color: #00ff00;
+}
+
+.el-table .ascending .sort-caret.ascending {
+  border-bottom-color:  #00ff00;
+}
+
+.add-rule-dialog{
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+  input[type="number"] {
+    -moz-appearance: textfield;
+  }
+}
+

src/views/modules/sys/language/common.vue

@@ -1,5 +1,10 @@
 <template>
   <div class="mod-config">
+    <div>
+        <span @click="favoriteFunction()">
+         <icon-svg :name="favorite?'xiangqufill':'xiangqu'" class="sl-svg"  ></icon-svg>
+        </span>
+    </div>
     <el-form :inline="true" :model="querySysLanguagePack" @keyup.enter.native="getDataList()">
 
       <el-form-item>
@@ -43,14 +48,10 @@
         </el-button>
       </el-form-item>
 
-      <el-form-item >
-        <span @click="favoriteFunction()">
-                  <icon-svg :name="favorite?'xiangqufill':'xiangqu'" class="sl-svg"  ></icon-svg>
-        </span>
 
-      </el-form-item>
     </el-form>
     <el-table
+      height="500"
       :data="dataList"
       border
       v-loading="dataListLoading"
@@ -570,9 +571,15 @@
         }
         if (this.favorite){
           // 取消收藏
-          removeUserFavorite(userFavorite).then(({data})=>{
-            this.$message.success(data.msg)
-            this.favorite = false
+          this.$confirm(`确定取消收藏`, '提示', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          }).then(() => {
+            removeUserFavorite(userFavorite).then(({data})=>{
+              this.$message.success(data.msg)
+              this.favorite = false
+            })
           })
         }else {
           // 收藏
@@ -849,7 +856,7 @@
   }
   .sl-svg{
     overflow: hidden;
-    margin-left: 520px;
+    float: right;
   }
 
 </style>