| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> |
| | | <el-dialog |
| | | :title="title" |
| | | :visible.sync="open" |
| | | width="1000px" |
| | | append-to-body |
| | | > |
| | | <h3 v-if="fList.proResult">检测项目 :{{ fList.project.proName }}</h3> |
| | | <h3 v-if="fList.proResult"> |
| | | 检测结果 :{{ fList.proResult }}{{ fList.project.proMetering }} |
| | |
| | | >搜索</el-button |
| | | > |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <h3 style="margin-left: 160px;">已选项目</h3> |
| | | </el-form-item> |
| | | |
| | | </el-form> |
| | | <div style="display: flex; width: 100%"> |
| | | <div style="width: 50%; margin-right: 30px"> |
| | | <el-table |
| | | :data="dataList" |
| | | ref="multipleTable" |
| | | v-loading="loading" |
| | | @selection-change="handleSelectionChange" |
| | | border |
| | | height="320px |
| | | " |
| | | height="420px" |
| | | > |
| | | <el-table-column type="selection" width="40" align="center" /> |
| | | <el-table-column label="序号" type="index" width="80px" /> |
| | | <el-table-column |
| | | label="序号" |
| | | type="index" |
| | | align="center" |
| | | width="50px" |
| | | /> |
| | | <!-- <el-table-column label="规则" align="center" prop="ruleStr" /> --> |
| | | <el-table-column label="检查结论" align="center" prop="ruleStr" /> |
| | | <el-table-column label="检查所见" align="center" prop="yxbx" /> |
| | | </el-table> |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <div class="pag1" style="margin-left: 600px"> |
| | | <pagination |
| | | small |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | |
| | | /> |
| | | </div> |
| | | </div> |
| | | <h3>已选项目</h3> |
| | | </div> |
| | | |
| | | <div style="width: 100%; height: 610px"> |
| | | <!-- <h3 style="margin-top: -30px;">已选项目</h3> --> |
| | | <el-form |
| | | :model="form" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | |
| | | label-width="68px" |
| | | > |
| | | <el-form-item> |
| | | <!-- :inline="true" --> |
| | | <!-- <el-form-item> |
| | | <el-input |
| | | type="textarea" |
| | | v-model="form.desc" |
| | | style="width: 560px" |
| | | ></el-input> |
| | | </el-form-item> --> |
| | | <el-form-item label="检查所见" prop="jcsj"> |
| | | <el-input |
| | | v-model="form.jcsj" |
| | | clearable |
| | | type="textarea" |
| | | :autosize="{ minRows: 8}" |
| | | style="width: 380px" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="检查结论" prop="conclusion"> |
| | | <el-input |
| | | v-model="form.desc" |
| | | clearable |
| | | type="textarea" |
| | | :autosize="{ minRows: 8 }" |
| | | style="width: 380px" |
| | | /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <span slot="footer" class="dialog-footer"> |
| | | </div> |
| | | </div> |
| | | |
| | | <span slot="footer" class="dialog-footer" style="margin-top: -120px"> |
| | | <el-button @click="open = false">取 消</el-button> |
| | | <el-button type="primary" @click="handleOk">确 定</el-button> |
| | | </span> |
| | |
| | | |
| | | <script> |
| | | import { getlist, getlistByRuleStr } from "@/api/doctor/check"; |
| | | import { getYxJcXxJg } from "@/api/picture/picture"; |
| | | export default { |
| | | name: "Public", |
| | | |
| | | /* props: { |
| | | row: { |
| | | type: Object, |
| | | }, |
| | | }, */ |
| | | props: { |
| | | lastDesc: { |
| | | checkStatus: { |
| | | type: String, |
| | | default: "", |
| | | default: "0", |
| | | validator: value => ["0", "1"].includes(value) |
| | | }, |
| | | proResult: { |
| | | type: String, |
| | | default: '' |
| | | }, |
| | | conclusion: { |
| | | type: String, |
| | | default: '' |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | // 遮罩层 |
| | | loading: false, |
| | | form: { |
| | | // desc: "", |
| | | desc: this.lastDesc, |
| | | desc: "", |
| | | jcsj: "", |
| | | }, |
| | | queryParams: { |
| | | bingzhong: "", |
| | |
| | | list: [], |
| | | fList: {}, |
| | | selectedItems: [], |
| | | searchDebounce: null, |
| | | }; |
| | | }, |
| | | watch: { |
| | | row(val, newVla) { |
| | | // console.log(val,newVla) |
| | | // this.fList = val; |
| | | // if (this.fList) { |
| | | // this.getList() |
| | | // } |
| | | }, |
| | | lastDesc(newVal) { |
| | | this.form.desc = newVal; // 更新 form.desc |
| | | console.log(newVal, 666); |
| | | checkStatus(newValue) { |
| | | console.log( newValue,9988); |
| | | if (newValue === "1") { |
| | | this.updateData(this.proResult, this.conclusion); |
| | | } |
| | | }, |
| | | }, |
| | | mounted() {}, |
| | | |
| | | created() {}, |
| | | methods: { |
| | | getList(row, date) { |
| | | let data = { |
| | | // proId: fList.proId, |
| | | // ruleStr: fList.proResult, |
| | | }; |
| | | getlist(data).then((res) => { |
| | | async getList() { |
| | | try { |
| | | this.loading = true; // 添加加载状态 |
| | | const res = await getlist(this.queryParams); |
| | | this.dataList = res.rows; |
| | | this.$nextTick(() => { |
| | | /* this.dataList.forEach((item) => { |
| | | this.fList.rulesList.forEach((item1) => { |
| | | if (item.aid === item1.aid) { |
| | | this.$refs.multipleTable.toggleRowSelection(item, true); |
| | | this.total = res.total; |
| | | |
| | | // 如果需要选中操作,将其封装为独立方法 |
| | | await this.handleAutoSelection(); |
| | | } catch (error) { |
| | | console.error('获取数据失败:', error); |
| | | this.$message.error('获取数据失败'); |
| | | } finally { |
| | | this.loading = false; |
| | | } |
| | | }); |
| | | }); */ |
| | | }); |
| | | }, |
| | | |
| | | // 封装选中逻辑 |
| | | async handleAutoSelection() { |
| | | if (!this.fList?.rulesList?.length) return; |
| | | |
| | | await this.$nextTick(); |
| | | this.dataList.forEach(item => { |
| | | const shouldSelect = this.fList.rulesList.some(rule => rule.aid === item.aid); |
| | | if (shouldSelect) { |
| | | this.$refs.multipleTable?.toggleRowSelection(item, true); |
| | | } |
| | | }); |
| | | }, |
| | | /* getList(row, date) { |
| | | if (row.proId) { |
| | | let fList = row; |
| | | // if (this.fList.proResult == "") { |
| | | let data = { |
| | | // proId: fList.proId, |
| | | // ruleStr: fList.proResult, |
| | | }; |
| | | getlist(data).then((res) => { |
| | | this.dataList = res.rows; |
| | | |
| | | this.$nextTick(() => { |
| | | this.dataList.forEach((item) => { |
| | | this.fList.rulesList.forEach((item1) => { |
| | | if (item.aid == item1.aid) { |
| | | this.$refs.multipleTable.toggleRowSelection(item, true); |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | }); |
| | | // }else{ |
| | | // let data = { |
| | | // proId: this.fList.proId, |
| | | // bingzhong: this.queryParams.bingzhong, |
| | | // ruleStr: this.fList.proResult, |
| | | // } |
| | | // getlistByRuleStr(data).then(res => { |
| | | // this.dataList = res.rows |
| | | // this.$nextTick(() => { |
| | | // this.dataList.forEach(item => { |
| | | // this.fList.rulesList.forEach(item1 => { |
| | | // if (item.aid == item1.aid) { |
| | | // this.$refs.multipleTable.toggleRowSelection(item, true); |
| | | // } |
| | | // }) |
| | | // }) |
| | | // }) |
| | | |
| | | // }) |
| | | // } |
| | | } else { |
| | | let data = { |
| | | // proId: row, |
| | | }; |
| | | getlist(data).then((res) => { |
| | | this.dataList = res.rows; |
| | | console.log(res,888); |
| | | |
| | | // this.$nextTick(() => { |
| | | // this.dataList.forEach(item => { |
| | | // this.fList.rulesList.forEach(item1 => { |
| | | // if (item.aid == item1.aid) { |
| | | // this.$refs.multipleTable.toggleRowSelection(item, true); |
| | | // } |
| | | // }) |
| | | // }) |
| | | // }) |
| | | }); |
| | | } |
| | | }, */ |
| | | handleQuery() { |
| | | let data = { |
| | | proId: this.fList.proId, |
| | | bingzhong: this.queryParams.bingzhong, |
| | | bzPinyin: this.queryParams.bzPinyin, |
| | | }; |
| | | getlist(data).then((res) => { |
| | | this.dataList = res.rows; |
| | | this.$nextTick(() => { |
| | | this.dataList.forEach((item) => { |
| | | this.fList.rulesList.forEach((item1) => { |
| | | if (item.aid == item1.aid) { |
| | | this.$refs.multipleTable.toggleRowSelection(item, true); |
| | | } |
| | | }); |
| | | }); |
| | | }); |
| | | }); |
| | | if (this.searchDebounce) clearTimeout(this.searchDebounce); |
| | | |
| | | this.searchDebounce = setTimeout(() => { |
| | | this.queryParams.pageNum = 1; // 重置页码 |
| | | this.getList(); |
| | | }, 300); |
| | | }, |
| | | |
| | | updateData(proResult, conclusion) { |
| | | if (this.checkStatus === "1") { |
| | | this.form.jcsj = proResult; // 更新检查所见 |
| | | this.form.desc = conclusion; // 更新检查结论 |
| | | // console.log(proResult, conclusion); |
| | | } |
| | | }, |
| | | |
| | | handleSelectionChange(selection) { |
| | | console.log(selection[0].yxbx,123); |
| | | |
| | | this.list = []; |
| | | this.list = selection; |
| | | this.yxbx = selection[0].yxbx |
| | | |
| | | // this.form.desc = ""; |
| | | this.list.forEach((element) => { |
| | | if (element.bingzhong) { |
| | | this.form.desc += element.bingzhong + ","; |
| | | } else { |
| | | this.form.desc += element.ruleStr + ","; |
| | | } |
| | | }); |
| | | this.updateFormContent(selection); |
| | | }, |
| | | /* handleSelectionChange(selection) { |
| | | // 当前选中的项 |
| | | const newSelection = selection; |
| | | |
| | | updateFormContent(selection) { |
| | | if (!selection.length) return; |
| | | |
| | | // 1. 处理取消选中的项 |
| | | const removedItems = this.selectedItems.filter( |
| | | (item) => !newSelection.includes(item) |
| | | ); |
| | | |
| | | // 从 form.desc 中移除取消选中的数据 |
| | | removedItems.forEach((item) => { |
| | | const itemToRemove = item.bingzhong || item.ruleStr; |
| | | this.form.desc = this.form.desc.replace( |
| | | new RegExp(itemToRemove + ",?", "g"), // 使用正则确保移除所有重复项 |
| | | "" |
| | | ); |
| | | }); |
| | | |
| | | // 2. 更新已选中的数据列表 |
| | | this.selectedItems = newSelection; |
| | | |
| | | // 3. 添加新选中的项到 form.desc |
| | | newSelection.forEach((element) => { |
| | | const itemToAdd = element.bingzhong || element.ruleStr; |
| | | if (!this.form.desc.includes(itemToAdd)) { |
| | | this.form.desc += itemToAdd + ","; |
| | | // 如果处于检查状态,使用传入的值 |
| | | if (this.checkStatus === "1") { |
| | | this.updateData(this.proResult, this.conclusion); |
| | | return; |
| | | } |
| | | }); |
| | | }, */ |
| | | |
| | | // 重置表单内容 |
| | | this.form.desc = ''; |
| | | this.form.jcsj = ''; |
| | | |
| | | // 使用map和join替代forEach和字符串拼接 |
| | | this.form.desc = selection |
| | | .map(item => item.bingzhong || item.ruleStr) |
| | | .filter(Boolean) |
| | | .join(','); |
| | | |
| | | this.form.jcsj = selection |
| | | .map(item => item.yxbx) |
| | | .filter(Boolean) |
| | | .join(','); |
| | | }, |
| | | |
| | | handleOk() { |
| | | this.open = false; |
| | | if (this.form.desc) { |
| | | // this.$emit("add", this.form.desc, this.list); |
| | | this.$emit("add", this.form.desc,this.yxbx); |
| | | // this.lastDesc = this.form.desc; |
| | | if (!this.form.desc && !this.form.jcsj) { |
| | | this.$message.warning('请选择数据'); |
| | | return; |
| | | } |
| | | // this.form.desc = ""; |
| | | |
| | | try { |
| | | this.$emit("add", this.form.desc, this.form.jcsj); |
| | | this.resetForm(); |
| | | this.open = false; |
| | | } catch (error) { |
| | | console.error('处理数据失败:', error); |
| | | this.$message.error('操作失败'); |
| | | } |
| | | }, |
| | | |
| | | resetForm() { |
| | | this.form.desc = ''; |
| | | this.form.jcsj = ''; |
| | | this.list = []; |
| | | if (this.$refs.multipleTable) { |
| | | this.$refs.multipleTable.clearSelection(); |
| | | } |
| | | }, |
| | | }, |
| | | computed: { |
| | | isCheckMode() { |
| | | return this.checkStatus === "1"; |
| | | }, |
| | | |
| | | hasSelectedItems() { |
| | | return this.list.length > 0; |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped></style> |
| | | <style scoped> |
| | | .el-dialog__body{ |
| | | padding: 10px 20px; |
| | | } |
| | | ::v-deep .el-dialog__footer { |
| | | padding: 0 !important; |
| | | padding-bottom: 40px !important; |
| | | } |
| | | </style> |
| | | |