报错提示

wwl

2024-12-06 84d7b5e9b0a31c1e18dc52b3d69b1cadf96938e7

 src/views/system/tijianall/index.vue

@@ -1,5 +1,96 @@
<template>
  <div class="app-container">
    <el-dialog
      :title="title"
      :visible.sync="open1"
      width="1000px"
      append-to-body
    >
      <el-form
        ref="form1"
        :model="form1"
        :rules="rules1"
        label-width="100px"
        :inline="true"
      >
        <el-form-item label="单位名称" prop="cnName">
          <el-input v-model="form1.cnName" placeholder="请输入中文名称" />
        </el-form-item>
        <el-form-item label="联系人" prop="contactPerson">
          <el-input v-model="form1.contactPerson" placeholder="请输入联系人" />
        </el-form-item>
        <el-form-item label="联系电话" prop="contactPhone">
          <el-input v-model="form1.contactPhone" placeholder="请输入联系电话" />
        </el-form-item>
        <el-form-item label="税号" prop="taxNumber">
          <el-input v-model="form1.taxNumber" placeholder="请输入税号" />
        </el-form-item>
        <el-form-item label="法人" prop="legalPerson">
          <el-input v-model="form1.legalPerson" placeholder="请输入法人" />
        </el-form-item>
        <el-form-item label="注册地址" prop="registerAddress">
          <el-input
            v-model="form1.registerAddress"
            placeholder="请输入注册地址"
          />
        </el-form-item>
        <el-form-item label="通讯地址" prop="mailingAddress">
          <el-input
            v-model="form1.mailingAddress"
            placeholder="请输入通讯地址"
          />
        </el-form-item>
        <el-form-item label="开户银行" prop="bankAccount">
          <el-input v-model="form1.bankAccount" placeholder="请输入开户银行" />
        </el-form-item>
        <el-form-item label="银行账户" prop="countNum">
          <el-input v-model="form1.countNum" placeholder="请输入银行账户" />
        </el-form-item>
        <el-form-item label="邮箱" prop="email">
          <el-input v-model="form1.email" placeholder="请输入邮箱" />
        </el-form-item>
        <el-form-item label="负责人" prop="principal">
          <el-input v-model="form1.principal" placeholder="请输入负责人" />
        </el-form-item>
        <el-form-item label="网址" prop="url">
          <el-input v-model="form1.url" placeholder="请输入网址" />
        </el-form-item>
        <el-form-item label="传真" prop="faxNumber">
          <el-input v-model="form1.faxNumber" placeholder="请输入传真" />
        </el-form-item>
        <el-form-item label="行政区划名称" prop="areaName">
          <el-input v-model="form1.areaName" placeholder="请输入行政区划名称" />
        </el-form-item>
        <el-form-item label="排序" prop="orderNum">
          <el-input v-model="form1.orderNum" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="有效时间" prop="validTime">
          <el-date-picker
            clearable
            v-model="form1.validTime"
            type="date"
            value-format="yyyy-MM-dd"
            placeholder="请选择有效时间"
          >
          </el-date-picker> </el-form-item
        ><br />
        <el-form-item label="备注" prop="remark">
          <el-input
            v-model="form1.remark"
            type="textarea"
            placeholder="请输入内容"
            :rows="2"
            label-width="400px"
            style="width: 830px"
            resize="none"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer2">
        <el-button type="primary" @click="submitFormS">确 定</el-button>
        <el-button @click="cancel1">取 消</el-button>
      </div>
    </el-dialog>
    <el-row>
      <el-col :span="18">
        <div>
@@ -202,7 +293,6 @@
            </el-form-item>
            <el-form-item label="职业" prop="career">
              <el-select
                filterable
                :disabled="isDisabled"
                v-model="form.career"
                placeholder="请输入职业"
@@ -227,7 +317,7 @@
                  v-for="dict in dict.type.dict_team"
                  :key="dict.value"
                  :label="dict.label"
                  :value="parseInt(dict.value)"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item>
@@ -240,8 +330,25 @@
            :rules="rules"
            label-width="106px"
          >
            <el-form-item label="单位" prop="company">
              <el-input v-model="form.company" placeholder="请输入工作单位" />
          <el-form-item label="单位名称" prop="dictCompId">
              <el-select
                :remote-method="getRemoteData"
                v-model="form.compName"
                remote
                filterable
                style="width: 300px"
                placeholder="请选择单位名称"
                clearable
                @change="idFn1"
              >
                <el-option
                  v-for="dict in CompanyList"
                  :key="dict.cnName"
                  :label="dict.cnName"
                  :value="dict.drugManufacturerId"
                />
              </el-select>
              <i class="el-icon-circle-plus-outline" @click="handleAdd1"></i>
            </el-form-item>
            <el-form-item label="体检类别" prop="category">
              <el-select
@@ -308,6 +415,7 @@
      :visible.sync="taocan"
      width="80%"
      height="700px"
      :close-on-click-modal="false"
    >
      <el-tabs
        type="border-card"
@@ -649,9 +757,7 @@
                      </el-collapse-item>
                    </div>
                  </el-collapse> -->
                  <h3  style="font-weight: 600">
                    合计：{{ marryall }}元
                  </h3>
                  <h3 style="font-weight: 600">合计：{{ marryall }}元</h3>
                </div>
              </el-col>
            </el-row>
@@ -977,6 +1083,7 @@
</template>
  
<script>

import printJS from "print-js";
import { getInfo } from "@/api/login";
import Packages from "@/components/Packages";
@@ -990,16 +1097,22 @@
  getTransitionList,
  getProParentIdDxList,
  getProSonDxList,
  getaddTj,getconfigKey,
  getaddTj,
  getconfigKey,
  getHistryTjOrderProByCusIdCard,
  delTbBycusCardIdAndProId,
} from "@/api/system/tijian";
import VTreeTransfer from "../tijian/TreeTransfer.vue";
import historyTj from "@/components/historyTj/index";
import {
  getCompany,
  queryCompany,
} from "@/api/team/tuanti";
export default {
  components: {
    VTreeTransfer,
    historyTj,Packages
    historyTj,
    Packages,
  },
  dicts: [
    "dict_user_national",
@@ -1051,6 +1164,27 @@
    //   }
    // };
    return {
      rules1: {
      cnName: [
        { required: true,  trigger: 'blur' },
      ],
      contactPerson: [
        { required: true, trigger: 'blur' },
      ],
      contactPhone: [
        { 
          required: true, 
          trigger: 'blur' 
        },
        { 
          pattern: /^1[3-9]\d{9}$/, 
          trigger: 'blur'
        }
      ],
    },
      title: '',
      open1: false,
      CompanyList: [],
      marryall: 0,
      marryalls: 0,
      filterText: "",
@@ -1059,11 +1193,12 @@
      tableDatas: [],
      packageList: [],
      checkedkeys: [],
      valueUrl: "ws://127.0.0.1:18890",
      // valueUrl: "ws://127.0.0.1:18890",
      valueUrl: "ws://127.0.0.1:6789/websocket",
      valueUrls: "ws://127.0.0.1:6789/websocket",
      dialogVisiblese: false,
      cardreader: false,
      cardreaderradio:3,
      cardreaderradio: 3,
      inputSSS: "",
      lishi: false,
      table: false,
@@ -1209,14 +1344,22 @@

      // 表单参数
      // 表单参数
      form1: {
        company: "",
        payType: "",
        name: "",
        phoe: "",
        signingPic: "",
        discount: "",
      },
      form: {
        cusIdcard: "",
        tjType: 2,
        tjType: "3",
        category: "01",
        cusSex: 1,
        cusNational: "1",
        timeRegion: "1",
        cusMarryStatus: "1",
        cusMarryStatus: "5",
        idType: "1",
        ageUnit: "0",
      },
@@ -1275,9 +1418,75 @@
    },
  },
  created() {
    this.getCompanyList();

    this.getList1();
    console.log(this.dict.type.dict_team, 999);
  },
  methods: {
    getCompanyList() {
      this.loading = true;
      getconfigKey("team_reservation_default_day").then((res) => {
        this.queryParams.yxts = res.msg;
      });
      getCompany(this.queryParam).then((response) => {
        this.CompanyList = response.data;
        this.total = response.total;
        this.loading = false;
      });
    },
    cancel1() {
      this.open1 = false;
      this.reset1();
    },
    submitFormS() {
      this.$refs["form1"].validate((valid) => {
        if (valid) {
          addComp(this.form1).then((response) => {
            this.$modal.msgSuccess("新增成功");
            this.open1 = false;
            this.getCompanyList();
          });
        }
      });
    },
    reset1() {
      this.form1 = {
        company: "",
        payType: "",
        name: "",
        phoe: "",
        signingPic: "",
        discount: "",
      };
    },
    handleAdd1() {
      this.reset1();
      this.open1 = true;
      this.title = "添加体检单位信息维护";
    },
    idFn1(value) {
      console.log(value);
      if (value) {
        this.form.dictCompId = value;
        this.CompanyList.forEach((item) => {
          if (item.drugManufacturerId == this.form.dictCompId) {
            this.form.compName = item.cnName;
          }
        });
      }
    },
    getRemoteData(query) {
      if (query) {
        let compName = query;
        queryCompany(compName).then((response) => {
          this.CompanyList = response.data;
          this.CompanyList.forEach((item) => {
            this.objs = item;
          });
        });
      }
    },
    inputChange() {
      const reg =
        /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
@@ -1651,72 +1860,28 @@
                this.websocket = websocket;
                // 连接设备
                var jsonObj = {
                  name: "connect",
                  type: "1",
                };
                var jStr = JSON.stringify(jsonObj);
                this.websocket.send(jStr);
                alert("请放身份证再点确认");
                // alert("请放身份证再点确认");
                var jsonObj = {
                  name: "readCert",
                  // name: "readCert",
                };
                var jStr = JSON.stringify(jsonObj);
                this.websocket.send(jStr);
                // var jStr = JSON.stringify(jsonObj);
                // this.websocket.send(jStr);
                this.dialogVisible = false;
              };

              //接收到消息的回调方法
              websocket.onmessage = function (event) {
              websocket.onmessage = (event) => {
                var resultObj = eval("(" + event.data + ")");
                //resultFlag为0代表读卡成功
                if (
                  resultObj.name == "readCard" ||
                  resultObj.name == "readCert" ||
                  resultObj.name == "PushWithImg" ||
                  resultObj.name == "PushWithOutImg"
                ) {
                  if (resultObj.resultFlag == "0") {
                    //回显相关数据
                    _this.form.cusName = resultObj.resultContent.partyName;
                    _this.form.cusSex =
                      resultObj.resultContent.gender == "0" ? "女" : "男";
                    _this.form.cusNational = resultObj.resultContent.nation;
                    _this.form.cusBrithday = resultObj.resultContent.bornDay;
                    if (_this.form.cusBrithday) {
                      _this.form.cusBrithday = _this.form.cusBrithday.replace(
                        /^(\d{4})(\d{2})(\d{2})$/,
                        "$1-$2-$3"
                      );
                    }
                    _this.form.cusAddr = resultObj.resultContent.certAddress;
                    _this.form.cusIdcard = resultObj.resultContent.certNumber;
                    _this.imageUrl =
                      "data:image/jpeg;base64," +
                      resultObj.resultContent.identityPic;
                    if (
                      resultObj.name == "readCert" ||
                      resultObj.name == "PushWithImg"
                    ) {
                      this.imageUrl =
                        "data:image/jpeg;base64," +
                        resultObj.resultContent.identityPrintPic;
                    }
                  } else if (resultObj.resultFlag == "-1") {
                    if (resultObj.errorMsg == "端口打开失败") {
                      //alert("读卡器未连接");
                    } else {
                      //alert(resultObj.errorMsg);
                    }
                  } else if (resultObj.resultFlag == "-2") {
                    //alert(resultObj.errorMsg);
                  }
                } else if (resultObj.name == "getStatus") {
                  if (resultObj.resultFlag == "0") {
                    if (resultObj.status == "0") {
                    } else {
                      alert("设备连接已断开，请检查读卡器连接");
                    }
                  }
                }

                // TODO 以下代码可能是泾川使用的
                console.log(resultObj);
                // this.jingChuanHandlerWebSocketResult(resultObj)
                this.readCardWebSocket(resultObj);
              };

              //连接关闭的回调方法
@@ -1762,7 +1927,89 @@
        });
      }
    },

    // 最新使用webSocket通信
    readCardWebSocket(resultObj) {
      let _this = this;
      if (resultObj.code === 200 && resultObj.data.name != null) {
        //回显相关数据
        _this.form.cusName = resultObj.data.name;
        _this.form.cusSex = resultObj.data.sex == "0" ? "女" : "男";
        _this.form.cusNational = resultObj.data.mz;
        _this.form.cusBrithday = resultObj.data.csrq;
        if (_this.form.cusBrithday) {
          _this.form.cusBrithday = _this.form.cusBrithday.replace(
            /^(\d{4})(\d{2})(\d{2})$/,
            "$1-$2-$3"
          );
        }
        _this.form.cusAddr = resultObj.data.addres;
        _this.form.cusIdcard = resultObj.data.card;
        _this.imageUrl = "data:image/jpeg;base64," + resultObj.data.img;
        if (resultObj.name == "readCert" || resultObj.name == "PushWithImg") {
          this.imageUrl = "data:image/jpeg;base64," + resultObj.data.img;
        }
      } else {
        this.$message.warning("请放置身份证后再点击读取");
      }
      /* else if (resultObj.resultFlag == "-1") {
          if (resultObj.errorMsg == "端口打开失败") {
            //alert("读卡器未连接");
          } else {
            //alert(resultObj.errorMsg);
          }
        } else if (resultObj.resultFlag == "-2") {
          //alert(resultObj.errorMsg);
        } */
    },
    // TODO 以下代码可能是泾川使用的
    jingChuanHandlerWebSocketResult(resultObj) {
      let _this = this;
      if (
        resultObj.name == "readCard" ||
        resultObj.name == "readCert" ||
        resultObj.name == "PushWithImg" ||
        resultObj.name == "PushWithOutImg"
      ) {
        if (resultObj.resultFlag == "0") {
          //回显相关数据
          _this.form.cusName = resultObj.resultContent.partyName;
          _this.form.cusSex =
            resultObj.resultContent.gender == "0" ? "女" : "男";
          _this.form.cusNational = resultObj.resultContent.nation;
          _this.form.cusBrithday = resultObj.resultContent.bornDay;
          if (_this.form.cusBrithday) {
            _this.form.cusBrithday = _this.form.cusBrithday.replace(
              /^(\d{4})(\d{2})(\d{2})$/,
              "$1-$2-$3"
            );
          }
          _this.form.cusAddr = resultObj.resultContent.certAddress;
          _this.form.cusIdcard = resultObj.resultContent.certNumber;
          _this.imageUrl =
            "data:image/jpeg;base64," + resultObj.resultContent.identityPic;
          if (resultObj.name == "readCert" || resultObj.name == "PushWithImg") {
            this.imageUrl =
              "data:image/jpeg;base64," +
              resultObj.resultContent.identityPrintPic;
          }
        } else if (resultObj.resultFlag == "-1") {
          if (resultObj.errorMsg == "端口打开失败") {
            //alert("读卡器未连接");
          } else {
            //alert(resultObj.errorMsg);
          }
        } else if (resultObj.resultFlag == "-2") {
          //alert(resultObj.errorMsg);
        }
      } else if (resultObj.name == "getStatus") {
        if (resultObj.resultFlag == "0") {
          if (resultObj.status == "0") {
          } else {
            alert("设备连接已断开，请检查读卡器连接");
          }
        }
      }
    },
    handleChanges(param1) {
      if (this.form.pacCode == "不详") {
        this.form.cusIdcard = param1[0].xh;
@@ -1773,7 +2020,6 @@
      // this.form.cusName = param1[0].pacName;
      // this.form.cusPhone = param1[0].pacRemark;
    },


    changeradio() {
      if (this.cardreaderradio != 3) {
@@ -1803,8 +2049,8 @@
          try {
            // 连接设备
            var jsonObjs = {
              type: 1,
              data: {},
              type: "1",
              // data: {},
            };
            var jStrs = JSON.stringify(jsonObjs);
            websocket.send(jStrs);
@@ -1868,7 +2114,7 @@
            }
          }
          _this.form.cusAddr = resultObj.data.addres;
         

          _this.cardreader = false;
        };

@@ -1941,13 +2187,13 @@
        websocket.onmessage = function (event) {
          var resultObj = JSON.parse(event.data);
          _this.form.cusName = resultObj.data.name;
       
          if( resultObj.data.nation == "汉族"){
            _this.form.cusNational ="1";

          if (resultObj.data.nation == "汉族") {
            _this.form.cusNational = "1";
          }
          if(resultObj.data.gender == "男"){
          if (resultObj.data.gender == "男") {
            _this.form.cusSex = 0;
          }else{
          } else {
            _this.form.cusSex = 1;
          }
          _this.form.cusBrithday = resultObj.data.birthday;
@@ -1993,7 +2239,6 @@
        };
      }
    },


    // checkSelectable(row, index) {
    //   if (!row) {
@@ -2809,6 +3054,12 @@
  display: flex;
  flex-direction: column;
}
.dialog-footer2 {
  width: 960px;
  height: 36px;
  display: flex;
  justify-content: center;
}
</style>