海政通怎样编辑表格

海政通怎样编辑表格,第1张

海政通是一款船舶管理软件,其中包含了表格编辑功能。具体地说,您可以按照以下步骤进行表格编辑:

1. 打开海政通软件,并登录账户。

2. 在软件左侧导航栏中选择“表格管理”。

3. 在表格管理界面中,选择需要进行编辑的表格,点击“编辑”按钮。

4. 进入表格编辑界面后,可以对表格中的内容进行修改、添加或删除 *** 作。您可以在相应单元格中直接输入内容、使用公式、时间等功能,也可以通过右键菜单进行批量 *** 作。

5. 编辑完成后,点击“保存”按钮即可保存修改后的表格。

需要注意的是,在进行表格编辑过程中,应该仔细核对修改的内容,确保其准确性和完整性。同时,在使用海政通软件时也建议备份数据,以免意外情况造成数据丢失。

如果您在使用过程中遇到任何问题,可以随时咨询海政通官方客服或相关技术支持人员,获取帮助和解决方案。

在wps中,如何插入、添加、删除表格呢?今天我分享下自己的方法,希望能够帮助到有需要的小伙伴。

01

打开一个WPS版本的excel表格,见下图

02

选中2所在表格,右击鼠标,找到插入,见下图

03

点击插入,选择活动单元格下移,见下图

04

点击确定单元格的添加就完成了,见下图

05

选中1的表格,右击鼠标,选中删除,见下图

06

点击删除,选择下方单元格上移,见下图

07

点击确定就完成了单元格的删除了,见下图

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        table {

            border-collapse: collapse

        }

        th,

        td {

            border: 1px solid #eee

            padding: 2px 10px

        }

        .box {

            position: absolute

            width: 350px

            height: 320px

            border: solid 1px #ccc

            left: 0

            top: 0

            right: 0

            bottom: 0

            margin: auto

        }

        .box .close {

            width: 20px

            height: 20px

            background-color: pink

            text-align: center

            line-height: 20px

            position: absolute

            right: 5px

            top: 5px

            border-radius: 50%

        }

        .biao {

            margin-top: 30px

            margin-left: 30px

        }

    </style>

</head>

<body>

    <div id="box">

        <button @click="han">添加</button>

        <table>

            <thead>

                <tr>

                    <th>学号</th>

                    <th>姓名</th>

                    <th>性别</th>

                    <th>年龄</th>

                    <th> *** 作</th>

                </tr>

            </thead>

            <tbody>

                <tr v-for="(item, index) in stu" :key="item.on">

                    <td>{{item.on}}</td>

                    <td>{{item.name}}</td>

                    <td>{{item.sex}}</td>

                    <td>{{item.age}}</td>

                    <td>

                        <button @click="getone(index)">修改</button>

                        <button @click="shan(index)">删除</button>

                    </td>

                </tr>

            </tbody>

        </table>

        <div v-show="showBox" class="box">

            <table class="biao">

                <tr>

                    <td>学号</td>

                    <td><input v-model="on" type="text"></td>

                </tr>

                <tr>

                    <td>姓名</td>

                    <td><input v-model="name" type="text"></td>

                </tr>

                <tr>

                    <td>性别</td>

                    <td><input v-model="sex" type="text"></td>

                </tr>

                <tr>

                    <td>年龄</td>

                    <td><input v-model="age" type="text"></td>

                </tr>

                <tr>

                    <td></td>

                    <td>

                        <button v-show="isAdd" @click="add">添加</button>

                        <button v-show="!isAdd" @click="update">修改</button>

                        <button v-on:click="remov">取消</button>

                    </td>

                </tr>

            </table>

            <div @click="guanbi" class="close">X</div>

        </div>

    </div>

    <script src='https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js'></script>

    <script>

        new Vue({

            el: "#box",

            data: {

                showBox: false,

                isAdd: true,

                upidex: 0,

                stu: [

                    {

                        on: 1001,

                        name: "张三",

                        age: 18,

                        sex: "男",

                    }, {

                        on: 1002,

                        name: "李四",

                        age: 21,

                        sex: "男",

                    }, {

                        on: 1003,

                        name: "王五",

                        age: 22,

                        sex: "男",

                    }, {

                        on: 1004,

                        name: "许云鹤",

                        age: 25,

                        sex: "女",

                    },

                ],

                on: "",

                name: "",

                sex: "",

                age: ""

            },

            methods: {

                guanbi() {

                    this.showBox = false

                    this.on = ""

                    this.name = ""

                    this.sex = ""

                    this.age = ""

                },

                //点击大添加的时候

                han() {

                    //让隐藏的大盒子显示

                    this.showBox = true,

                        //当isAdd时true的时候显示添加按钮  可以看上面按钮结构

                        this.isAdd = true

                },

                //点击删除时执行的函数

                //点击删除的时候 传入点击的哪一个索引

                shan(i) {

                    //以点击的这个为索引删除一个

                    this.stu.splice(i, 1)

                },

                //点击小添加的时候执行的 *** 作

                add() {

                    //把data里自定义的 on name age sex。push()进stu数组里     

                    //因为 on name age sex身上有v-model绑定 所以可以把文本框里的内容添加进数组里

                    this.stu.push({

                        on: this.on,

                        name: this.name,

                        age: this.age,

                        sex: this.sex,

                    })

                },

                //点击取消时执行的 *** 作

                remov() {

                    //点击取消时 让所有的input内容清空

                    this.on = ""

                    this.name = ""

                    this.sex = ""

                    this.age = ""

                    //让盒子隐藏

                    this.showBox = false

                },

                //点击修改的时候执行的 *** 作

                getone(sy) {

                    //根据数组中的下标 获取点击的这个对象

                    let stus = this.stu[sy]

                    //然后把点击对象里面的内容展示在input框里面

                    this.on = stus.on

                    this.name = stus.name

                    this.sex = stus.sex

                    this.age = stus.age

                    //点击修改的时候让盒子显示

                    this.showBox = true

                    //当isAdd时false的时候显示修改按钮  可以看上面按钮结构

                    this.isAdd = false

                    //在data里定义一个变量 把当前点击的索引存起来

                    this.upidex = sy

                },

                //修改学生

                update() {

                    //点击修改的时候把点击的索引存起来了 在这直接引用点击的那个索引(存起来的索引)

                    //this.stu[this.upidex]就是点击的那个数组里面的对象

                    //把input里面输入的每一项值赋给stu

                    let stu = this.stu[this.upidex]

                    stu.no = this.no

                    stu.name = this.name

                    stu.sex = this.sex

                    stu.age = this.age

                }

            },

        })

    </script>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11445180.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存