分析 保存
devbox
Gausst松鼠会
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

luckysheet实例_luckysheet案例

作者：Gausst松鼠会 | 2024-04-10 02:17:52

赞

踩

luckysheet案例
  1. <template>
  2.   <div id="app">
  3.     <div class="header">
  4.       <el-button type="primary" @click="startCalcHandler()">分析</el-button>
  5.       <el-button round type="primary" @click="save()">保存</el-button>
  6.       <el-button v-show="false" circle @click="drawer = true">
  7.         <svg-icon icon-class="list" />
  8.       </el-button>
  9.       <el-drawer title="附加信息" :visible.sync="drawer">
  10.         <el-table
  11.           :data="headerConfig"
  12.           border
  13.           style="width: 95%; margin-left: 20px"
  14.         >
  15.           <!-- 第一列 -->
  16.           <el-table-column property="infName" label="附加信息名称">
  17.             <template slot-scope="scope">
  18.               <!-- oninput="value=value.replace(/[^\d]/g,'')" -->
  19.               <el-input
  20.                 v-if="scope.row.flag"
  21.                 v-model="scope.row.infName"
  22.                 size="mini"
  23.                 placeholder="请输入"
  24.               />
  25.               <a v-else>{{ scope.row.infName }}</a>
  26.             </template>
  27.           </el-table-column>
  28.           <!-- 第二列 -->
  29.           <el-table-column property="types" label="类型">
  30.             <template slot-scope="scope">
  31.               <el-select
  32.                 v-if="scope.row.flag"
  33.                 v-model="scope.row.types"
  34.                 clearable
  35.                 placeholder="请选择"
  36.                 size="mini"
  37.               >
  38.                 <el-option
  39.                   v-for="item in options111"
  40.                   :key="item.value"
  41.                   :value="item.label"
  42.                   :label="item.label"
  43.                 />
  44.               </el-select>
  45.               <a v-else>{{ scope.row.types }}</a>
  46.             </template>
  47.           </el-table-column>
  48.           <!-- 第三列 -->
  49.           <el-table-column property="content" label="枚举内容(以逗号分隔)">
  50.             <template slot-scope="scope">
  51.               <el-input
  52.                 v-if="scope.row.flag"
  53.                 v-model="scope.row.content"
  54.                 size="mini"
  55.                 placeholder="请输入"
  56.               />
  57.               <a v-else>{{ scope.row.content }}</a>
  58.             </template>
  59.           </el-table-column>
  60.           <!-- 第四列 -->
  61.           <el-table-column property="edit" label="操作">
  62.             <template v-slot="{ row }">
  63.               <el-button
  64.                 v-if="row.flag === true"
  65.                 type="text"
  66.                 size="small"
  67.                 class="editBtn"
  68.                 @click="saveHandle(row)"
  69.               >
  70.                 保存
  71.               </el-button>
  72.               <el-button
  73.                 v-if="row.flag === false"
  74.                 type="text"
  75.                 size="small"
  76.                 class="editBtn"
  77.                 @click="editHandle(row)"
  78.               >
  79.                 编辑
  80.               </el-button>
  81.               <el-popconfirm title="确认删除？" @onConfirm="delHandle(row)">
  82.                 <el-button type="text" size="small">删除</el-button>
  83.               </el-popconfirm>
  84.             </template>
  85.           </el-table-column>
  86.         </el-table>
  87.         <el-button
  88.           icon="el-icon-plus"
  89.           style="width: 95%; margin: 20px"
  90.           @click="addDrawerRow"
  91.           >增加附加信息
  92.         </el-button>
  93.         <span class="drawer-footer">
  94.           <el-button @click="drawer = false">取 消</el-button>
  95.           <el-button type="primary" @click="drawer = false">确 定</el-button>
  96.         </span>
  97.       </el-drawer>
  98.     </div>
  99.     <div
  100.       id="inputsheet"
  101.       style="
  102.         margin: 0px;
  103.         padding: 10px;
  104.         position: relative;
  105.         width: 100%;
  106.         height: 100%;
  107.       "
  108.     />
  109.   </div>
  110. </template>
  111.  
  112. <script>
  113. import api from '@/api/dataInput'
  114.  
  115. export default {
  116.   data() {
  117.     return {
  118.       studyType: 5,
  119.       column: 0,
  120.       drawer: false,
  121.       // 抽屉了表格的类型的 数据对象
  122.       options111: [
  123.         {
  124.           value: '选项1',
  125.           label: '文本'
  126.         },
  127.         {
  128.           value: '选项2',
  129.           label: '数值型'
  130.         },
  131.         {
  132.           value: '选项3',
  133.           label: '下拉选择型'
  134.         }
  135.       ],
  136.       // 控制input/select框与 普通文本谁显示
  137.       // flag: false,
  138.       // 抽屉里表格的 数据对象
  139.       headerConfig: [
  140.         {
  141.           id: 0,
  142.           order: 1,
  143.           flag: false,
  144.           infName: '行号',
  145.           types: '下拉选择型',
  146.           content: '1,2,3',
  147.           edit: 'edit'
  148.         },
  149.         {
  150.           id: 1,
  151.           order: 2,
  152.           flag: false,
  153.           infName: '值',
  154.           types: '文本',
  155.           content: '',
  156.           edit: 'edit'
  157.         },
  158.         {
  159.           id: 2,
  160.           order: 3,
  161.           flag: false,
  162.           infName: '日期',
  163.           types: '文本',
  164.           content: '',
  165.           edit: 'edit'
  166.         },
  167.         {
  168.           id: 3,
  169.           order: 4,
  170.           flag: false,
  171.           infName: '时间',
  172.           types: '文本',
  173.           content: '',
  174.           edit: 'edit'
  175.         },
  176.         {
  177.           id: 4,
  178.           order: 5,
  179.           flag: false,
  180.           infName: '机器编号',
  181.           ct: {
  182.             fa: 'General',
  183.             t: 'g'
  184.           },
  185.           content: '',
  186.           edit: 'edit'
  187.         },
  188.         {
  189.           id: 5,
  190.           order: 6,
  191.           flag: false,
  192.           infName: '模穴编号',
  193.           types: '文本',
  194.           content: '',
  195.           edit: 'edit'
  196.         },
  197.         {
  198.           id: 6,
  199.           order: 7,
  200.           flag: false,
  201.           infName: '阶段',
  202.           types: '文本',
  203.           content: '',
  204.           edit: 'edit'
  205.         },
  206.         {
  207.           id: 7,
  208.           order: 8,
  209.           flag: false,
  210.           infName: '检具编号',
  211.           types: '文本',
  212.           content: '',
  213.           edit: 'edit'
  214.         },
  215.         {
  216.           id: 8,
  217.           order: 9,
  218.           flag: false,
  219.           infName: '检验员',
  220.           types: '文本',
  221.           content: '',
  222.           edit: 'edit'
  223.         },
  224.         {
  225.           id: 9,
  226.           order: 10,
  227.           flag: false,
  228.           infName: '零件编号',
  229.           types: '文本',
  230.           content: '',
  231.           edit: 'edit'
  232.         },
  233.         {
  234.           id: 10,
  235.           order: 11,
  236.           flag: false,
  237.           infName: '订单编号',
  238.           types: '文本',
  239.           content: '',
  240.           edit: 'edit'
  241.         },
  242.         {
  243.           id: 11,
  244.           order: 12,
  245.           flag: false,
  246.           infName: '材料批次编号',
  247.           types: '文本',
  248.           content: '',
  249.           edit: 'edit'
  250.         },
  251.         {
  252.           id: 12,
  253.           order: 13,
  254.           flag: false,
  255.           infName: '事件',
  256.           types: '文本',
  257.           content: '',
  258.           edit: 'edit'
  259.         },
  260.         {
  261.           id: 13,
  262.           order: 14,
  263.           flag: false,
  264.           infName: '过程参数',
  265.           types: '文本',
  266.           content: '',
  267.           edit: 'edit'
  268.         },
  269.         {
  270.           id: 14,
  271.           order: 15,
  272.           flag: false,
  273.           infName: 'id',
  274.           types: '文本',
  275.           content: '',
  276.           edit: 'edit'
  277.         }
  278.       ],
  279.       // 抽屉的状态
  280.       table: false,
  281.       options: {
  282.         container: 'inputsheet', // luckysheet为容器id
  283.         title: '附加信息', // 设定表格名称
  284.         lang: 'zh', // 设定表格语言
  285.         showtoolbar: false, // 隐藏工具栏
  286.         showinfobar: false, // 隐藏顶部信息栏
  287.         sheetFormulaBar: false, // 是否显示公示栏
  288.         defaultFontSize: 10, // 默认字体大小
  289.         showsheetbar: false,
  290.         data: [
  291.           {
  292.             name: 'sheet1', // 工作表名称
  293.             color: 'red', // 工作表名称颜色
  294.             index: 9, // 工作表索引
  295.             status: 1, // 激活状态
  296.             order: 0, // 工作表的下标
  297.             hide: 1, // 是否隐藏
  298.             column: 0, // 列数
  299.             defaultRowHeight: 39, // 自定义行高
  300.             defaultColWidth: 140, // 自定义列宽
  301.             allowEdit: true, // 是否允许前端编辑
  302.             celldata: [
  303.               // 初始化使用的单元格数据
  304.             ],
  305.  
  306.             config: {
  307.               merge: {}, // 合并单元格(没有反应)
  308.               columnlen: {}, // 表格列宽
  309.               rowhidden: {}, // 隐藏行
  310.               colhidden: {
  311.                 14: 0,
  312.                 0: 0
  313.               }, // 隐藏列
  314.               authority: {
  315.                 // 当前工作表的权限配置
  316.                 sheet: 1, // 如果为1或true，则该工作表受到保护；如果为0或false，则该工作表不受保护。
  317.                 hintText: '这部分不可以进行修改', // 弹窗提示的文字
  318.                 allowRangeList: [
  319.                   {
  320.                     // 区域保护
  321.                     sqref: '$A$2:$N$1000' // 区域范围
  322.                   }
  323.                 ]
  324.               }
  325.             },
  326.             scrollLeft: 0, // 左右滚动条位置
  327.             scrollTop: 0, // 上下滚动条位置
  328.  
  329.             dataVerification: {
  330.               '3_2': {
  331.                 type: 'dropdown',
  332.                 type2: null,
  333.                 value1: '1,2,3',
  334.                 value2: '',
  335.                 checked: false,
  336.                 remote: false,
  337.                 prohibitInput: false,
  338.                 hintShow: false,
  339.                 hintText: ''
  340.               }
  341.             } // 数据验证
  342.           }
  343.         ]
  344.       },
  345.       col: 0,
  346.       input: '',
  347.       items: [
  348.         {
  349.           value: '选项1',
  350.           label: '文本'
  351.         },
  352.         {
  353.           value: '选项2',
  354.           label: '数值型'
  355.         },
  356.         {
  357.           value: '选项3',
  358.           label: '下拉框型'
  359.         }
  360.       ],
  361.       value: '',
  362.       data: '',
  363.  
  364.       list: [],
  365.       cellrow: 0,
  366.       // loading
  367.       fullscreenLoading: false
  368.     }
  369.   },
  370.   computed: {
  371.     orgId() {
  372.       return this.$store.getters.user.organizationId
  373.     },
  374.     projectId() {
  375.       return this.$store.getters.user.currentProjectId
  376.     },
  377.     variableId() {
  378.       return this.$store.state.plan.thirdMenuItem.id
  379.     }
  380.   },
  381.   watch: {
  382.     variableId: function () {
  383.       this.init()
  384.       this.getList()
  385.     }
  386.   },
  387.   created() {
  388.     this.init()
  389.     this.getList()
  390.   },
  391.   mounted() {
  392.     // 创建工作表
  393.     window.luckysheet.create(this.options)
  394.     this.data_ver()
  395.   },
  396.   methods: {
  397.     data_ver() {
  398.       window.luckysheet.setDataVerification(
  399.         {
  400.           type: 'number_integer',
  401.           type2: 'gte',
  402.           value1: '1',
  403.           value2: '',
  404.           checked: false,
  405.           remote: false,
  406.           prohibitInput: true,
  407.           hintShow: true,
  408.           hintText: '请输入整数哦'
  409.         },
  410.         {
  411.           range: { row: [1, 100], column: [0, 0] }
  412.         }
  413.       )
  414.       window.luckysheet.setDataVerification(
  415.         {
  416.           type: 'number_decimal',
  417.           type2: 'gte',
  418.           value1: '0.0',
  419.           value2: '',
  420.           checked: false,
  421.           remote: false,
  422.           prohibitInput: true,
  423.           hintShow: true,
  424.           hintText: '请输入小数哦'
  425.         },
  426.         {
  427.           range: { row: [1, 1000], column: [1, 1] }
  428.         }
  429.       )
  430.       window.luckysheet.setDataVerification(
  431.         {
  432.           type: 'date',
  433.           type2: 'bw',
  434.           value1: '2020-09-23',
  435.           value2: '2020-10-10',
  436.           checked: false,
  437.           remote: false,
  438.           prohibitInput: false,
  439.           hintShow: false,
  440.           hintText: ''
  441.         },
  442.         {
  443.           range: { row: [1, 1000], column: [2, 3] }
  444.         }
  445.       )
  446.       window.luckysheet.setDataVerification(
  447.         {
  448.           type: 'text_content',
  449.           type2: 'include',
  450.           value1: 'Luckysheet',
  451.           value2: '',
  452.           checked: false,
  453.           remote: false,
  454.           prohibitInput: false,
  455.           hintShow: true,
  456.           hintText: '请输入文本'
  457.         },
  458.         {
  459.           range: { row: [1, 1000], column: [6, 9, 10, 11, 12, 13] }
  460.         }
  461.       )
  462.       window.luckysheet.setDataVerification(
  463.         {
  464.           type: 'dropdown',
  465.           type2: null,
  466.           value1: '高,中,低',
  467.           prohibitInput: true
  468.         },
  469.         {
  470.           range: { row: [1, 1000], column: [4, 5, 7, 8] }
  471.         }
  472.       )
  473.     },
  474.     startCalcHandler() {
  475.       api
  476.         .calc({
  477.           variableId: this.variableId,
  478.           studyType: 2
  479.         })
  480.         .then((resp) => {
  481.           if (resp.code !== 200) {
  482.             this.$message.error('计算失败')
  483.             return
  484.           }
  485.           this.$confirm('计算成功,是否查看分析结果?', '提示', {
  486.             confirmButtonText: '确定',
  487.             cancelButtonText: '取消',
  488.             type: 'warning'
  489.           }).then(() => {
  490.             this.$store.commit('plan/isJump_OBJ', 1)
  491.             this.$router.push({
  492.               path: `/processAnalysis/index/${this.variableId}/${this.studyType}`
  493.             })
  494.           })
  495.         })
  496.     },
  497.     init() {
  498.       // 表头数据
  499.       this.headerConfig.forEach((x) => {
  500.         this.options.data[0].celldata.push({
  501.           r: 0,
  502.           c: x.order - 1,
  503.           v: {
  504.             ct: { fa: 'General', t: 'g' },
  505.             m: 'value1',
  506.             v: x.infName
  507.           }
  508.         })
  509.         this.column++
  510.       })
  511.     },
  512.     changeCol(row) {
  513.       window.luckysheet.setCellValue(0, row.order - 1, row.infName)
  514.       this.setColType(row)
  515.     },
  516.     addCol(row) {
  517.       // 新增一列
  518.       window.luckysheet.insertColumn(row.order - 1, { number: 1 })
  519.       this.column++
  520.       // 加上表头
  521.       window.luckysheet.setCellValue(0, row.order - 1, row.infName)
  522.       this.setColType(row)
  523.     },
  524.     setColType(row) {
  525.       if (row.types === '下拉选择型') {
  526.         window.luckysheet.setDataVerification(
  527.           {
  528.             type: 'dropdown',
  529.             type2: null,
  530.             value1: row.content,
  531.             value2: '',
  532.             checked: false,
  533.             remote: false,
  534.             prohibitInput: false,
  535.             hintShow: false,
  536.             hintText: ''
  537.           },
  538.           {
  539.             column: [0, 1]
  540.           }
  541.         )
  542.       } else if (row.types === '数值型') {
  543.         window.luckysheet.setDataVerification({
  544.           type: 'number',
  545.           type2: 'gte',
  546.           value1: '1',
  547.           value2: '',
  548.           checked: false,
  549.           remote: false,
  550.           prohibitInput: true,
  551.           hintShow: false,
  552.           hintText: ''
  553.         })
  554.       } else {
  555.         window.luckysheet.setDataVerification({
  556.           type: 'text_content',
  557.           type2: 'include',
  558.           value1: 'Luckysheet',
  559.           value2: '',
  560.           checked: false,
  561.           remote: false,
  562.           prohibitInput: false,
  563.           hintShow: true,
  564.           hintText: 'include Luckysheet'
  565.         })
  566.       }
  567.     },
  568.     resetOrder(order) {
  569.       this.headerConfig
  570.         .filter((x) => x.order > order)
  571.         .forEach((x) => {
  572.           x.order--
  573.         })
  574.       // TODO 同步grid信息到数据库
  575.     },
  576.     delRow(row) {
  577.       const index = row.order - 1
  578.       this.headerConfig.splice(index, 1)
  579.       window.luckysheet.deleteColumn(index, index)
  580.       window.luckysheet.hideColumn(this.column - 1, 999)
  581.       this.column--
  582.       this.resetOrder(row.order)
  583.     },
  584.     addDrawerRow() {
  585.       const tempRow = {
  586.         order: this.headerConfig.length + 1,
  587.         flag: true,
  588.         infName: '',
  589.         types: '',
  590.         content: '',
  591.         edit: 'save'
  592.       }
  593.       this.headerConfig.push(tempRow)
  594.     },
  595.     editHandle(row) {
  596.       const index = row.order - 1
  597.       this.headerConfig[index].flag = !this.headerConfig[index].flag
  598.       this.headerConfig[index].edit = 'save'
  599.     },
  600.     saveHandle(row) {
  601.       const index = row.order - 1
  602.       this.headerConfig[index].flag = !this.headerConfig[index].flag
  603.       this.headerConfig[index].edit = 'edit'
  604.       // TODO 更新数据库中的列信息
  605.       this.submitRowData(row)
  606.     },
  607.     submitRowData(row) {
  608.       const index = row.order - 1
  609.       if (this.column < row.order) {
  610.         this.addCol(row)
  611.       } else {
  612.         this.changeCol(row)
  613.       }
  614.       this.headerConfig[index].infName = row.infName
  615.       this.headerConfig[index].types = row.types
  616.       this.headerConfig[index].content = row.content
  617.     },
  618.     delHandle(row) {
  619.       // TODO 删除数据库中的列信息
  620.       this.delRow(row)
  621.     },
  622.     // 获取初始过程研究数据
  623.     async getList() {
  624.       if (this.variableId === null || this.variableId === '') {
  625.         return
  626.       }
  627.       const { code, data } = await api.showData(this.variableId)
  628.       if (code !== 200) {
  629.         this.$message.error('获取数据失败!')
  630.         return
  631.       }
  632.  
  633.       this.list = data
  634.       window.luckysheet.destroy()
  635.       var i = 1
  636.       this.list.forEach((x) => {
  637.         const data = x
  638.         this.options.data[0].data[i] = new Array(15)
  639.         this.options.data[0].data[i] = []
  640.         this.options.data[0].data[i][0] = {
  641.           v: data.idx
  642.         }
  643.         this.options.data[0].data[i][1] = {
  644.           v: data.value
  645.         }
  646.         this.options.data[0].data[i][2] = {
  647.           v: data.inputDate
  648.         }
  649.         this.options.data[0].data[i][3] = {
  650.           v: data.inputTime
  651.         }
  652.         this.options.data[0].data[i][4] = {
  653.           v: data.machineNumber
  654.         }
  655.         this.options.data[0].data[i][5] = {
  656.           v: data.cavityNumber
  657.         }
  658.         this.options.data[0].data[i][6] = {
  659.           v: data.stage
  660.         }
  661.         this.options.data[0].data[i][7] = {
  662.           v: data.gaugeNumber
  663.         }
  664.         this.options.data[0].data[i][8] = {
  665.           v: data.inspector
  666.         }
  667.         this.options.data[0].data[i][9] = {
  668.           v: data.componentNumber
  669.         }
  670.         this.options.data[0].data[i][10] = {
  671.           v: data.orderNumber
  672.         }
  673.         this.options.data[0].data[i][11] = {
  674.           v: data.batchNumber
  675.         }
  676.         this.options.data[0].data[i][12] = {
  677.           v: data.event
  678.         }
  679.         this.options.data[0].data[i][13] = {
  680.           v: data.processParameter
  681.         }
  682.         this.options.data[0].data[i][14] = {
  683.           v: data.id
  684.         }
  685.  
  686.         i++
  687.       })
  688.       if (this.list.length < 84) {
  689.         this.options.data[0].data.splice(84)
  690.       } else if (this.options.data[0].data.length - this.list.length > 3) {
  691.         this.options.data[0].data.splice(this.list.length + 1)
  692.       }
  693.  
  694.       for (var j = i; j < this.options.data[0].data.length; j++) {
  695.         this.options.data[0].data[j] = []
  696.       }
  697.       window.luckysheet.create(this.options)
  698.     },
  699.     // 数据保存
  700.     async save() {
  701.       const loading = this.$loading({
  702.         lock: true,
  703.         text: '保存中',
  704.         spinner: 'el-icon-loading',
  705.         background: 'rgba(0, 0, 0, 0.7)'
  706.       })
  707.  
  708.       var celldata = window.luckysheet.transToCellData(
  709.         window.luckysheet.getLuckysheetfile()[0].data
  710.       )
  711.       let count = 1
  712.       let idxIncrease = 1
  713.       const list = []
  714.       while (count <= celldata[celldata.length - 1].r) {
  715.         const data = {}
  716.         const res = celldata.filter((x) => x.r === count)
  717.         if (res) {
  718.           data['idx'] = idxIncrease
  719.           res.forEach((x) => {
  720.             switch (x.c) {
  721.               case 1:
  722.                 data['value'] = x.v.v
  723.                 return
  724.               case 2:
  725.                 data['inputDate'] = x.v.v
  726.                 return
  727.               case 3:
  728.                 data['inputTime'] = x.v.v
  729.                 return
  730.               case 4:
  731.                 data['machineNumber'] = x.v.v
  732.                 return
  733.               case 5:
  734.                 data['cavityNumber'] = x.v.v
  735.                 return
  736.               case 6:
  737.                 data['stage'] = x.v.v
  738.                 return
  739.               case 7:
  740.                 data['gaugeNumber'] = x.v.v
  741.                 return
  742.               case 8:
  743.                 data['inspector'] = x.v.v
  744.                 return
  745.               case 9:
  746.                 data['componentNumber'] = x.v.v
  747.                 return
  748.               case 10:
  749.                 data['orderNumber'] = x.v.v
  750.                 return
  751.               case 11:
  752.                 data['batchNumber'] = x.v.v
  753.                 return
  754.               case 12:
  755.                 data['event'] = x.v.v
  756.                 return
  757.               case 13:
  758.                 data['processParameter'] = x.v.v
  759.                 return
  760.               case 14:
  761.                 if (x.v.v && x.v.v !== '' && x.v.v !== null) {
  762.                   data.id = x.v.v
  763.                 }
  764.                 return
  765.               default:
  766.                 return
  767.             }
  768.           })
  769.           list.push(data)
  770.         } else {
  771.           continue
  772.         }
  773.         count++
  774.         idxIncrease++
  775.       }
  776.  
  777.       const subList = []
  778.       list.forEach((item, index) => {
  779.         subList.push({
  780.           idx: item.idx,
  781.           value: item.value,
  782.           inputDate: item.inputDate,
  783.           inputTime: item.inputTime,
  784.           machineNumber: item.machineNumber,
  785.           cavityNumber: item.cavityNumber,
  786.           stage: item.stage,
  787.           gaugeNumber: item.gaugeNumber,
  788.           inspector: item.inspector,
  789.           componentNumber: item.componentNumber,
  790.           orderNumber: item.orderNumber,
  791.           batchNumber: item.batchNumber,
  792.           event: item.event,
  793.           processParameter: item.processParameter
  794.         })
  795.       })
  796.       let flag = 0
  797.       subList.forEach((x) => {
  798.         if (x.value === undefined) {
  799.           flag = 1
  800.         }
  801.       })
  802.  
  803.       if (flag === 1) {
  804.         this.$message.info('值为必填项，请检查表格数据')
  805.         loading.close()
  806.         return
  807.       }
  808.       const addResp = await api.new_add(
  809.         this.projectId,
  810.         this.variableId,
  811.         subList
  812.       )
  813.       if (addResp.code !== 200) {
  814.         this.$message.error('保存失败')
  815.         loading.close()
  816.         return
  817.       }
  818.       this.$message.success('保存成功')
  819.       this.getList()
  820.       loading.close()
  821.     }
  822.   }
  823. }
  824. </script>
  825.  
  826. <style scoped>
  827. .header {
  828.   display: flex;
  829.   justify-content: flex-end;
  830. }
  831.  
  832. ::v-deep .btn123 {
  833.   border-radius: 10px;
  834.   border-style: dashed;
  835.   width: 100%;
  836.   margin-top: 15px;
  837. }
  838.  
  839. .drawer-footer {
  840.   width: 100%;
  841.   position: absolute;
  842.   bottom: 0;
  843.   left: 0;
  844.   border-top: 1px solid #e8e8e8;
  845.   padding: 10px 16px;
  846.   text-align: right;
  847.   background-color: white;
  848. }
  849. </style>

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

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。