1

src/views/business/dealCashout/index.vue

@@ -56,9 +56,9 @@
       <el-table-column label="提现备注" align="center" prop="remark" />
       <el-table-column label="状态" align="center" prop="status">
         <template slot-scope="scope">
-          <span v-if="scope.row.status == '0'">提交</span>
+          <span v-if="scope.row.status == '0'" style="color: deepskyblue; font-size: 18px;">提交</span>
-          <span v-if="scope.row.status == '1'">拒绝</span>
+          <span v-if="scope.row.status == '1'" style="color: red; font-size: 18px;">拒绝</span>
-          <span v-if="scope.row.status == '2'">通过</span>
+          <span v-if="scope.row.status == '2'" style="color: green; font-size: 18px;">通过</span>
         </template>
       </el-table-column>
       <el-table-column label="创建者" align="center" prop="createBy" />
@@ -107,6 +107,11 @@
         <el-form-item label="提现金额" prop="amount">
           <el-input v-model="form.amount" placeholder="请输入提现金额" />
         </el-form-item>
+        <el-form-item label="状态" prop="amount" v-if="statusShow">
+          <el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949" active-value="2"
+            inactive-value="1">
+          </el-switch>
+        </el-form-item>
         <el-form-item label="提现备注" prop="remark">
           <el-input v-model="form.remark" placeholder="请输入提现备注" />
         </el-form-item>
@@ -162,6 +167,9 @@
     name: "DealCashout",
     data() {
       return {
+        // 滑块
+        statusShow: false,
+        value: '2',
         // 按钮loading
         buttonLoading: false,
         // 遮罩层
@@ -246,6 +254,16 @@
           this.loading = false;
         });
       },
+      // 处理滑块变化事件
+      handleSliderChange() {
+        if (this.sliderValue.value === 0) {
+          this.currentStatus.value = '提交';
+        } else if (this.sliderValue.value === 1) {
+          this.currentStatus.value = '拒绝';
+        } else if (this.sliderValue.value === 2) {
+          this.currentStatus.value = '通过';
+        }
+      },
       // 取消按钮
       cancel() {
         this.open = false;
@@ -311,12 +329,16 @@
         getDealCashout(id).then(response => {
           this.loading = false;
           this.form = response.data;
+          if (this.form.status == "0") {
+            this.statusShow = true;
+          }
           this.open = true;
           this.title = "修改提现";
         });
       },
       /** 提交按钮 */
       submitForm() {
+        this.form.status = this.value;
         this.$refs["form"].validate(valid => {
           if (valid) {
             this.buttonLoading = true;