su

su1124

2024-01-25 3435a2b1b3e237ee53c98ae7c044d0e84cfa521c

 src/views/hosp/harmType/index.vue

@@ -1,64 +1,137 @@
<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">

    <el-form
      :model="queryParams"
      ref="queryForm"
      size="small"
      :inline="true"
      v-show="showSearch"
      label-width="68px"
    >
            <el-form-item label="编码" prop="harmCode">
                <el-input v-model="queryParams.harmCode" placeholder="请输入编码" clearable @keyup.enter.native="handleQuery" />
        <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-input
          v-model="queryParams.harmType"
          placeholder="请输入职业病拼音码"
          clearable
          @keyup.enter.native="handleQuery"
        />
            </el-form-item>
            <el-form-item label="拼音码" prop="harmPinYin">
                <el-input v-model="queryParams.harmPinYin" placeholder="请输入职业病拼音码" clearable
                    @keyup.enter.native="handleQuery" />
        <el-input
          v-model="queryParams.harmPinYin"
          placeholder="请输入职业病拼音码"
          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>
        <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>
        </el-form>

        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
                    v-hasPermi="['hosp:harmType:add']">新增
        <el-button
          type="primary"
          icon="el-icon-plus"
          size="mini"
          @click="handleAdd"
          v-hasPermi="['hosp:harmType:add']"
          >新增
                </el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
                    v-hasPermi="['hosp:harmType:edit']">修改
        <el-button
          type="primary"
          icon="el-icon-edit"
          size="mini"
          :disabled="single"
          @click="handleUpdate"
          v-hasPermi="['hosp:harmType:edit']"
          >修改
                </el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
                    v-hasPermi="['hosp:harmType:remove']">删除
        <el-button
          type="primary"
          icon="el-icon-delete"
          size="mini"
          :disabled="multiple"
          @click="handleDelete"
          v-hasPermi="['hosp:harmType:remove']"
          >删除
                </el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
                    v-hasPermi="['hosp:harmType:export']">导出
        <el-button
          type="primary"
          icon="el-icon-download"
          size="mini"
          @click="handleExport"
          v-hasPermi="['hosp:harmType:export']"
          >导出
                </el-button>
            </el-col>
            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
      <right-toolbar
        :showSearch.sync="showSearch"
        @queryTable="getList"
      ></right-toolbar>
        </el-row>

        <el-table v-loading="loading" :data="harmTypeList" @selection-change="handleSelectionChange" border>
    <el-table
      v-loading="loading"
      :data="harmTypeList"
      @selection-change="handleSelectionChange"
      border
    >
            <el-table-column type="selection" width="55" align="center" />
            <el-table-column label="排序" align="center" prop="sort" />
      <el-table-column label="排序" align="center" prop="newID" />
            <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">
      <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)"
                        v-hasPermi="['hosp:harmType:edit']">修改
          <el-button
            size="mini"
            type="text"
            icon="el-icon-edit"
            @click="handleUpdate(scope.row)"
            v-hasPermi="['hosp:harmType:edit']"
            title="修改"
            >
                    </el-button>
                    <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                        v-hasPermi="['hosp:harmType:remove']">删除
          <el-button
            size="mini"
            type="text"
            icon="el-icon-delete"
            @click="handleDelete(scope.row)"
            v-hasPermi="['hosp:harmType:remove']"
            title="删除"
            >
                    </el-button>
                </template>
            </el-table-column>
@@ -66,16 +139,20 @@

        <div class="pag">
            <div class="pag1">
                <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
                    :limit.sync="queryParams.pageSize" @pagination="getList" />
        <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="排序" prop="sort">
        <el-form-item label="数字" prop="sort">
                    <el-input v-model="form.sort" placeholder="请输入排序" />
                </el-form-item>
                <el-form-item label="编码" prop="harmCode">
@@ -89,9 +166,12 @@
                </el-form-item>

                <el-form-item label="描述" prop="harmInfo">
                    <el-input v-model="form.harmInfo" type="textarea" placeholder="请输入描述" />
          <el-input
            v-model="form.harmInfo"
            type="textarea"
            placeholder="请输入描述"
          />
                </el-form-item>


                <el-form-item label="防护措施" prop="protection">
                    <el-input v-model="form.protection" placeholder="请输入防护措施" />
@@ -111,21 +191,21 @@
    getHarmType,
    delHarmType,
    addHarmType,
    updateHarmType
  updateHarmType,
} from "@/api/hosp/harmType";

export default {
    name: "HarmType",
    data() {
        let checkPhoneNum = (rule, value, callback) => {
            console.log(value)
      console.log(value);
            let patter = new RegExp(/^1\s*[3456789]\s*(\d\s*){9}$/);
            if (value == "" && value == undefined && !value) {
                return callback('');
        return callback("");
            } else if (value != undefined && value != "") {
                return callback();
            } else if (!patter.test(value)) {
                return callback('');
        return callback("");
            }
        };
        return {
@@ -158,38 +238,33 @@
                externalcode: null,
                harmcode: null,
                type: null,
                protection: null
        protection: null,
            },
            // 表单参数
            form: {},
            // 表单校验
            rules: {
                sort: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
                ],
                harmCode: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
                ],
        // sort: [{ required: true, validator: checkPhoneNum, trigger: "blur" }],
        // harmCode: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
                
                harmPinYin: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
          { required: true, validator: checkPhoneNum, trigger: "blur" },
                ],
                
                harmType: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
          { required: true, validator: checkPhoneNum, trigger: "blur" },
                ],
                
                harmInfo: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
                ],
        // harmInfo: [
        //   { required: true, validator: checkPhoneNum, trigger: "blur" },
        // ],
                
                protection: [
                    { required: true, validator: checkPhoneNum, trigger: "blur" }
          { required: true, validator: checkPhoneNum, trigger: "blur" },
                ],
                

            
            }
      },
        };
    },
    created() {
@@ -199,7 +274,10 @@
        /** 查询职业病列表 */
        getList() {
            this.loading = true;
            listHarmType(this.queryParams).then(response => {
      listHarmType(this.queryParams).then((response) => {
         response.rows.forEach((item, index) => {
          item.newID = (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
        });
                this.harmTypeList = response.rows;
                this.total = response.total;
                this.loading = false;
@@ -221,7 +299,7 @@
                externalcode: null,
                harmcode: null,
                type: null,
                protection: null
        protection: null,
            };
            this.resetForm("form");
        },
@@ -237,10 +315,10 @@
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = []
            this.ids = selection.map(item => item.aid)
            this.single = selection.length !== 1
            this.multiple = !selection.length
      this.ids = [];
      this.ids = selection.map((item) => item.aid);
      this.single = selection.length !== 1;
      this.multiple = !selection.length;
        },
        /** 新增按钮操作 */
        handleAdd() {
@@ -251,8 +329,8 @@
        /** 修改按钮操作 */
        handleUpdate(row) {
            this.reset();
            const aid = row.aid || this.ids
            getHarmType(aid).then(response => {
      const aid = row.aid || this.ids;
      getHarmType(aid).then((response) => {
                this.form = response.data;
                this.open = true;
                this.title = "有害因素";
@@ -269,7 +347,11 @@
                            this.getList();
                        });
                    } else {
                        if(this.form.harmPinYin && this.form.harmType && this.form.harmCode){
            if (
              this.form.harmPinYin &&
              this.form.harmType &&
              this.form.harmCode
            ) {
                            addHarmType(this.form).then((response) => {
                            this.$modal.msgSuccess("新增成功");
                            this.open = false;
@@ -278,7 +360,6 @@
                        }else{
                            this.$modal.msgError("请填写必填项信息");
                        }
                       
                    }
                }
            });
@@ -286,8 +367,8 @@
        /** 删除按钮操作 */
        handleDelete(row) {
            if (row) {
                this.ids = []
                this.ids.push(row.aid)
        this.ids = [];
        this.ids.push(row.aid);
            }

            const ids = this.ids;
@@ -303,18 +384,12 @@
                .catch(() => { });
        },


        SelectionChange(selection) { },



        /** 导出按钮操作 */
        handleExport() {

        }
    }
}
    ;
    handleExport() {},
  },
};
</script>