qx

qx

2025-05-23 2c56eb01de07a87d025b3301efd5fcbf1d18c1af

qx

 src/api/system/menu.js

@@ -77,4 +77,14 @@
    method: 'get',
    params: query
  })
}


// 查询菜单列表
export function chaxunjyjcwsxmjg(query) {
  return request({
    url: '/system/config/chaxunjyjcwsxmjg',
    method: 'get',
    params: query
  })
}

 src/views/system/manual/index.vue

@@ -1,74 +1,99 @@
<template>
    <div class="app-container">
      <div>
        <div>
        <h2>手动同步检验检查结果</h2>
  <div class="app-container">
    <el-radio-group v-model="tjStatus" @input="radioChange" style="margin-left: 20px">
      <el-radio-button label="0">同步检验结果</el-radio-button>
      <el-radio-button label="1">同步检查结果</el-radio-button>
      <el-radio-button label="2">添加采样数据</el-radio-button>
    </el-radio-group>
    <div class="cent">
      <div v-if="tjStatus == 0">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
          <el-form-item label="体检号" prop="tjh">
            <el-input v-model="queryParams.tjh" placeholder="请输入体检号" clearable />
          </el-form-item>
          <el-form-item label="体检类型" prop="tblx">
            <el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="请选择体检类型"
              clearable @change="idFn1">
              <el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
                disabled />
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" size="mini" @click="handleQuery">查询</el-button>
            <el-button type="primary" size="mini" @click="handleManual">手工同步</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>

        <el-row :gutter="20">
          <el-col :span="11" :xs="24">
            <el-table :data="groupingList" border height="484" v-loading="loading" @row-click="handleChange">
              <el-table-column :prop="item" :label="item" v-for="(item, index) in table" :key="index"
                :width="columnWidth(item)" align="center">
              </el-table-column>
            </el-table>
            <!-- <el-table border v-loading="loading" :data="groupingList" height="350" @selection-change="handleChange">
              <el-table-column type="selection" width="40px" align="center" />
              <el-table-column label="序号" align="center" prop="newID" width="50px" />
              <el-table-column label="分组名称" align="center" prop="groupingName" />
              <el-table-column label="性别" align="center" prop="sex">
                <template slot-scope="scope">
                  <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.sex" />
                </template>
</el-table-column>
<el-table-column label="套餐名称" align="center" prop="pacName" />
<el-table-column label="结算方式" align="center" prop="payType">
  <template slot-scope="scope">
                  <dict-tag :options="dict.type.reservation_pay_type" :value="scope.row.payType" />
                </template>
</el-table-column>
<el-table-column label="折扣" align="center" prop="limits" />
<el-table-column label="原价" align="center" prop="price" />
<el-table-column label="应收" align="center" prop="ysPrice" />
</el-table> -->
          </el-col>
          <el-col :span="11" :xs="24">
            <el-table :data="xxList" border height="484" v-loading="loading" @row-click="handleChange">
              <el-table-column :prop="item" :label="item" v-for="(item, index) in xxtable" :key="index"
                :width="columnWidths(item)" align="center">
              </el-table-column>
            </el-table>
          </el-col>
        </el-row>
      </div>
      <el-form
        :model="queryParams"
        ref="queryForm"
        size="small"
        :inline="true"
        label-width="68px"
      >
        <el-form-item label="体检号" prop="tjh">
          <el-input
            v-model="queryParams.tjh"
            placeholder="请输入体检号"
            clearable
          />
        </el-form-item>
        <el-form-item label="体检类型" prop="tblx">
        <el-select
          v-model="queryParams.tblx"
          :popper-append-to-body="false"
          filterable
          placeholder="请选择体检类型"
          clearable
          @change="idFn1"
        >
          <el-option
            v-for="item in CompanyList"
            :key="item.tblx"
            :label="item.tblx"
            :value="item.tblxId"
          />
        </el-select>
      </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-form-item>
      </el-form>

      <div v-if="tjStatus == 1">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
          <el-form-item label="体检号" prop="tjh">
            <el-input v-model="queryParams.tjh" placeholder="请输入体检号" clearable />
          </el-form-item>
          <el-form-item label="体检类型" prop="tblx">
            <el-select v-model="queryParams.tblx" :popper-append-to-body="false" filterable placeholder="请选择体检类型"
              clearable @change="idFn1">
              <el-option v-for="item in CompanyList" :key="item.tblx" :label="item.tblx" :value="item.tblxId"
                disabled />
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" size="mini" @click="handleQuery">查询</el-button>
            <el-button type="primary" size="mini" @click="handleManual">手工同步</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>
        <el-table :data="groupingList" border height="484" v-loading="loading">
          <el-table-column :prop="item" :label="item" v-for="(item, index) in table" :key="index"
            :width="columnWidth(item)" align="center">
          </el-table-column>
        </el-table>
      </div>


      <div>
        <div>
        <h2>手动添加采样数据</h2>
      </div>
      <el-form
        :model="forms"
        ref="queryForm"
        size="small"
        :inline="true"
        label-width="68px"
      >
        <el-form-item label="体检号" prop="tjNum">
          <el-input
            v-model="forms.tjNum"
            placeholder="请输入体检号"
            clearable
          />
        </el-form-item>
        <!-- <el-form-item label="体检类型" prop="tblx">
      <div v-if="tjStatus == 2">
        <el-form :model="forms" ref="queryForm" size="small" :inline="true" label-width="68px">
          <el-form-item label="体检号" prop="tjNum">
            <el-input v-model="forms.tjNum" placeholder="请输入体检号" clearable />
          </el-form-item>
          <!-- <el-form-item label="体检类型" prop="tblx">
        <el-select
          v-model="forms.tblx"
          :popper-append-to-body="false"
@@ -85,94 +110,191 @@
          />
        </el-select>
      </el-form-item> -->
        <el-form-item>
          <el-button
            type="primary"
            size="mini"
            @click="handleManuals"
            >手工同步</el-button
          >
          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
            >重置</el-button
          >
        </el-form-item>
      </el-form>
          <el-form-item>
            <el-button type="primary" size="mini" @click="handleManuals">手工同步</el-button>
            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
          </el-form-item>
        </el-form>
      </div>
      

    </div>
  </template>
  
  <script>
import { shoudongtbjyjcwsxmjg,addCaiYangDengJi} from "@/api/system/menu";
  export default {
  
    name: "Manual",
    dicts: [
      "dict_user_national",
   
    ],
    data() {
        return{
            queryParams: {
  </div>
</template>

<script>
import { shoudongtbjyjcwsxmjg, addCaiYangDengJi, chaxunjyjcwsxmjg } from "@/api/system/menu";
export default {
  name: "Manual",
  dicts: [
    "dict_user_national",
  ],
  data() {
    return {
      loading: false,
      tjStatus: 0,
      groupingList: [],
      xxList: [],
      table: [],
      xxtable: [],
      queryParams: {
        tjh: null,
        tblx: null,
        tblx: "",
      },
      forms: {
        tjNum: null,
        tblx: null,
      },
      CompanyList:[
      CompanyList: [
        {
            tblx:"检验",
            tblxId:"jy"
            
          tblx: "检验",
          tblxId: "jy"
        },
        {
            tblx:"检查",
            tblxId:"jc"
            
          tblx: "检查",
          tblxId: "jc"
        },
        {
            tblx:"检验和检查",
            tblxId:"jyjc"
            
          tblx: "检验和检查",
          tblxId: "jyjc"
        }
      ]
        }
    },
    created() {
    }
  },
  created() {
    //   this.handleManual();
    if(this.tjStatus == 0){
 this.queryParams.tblx = "jy"
    }
  },
  methods: {
    radioChange(value) {
      if (value == 0) {
        this.queryParams.tblx = "jy"
      } else if (value == 1) {
        this.queryParams.tblx = "jc"
      }
      this.resetQuery()
    },
    methods: {
        handleManual() {
            shoudongtbjyjcwsxmjg(this.queryParams).then(res => {
                this.$modal.msgSuccess("同步成功");
            })
        },
        handleManuals() {
          addCaiYangDengJi(this.forms).then(res => {
                this.$modal.msgSuccess("手动添加采样数据同步成功");
            })
        },
        resetQuery() {
            this.resetForm("queryForm");
},
    handleManual() {
      shoudongtbjyjcwsxmjg(this.queryParams).then(res => {
        this.$modal.msgSuccess("同步成功");
      })
    },
    handleManuals() {
      addCaiYangDengJi(this.forms).then(res => {
        this.$modal.msgSuccess("手动添加采样数据同步成功");
      })
    },
    resetQuery() {
      this.queryParams.tjh = null
      this.groupingList = [];
      this.table = [];
      this.xxList = [];
      this.xxtable = [];
    },

idFn1(value) {
    idFn1(value) {
      if (value) {
       console.log(value)
        console.log(value)
      }
    },
    


    handleQuery() {
      this.loading = true
      chaxunjyjcwsxmjg(this.queryParams).then(res => {
        this.groupingList = res.data
        this.loading = false
        var array = []
        for (var i = 0; i < this.groupingList.length; i++) {
          array = Object.keys(this.groupingList[i]);
          let reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/

          array.forEach((element, index) => {
            if (reg.test(element)) {
              this.table.push(element)
            }
          });

          this.table.sort(function (a, b) {
            const numA = parseInt(a.match(/\d+/)[0], 10);
            const numB = parseInt(b.match(/\d+/)[0], 10);
            return numA - numB;
          });
          return i + 1;
        }
      })
    },

    columnWidth(item) {
      const arr = this.groupingList.map((x) => x[item]);
      if (arr.length > 0) {
        arr.push(item);
        return this.getMaxLength(arr) + 20 + "px";
      }
      return 20 + "px";
    },

    columnWidths(item) {
      const arr = this.groupingList.map((x) => x[item]);
      if (arr.length > 0) {
        arr.push(item);
        return this.getMaxLength(arr) + 100 + "px";
      }
      return 100 + "px";
    },
    getMaxLength(arr) {
      return arr.reduce((acc, item) => {
        if (item) {
          const calcLen = this.getTextWidth(item);
          if (acc < calcLen) {
            acc = calcLen;
          }
        }
        return acc;
      }, 0);
    },
    getTextWidth(str) {
      let width = 0;
      const html = document.createElement("span");
      html.innerText = str;
      html.className = "getTextWidth";
      document.querySelector("body").appendChild(html);
      width = document.querySelector(".getTextWidth").offsetWidth;
      document.querySelector(".getTextWidth").remove();
      return width;
    },
    handleChange(rowData, columnName) {
      this.xxList = rowData.jybgd
      var array = []
      for (var i = 0; i < this.xxList.length; i++) {
        array = Object.keys(this.xxList[i]);
        let reg = /[\u4E00-\u9FA5\uF900-\uFA2D]/
        array.forEach((element, index) => {
          if (reg.test(element)) {
            this.xxtable.push(element)
          }
        });
        this.xxtable.sort(function (a, b) {
          const numA = parseInt(a.match(/\d+/)[0], 10);
          const numB = parseInt(b.match(/\d+/)[0], 10);
          return numA - numB;
        });
        return i + 1;
      }
    }
  };
  </script>
  <style scoped>
    .el-select-dropdown{
        position: absolute !important;
        top: 30px !important;
        left: 0px !important;
    }
 
  </style>
  

  }
};
</script>
<style scoped>
.cent {
  margin-top: 20px;
}

.el-select-dropdown {
  position: absolute !important;
  top: 30px !important;
  left: 0px !important;
}
</style>