qxtj

qinxianzhangyao

2023-12-08 9ed599516f100d0f3e949b9517cfbfbb6459c4d8

 src/views/hosp/harmType/index.vue

@@ -1,26 +1,19 @@
<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
            <el-form-item label="${comment}" prop="harmpinyin">
                <el-input v-model="queryParams.harmpinyin" placeholder="请输入${comment}" clearable

            <el-form-item label="编码" prop="harmCode">
                <el-input v-model="queryParams.harmCode" placeholder="请输入编码" clearable @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="名称" prop="harmType">
                <el-input v-model="queryParams.harmType" placeholder="请输入职业病拼音码" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="${comment}" prop="sort">
                <el-input v-model="queryParams.sort" placeholder="请输入${comment}" clearable
            <el-form-item label="拼音码" prop="harmPinYin">
                <el-input v-model="queryParams.harmPinYin" placeholder="请输入职业病拼音码" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="${comment}" prop="externalcode">
                <el-input v-model="queryParams.externalcode" placeholder="请输入${comment}" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="${comment}" prop="harmcode">
                <el-input v-model="queryParams.harmcode" placeholder="请输入${comment}" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="${comment}" prop="protection">
                <el-input v-model="queryParams.protection" placeholder="请输入${comment}" clearable
                    @keyup.enter.native="handleQuery" />
            </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>
@@ -51,17 +44,14 @@
            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>

        <el-table v-loading="loading" :data="harmTypeList" @selection-change="handleSelectionChange">
        <el-table v-loading="loading" :data="harmTypeList" @selection-change="handleSelectionChange" border>
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="${comment}" align="center" prop="aid" />
            <el-table-column label="${comment}" align="center" prop="harmpinyin" />
            <el-table-column label="${comment}" align="center" prop="harmtype" />
            <el-table-column label="${comment}" align="center" prop="sort" />
            <el-table-column label="${comment}" align="center" prop="harminfo" />
            <el-table-column label="${comment}" align="center" prop="externalcode" />
            <el-table-column label="${comment}" align="center" prop="harmcode" />
            <el-table-column label="${comment}" align="center" prop="type" />
            <el-table-column label="${comment}" align="center" prop="protection" />
            <el-table-column label="排序" align="center" prop="sort" />
            <el-table-column label="职业病编码" align="center" prop="harmCode" />
            <el-table-column label="职业病名称" align="center" prop="harmType" />
            <el-table-column label="职业病拼音码" align="center" prop="harmPinYin" />
            <el-table-column label="信息" align="center" prop="harmInfo" />
            <el-table-column label="防护措施" align="center" prop="protection" />
            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                <template slot-scope="scope">
                    <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
@@ -74,29 +64,37 @@
            </el-table-column>
        </el-table>

        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
            @pagination="getList" />
        <div class="pag">
            <div class="pag1">
                <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
                    :limit.sync="queryParams.pageSize" @pagination="getList" />
            </div>
        </div>


        <!-- 添加或修改职业病对话框 -->
        <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
            <el-form ref="form" :model="form" :rules="rules" label-width="80px">
                <el-form-item label="${comment}" prop="harmpinyin">
                    <el-input v-model="form.harmpinyin" placeholder="请输入${comment}" />
                <el-form-item label="排序" prop="sort">
                    <el-input v-model="form.sort" placeholder="请输入排序" />
                </el-form-item>
                <el-form-item label="${comment}" prop="sort">
                    <el-input v-model="form.sort" placeholder="请输入${comment}" />
                <el-form-item label="编码" prop="harmCode">
                    <el-input v-model="form.harmCode" placeholder="请输入编码" />
                </el-form-item>
                <el-form-item label="${comment}" prop="harminfo">
                    <el-input v-model="form.harminfo" type="textarea" placeholder="请输入内容" />
                <el-form-item label="拼音码" prop="harmPinYin">
                    <el-input v-model="form.harmPinYin" placeholder="请输入拼音码" />
                </el-form-item>
                <el-form-item label="${comment}" prop="externalcode">
                    <el-input v-model="form.externalcode" placeholder="请输入${comment}" />
                <el-form-item label="名称" prop="harmType">
                    <el-input v-model="form.harmType" placeholder="请输入拼音码" />
                </el-form-item>
                <el-form-item label="${comment}" prop="harmcode">
                    <el-input v-model="form.harmcode" placeholder="请输入${comment}" />

                <el-form-item label="信息" prop="harmInfo">
                    <el-input v-model="form.harmInfo" type="textarea" placeholder="请输入内容" />
                </el-form-item>
                <el-form-item label="${comment}" prop="protection">
                    <el-input v-model="form.protection" placeholder="请输入${comment}" />


                <el-form-item label="防护措施" prop="protection">
                    <el-input v-model="form.protection" placeholder="请输入防护措施" />
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
@@ -203,6 +201,7 @@
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = []
            this.ids = selection.map(item => item.aid)
            this.single = selection.length !== 1
            this.multiple = !selection.length
@@ -225,12 +224,42 @@
        },
        /** 提交按钮 */
        submitForm() {

            this.$refs["form"].validate((valid) => {
                if (valid) {
                    if (this.form.aid != null) {
                        updateHarmType(this.form).then((response) => {
                            this.$modal.msgSuccess("修改成功");
                            this.open = false;
                            this.getList();
                        });
                    } else {
                        addHarmType(this.form).then((response) => {
                            this.$modal.msgSuccess("新增成功");
                            this.open = false;
                            this.getList();
                        });
                    }
                }
            });
        },
        /** 删除按钮操作 */
        handleDelete(row) {
            if (row) {
                this.ids = []
                this.ids.push(row.aid)
            }


            const ids = this.ids;
            this.$modal
                .confirm('是否确认删除advice编号为"' + ids + '"的数据项？')
                .then(function () {
                    return delHarmType(ids);
                })
                .then(() => {
                    this.getList();
                    this.$modal.msgSuccess("删除成功");
                })
                .catch(() => { });
        },


@@ -246,3 +275,16 @@
}
    ;
</script>


<style>
.pag {
    width: 100%;
    display: flex;
    justify-content: center;
}

.pag1 {
    width: 30%;
}
</style>