New file |
| | |
| | | import request from '@/utils/request' |
| | | |
| | | // 查询关键字列表 |
| | | export function listJcycpdgjz(query) { |
| | | return request({ |
| | | url: '/system/jcycpdgjz/list', |
| | | method: 'get', |
| | | params: query |
| | | }) |
| | | } |
| | | |
| | | // 查询关键字详细 |
| | | export function getJcycpdgjz(id) { |
| | | return request({ |
| | | url: '/system/jcycpdgjz/' + id, |
| | | method: 'get' |
| | | }) |
| | | } |
| | | |
| | | // 新增关键字 |
| | | export function addJcycpdgjz(data) { |
| | | return request({ |
| | | url: '/system/jcycpdgjz', |
| | | method: 'post', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // 修改关键字 |
| | | export function updateJcycpdgjz(data) { |
| | | return request({ |
| | | url: '/system/jcycpdgjz', |
| | | method: 'put', |
| | | data: data |
| | | }) |
| | | } |
| | | |
| | | // 删除关键字 |
| | | export function delJcycpdgjz(id) { |
| | | return request({ |
| | | url: '/system/jcycpdgjz/' + id, |
| | | method: 'delete' |
| | | }) |
| | | } |
| | |
| | | <div class="app-container"> |
| | | <el-row :gutter="24"> |
| | | <!-- 第一列:单选标本 --> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-col :span="6" :xs="24"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | |
| | | > |
| | | <el-form-item label="项目名称" prop="tjh"> |
| | | <el-input |
| | | style="width: 140px" |
| | | v-model="queryParams.tjh" |
| | | placeholder="请输入项目名称" |
| | | clearable |
| | |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" size="mini" @click="handleManual">查询</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | <el-button type="primary" size="mini" @click="handleAdd">新增</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | </el-table> |
| | | </el-col> |
| | | |
| | | |
| | | |
| | | |
| | | <!-- 第二列:中间选中项目列表 --> |
| | | <el-col :span="8" :xs="24"> |
| | | <el-form :model="form" size="small" :inline="true" label-width="68px" style="height: 45px" @submit.native.prevent /> |
| | | <el-col :span="9" :xs="24"> |
| | | <el-form :model="queryParams2" ref="queryForm" size="small" :inline="true" v-show="showSearch" |
| | | label-width="68px" style="height: 45px" @submit.native.prevent> |
| | | <el-form-item label="项目名称" prop="proName"> |
| | | <el-input ref="inputName" v-model="queryParams2.proName" placeholder="请输入项目名称" clearable |
| | | @keyup.enter.native="handleyixuan" style="width: 140px" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleyixuan">搜索</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | :data="OnenewpacName" |
| | | ref="tres" |
| | | height="478" |
| | | style="width: 100%" |
| | | > |
| | |
| | | OnenewpacName: [], |
| | | Treedata: [], |
| | | originalTreedata: [], |
| | | Treedatas: [], |
| | | queryParams: { |
| | | tjh: '', |
| | | tjCategory: null, |
| | | }, |
| | | queryParams1: { |
| | | proName: '', |
| | | }, |
| | | queryParams2: { |
| | | proName: '', |
| | | }, |
| | | form: { |
| | |
| | | originalSpecimenData: [], |
| | | }; |
| | | }, |
| | | dicts: ["sys_dict_specimen"], |
| | | dicts: ["sys_dict_specimen", "sys_normal_disable"], |
| | | created() { |
| | | this.fetchInitialBiaobenData(); |
| | | this.initializeSpecimenData(); |
| | |
| | | }, |
| | | deep: true, |
| | | immediate: true, |
| | | }, |
| | | }, |
| | | }, |
| | | methods: { |
| | | initializeSpecimenData() { |
| | |
| | | this.originalSpecimenData = []; |
| | | this.filteredSpecimenData = []; |
| | | } |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.open = true; |
| | | this.title = "添加字典数据"; |
| | | this.form.dictType = "sys_dict_specimen"; |
| | | }, |
| | | handleyixuan() { |
| | | const searchText = this.queryParams2.proName?.trim().toLowerCase() || ''; |
| | | if (searchText) { |
| | | this.OnenewpacName = this.Treedatas.filter(item => |
| | | item.proName.toLowerCase().includes(searchText) |
| | | ); |
| | | this.OnenewpacName.length |
| | | ? this.$message.success('查询成功') |
| | | : this.$message.warning('未找到匹配的项目'); |
| | | } else { |
| | | this.OnenewpacName = [...this.Treedatas]; |
| | | this.$message.info('已显示所有项目'); |
| | | } |
| | | this.$refs.tres.clearSelection(); |
| | | }, |
| | | handleSearchFor() { |
| | | const searchText = this.queryParams1.proName?.trim().toLowerCase() || ''; |
| | |
| | | this.$refs.specimenTable.clearSelection(); |
| | | this.$message.success('已重置查询条件和标本数据'); |
| | | }, |
| | | handleManual() { |
| | | handleManual() { |
| | | const searchText = this.queryParams.tjh?.trim().toLowerCase() || ''; |
| | | this.filteredSpecimenData = searchText |
| | | ? this.originalSpecimenData.filter(item => item.label.toLowerCase().includes(searchText)) |
| | |
| | | cancell() { |
| | | this.openOne = false; |
| | | }, |
| | | submitrighr() { |
| | | submitrighr() { |
| | | if (!this.queryParams.tjCategory) { |
| | | this.$message.error('请先选择一个标本'); |
| | | return; |
| | |
| | | this.loading = true; |
| | | searchBiaoben({ bblx }) |
| | | .then(response => { |
| | | this.OnenewpacName = response.data || []; |
| | | this.Treedatas = response.data || []; |
| | | this.OnenewpacName = [...this.Treedatas]; |
| | | this.loading = false; |
| | | }) |
| | | .catch(error => { |
New file |
| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | @submit.native.prevent |
| | | > |
| | | <el-form-item label="关键字" prop="gjz"> |
| | | <el-input |
| | | v-model="queryParams.gjz" |
| | | 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-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="['system:jcycpdgjz: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="['system:jcycpdgjz: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="['system:jcycpdgjz: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="['system:jcycpdgjz:export']" |
| | | >导出 |
| | | </el-button> --> |
| | | </el-col> |
| | | <right-toolbar |
| | | :showSearch.sync="showSearch" |
| | | @queryTable="getList" |
| | | ></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table |
| | | v-loading="loading" |
| | | :data="jcycpdgjzList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="序号" align="center" prop="id" width="80" /> |
| | | <el-table-column label="关键字" align="center" prop="gjz" /> |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="120" |
| | | > |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:jcycpdgjz:edit']" |
| | | >修改 |
| | | </el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:jcycpdgjz:remove']" |
| | | >删除 |
| | | </el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | |
| | | <!-- 添加或修改关键字对话框 --> |
| | | <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="gjz"> |
| | | <el-input v-model="form.gjz" placeholder="请输入关键字" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | | <el-button @click="cancel">取 消</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { |
| | | listJcycpdgjz, |
| | | getJcycpdgjz, |
| | | delJcycpdgjz, |
| | | addJcycpdgjz, |
| | | updateJcycpdgjz, |
| | | } from "@/api/system/jcycpdgjz"; |
| | | |
| | | export default { |
| | | name: "Jcycpdgjz", |
| | | data() { |
| | | return { |
| | | // 遮罩层 |
| | | loading: true, |
| | | // 选中数组 |
| | | ids: [], |
| | | // 非单个禁用 |
| | | single: true, |
| | | // 非多个禁用 |
| | | multiple: true, |
| | | // 显示搜索条件 |
| | | showSearch: true, |
| | | // 总条数 |
| | | total: 0, |
| | | // 关键字表格数据 |
| | | jcycpdgjzList: [], |
| | | // 弹出层标题 |
| | | title: "", |
| | | // 是否显示弹出层 |
| | | open: false, |
| | | // 查询参数 |
| | | queryParams: { |
| | | pageNum: 1, |
| | | pageSize: 10, |
| | | gjz: null, |
| | | }, |
| | | // 表单参数 |
| | | form: {}, |
| | | // 表单校验 |
| | | rules: {}, |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getList(); |
| | | }, |
| | | methods: { |
| | | /** 查询关键字列表 */ |
| | | getList() { |
| | | this.loading = true; |
| | | listJcycpdgjz(this.queryParams).then((response) => { |
| | | this.jcycpdgjzList = response.rows; |
| | | this.total = response.total; |
| | | this.loading = false; |
| | | }); |
| | | }, |
| | | // 取消按钮 |
| | | cancel() { |
| | | this.open = false; |
| | | this.reset(); |
| | | }, |
| | | // 表单重置 |
| | | reset() { |
| | | this.form = { |
| | | id: null, |
| | | gjz: null, |
| | | createTime: null, |
| | | createBy: null, |
| | | updateTime: null, |
| | | updateBy: null, |
| | | deleted: null, |
| | | }; |
| | | this.resetForm("form"); |
| | | }, |
| | | /** 搜索按钮操作 */ |
| | | handleQuery() { |
| | | this.queryParams.pageNum = 1; |
| | | this.getList(); |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map((item) => item.id); |
| | | this.single = selection.length !== 1; |
| | | this.multiple = !selection.length; |
| | | }, |
| | | /** 新增按钮操作 */ |
| | | handleAdd() { |
| | | this.reset(); |
| | | this.open = true; |
| | | this.title = "添加关键字"; |
| | | }, |
| | | /** 修改按钮操作 */ |
| | | handleUpdate(row) { |
| | | this.reset(); |
| | | const id = row.id || this.ids; |
| | | getJcycpdgjz(id).then((response) => { |
| | | this.form = response.data; |
| | | this.open = true; |
| | | this.title = "修改关键字"; |
| | | }); |
| | | }, |
| | | /** 新增修改操作 */ |
| | | submitForm() { |
| | | this.$refs["form"].validate((valid) => { |
| | | if (valid) { |
| | | // 如果有多选框字段(checkbox),这里处理为逗号拼接(如有需要可添加) |
| | | if (!this.form.id || this.form.id === "") { |
| | | addJcycpdgjz(this.form).then((response) => { |
| | | this.$modal.msgSuccess("新增成功"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } else { |
| | | updateJcycpdgjz(this.form).then((response) => { |
| | | this.$modal.msgSuccess("修改成功"); |
| | | this.open = false; |
| | | this.getList(); |
| | | }); |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const id = row.id; |
| | | this.$modal |
| | | .confirm('是否确认删除"' + id + '"的数据项?') |
| | | .then(function () { |
| | | return delJcycpdgjz(id); |
| | | }) |
| | | .then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }) |
| | | .catch(() => {}); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | /* handleExport() { |
| | | this.download( |
| | | "hosp/detail/export", |
| | | { |
| | | ...this.queryParams, |
| | | }, |
| | | `detail_${new Date().getTime()}.xlsx` |
| | | ); |
| | | }, */ |
| | | }, |
| | | }; |
| | | </script> |