样式调整

src/views/business/recordTransaction/index.vue

@@ -2,11 +2,14 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item :label="$t('business.recordTransaction.senderAccount')" prop="senderAccount">
-        <el-input v-model="queryParams.senderAccount" :placeholder="$t('business.recordTransaction.senderAccountPlaceholder')" clearable
+        <el-input v-model="queryParams.senderAccount"
+                  :placeholder="$t('business.recordTransaction.senderAccountPlaceholder')" clearable
                   @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item :label="$t('business.recordTransaction.receiverAccount')" prop="receiverAccount" label-width="130px">
+      <el-form-item :label="$t('business.recordTransaction.receiverAccount')" prop="receiverAccount"
-        <el-input v-model="queryParams.receiverAccount" :placeholder="$t('business.recordTransaction.receiverAccountPlaceholder')" clearable
+                    label-width="130px">
+        <el-input v-model="queryParams.receiverAccount"
+                  :placeholder="$t('business.recordTransaction.receiverAccountPlaceholder')" clearable
                   @keyup.enter.native="handleQuery"/>
       </el-form-item>
       <el-form-item :label="$t('business.recordTransaction.transactionTime')">
@@ -56,20 +59,18 @@
 
     <el-table v-loading="loading" :data="recordTransactionList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column :label="$t('business.recordTransaction.senderId')" align="center" prop="senderId"/>
-      <el-table-column :label="$t('business.recordTransaction.senderAccount')" align="center" prop="senderAccount"/>
-      <el-table-column :label="$t('business.recordTransaction.transactionType')" align="center" prop="type">
-
 
-        <template slot-scope="scope">
+      <el-table-column :label="$t('business.recordTransaction.senderId')" align="center" prop="senderId"/>
-          <el-tag v-if="scope.row.type == 'BT'">{{ $t('business.recordTransaction.transfer') }}</el-tag>
+<!--      <el-table-column :label="$t('business.recordTransaction.transactionType')" align="center" prop="type">-->
-          <el-tag v-if="scope.row.type == 'BP'">{{ $t('business.recordTransaction.payment') }}</el-tag>
+<!--        <template slot-scope="scope">-->
-          <el-tag v-if="scope.row.type == 'BC'">{{ $t('business.recordTransaction.withdraw') }}</el-tag>
+<!--          <el-tag v-if="scope.row.type == 'BT'">{{ $t('business.recordTransaction.transfer') }}</el-tag>-->
-          <el-tag v-if="scope.row.type == 'BR'">{{ $t('business.recordTransaction.receive') }}</el-tag>
+<!--          <el-tag v-if="scope.row.type == 'BP'">{{ $t('business.recordTransaction.payment') }}</el-tag>-->
-          <el-tag v-if="scope.row.type == 'BU'">{{ $t('business.recordTransaction.recharge') }}</el-tag>
+<!--          <el-tag v-if="scope.row.type == 'BC'">{{ $t('business.recordTransaction.withdraw') }}</el-tag>-->
-        </template>
+<!--          <el-tag v-if="scope.row.type == 'BR'">{{ $t('business.recordTransaction.receive') }}</el-tag>-->
-      </el-table-column>
+<!--          <el-tag v-if="scope.row.type == 'BU'">{{ $t('business.recordTransaction.recharge') }}</el-tag>-->
-      <el-table-column :label="$t('business.recordTransaction.receiverAccount')" align="center" prop="receiverAccount"/>
+<!--        </template>-->
+<!--      </el-table-column>-->
+      <el-table-column :label="$t('business.recordTransaction.receiverId')" align="center" prop="receiverId"/>
       <el-table-column :label="$t('business.recordTransaction.previousBalance')" align="center" prop="previousBalance"/>
       <el-table-column :label="$t('business.recordTransaction.changeBalance')" align="center" prop="changeBalance"/>
       <el-table-column :label="$t('business.recordTransaction.currentBalance')" align="center" prop="currentBalance"/>
@@ -79,12 +80,12 @@
           <span>{{ parseTime(scope.row.time, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column :label="$t('business.recordTransaction.status')" align="center" prop="status">
+<!--      <el-table-column :label="$t('business.recordTransaction.status')" align="center" prop="status">-->
-        <template slot-scope="scope">
+<!--        <template slot-scope="scope">-->
-          <el-tag v-if="scope.row.status == '0'">{{ $t('business.recordTransaction.normal') }}</el-tag>
+<!--          <el-tag v-if="scope.row.status == '0'">{{ $t('business.recordTransaction.normal') }}</el-tag>-->
-          <el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.recordTransaction.banned') }}</el-tag>
+<!--          <el-tag type="danger" v-if="scope.row.status == '1'">{{ $t('business.recordTransaction.banned') }}</el-tag>-->
-        </template>
+<!--        </template>-->
-      </el-table-column>
+<!--      </el-table-column>-->
       <el-table-column :label="$t('common.createTime')" align="center" prop="createTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
@@ -113,23 +114,29 @@
     <!-- 添加或修改交易动账记录对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-        <el-form-item :label="$t('business.recordTransaction.senderAccount')" prop="senderAccount">
+        <el-form-item :label="$t('business.recordTransaction.senderId')" prop="senderId">
-          <el-input v-model="form.senderAccount" :placeholder="$t('business.recordTransaction.senderAccountPlaceholder')"/>
+          <el-input v-model="form.senderId"
+                    :placeholder="$t('business.recordTransaction.senderAccountPlaceholder')"/>
         </el-form-item>
-        <el-form-item :label="$t('business.recordTransaction.receiverAccount')" prop="receiverAccount">
+        <el-form-item :label="$t('business.recordTransaction.receiverId')" prop="receiverId">
-          <el-input v-model="form.receiverAccount" :placeholder="$t('business.recordTransaction.receiverAccountPlaceholder')"/>
+          <el-input v-model="form.receiverId"
+                    :placeholder="$t('business.recordTransaction.receiverAccountPlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.previousBalance')" prop="previousBalance">
-          <el-input v-model="form.previousBalance" :placeholder="$t('business.recordTransaction.previousBalancePlaceholder')"/>
+          <el-input v-model="form.previousBalance"
+                    :placeholder="$t('business.recordTransaction.previousBalancePlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.changeBalance')" prop="changeBalance">
-          <el-input v-model="form.changeBalance" :placeholder="$t('business.recordTransaction.changeBalancePlaceholder')"/>
+          <el-input v-model="form.changeBalance"
+                    :placeholder="$t('business.recordTransaction.changeBalancePlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.currentBalance')" prop="currentBalance">
-          <el-input v-model="form.currentBalance" :placeholder="$t('business.recordTransaction.currentBalancePlaceholder')"/>
+          <el-input v-model="form.currentBalance"
+                    :placeholder="$t('business.recordTransaction.currentBalancePlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.note')" prop="note">
-          <el-input v-model="form.note" type="textarea" :placeholder="$t('business.recordTransaction.notePlaceholder')"/>
+          <el-input v-model="form.note" type="textarea"
+                    :placeholder="$t('business.recordTransaction.notePlaceholder')"/>
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.transactionTime')" prop="time">
           <el-date-picker clearable v-model="form.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
@@ -149,32 +156,20 @@
         <el-form-item :label="$t('business.recordTransaction.senderId')">
           {{ form.senderId }}
         </el-form-item>
-        <el-form-item :label="$t('business.recordTransaction.senderAccount')">
+        <el-form-item label="接收账户id">
-          {{ form.senderAccount }}
-        </el-form-item>
-        <el-form-item :label="$t('business.recordTransaction.receiverId')">
           {{ form.receiverId }}
         </el-form-item>
-        <el-form-item :label="$t('business.recordTransaction.receiverAccount')">
-          {{ form.receiverAccount }}
-        </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.previousBalance')">
-          {{ form.previous }}
+          {{ form.previousBalance }}
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.changeBalance')">
-          {{ form.change }}
+          {{ form.changeBalance }}
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.currentBalance')">
-          {{ form.current }}
+          {{ form.currentBalance }}
         </el-form-item>
         <el-form-item :label="$t('business.recordTransaction.note')">
           {{ form.note }}
-
-        </el-form-item>
-        <el-form-item :label="$t('business.recordTransaction.transactionTime')" prop="time">
-          <el-date-picker clearable v-model="form.time" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
-                          :placeholder="$t('business.recordTransaction.transactionTimePlaceholder')">
-          </el-date-picker>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -325,6 +320,7 @@ export default {
     handleDetail(row) {
       this.reset();
       this.form = row;
+      console.log(row)
       this.detailOpen = true;
       this.title = this.$t('business.recordTransaction.detailTitle');
     },