qx
qx
2025-03-13 25c777002fb57397320b65b830cc805b29f7c23a
src/components/jianceResult/index.vue
@@ -1,21 +1,32 @@
<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 :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px" @submit.native.prevent="handleQuery">
        <el-form-item label="内容" prop="xmg">
          <el-input v-model="queryParams.xmgz" placeholder="请输入内容" clearable @keyup.enter.native="handleQuery"
            style="width: 130px;" />
          <el-input v-model="queryParams.xmgz" placeholder="请输入内容" clearable
            style="width: 130px;"  @keyup.enter.native="handleQuery"/>
        </el-form-item>
        <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">
      <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="reference" align="center" />
        <el-table-column label="简码" prop="jm" align="center" />
      </el-table>
      <span slot="footer" class="dialog-footer">
@@ -52,26 +63,24 @@
      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: ''
      }
    },
    handleOk() {
        this.open = false
        this.$emit('add', this.list);
      this.list = [];  // 清空已选列表
    },
    handleQuery() {
      this.getList();
    },
    handleSelectionChange(selection) {
      this.list = selection
    },
    getList() {
      this.loading = true;
      selectZT({
        proId: this.proId,
@@ -87,6 +96,43 @@
        }
      });
    },
    handleSelectionChange(selection) {
      this.list = selection
      console.log(this.list);
    },
    getList(row,date) {
      console.log(row)
     this.proId=row.proId
      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>