业务

src/views/Transaction.vue

@@ -51,10 +51,6 @@
             <div class="black"></div>
             <div>判分规则</div>
           </div>
-          <div>
-            <el-button v-if="!isView" type="primary" size="mini" @click="batchDel">批量删除</el-button>
-            <el-button v-if="!isView" type="primary" size="mini" @click="addRules">新增</el-button>
-          </div>
         </div>
         <el-dialog :visible.sync="configVisible" width="25%" title="批量新增判分点" center :append-to-body="false">
           <div class="flex-between mgb20">
@@ -83,13 +79,22 @@
           </span>
         </el-dialog>
          
-        <el-card shadow="hover">
+        <el-card shadow="hover" style="margin-bottom: 20px">
+          <div class="business-wrap">
             <div class="business">
               <div class="label">业务</div>
               <el-select v-model="formData.lcJudgmentPoint.business" placeholder="请选择业务">
                 <el-option v-for="(item, i) in businessList" :key="i" :label="item.name" :value="item.id"></el-option>
               </el-select>
             </div>
+            <div>
+              <el-button v-if="!isView" type="primary" size="mini" @click="batchDel">批量删除</el-button>
+              <el-button v-if="!isView" type="primary" size="mini" @click="addRules">新增</el-button>
+            </div>
+          </div>
+        </el-card>
+
+        <el-card shadow="hover">
           <el-table
             class="lc-table"
             :data="tableData"
@@ -1071,6 +1076,11 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.business-wrap {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
 .content {
   position: relative;
   top: 10px;
@@ -1108,7 +1118,6 @@ export default {
   .business {
     display: flex;
     align-items: center;
-    margin-bottom: 10px;
     .label {
       margin-right: 10px;
     }