devbox
羊村懒王
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

elementui el-table 封装表格_element table 封装

作者：羊村懒王 | 2024-05-25 10:16:13

赞

踩

element table 封装

ps:   1.3版本(行内编辑)

案例：

完整代码：

可直接复制粘贴，但一定要全看完！

v-slot="scopeRows" 是vue3的写法；

vue2是 slot-scope="scope"

  1. <template>
  2.   <!-- 简单表格、多层表头、页码、没有合并列行 -->
  3.   <div class="maintenPublictable">
  4.     <!--cell-style 改变某一列行的背景色 -->
  5.     <!-- tree-props 配置树形子表
  6.     row-click: 单击事件
  7.     highlight-current-row:高亮选中某行
  8.     default-expand-all：默认是否展开字列表
  9.     current-change:管理选中时触发的事件
  10.     selection-change：多选框
  11.     row-key="id":    id：一定要跟后台返回来的id一致，不一致，会出错
  12.     -->
  13.     <!-- :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" -->
  14.     <el-table
  15.       ref="table"
  16.       :data="tableData"
  17.       :height="getHeight"
  18.       border
  19.       highlight-current-row
  20.       @selection-change="handleSelectionChange"
  21.       :key="itemKey"
  22.       :cell-style="tableCellStyle"
  23.       @row-click="clickRow"
  24.       row-key="ID"
  25.       :default-expand-all="defaultall"
  26.       :highlight-current-row="highlightCurrent"
  27.       @current-change="handleCurrentChangeRow"
  28.       :tree-props="{ children: 'Children', }"
  29.     >
  30.       <el-table-column
  31.         type="index"
  32.         width="55"
  33.         label="序号"
  34.       >
  35.       </el-table-column>
  36.       <el-table-column
  37.         type="selection"
  38.         v-if="isSelection"
  39.         width="55"
  40.       >
  41.       </el-table-column>
  42.       <!-- item.direction 方向，判断居中还是靠右 -->
  43.       <template v-for="(item, index) in tableHeader">
  44.         <!-- 1. 这是第一层 -->
  45.         <!-- sortable: 排序 -->
  46.         <el-table-column
  47.           v-if="!item.Children"
  48.           :key="index"
  49.           :prop="item.prop"
  50.           :label="item.label"
  51.           header-align="center"
  52.           :align="item.direction"
  53.           :min-width="item.width"
  54.           :sortable="item.sortable"
  55.         >
  56.           <!--需封装动态展示并且适合多种输入  todo          -->
  57.           <template
  58.             v-slot="scopeRows"
  59.             v-if="item.label === '在库数量'"
  60.           >
  61.             <el-input
  62.               v-model="scopeRows.row.editRow.InStockQuantity"
  63.               type="number"
  64.               oninput="if(value<0)value=0"
  65.               @blur="getRowData(scopeRows.row.editRow)"
  66.             ></el-input>
  67.           </template>
  68.           <template
  69.             v-slot="scopeRows"
  70.             v-if="item.label === '在库金额'"
  71.           >
  72.             <el-input
  73.               v-model="scopeRows.row.editRow.InStockAmount"
  74.               type="number"
  75.               @blur="getRowData(scopeRows.row.editRow)"
  76.               oninput="if(value<0)value=0"
  77.             ></el-input>
  78.           </template>
  79.           <template
  80.             v-slot="scopeRows"
  81.             v-if="item.label === '库位'"
  82.           >
  83.             <el-select
  84.               v-model=" scopeRows.row.editRow.StoreLocationID"
  85.               @change="getRowData(scopeRows.row.editRow)"
  86.             >
  87.               <el-option
  88.                 v-for="item in StorageLocation"
  89.                 :key="item.ID"
  90.                 :label="item.LocationName"
  91.                 :value="item.ID"
  92.               >
  93.               </el-option>
  94.             </el-select>
  95.           </template>
  96.           <template
  97.             v-slot="scopeRows"
  98.             v-if="item.label === '风力发电有限公司1'"
  99.           >
  100.             <el-input
  101.               v-model="scopeRows.row.Amount.Amount1"
  102.               type="number"
  103.               @blur="getRowData(scopeRows.row.Amount)"
  104.               :disabled=" (rowID!=scopeRows.row.SubjectsID && !this.disableD) || (rowID==scopeRows.row.SubjectsID && this.disableD) "
  105.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  106.             ></el-input>
  107.           </template>
  108.           <template
  109.             v-slot="scopeRows"
  110.             v-if="item.label === '溪木源公司2'"
  111.           >
  112.             <el-input
  113.               v-model="scopeRows.row.Amount.Amount2"
  114.               type="number"
  115.               @blur="getRowData(scopeRows.row.Amount)"
  116.               :disabled="rowID!=scopeRows.row.SubjectsID  "
  117.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  118.             ></el-input>
  119.           </template>
  120.           <template
  121.             v-slot="scopeRows"
  122.             v-if="item.label === '大风车有限公司3'"
  123.           >
  124.             <el-input
  125.               v-model="scopeRows.row.Amount.Amount3"
  126.               type="number"
  127.               @blur="getRowData(scopeRows.row.Amount)"
  128.               :disabled="rowID!=scopeRows.row.SubjectsID  "
  129.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  130.             ></el-input>
  131.           </template>
  132.           <template
  133.             v-slot="scopeRows"
  134.             v-if="item.label === '新能源公司4'"
  135.           >
  136.             <el-input
  137.               v-model="scopeRows.row.Amount.Amount4"
  138.               type="number"
  139.               :disabled="rowID!=scopeRows.row.SubjectsID  "
  140.               @blur="getRowData(scopeRows.row.Amount)"
  141.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  142.             ></el-input>
  143.           </template>
  144.           <template
  145.             v-slot="scopeRows"
  146.             v-if="item.label === '定边风力公司5'"
  147.           >
  148.             <el-input
  149.               v-model="scopeRows.row.Amount.Amount5"
  150.               type="number"
  151.               @blur="getRowData(scopeRows.row.Amount)"
  152.               :disabled="rowID!=scopeRows.row.SubjectsID  "
  153.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  154.             ></el-input>
  155.           </template>
  156.           <!-- 入库登记用到的   inWarehouseRow: 在给表格赋值时定义的。  -->
  157.           <template
  158.             v-slot="scopeRows"
  159.             v-if="item.label === '购买数量'"
  160.           >
  161.             <el-input
  162.               v-model="scopeRows.row.inWarehouseRow.Quantity"
  163.               type="number"
  164.               @blur="getRowData(scopeRows.row.inWarehouseRow)"
  165.               oninput="value=value.replace(/^0|[^0-9]/g, '')"
  166.             ></el-input>
  167.           </template>
  168.           <template
  169.             v-slot="scopeRows"
  170.             v-if="item.label === '单价'"
  171.           >
  172.             <el-input
  173.               v-model="scopeRows.row.inWarehouseRow.UnitPrice"
  174.               type="number"
  175.               @blur="getRowData(scopeRows.row.inWarehouseRow)"
  176.               oninput="value=value.replace(/[^\d.]/g, '').replace(/^0+(\d)/, '$1').replace(/^\./, '0.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^\./g, '')"
  177.             ></el-input>
  178.           </template>
  179.           <template
  180.             v-slot="scopeRows"
  181.             v-if="item.label === '操作'"
  182.           >
  183.             <el-button
  184.               link
  185.               type="primary"
  186.               size="small"
  187.               color="#b0b1b3"
  188.               class="handleClick_Btn"
  189.               @click="handleClick(scopeRows.row)"
  190.             >保存</el-button>
  191.           </template>
  192.         </el-table-column>
  193.         <!-- 二级表头 -->
  194.         <el-table-column
  195.           v-else
  196.           :key="index + 1"
  197.           :prop="item.prop"
  198.           :label="item.label"
  199.           :type="item.type"
  200.           :align="item.align || 'center'"
  201.         >
  202.           <template v-for="(childItem, index) in item.Children">
  203.             <!-- 三级表头 -->
  204.             <el-table-column
  205.               v-if="!childItem.Children"
  206.               :key="index"
  207.               :prop="childItem.prop"
  208.               :label="childItem.label"
  209.               header-align="center"
  210.               :align="childItem.direction"
  211.               :min-width="childItem.width"
  212.             >
  213.             </el-table-column>
  214.             <el-table-column
  215.               v-else
  216.               :key="index + 1"
  217.               :prop="childItem.prop"
  218.               :label="childItem.label"
  219.               :type="childItem.type"
  220.               :align="childItem.align || 'center'"
  221.             >
  222.               <template v-for="(childItem, index) in item.Children">
  223.                 <!-- 这是第三层 -->
  224.                 <el-table-column
  225.                   v-if="!childItem.Children"
  226.                   :key="index"
  227.                   :prop="childItem.prop"
  228.                   :label="childItem.label"
  229.                   header-align="center"
  230.                   :align="childItem.direction"
  231.                   :min-width="childItem.width"
  232.                 >
  233.                 </el-table-column>
  234.                 <el-table-column
  235.                   v-else
  236.                   :key="index + 1"
  237.                   :prop="childItem.prop"
  238.                   :label="childItem.label"
  239.                   :type="childItem.type"
  240.                   :align="childItem.align || 'center'"
  241.                 >
  242.                 </el-table-column>
  243.               </template>
  244.             </el-table-column>
  245.           </template>
  246.         </el-table-column>
  247.       </template>
  248.       <!-- 表格最后一列是否是勾选框【完成情况】 -->
  249.       <el-table-column
  250.         v-if="isSelect"
  251.         align="center"
  252.       >
  253.         <template
  254.           slot="header"
  255.           slot-scope="scope"
  256.         >
  257.           <el-checkbox
  258.             @change="allCheck(isAllcheck, tableData, ClickIdsList, isIndeterminate)"
  259.             size="large"
  260.             v-model="isAllcheck"
  261.             :indeterminate="isIndeterminate"
  262.           ></el-checkbox>
  263.           完成情况
  264.         </template>
  265.         <template slot-scope="scope">
  266.           <!-- <el-button　@click="Ones(scope)">122333</el-button> -->
  267.           <el-checkbox
  268.             @change="OnesClick(scope.row)"
  269.             v-model="scope.row.check"
  270.             class="ml-4"
  271.             size="large"
  272.           ></el-checkbox>
  273.         </template>
  274.       </el-table-column>
  275.     </el-table>
  276.     <!--  分页 -->
  277.     <div v-if="showFenYe">
  278.       <el-pagination
  279.         @size-change="handleSizeChange"
  280.         @current-change="handleCurrentChange"
  281.         :current-page="page.currentPage"
  282.         :page-sizes="[5, 10, 15, 20]"
  283.         :page-size="page.pagesize"
  284.         layout="total, sizes, prev, pager, next, jumper"
  285.         :total="page.total"
  286.       >
  287.       </el-pagination>
  288.     </div>
  289.   </div>
  290. </template>
  291. <script>
  292. // import preventBack from "vue-prevent-browser-back"; //阻止返回
  293. import { PublicFunction } from "@/utils/vuePublic";
  294.  
  295. export default {
  296.   name: "maintenPublictable",
  297.   components: {},
  298.   props: {
  299.     // 接收的是：是否有分页、是否有勾选
  300.     columns: {
  301.       type: Object,
  302.       default: {},
  303.     },
  304.     // 接收的是：页码
  305.     pagination: {
  306.       type: Object,
  307.       default: {},
  308.     },
  309.     // 接收的是：传递过来的库位数据
  310.     storageLocationSelect: {
  311.       type: Array,
  312.       default: [],
  313.     },
  314.     // 接收的是：传递过来的库位数据
  315.     GoodsID: {
  316.       type: Array,
  317.       default: [],
  318.     },
  319.     // 接收的是：传递过来的计划编制的行点击的id
  320.     SubjectsID: {
  321.       type: Number,
  322.       default: "",
  323.     },
  324.   },
  325.   data() {
  326.     return {
  327.       tableHeader: [], //表头
  328.       tableData: [], //数据
  329.       itemKey: "",
  330.  
  331.       types: 1, //用于合并，判断是否需要合并
  332.  
  333.       //#region 与父组件关联
  334.       getHeight: 20, //高度
  335.       isSelect: false, //勾选框
  336.       showFenYe: false, //是否有分页
  337.       isSelection: false, //是否有多选框
  338.       isTag: false, //是否有标签
  339.       defaultall: false, //是否默认展开所有行（用于有树状结构的表格）
  340.       highlightCurrent: false, //高亮选中
  341.       //#endregion
  342.  
  343.       // 页码
  344.       page: {
  345.         currentPage: 1, //当前页
  346.         pagesize: 5, //当前页的条数
  347.         total: 20, //总数
  348.       },
  349.  
  350.       //多选框
  351.       multipleSelection: [],
  352.  
  353.       //#region 用于右侧的完成情况
  354.       //选择
  355.       isAllcheck: false, //全选
  356.       ClickIdsList: [], //已选择集合组
  357.       isIndeterminate: false, //部分选中，默认是false
  358.       //#endregion,
  359.       //仓库对应的库位数据
  360.       StorageLocation: [],
  361.       // //选中的行
  362.       // 行id
  363.       rowID: null,
  364.       disableD: true,
  365.       //#endregion
  366.     };
  367.   },
  368.   // mixins: [preventBack], //注入  阻止返回上一页
  369.  
  370.   created() {},
  371.   watch: {
  372.     // 监听对象的写法（监听页码的变化）
  373.     pagination: {
  374.       handler(newValue, oldVal) {
  375.         // console.log("监听111", oldVal);
  376.         // console.log("监听222", newValue);
  377.         this.page.total = newValue.total;
  378.       },
  379.       deep: true, // 深度监听
  380.       // immediate: true, //写上它，初始化时也会调用监听
  381.     },
  382.     //接收库位的数据
  383.     storageLocationSelect: {
  384.       handler(n, o) {
  385.         this.StorageLocation = n;
  386.       },
  387.       deep: true, // 深度监听
  388.       immediate: true, //写上它，初始化时也会调用监听
  389.     },
  390.   },
  391.   mounted() {
  392.     this.init();
  393.     // console.log(this.columns, "初始化：接收父组件传过来的值", this.pagination);
  394.   },
  395.   methods: {
  396.     a(val, el) {
  397.       console.log(val, "zheshi ", el);
  398.     },
  399.     Test(val) {
  400.       console.log(val);
  401.     },
  402.     Ones(value) {
  403.       console.log("12121212", value);
  404.     },
  405.     //在父组件初始化时，需要获得页码，所以子组件初始化时把页码传过去
  406.     init() {
  407.       let _this = this;
  408.       _this.getHeight = this.columns.getHeight;
  409.       _this.defaultall = this.columns.defaultall; //是否展开所有行
  410.       _this.isSelect = this.columns.isSelect; //右侧的完成情况
  411.       _this.isTag = this.columns.isTag; //是否有标签
  412.       _this.showFenYe = this.columns.showFenYe;
  413.       _this.isSelection = this.columns.isSelection; //左侧的多选框
  414.       _this.highlightCurrent = this.columns.highlightCurrent; //高亮选中
  415.  
  416.       _this.page.total = this.pagination.total;
  417.       _this.$emit("getPage", {
  418.         data: {
  419.           pageSize: _this.page.pagesize,
  420.           pageNum: _this.page.currentPage,
  421.           isTypes: 1,
  422.         },
  423.       });
  424.       // //每次使用就调一次
  425.       // this.SetDataTableHeader()
  426.       this.rowID = null;
  427.     },
  428.     //一页有多少条数据
  429.     handleSizeChange(val) {
  430.       let _this = this;
  431.       _this.page.pagesize = val;
  432.       // 子传父
  433.       _this.$emit("getPage", {
  434.         data: {
  435.           pageSize: _this.page.pagesize,
  436.           pageNum: _this.page.currentPage,
  437.           isTypes: 2,
  438.         },
  439.       });
  440.     },
  441.     //第几页/切换页码
  442.     handleCurrentChange(val) {
  443.       let _this = this;
  444.       _this.page.currentPage = val;
  445.       _this.$emit("getPage", {
  446.         data: {
  447.           pageSize: _this.page.pagesize,
  448.           pageNum: _this.page.currentPage,
  449.           isTypes: 2,
  450.         },
  451.       });
  452.     },
  453.     //表头
  454.     SetDataTableHeader(GetDataLists) {
  455.       //重新渲染，itemKey用于处理Table不渲染的问题
  456.       this.itemKey = Math.random();
  457.       //重新渲染数据表
  458.       this.tableHeader = GetDataLists;
  459.       // console.log("表头", this.tableHeader);
  460.       // this.$forceUpdate()
  461.     },
  462.     //table值
  463.     SettableData(tabledata, flag) {
  464.      this.itemKey = Math.random();
  465.       // console.log(tabledata, "tabledata");
  466.       let _this = this;
  467.       _this.tableData = tabledata;
  468.       // console.log("接收父组件传过来的表格数据", tabledata);
  469.       this.tableData.forEach((item, index) => {
  470.         //仓库初始化编辑
  471.         item.editRow = {
  472.           InStockQuantity: "", //在库数量
  473.           InStockAmount: "", //在库金额
  474.           StoreLocationID: "", //库位
  475.         };
  476.         /**1是编辑，0是新增 */
  477.         if (flag == 1) {
  478.           item.inWarehouseRow = {
  479.             Quantity: item.Quantity,
  480.             UnitPrice: item.UnitPrice,
  481.           };
  482.         } else if (flag == 0) {
  483.           item.inWarehouseRow = {
  484.             Quantity: "",
  485.             UnitPrice: "",
  486.           };
  487.         }
  488.         //如果flag为true的情况下，是编辑，进行赋值， 为false是新增
  489.         if (flag == true) {
  490.           //计划编制的字段
  491.           item.Amount = {
  492.             Amount1: item.Amount1,
  493.             Amount2: item.Amount2,
  494.             Amount3: item.Amount3,
  495.             Amount4: item.Amount4,
  496.             Amount5: item.Amount5,
  497.           };
  498.         } else {
  499.           item.Amount = {
  500.             Amount1: "",
  501.             Amount2: "",
  502.             Amount3: "",
  503.             Amount4: "",
  504.             Amount5: "",
  505.           };
  506.         }
  507.       });
  508.     },
  509.  
  510.     //左侧：多选框
  511.     handleSelectionChange(val) {
  512.       this.multipleSelection = val;
  513.       // console.log("左侧：勾选数据", this.multipleSelection);
  514.       this.$emit("handleSelectionChange", val);
  515.     },
  516.  
  517.     //#region 下面这个是用于最右侧的完成情况
  518.     //全选 调取公共js文件的方法
  519.     allCheck(isAll, tableData, checkList, isCheck) {
  520.       //接收传过来的值
  521.       let objData = PublicFunction.allCheck(
  522.         isAll,
  523.         tableData,
  524.         checkList,
  525.         isCheck
  526.       );
  527.       this.isAllcheck = objData.isAll;
  528.       this.ClickIdsList = objData.checkList;
  529.     },
  530.  
  531.     //单行选择
  532.     OnesClick(rows) {
  533.       if (rows.check) {
  534.         this.ClickIdsList.push(rows.id);
  535.       } else {
  536.         let index = this.ClickIdsList.indexOf(rows.id);
  537.         this.ClickIdsList.splice(index, 1);
  538.       }
  539.       // console.log("勾选111", this.ClickIdsList);
  540.       this.isIndeterminate =
  541.         this.ClickIdsList.length > 0 &&
  542.         this.ClickIdsList.length < this.tableData.length;
  543.       this.isAllcheck = this.ClickIdsList.length == this.tableData.length;
  544.     },
  545.     //#endregion
  546.  
  547.     // 合并单元格
  548.     objectSpanMethod({ row, column, rowIndex, columnIndex }, tableData, types) {
  549.       if (types === 1) {
  550.         switch (
  551.           columnIndex // 将列索引作为判断值
  552.         ) {
  553.           // 通过传递不同的列索引和需要合并的属性名，可以实现不同列的合并（索引0,1 指的是页面上的0,1）
  554.           case 2:
  555.             return PublicFunction.MergeCol(tableData, "itemDetail", rowIndex);
  556.           case 1:
  557.             return PublicFunction.MergeCol(tableData, "item", rowIndex);
  558.         }
  559.       } else {
  560.         //保障作业
  561.         switch (columnIndex) {
  562.           case 1:
  563.             return PublicFunction.MergeCol(tableData, "item", rowIndex);
  564.         }
  565.       }
  566.       //判断检查内容是否为空
  567.       // if (
  568.       //   tableData[columnIndex].checkContent != undefined ||
  569.       //   tableData[columnIndex].checkContent != null
  570.       // ) {
  571.       // } else {
  572.       // }
  573.     },
  574.  
  575.     // 提交（在父组件点击提交时调用这个方法）
  576.     childSumbit() {
  577.       // console.log(
  578.       //   "子组件提交",
  579.       //   this.tableData,
  580.       //   this.ClickIdsList,
  581.       //   this.multipleSelection
  582.       // );
  583.       let param = {
  584.         tabledata: this.tableData,
  585.         ClickIdsList: this.ClickIdsList,
  586.         multipleSelection: this.multipleSelection,
  587.       };
  588.       // 把值传给父组件
  589.       this.$emit("sumbitData", param);
  590.     },
  591.  
  592.     //行点击事件
  593.     clickRow(row, column, event) {
  594.       // let _this = this;
  595.       // _this.$router.push({
  596.       //   name: "equipSchedule", //路由名称
  597.       //   params: {
  598.       //     data: row, //参数
  599.       //   },
  600.       // });
  601.       this.rowID = row.SubjectsID;
  602.       this.$emit("rowClick", row);
  603.     },
  604.  
  605.     // 行选中时间
  606.     handleCurrentChangeRow(val) {
  607.       this.$emit("handleCurrentChangeRow", val);
  608.     },
  609.  
  610.     // 改变某一列的行的背景色
  611.     tableCellStyle({ row, column, rowIndex, columnIndex }) {
  612.       // console.log("背景色：");
  613.       // console.log("row===:", row);
  614.       // console.log("column===:", column);
  615.       // console.log("rowIndex===:", rowIndex);
  616.       // console.log("columnIndex===:", columnIndex);
  617.       //如果是第一列
  618.       if (columnIndex === 1) {
  619.         //如果这一行的字段==未维护
  620.         if (row.state == "未维护") {
  621.           // 如果是未维护——背景色浅蓝色，字体色蓝色；
  622.           return "background:#ecf5ff; color:#409eff";
  623.         } else if (row.state == "已维护") {
  624.           // 如果是已维护——背景色绿色，字体色白色；
  625.           return "background:#67c23aa6;color:#fff ";
  626.         } else if (row.state == "部分维护") {
  627.           // 如果是已维护——背景色棕色，字体色白色；
  628.           return "background:#e6a23cab;color:#fff ";
  629.         } else {
  630.         }
  631.       } else {
  632.       }
  633.     },
  634.     //获取行内编辑的数据
  635.     getRowData(val) {
  636.       console.log(val, "获取行内编辑的数据");
  637.       this.$emit("getEditRow", val);
  638.     },
  639.  
  640.     /**
  641.      * 操作列
  642.      */
  643.     handleClick(val) {
  644.       // console.log(val, "操作列");
  645.       this.$emit("getclickRow", val);
  646.     },
  647.   },
  648.  
  649.   //#endregion
  650. };
  651. </script>
  652.  
  653. <style scoped>
  654. .maintenPublictable ::v-deep .el-table th,
  655. ::v-deep .el-table thead.is-group th.el-table__cell {
  656.   background: linear-gradient(147deg, #70c0ff, #2f9fff);
  657.  
  658.   color: #fff;
  659.  
  660.   padding: 0;
  661.   margin: 0;
  662. }
  663.  
  664. /*****滚动条影藏 */
  665.  
  666. ::v-deep .el-table--scrollable-y ::-webkit-scrollbar {
  667.   display: none !important;
  668. }
  669.  
  670. /**lable名字 */
  671. ::v-deep .el-checkbox__label {
  672.   color: #fff;
  673. }
  674.  
  675. ::v-deep .el-table__header {
  676.   height: 4rem;
  677. }
  678. /*按钮样式 */
  679. /* ::v-deep .el-button:hover,
  680. ::v-deep .el-button:focus {
  681.   color: #f3f3f3 !important;
  682.   font-weight: bold;
  683. } */
  684. </style>

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/621621
推荐阅读