<template>
|
<div>
|
<el-dialog :title="title" :visible.sync="open" width="1200px" append-to-body @close="quxiao">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
|
<el-form-item label="内容" prop="xmg">
|
<el-input v-model="queryParams.xmgz" placeholder="请输入内容" clearable @keyup.enter.native="handleQuery"
|
style="width: 130px;" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
</el-form-item>
|
<el-form-item label="检测结果" prop="xmg">
|
<el-input
|
type="textarea"
|
:autosize="{ minRows: 2, maxRows: 4 }"
|
v-model="selectedContent"
|
placeholder=""
|
style="width: 400px;"
|
clearable
|
/>
|
</el-form-item>
|
</el-form>
|
<el-table :data="dataList" ref="elTable" v-loading="loading" border @selection-change="handleSelectionChange" style="max-height: 360px; overflow-y: auto;">
|
<el-table-column type="selection" width="40" align="center" />
|
<el-table-column label="标号" prop="aid" align="center" />
|
<el-table-column label="结论值" prop="ruleStr" align="center" />
|
<el-table-column label="参考范围" prop="reference" align="center" />
|
<el-table-column label="简码" prop="jm" align="center" />
|
</el-table>
|
<span slot="footer" class="dialog-footer">
|
<el-button @click="quxiao">取 消</el-button>
|
<el-button type="primary" @click="handleOk">确 定</el-button>
|
</span>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import { selectZT } from "@/api/system/package";
|
export default {
|
name: "Packages",
|
props: {
|
baogao: {
|
type: Array,
|
},
|
},
|
data() {
|
return {
|
open: false,
|
proId: '',
|
// 弹出层标题
|
title: "",
|
dataList: [],
|
// 遮罩层
|
loading: false,
|
form: {
|
desc: "",
|
},
|
list: [],
|
fList: {},
|
queryParams: { xmgz: '' }
|
};
|
},
|
mounted() {
|
},
|
methods: {
|
handleOk() {
|
this.open = false
|
this.$emit('add', this.list);
|
this.list = []; // 清空已选列表
|
this.queryParams.xmgz = ''; // 清空查询参数
|
},
|
quxiao(){
|
this.open = false
|
this.queryParams = {
|
xmgz: ''
|
}
|
this.list = []; // 清空已选列表
|
},
|
handleQuery() {
|
this.getList();
|
},
|
handleSelectionChange(selection) {
|
this.list = selection
|
console.log(this.list);
|
|
},
|
getList() {
|
this.loading = true;
|
selectZT({
|
proId: this.proId,
|
xmgz: this.queryParams.xmgz
|
}).then((res) => {
|
if (res.data.length > 0) {
|
this.open = true
|
this.dataList = res.data;
|
this.loading = false;
|
} else {
|
this.dataList = res.data;
|
this.loading = false;
|
}
|
});
|
},
|
},
|
computed: {
|
selectedContent: {
|
get() {
|
return this.list.map(item => item.ruleStr).join(',');
|
},
|
set(value) {
|
// 手动编辑时同步回list（需要根据实际数据结构调整）
|
this.list = value.split(',').map(str => ({
|
...this.dataList.find(item => item.ruleStr === str.trim()),
|
ruleStr: str.trim()
|
})).filter(Boolean);
|
}
|
}
|
},
|
};
|
</script>
|
|
<style scoped></style>
|
