wwl
2024-12-06 84d7b5e9b0a31c1e18dc52b3d69b1cadf96938e7
src/views/system/tijian/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 :gutter="20">
      <el-col :span="17">
        <div class="grid-content bg-purple">
@@ -277,12 +368,25 @@
              />
            </el-form-item>
            <el-form-item label="工作单位" prop="company">
              <el-input
                :disabled="isDisabled"
                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="wenHua">
@@ -1014,7 +1118,6 @@
                v-for="(item, index) in tableData1"
                :key="'info1-' + index"
              >
                <el-collapse-item :name="index">
                  <template slot="title">
                    <div style="width: 70%">
@@ -1425,6 +1528,8 @@
  getHistryTjOrderProByCusIdCard,
  readCertCardInfos,
} from "@/api/system/tijian";
import { addComp } from "@/api/system/comp";
import { getCompany, queryCompany } from "@/api/team/tuanti";
import Packages from "@/components/Packages";
import { MessageBox } from "element-ui";
import VTreeTransfer from "./TreeTransfer.vue";
@@ -1452,6 +1557,7 @@
  },
  data() {
    return {
      open1: false,
      filterage: "",
      checkedkeys: [],
      DataLists: [],
@@ -1656,6 +1762,7 @@
      // 表单参数
      // 表单参数
      obj: {},
      CompanyList: [],
      form: {
        cusIdcard: "",
        tjType: "3",
@@ -1665,6 +1772,8 @@
        idType: "1",
        ageUnit: "0",
      },
      form1: {},
      title: "",
      // 表单校验
      rules: {
        cusName: [{ required: true, message: "", trigger: "blur" }],
@@ -1678,6 +1787,20 @@
        // ],
        cusIdcard: [{ required: true, message: "", trigger: "change" }],
      },
      rules1: {
        cnName: [{ required: true, trigger: "blur" }],
        contactPerson: [{ required: true, trigger: "blur" }],
        contactPhone: [
          {
            required: true,
            trigger: "blur",
          },
          {
            pattern: /^1[3-9]\d{9}$/,
            trigger: "blur",
          },
        ],
      },
    };
  },
  watch: {
@@ -1689,19 +1812,81 @@
    },
  },
  created() {
    this.getCompanyList();
    this.getCurrentDateTime();
    this.startTimer();
    this.getList1();
    // this.getData();
  },
  mounted() {
    console.log(this.dict.type.dict_user_marry, 555);
    console.log(this.dict.type.dict_user_national, 666);
  },
  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) {
      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;
          });
        });
      }
    },
    getCurrentDateTime() {
      const currentDate = new Date();
@@ -2295,7 +2480,7 @@
      } else {
        let configKey = "getInfoFromSqlData";
        getconfigKey(configKey).then((res) => {
          console.log(res);
          if (res.code == 200) {
            if (res.msg == "N") {
              var websocket = null;
@@ -2305,7 +2490,7 @@
              } else if ("MozWebSocket" in window) {
                websocket = new MozWebSocket(url);
              } else {
                // console.log("SockJS");
              }
              if (websocket == null) {
@@ -2337,14 +2522,14 @@
              };
              //接收到消息的回调方法
              websocket.onmessage = (event)=> {
                console.log(event, "event");
              websocket.onmessage = (event) => {
                var resultObj = eval("(" + event.data + ")");
                //resultFlag为0代表读卡成功
                console.log(resultObj);
                // TODO 以下代码可能是泾川使用的
                // this.jingChuanHandlerWebSocketResult(resultObj)
                this.readCardWebSocket(resultObj)
                this.readCardWebSocket(resultObj);
              };
              //连接关闭的回调方法
@@ -2360,14 +2545,14 @@
              _this.cardreaderradio = 3;
              _this.inputSSS = "";
              // let url = window.location.protocol + "//" + window.location.host;
              // console.log(url);
              // axios
              //   .get("http://localhost:81/dev-api/readCertCardInfos")
              //   .then((res) => {
              //     console.log(res);
              //   })
              //   .catch((err) => {
              //     console.log(err);
              //   });
              // readCertCardInfos().then((res) => {
@@ -2391,35 +2576,31 @@
      }
    },
    // 最新使用webSocket通信
    readCardWebSocket(resultObj){
    readCardWebSocket(resultObj) {
      let _this = this;
      if (resultObj.code === 200 && resultObj.data.name != null) {
        console.log('213131');
          //回显相关数据
          _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('请放置身份证后再点击读取')
        }/* if (resultObj.resultFlag == "-1") {
        //回显相关数据
        _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("请放置身份证后再点击读取");
      } /* if (resultObj.resultFlag == "-1") {
          if (resultObj.errorMsg == "端口打开失败") {
            //alert("读卡器未连接");
          } else {
@@ -2497,7 +2678,7 @@
        } else if ("MozWebSocket" in window) {
          websocket = new MozWebSocket(url);
        } else {
          // console.log("SockJS");
        }
        if (websocket == null) {
          alert("11111");
@@ -2602,7 +2783,7 @@
        } else if ("MozWebSocket" in window) {
          websocket = new MozWebSocket(url);
        } else {
          // console.log("SockJS");
        }
        if (websocket == null) {
          alert("11111");
@@ -2900,7 +3081,6 @@
        this.tableData.forEach((item) => {
          this.tableData1.forEach((item1) => {
            item.tjProjectList.forEach((item2) => {
              console.log(item1);
              if (item2.proId == item1.proPrantId && item1.pacName == "单项") {
                this.$confirm(
                  "该套餐包含了已选单项,是否确认选择该套餐?",
@@ -2987,9 +3167,7 @@
      }
    },
    // gaibian(val){
    //   console.log(val);
    //   let pname = val;
    //   console.log(pname);
    //   getProParentIdDxList(pname).then(response=>{
    //     this.Treedata = response.data.list;
    //   })
@@ -2998,7 +3176,7 @@
      this.loading = true;
      getProParentIdDxList().then((response) => {
        this.Treedata = response.data.list;
        console.log(response, 77788);
        if (this.tableData[0]) {
          this.tableData[0].tjProjectList.forEach((selectionitem) => {
@@ -3022,7 +3200,7 @@
        };
        getlistByZhId(datas).then((res) => {
          this.packagedataList = res.data.tjProjectList;
          console.log(this.packagedataList, 1122);
          this.DataLists = [];
          this.checkedListkey1 = [];
          for (var i = 0; i < this.packagedataList.length; i++) {
@@ -3031,13 +3209,13 @@
            // this.DataLists.push(this.packagedataList[i]);
            getProSonDxList(proId).then((res) => {
              this.TreedataList = res.data.list;
              console.log(this.TreedataList, 888);
              this.TreedataList.forEach((item) => {
                // this.checkedListkey1.push(item.proId);
                this.DataLists.push(item);
                // console.log(this.DataLists,556644);
                if (this.DataLists.length >= 1) {
                  this.marryalls = 0;
                  this.DataLists.forEach((item1) => {
@@ -3058,9 +3236,6 @@
        this.DataLists = [];
        this.marryalls = 0; // 清零总价
        this.checkedListkey1 = [];
        // 你可以在此处根据需要进行其他操作,如更新 UI
        console.log("取消选中,数据已清空,总价已重置");
      }
    },
    objectspanmethod({ row, column, rowIndex, columnIndex }) {
@@ -3291,6 +3466,7 @@
      };
      getaddtTransition(data).then((response) => {
        if (response.code == 200) {
          let cusId = this.form.cusIdcard;
          this.proIds = [];
          getTransitionList(cusId).then((response) => {
@@ -3320,13 +3496,14 @@
              this.list1 = false;
              this.list3 = true;
              this.list2 = false;
              console.log(this.list1)
              console.log(this.list3)
            } else {
              this.list1 = true;
              this.TotalPrice = "0.00";
            }
          });
        } else {
          console.log(失败了);
        }
      });
      this.taocan = false;
@@ -3807,7 +3984,12 @@
  width: 300px;
  height: 300px;
}
.dialog-footer2 {
  width: 960px;
  height: 36px;
  display: flex;
  justify-content: center;
}
.el-input--suffix .el-input__inner {
  padding-right: 15px;
}