1

wwl

2025-02-13 c699c544034a0e57e9881fc99930eddfa75c9f8c

 src/views/system/tijian/index.vue

@@ -303,14 +303,9 @@
          </div>
        </el-tab-pane>
        <el-tab-pane label="组合" name="third">
          <!-- <div class="tab3"> -->
          <el-row :gutter="20" style="width: 100%">
            <el-col :span="6">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
            <el-col :span="6" style="min-width: 200px">
              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;">
                项目列表
              </div>
              <el-input placeholder="输入关键字进行过滤" v-model="filterage">
@@ -322,12 +317,8 @@
                </el-tree>
              </div>
            </el-col>
            <el-col :span="6">
              <div style="
                  text-align: center;
                  margin-bottom: 10px;
                  margin-top: 10px;
                ">
            <el-col :span="6" style="min-width: 200px">
              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;">
                明细项目列表
              </div>
              <div class="tab3">
@@ -345,6 +336,7 @@
                    margin-top: 10px;
                  ">
                  已选项目列表
                  
                </div>
                <el-table :data="DataLists" border style="width: 100%" height="400" :span-method="objectspanmethod">
                  <el-table-column prop="propinName" label="检查项目">
@@ -370,74 +362,60 @@
              </div>
            </el-col>
          </el-row>
          <!-- </div> -->
        </el-tab-pane>
        <el-tab-pane label="单项" name="second">
          <div class="tab8">
            <el-row :gutter="24">
              <el-col :span="8">
                <div style="
                    text-align: center;
                  ">
                  项目列表
          <el-row :gutter="20" style="width: 100%">
            <el-col :span="6" style="min-width: 200px">
              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;">
                项目列表
              </div>
              <el-input placeholder="输入关键字进行过滤" v-model="filterText" style="margin-bottom: 10px;">
              </el-input>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
                  node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
                  :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="6" style="min-width: 200px">
              <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;">
                明细项目列表
              </div>
              <div class="tab3">
                <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
                  :props="defaultProps" :filter-node-method="filterNode" show-checkbox
                  @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
                  :render-content="renderContent">
                </el-tree>
              </div>
            </el-col>
            <el-col :span="11">
              <div class="grid-content bg-purple">
                <div style="text-align: center; margin-bottom: 10px; margin-top: 10px;">
                  已选项目列表
                </div>
                <!-- @input="gaibian" -->
                <el-input placeholder="输入关键字进行过滤" v-model="filterText">
                </el-input>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="Treedata" :props="defaultProps" show-checkbox
                    node-key="proId" @check="handleCurrentChecked" :default-checked-keys="checkedkey"
                    :filter-node-method="filterNode" ref="tree" :render-content="renderContent">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="8">
                <div style="
                    text-align: center;
                    margin-bottom: 10px;
                    margin-top: 10px;
                  ">
                  明细项目列表
                </div>
                <div class="tab3">
                  <el-tree class="filter-tree" v-loading="loading" :data="TreedataList" node-key="proId"
                    :props="defaultProps" :filter-node-method="filterNode" show-checkbox
                    @check-change="handleCurrentChecked1" :default-checked-keys="checkedListkey"
                    :render-content="renderContent">
                  </el-tree>
                </div>
              </el-col>
              <el-col :span="8">
                <div class="grid-content bg-purple">
                  <div style="
                      text-align: center;
                      margin-bottom: 10px;
                      margin-top: 10px;
                    ">
                    已选项目列表
                  </div>
                  <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod">
                    <el-table-column prop="propinName" label="检查项目">
                    </el-table-column>
                    <el-table-column prop="sl" label="数量" width="56px">
                    </el-table-column>
                    <el-table-column prop="proPrice" label="原价" width="56px"></el-table-column>
                    <el-table-column prop="proName" label="明细项目" width="260px">
                    </el-table-column>

                    <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                      width="50px">
                      <template slot-scope="scope">
                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                          title="删除"></el-button>
                      </template>
                    </el-table-column>
                  </el-table>
                  <h3 style="font-weight: 600">合计：{{ marryall }}元</h3>
                </div>
              </el-col>
            </el-row>
          </div>
                <el-table :data="DataList" border style="width: 100%" height="400" :span-method="objectSpanMethod">
                  <el-table-column prop="propinName" label="检查项目">
                  </el-table-column>
                  <el-table-column prop="proName" label="明细项目" width="260px">
                  </el-table-column>
                  <el-table-column prop="sl" label="数量" width="56px">
                  </el-table-column>
                  <el-table-column prop="proPrice" label="原价" width="56px">
                  </el-table-column>
                  <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width"
                    width="50px">
                    <template slot-scope="scope">
                      <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
                        title="删除"></el-button>
                    </template>
                  </el-table-column>
                </el-table>
                <h3 style="font-weight: 600">合计：{{ marryall }}元</h3>
              </div>
            </el-col>
          </el-row>
        </el-tab-pane>
      </el-tabs>
      <span slot="footer" class="dialog-footer">
@@ -1092,10 +1070,10 @@
    // this.getData();
  },
  mounted() {
  this.TreedataList = [];
  this.DataList = [];
  this.marryall = 0;
},
    this.TreedataList = [];
    this.DataList = [];
    this.marryall = 0;
  },
  methods: {
    debounceNumberChange(currentValue, oldValue) {
      clearTimeout(this.debounceTimer);
@@ -1842,6 +1820,7 @@
        let configKey = "getInfoFromSqlData";
        getconfigKey(configKey).then((res) => {
          if (res.code == 200) {
            console.log(res.msg, 'res.msg');
            if (res.msg == "N") {
              var websocket = null;
              var url = this.valueUrl;
@@ -1881,10 +1860,11 @@

              //接收到消息的回调方法
              websocket.onmessage = (event) => {
                var resultObj = eval("(" + event.data + ")");
                var resultObj = eval("(" + event.data + ")");  // 注意：eval存在安全隐患，建议用JSON.parse
                this.readCardWebSocket(resultObj);
                websocket.close();
              };
              websocket.onclose = function () {
              websocket.onclose = () => {
                alert("读卡器连接关闭");
              };
            } else if (res.msg == "Y") {
@@ -1905,8 +1885,8 @@
    // 最新使用webSocket通信
    readCardWebSocket(resultObj) {
      let _this = this;

      if (resultObj.code === 200 && resultObj.data.name != null) {
      console.log(resultObj, 'resultObj');
      if (resultObj.code === 200 && resultObj.data.name && resultObj.data.name != null) {
        //回显相关数据
        _this.form.cusName = resultObj.data.name;
        _this.form.cusSex = resultObj.data.sex == "0" ? "女" : "男";
@@ -2233,15 +2213,16 @@

    // 取消按钮
    cancel() {
  this.TreedataList = [];
  this.DataList = [];
  this.marryall = 0; // 重置合计
  this.Seachopen = false;
  this.taocan = false;
  this.malldisble = false;
  this.defaultKeys = [];
  this.DataLists = [];
},
      this.TreedataList = [];
      this.DataList = [];
      this.marryall = 0; // 重置合计
      this.Seachopen = false;
      this.taocan = false;
      this.malldisble = false;
      this.defaultKeys = [];
      this.DataLists = [];
      
    },

    cancell() {
      if (this.addAddress.address) {
@@ -2495,25 +2476,25 @@
      }
    },
    handleClick(tab, event) {
  if (this.activeNames == "second") {
    this.DataList = [];
    this.checkedkey = [];
    this.TreedataList = []; 
    this.marryall = 0; // 重置合计
    this.getDataList();
  } else if (this.activeNames == "third") {
    this.DataLists = [];
    this.checkedkeys = [];
    this.TreedataList = []; 
    this.marryall = 0; // 重置合计
    getZhList().then((response) => {
      if (response.data) {
        this.packageList = response.data;
      if (this.activeNames == "second") {
        this.DataList = [];
        this.checkedkey = [];
        this.TreedataList = [];
        this.marryall = 0; // 重置合计
        this.getDataList();
      } else if (this.activeNames == "third") {
        this.DataLists = [];
        this.checkedkeys = [];
        this.TreedataList = [];
        this.marryall = 0; // 重置合计
        getZhList().then((response) => {
          if (response.data) {
            this.packageList = response.data;
          }
          this.loading = false;
        });
      }
      this.loading = false;
    });
  }
},
    },
    // gaibian(val){
    //   let pname = val;
    //   getProParentIdDxList(pname).then(response=>{
@@ -2668,16 +2649,6 @@
          }
        }
      }

      // if (columnIndex == 3) {
      //   let rowspan = 0;
      //   this.DataLists.forEach((element) => {
      //     if (element.propinName === row.propinName) {
      //       rowspan++;
      //     }
      //   });
      //   return [rowspan, 1];
      // }
    },
    handlePackageChecked(data, checked, checkedNodes) {
      if (checked == false) {
@@ -3355,11 +3326,8 @@
}

.filter-tree {
  /* max-height: 360px;
  overflow-y: auto;
  border: 1px solid #d9d9d9; */
  overflow: auto;
  flex: 1;
  overflow-y: auto; /* 保留纵向滚动条 */
  overflow-x: hidden; /* 隐藏横向滚动条 */
  height: 350px;
}

@@ -3470,4 +3438,16 @@
  width: 100%;
  display: flex;
}
/* .tab3 {
  overflow-y: auto;
}

.tab3::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.tab3::-webkit-scrollbar-thumb {
  background: transparent;
} */
</style>