合并：扩展 点击 el-table 表格的数据会展开

最新推荐文章于 2024-09-14 12:05:57 发布
最新推荐文章于 2024-09-14 12:05:57 发布
阅读量723 收藏 2
点赞数
文章标签： elementui vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56408993/article/details/122914881
版权

默认：

当我们点击年的时候会展开 年下面的 、月、月入款、月未到款

像下面这样

 下面是代码实现

在年下面加一个点击事件 ---   @click="YEAR(scope.row,scope.$index)"

   <el-table-column label="年" align="center" key="y_Time" prop="y_Time" v-if="columns[0].visible">
            <template slot-scope="scope">
              <el-button style="color:rgb(8,0,255);cursor:pointer" type="text" @click="YEAR(scope.row,scope.$index)">
                <U>
                  {{ scope.row.y_Time }}
                </U>
              </el-button>
            </template>
          </el-table-column>

重要的问题 ：

        这个需求必须先进行  合并  跨列

        1：把年、年入款 、年未到款 。。。进行跨列

        请看我的这个文章，里面有跨列

      Element vue :span-method=“objectSpanMethod“ 实现跨列-----合并_万众瞩目.的博客-CSDN博客

        我的是 | 第一列，第五列，第六列 进行了跨列

如果有问题可以加我主页微信问

下面的是我的全部代码

<template>
  <div class="app-container">
    <el-row :gutter="20">
      <el-col :span="mainwidth" :xs="24">
        <el-form :model="BalanceFrom" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
          <template>
            <div>
              <el-divider content-position="left"><span color="#2894FF"><h2>入款金额合计</h2></span></el-divider>
            </div>
          </template>
          <br>
          <!--条件选择-->
          <el-form-item label="条件选择" label-width="150px">
            <el-input
              v-model="BalanceFrom.value"
              placeholder="查询值"
              clearable
              size="small"
              style="width: 350px"
              @keyup.enter.native="handleQuery"
            >
              <el-select
                v-model="BalanceFrom.type"
                placeholder="查询条件"
                clearable
                slot="prepend"
                style="width: 110px"
              >
                <el-option
                  v-for="dict in typeOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
              </el-select>
            </el-input>
          </el-form-item>

          <el-form-item>
            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
          <br>
          <!-- 销售工程师 -->
          <el-form-item label="销售工程师" prop="status" label-width="150px">
            <el-select
              v-model="BalanceFrom.c_userName"
              placeholder="请选中"
              clearable
              size="small"
              style="width: 115px"
            >
              <el-option
                v-for="item in SalesOption"
                :key="item.user_id"
                :label="item.nick_name"
                :value="item.user_id"
              />
            </el-select>
          </el-form-item>
          <!--入款状态-->
          <el-form-item label="入款状态" prop="status" label-width="80px">
            <el-select
              v-model="BalanceFrom.Dio_DsID"
              placeholder="请选中"
              clearable
              readonly="readonly"
              size="small"
              style="width: 115px"
            >
              <el-option
                v-for="dict in Remittance_State"
                :key="dict.dictValue"
                :label="dict.dictLabel"
                :value="dict.dictValue"
              />
            </el-select>
          </el-form-item>

        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"
                       :columns="columns"></right-toolbar>

        <el-table v-loading="loading" ref="table" :data="BalanceList" :span-method="objectSpanMethod" border
                  @selection-change="handleSelectionChange">
          <el-table-column label="年" align="center" key="y_Time" prop="y_Time" v-if="columns[0].visible">
            <template slot-scope="scope">
              <el-button style="color:rgb(8,0,255);cursor:pointer" type="text" @click="YEAR(scope.row,scope.$index)">
                <U>
                  {{ scope.row.y_Time }}
                </U>
              </el-button>
            </template>
          </el-table-column>
          <el-table-column label="月" align="center" prop="M" v-if="columns[1].visible">
          </el-table-column>
          <el-table-column label="月入款" align="center" prop="M_Dio_Deposit_Total" v-if="columns[2].visible"/>
          <el-table-column label="月未到款" align="center" prop="M_Dio_Unpaid" v-if="columns[3].visible"/>
          <el-table-column label="年入款" align="center" prop="Dio_Deposit_Total" v-if="columns[4].visible"/>
          <el-table-column label="年末到款" align="center" prop="Dio_Unpaid" v-if="columns[5].visible"/>
        </el-table>

        <br>

        <el-form-item  prop="status" label-width="120px">
          <span style="color: red"><b>未到款金额汇总 : </b></span>
          <el-input size="small" style="width: 178px" readonly="readonly" v-model="BalanceFrom.Dio_Deposit_Total" >

          </el-input>

        </el-form-item>

        </el-form>
      </el-col>
    </el-row>
  </div>

</template>

<script>
import tools from "@/utils/yunze/tools";
import {TotalfortIncome, AmountOfMoneyList} from "@/api/yunze/CWGL/remittance/remittance";
import {selNameidList} from "@/api/yunze/FHGL/FhglShippingApplication";
import {findSalesPartner} from "@/api/yunze/XSGL/customer/customer";

export default {

  data() {
    return {
      tools: tools,
      showSearch: true, // 显示搜索条件
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      mainwidth: 24,//宽度
      // 遮罩层
      loading: true,
      window: window,
      typeOptions: [],//条件选择
      Sales_Engineer: [],//销售工程师
      Remittance_State: [],//入款状态
      BalanceList: [],
      OrdBalanceList: [],
      // objectSpanMethod:()=>{},
      rowSpanArr: [],
      SalesOption: [],
      //参数
      BalanceFrom: {},
      position: '0',
      HeadquartersOption: [], //  总部门所有人
      HeadquartersnOrmalOption: [], //  总部门所有人 【状态正常 】

      //列信息
      columns: [
        {key: 1, label: `年`, visible: true},
        {key: 2, label: `月`, visible: true},
        {key: 3, label: `月入款`, visible: true},
        {key: 4, label: `月未到款`, visible: true},
        {key: 5, label: `年入款`, visible: true},
        {key: 6, label: `年未到款`, visible: true},
      ],
      fruits: ["Banana", "Orange", "Apple", "Mango"],
    }
  },

  created() {
    this.getList();

    //加载 入款状态
    if (window['Remittance_State'] != undefined && window['Remittance_State'] != null && window['Remittance_State'] != '') {
      this.Remittance_State = window['Remittance_State'];
    } else {
      this.getDicts("cwgl_Deposit_state").then(response => {
        window['Remittance_State'] = response.data;
        this.Remittance_State = window['Remittance_State'];
      });
    }

    //加载  销售
    if(window['SalesOption']!=undefined &&  window['SalesOption']!=null && window['SalesOption']!=''){
      this.SalesOption = window['SalesOption'];
      // this.SetAdminOption();
    }else{
      let map = {};
      map.isSales = 1;
      let Pwd_Str = tools.encrypt(JSON.stringify(map));
      findSalesPartner(Pwd_Str).then(response => {
        let jsonobj = JSON.parse(tools.Decrypt(response));
        if (jsonobj.code == 200) {
          window['SalesOption'] = jsonobj.Data;
          console.log(jsonobj.Data)
          this.SalesOption = window['SalesOption'];
          //console.log(this.SalesOption)
          // this.SetAdminOption();
        }else{
          this.msgError(jsonobj.msg);
        }
      })
    }


  },

  methods: {

    //设置管理员 选项
    SetAdminOption(){
      if(this.SalesOption!=null && this.SalesOption.length>0){
        this.AdminOption = [];
        for (let i = 0; i < this.SalesOption.length; i++) {
          let Obj = this.SalesOption[i];
          if(Obj.user_id=='1'){
            this.AdminOption.push(Obj);
          }
        }
      }
    },


    /*获取查询参数*/
    getParams() {

      if (this.$refs.dept != undefined & this.$refs.dept != null & this.$refs.dept != 'undefined') {
        //console.log(this.$refs.dept.getCheckedKeys());
        if (this.$refs.dept.getCheckedKeys().length > 0) {
          this.BalanceFrom.agent_id = this.$refs.dept.getCheckedKeys();
        }
      }
    },


    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.userId);
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },

    /**查询列表*/
    getList() {
      this.loading = true;
      // console.log(this.BalanceFrom)
      let Pwd_Str = tools.encrypt(JSON.stringify(this.BalanceFrom));
      this.getParams();
      TotalfortIncome(Pwd_Str).then(response => {
        let jsonobj = JSON.parse(tools.Decrypt(response));
        // console.log(jsonobj);
        if (jsonobj.code == 200) {
          this.BalanceList = jsonobj.Data;
          this.getRowSpan();
          this.Total();
        } else {
          this.msgError("获取数据异常，请联系管理员！");
        }
        this.loading = false;
      });
    },
    //求 年未到款总额
    Total() {
      let sum = '0';
      for (let i = 0; i < this.BalanceList.length; i++) {
        let Obj = this.BalanceList[i];
        sum = tools.accAdd(Obj.Dio_Unpaid, sum);
      }
      this.BalanceFrom.Dio_Deposit_Total = sum;
    },

    //  let Pmap = {"y_Time":'2022','Month':'06','Dio_Deposit':'100','Unpaid':'6000','Dio_Deposit_Total':'10','Dio_Unpaid':'30',};
    // // let map = this.BalanceFrom;
    //  let Arr = this.BalanceList.splice(1,1,map);
    //  console.log(Arr)
    //
    // console.log(row.startIndex)
    // this.BalanceList.splice(row.startIndex+1,0,map);
    // this.BalanceList.push(map);
    // console.log(this.BalanceList)

    // console.log(this.BalanceList.splice(1,1,this.BalanceFrom))
    // console.log(row.y_Time)


    // let map ={};
    // map.YEAR = row.y_Time;
    //  console.log(map)


    /**点击 年 触发事件*/
    YEAR(row, index) {

      //点击 年份时 判断 当前数据中是否已经有 年份下的 子数据 点击年下的-月数据 如果有 说明 当前 点击时去隐藏月数据 如果没有 加载 该年下的月数据
      //循环判断 y_Time 是否有多行
      let count = 0;
      for (let i = 0; i < this.BalanceList.length; i++) {
        let obj = this.BalanceList[i];

        if (obj.y_Time == row.y_Time) {
          count += 1
        }
      }
      let M = tools.Is_null(row.M);
      if (count > 1 || M == true) {
        //折叠 删除 多余 年份下月数据

        this.BalanceList[index].M_Time = '';
        this.BalanceList[index].M_Dio_Deposit_Total = '';
        this.BalanceList[index].M_Dio_Unpaid = '';
        this.BalanceList[index].M = '';

        console.log('折叠 删除 多余 年份下月数据')

        let BalanceList = JSON.parse(JSON.stringify(this.BalanceList));

        // console.log(BalanceList)

        let new_BalanceList = [];
        for (let i = 0; i < BalanceList.length; i++) {
          let obj = BalanceList[i];
          if (i != index) {
            console.log(obj.y_Time + "    " + row.y_Time)
            if (obj.y_Time != row.y_Time) {
              new_BalanceList.push(obj);
            }
          } else {
            obj.M_Dio_Deposit_Total = '';
            obj.M_Dio_Unpaid = '';
            obj.M = '';
            new_BalanceList.push(obj);
          }
        }
        this.BalanceList = new_BalanceList;
        console.log(new_BalanceList)
        this.getRowSpan();//自适应 y_Time 跨列

      } else {
        // 数据库加载 点击年份下月 数据
        this.loading = true;
        let map = {};
        map.YEAR = row.y_Time;
        // console.log(map)
        let Pwd_Str = tools.encrypt(JSON.stringify(map));
        AmountOfMoneyList(Pwd_Str).then(response => {
          let jsonobj = JSON.parse(tools.Decrypt(response));
          if (jsonobj.code == 200) {

            // jsonobj.Data.forEach((item) => { //把数组转换成对象
            //   console.dir(item)

            this.BalanceList[index].M_Time = jsonobj.Data[0].M_Time;
            this.BalanceList[index].M_Dio_Deposit_Total = jsonobj.Data[0].M_Dio_Deposit_Total;
            this.BalanceList[index].M_Dio_Unpaid = jsonobj.Data[0].M_Dio_Unpaid;
            this.BalanceList[index].M = jsonobj.Data[0].M;
            jsonobj.Data.splice(0, 1);
            // console.log(PmapArr)
            //console.log(this.BalanceList)
            for (let i = 0; i < jsonobj.Data.length; i++) {
              this.BalanceList.splice(index + 1 + i, 0, jsonobj.Data[i]);
            }

            // this.BalanceList.splice( index + 1, 0,item)
            this.getRowSpan();//自适应 y_Time 跨列

            // })

            // [{M_Dio_Deposit_Total=50450.0, M_Time=2022-01, M=01, M_Dio_Unpaid=26521.0, y_Time=2022},
            //{M_Dio_Deposit_Total=0.0, M_Time=2022-02, M=02, M_Dio_Unpaid=25597.0, y_Time=2022}]
            // {YEAR=2022}

            //  [{M_Dio_Deposit_Total=0.0, M_Time=2020-11, M=11, M_Dio_Unpaid=25597.0, y_Time=2020}]
            //  {YEAR=2020}

          } else {
            this.msgError("获取数据异常，请联系管理员！");
          }
          this.loading = false;

        });
        // let PmapArr = [{"y_Time":2022,'M_Time':'2022-1','M':'01','M_Dio_Deposit_Total':'100','M_Dio_Unpaid':'6000',"Dio_Deposit_Total":'99999',"Dio_Unpaid":'123456'},
        //   {"y_Time":2022,'M_Time':'2022-2','M':'02','M_Dio_Deposit_Total':'100','M_Dio_Unpaid':'6000',"Dio_Deposit_Total":'99999',"Dio_Unpaid":'123456'},
        //   {"y_Time":2022,'M_Time':'2022-3','M':'03','M_Dio_Deposit_Total':'100','M_Dio_Unpaid':'6000',"Dio_Deposit_Total":'99999',"Dio_Unpaid":'123456'}];


        //  this.BalanceList[index].M_Time = PmapArr[0].M_Time;
        //  this.BalanceList[index].M_Dio_Deposit_Total = PmapArr[0].M_Dio_Deposit_Total;
        //  this.BalanceList[index].M_Dio_Unpaid = PmapArr[0].M_Dio_Unpaid;
        //  this.BalanceList[index].M = PmapArr[0].M;
        //  PmapArr.splice(0,1);
        // // console.log(PmapArr)
        //  //console.log(this.BalanceList)
        //  for (let i = 0; i < PmapArr.length; i++) {
        //    this.BalanceList.splice(index+1+i,0,PmapArr[i]);
        //  }

        // this.getRowSpan();//自适应 y_Time 跨列
        //console.log(this.BalanceList)
      }
      //this.getRowSpan();//自适应 y_Time 跨列
    },

    // 处理合并表格数据
    getRowSpan() {
      this.rowSpanArr = [];
      this.BalanceList.forEach((item, index) => {
        if (index == 0) {
          this.rowSpanArr.push(1);
          this.position = 0;
        } else {
          if (this.BalanceList[index].y_Time == this.BalanceList[index - 1].y_Time) {
            this.rowSpanArr[this.position] += 1; //项目名称相同，合并到同一个数组中
            this.rowSpanArr.push(0);
            this.BalanceList[index].y_Time = this.BalanceList[index - 1].y_Time;
          } else {
            this.rowSpanArr.push(1);
            this.position = index;
          }

        }
      });
    },
    objectSpanMethod({row, column, rowIndex, columnIndex}) { //合并表格
      // 只合并区域位置   || columnIndex === 4 || columnIndex === 5
      if (columnIndex === 0 || columnIndex === 4 || columnIndex === 5) {
        const _row = this.rowSpanArr[rowIndex];
        return {
          rowspan: _row, //行
          colspan: 1 //列
        };
      }

      //隐藏单元格，否则单元格会错位，必不可少
      // if(columnIndex != null && columnIndex != ''){
      //   return { rowspan: 0, colspan: 0 };
      // }
    },


    /** 搜索按钮操作 */
    handleQuery() {
      this.BalanceFrom.page = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.BalanceFrom = {};
      this.handleQuery();
    },


  },
  name: "AmountOfMoney.vue"
}
</script>

<style lang="scss" scoped>




</style>

万众瞩目.
关注
el-table表格展开行
高山景行，一尘不染
10-23 1998
效果： 代码： <el-table :data="tableData" border style="width: 100%"> > <el-table-column prop="auditRuleId" label="NO" width="180">&lt...
bootstrap 点击加号 表格_bootstrap table组件实现点击行 在行下面展示数据列表
weixin_39846191的博客
01-26 872
工作遇到这个样一个需求类似于下面，当我点击2这一行的加号时，在当前行之后添加详细数据列表但是 这个数据我个人当时考虑的时候首先考虑做成tree 但是奈何个人技术不行 用不了bootstrap table的树组件，无法定义这个数据的PID以及CID，这里的子列表是子ID中是否包含父ID来查找的，所以当时就没有用tree来解决后来找到bootstrap table 的官网https://exam...
element+vue table展开行中合并列
ahwangzc的博客
04-09 463
//html <el-table v-loading="loading" :data="detalList" border stripe :row-key='getRowKeys' :expand-row-keys="expands" @expand-change="getSpanArr" > <el-table-column type="expand"> <template #default="{row}"> <e.
el-table表格的展开行，初始化的时候展开哪一行+设置点击行可展开功能
KMINLIKE的博客
09-14 563
el-table展开行只是点击箭头展开，点击行没反应，这里做优化点击行也可以进行展开。的模板会被渲染成为展开行的内容，展开行可访问的属性与使用自定义列模板时的。需要默认展开行只需要在expands存入需要展开行的id就可以了。可以开启展开行功能，
el-table展开和合并都触发的事件方法
weixin_66579278的博客
08-30 1389
el-table组件可以通过设置expand-change事件来监听展开和合并操作的触发。可以在el-table上添加一个expand-change事件处理方法。
element table 点击按钮实现展开效果
canyi8023的博客
02-16 2408
先给展示一下效果 在这块实现点击开关按钮实现展开收起，使用到了官网提供的toggleRowExpansion方法来实现， <el-table-column width="180"> <template slot-scope="scope"> <el-switch v-model="scope.row.isSwitch @chan.
el-table 树形表格 自定义展开图标_你会使用layui的表格树并加上分页吗
weixin_39934063的博客
11-21 1127
最近公司项目上接到了一个这样的需求，即需要将一个一对多的数组对象使用表格的形式进行展示，并且能够对表格的记录进行操作。听罢，我当即就想到了这是一棵只有两级的树，并且在表格中点击父节点时需要展示子节点。平常在工作中经常使用的layui表格在这里就无法使用了，因为它没有表格树的功能，只能展示一对一联查得到的数据。对于这样的表格来说，如果单纯使用原生的html与js来实现的话，工作量较大，由于...
el-table 表格双击变成el-input框且聚焦，input框验证出错后聚焦
yh8899abc的博客
05-26 2487
效果图 before： after： 实现： HTML部分 <el-row :gutter="20" class="kong"> <el-table :data="prototypes" style="width: 100%;"> // 序号栏目 type="index" <el-table-column type="index" label="序号" width="100"></el-table-column>
vue 中 elment-ui table合并上下两行相同数据单元格
10-15
在Vue.js中，Element-UI库提供了一个强大的表格组件（`el-table`），它允许开发者构建功能丰富的数据展示表格。然而，在某些情况下，我们可能需要对表格中的单元格进行合并，比如当上下两行的数据完全相同时。这有助...
el-table span-method合并行后hover样式异常问题解决方案
Liuer_Qin的博客
05-06 1791
思路：为表格新增字段myRowIndex，合并在一起的行myRowIndex值相同，添加方法监测鼠标所在行的myRowIndex值，动态将所有myRowIndex值为此值的行设置相同背景色。 一、为合并行设置相同的myRowIndex 将合并在一起的行（row）添加相同的myRowIndex，为后续根据myRowIndex动态设置类名做准备。 此步骤可以在合并行的时候设置，由于合并行的业务代码不易理解，所以就不贴代码了。 二、获取当前鼠标所在行的index el-table有监测鼠标移入/移除单元格的事
el-data-table
07-15
总的来说，el-data-table是一个功能强大、高度可定制化的Vue.js表格组件，方便开发人员快速构建出符合需求的数据表格，并且具备良好的性能和扩展性。无论是简单的静态表格，还是复杂的动态表格，el-data-table都能够...
element之table展开行后双重展开
zailaisanwan的博客
01-10 551
最近在写一个后台的时候，项目打包后，table表格多了一列可以展开的，这是因为优化element-ui的时候导入的element-ui的js和css版本不对应，去public下的index.html文件，把版本号改为package.json安装的一样的版本号即可，千万不要在table行添加row-key这个，一添加不但报错而且还会多出展开行 ...
el-table 展开行 @expand-change 异步获取数据在子表格中展示
Make_Progress365的博客
06-10 5365
问题场景：表格中，点击展开行图标，请求后端接口，数据返回后，页面不刷新，不显示数据。 问题分析： 主要是数据获取后，页面的vue视图没有实时更新； 解决思路： 当获取到数据后，使用代码触发vue视图的更新。给数组push会触发视图更新，利用这一点可以解决该问题。具体实现如下： <el-table ref="refTable" :data="tableData" min-height="340" style="width: 100%
el-table合并单元格:span-method的使用
weixin_43258184的博客
04-13 3593
合并前是这样： 合并后是这样： 实现方法： ① el-table里添加属性:span-method=“arraySpanMethod” <el-table :data="tableData" :span-method="arraySpanMethod" border stripe fit > ②vue文件的 method里定义arraySpanMethod arraySpanMethod({ row, column,
el-table中的form 展开中一行会全展开了，点击有的行还无法关闭
samuBO的博客
12-18 1215
主要原因就是因为每行需要有一个唯一标识，不然你打开多行的expand，则无法区分哪一个expand属于哪一行 解决办法： 主要就是保证每行的id有值且不相同 每添加一行设置一个id属性 addRow () { let newLine = { id: Math.random()*1000000, name: '', s...
element-ui 树形表格展开行问题
淹死的鱼的博客
05-27 2558
关于el-table 的展开行问题，其实官网写的也很详细，但有些情况下，列表数据量又很大，一次性加载出来的话，浏览器会出现卡顿，但需求是又没办法默认关闭全部，需要展开一级或者二级。 这里有个偷懒的方案就是获取到展开的按钮，列表加载完时，点击展开按钮： this.$el.getElementsByClassName('el-table__expand-icon')[i].click(); 可以循环点击事件，我的需求是需要默认展开第一级 ...
关于elementUI,el-table中展开行后嵌套表格,外层操作按钮el-switch 开关和展开行事件处理
一直记录
03-30 1939
【代码】关于elementUI,el-table中展开行后嵌套表格,外层操作按钮el-switch 开关和展开行事件处理。
elementui的el-table的全部展开和全部折叠
weixin_45446474的博客
02-02 1668
//orgalist是数据数组，this.$refs.tablerefresh表单对象 expandbtn() { this.expandall = !this.expandall //true console.log(this.expandall) this.orgalist.forEach((item, i) => { this.$refs.tablerefresh.toggleRowExpansion(item, this.expandall.
element组件table实现点击展开子表格
weixin_50520054的博客
10-21 6162
最近在做一个项目是有关年级以及班级列表管理的，如： element组件默认是点击前面的那个箭头就可以展开当前行下面包含的内容了，但现在我想点击添加班级下面的班级列表也可以展开现在应该怎么做呢？实现效果如下： 以下是代码区 1.首先我们要给表格的每一行添加一个key值 <!--页面代码start--> <el-table :row-key="getKey" :expand-row-keys="expandKeys">
el-table 表格数据导出
最新发布
09-20
`el-table` 是 Element UI 中的一个表格组件，它在前端用于展示数据非常方便。如果需要将 `el-table` 的数据导出到文件，通常可以借助于 JavaScript 的一些库，比如 `js-xlsx` 或者 `antv/x6` 等工具，它们支持将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值