udiwms-vue-frame/src/views/collect/DealOrder.vue

<template>
  <div>
    <el-form :model="formData" class="order-el-form" ref="formData" label-width="120px">
      <el-card>
        <el-alert
          :title="msgTip"
          :closable="false"
          type="warning">
        </el-alert>


        <el-row :gutter="0" style="margin-top: 15px">
          <el-col :span="24" align="right">
            <el-button-group>
              <el-button
                type="primary"
                @click.native="selectPrescribe()"
              >下一单据
              </el-button>
              <el-button
                type="primary"
                @click.native="selectPrescribe()"
              >选入单据
              </el-button>
              <el-button
                type="primary"
                @click.native="selectPrescribe()"
              >单据挂起
              </el-button>
              <el-button
                type="primary"
                @click.native="selectPrescribe()"
              >处理完成
              </el-button>

              <el-dropdown @command="handleCommand">
                <el-button type="primary">
                  更多功能<i class="el-icon-arrow-down el-icon--right"></i>
                </el-button>
                <el-dropdown-menu slot="dropdown">
                  <el-dropdown-item  divided @click.native="handleClick('IoCreateOrderBlank')">工位上货</el-dropdown-item>
                  <el-dropdown-item  divided @click.native="handleClick('IoCreateOrderBlank')">工位退货</el-dropdown-item>
                  <el-dropdown-item  divided @click.native="handleClick('ioSplitFifoCodeBlank')">工位存量</el-dropdown-item>
                  <el-dropdown-item  divided @click.native="handleClick('CollectOrderAllotBlank')">待处理单</el-dropdown-item>
                  <el-dropdown-item  divided @click.native="handleClick('CollectOrderEndBlank')">已完成单</el-dropdown-item>
                </el-dropdown-menu>
              </el-dropdown>
            </el-button-group>
          </el-col>
        </el-row>
        <div style="border: 1px solid #ebeef5;border-radius: 2px;margin-top: 15px;padding: 15px">
          <el-row :gutter="0" style="margin-top: 5px">
            <el-col :span="20">
              <el-form-item prop="code" label="扫码录入:" label-width="80px">
                <el-input
                  id="inputer"
                  @focus="getInputFocus($event)"
                  @keypress.enter.native="enterKey($event)"
                  ref="inputRef"
                  style="ime-mode: disabled"
                  type="tel"
                  placeholder="请点击输入框进行扫码设置或者扫码录入"
                  v-model="scanCode"
                ></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="2">
              <el-button
                type="primary"
                size="mini"
                @click.native.stop="addCode()"
                style="margin-left: 15px"
              >添加
              </el-button>
            </el-col>
          </el-row>
          <el-alert
            title="扫码解析结果:"
            :type="scanResultType"
            :closable="false"
            :description="result">
          </el-alert>

        </div>
        <el-descriptions title="单据信息" :column="4" border style="margin-top: 15px">
          <el-descriptions-item label="单据编号">{{ formData.code }}</el-descriptions-item>
          <el-descriptions-item label="业务来源">{{ formData.busType }}</el-descriptions-item>
          <el-descriptions-item label="往来信息">{{ formData.fromCorp }}</el-descriptions-item>
          <el-descriptions-item label="单据时间">{{ formData.billTime }}</el-descriptions-item>
          <el-descriptions-item label="单据备注">{{ formData.remark }}</el-descriptions-item>
        </el-descriptions>
      </el-card>

      <el-tabs type="border-card" style="margin: 15px">
        <el-tab-pane label="手动扫码">
          <PannelOrderBiz
            v-if="panelALive"
            :dealStatus="2"
            :prescribeData="curRow"
          ></PannelOrderBiz>

        </el-tab-pane>

        <el-tab-pane label="自动赋码明细">
          <prescribeCodePanel
            v-if="panelALive"
            :prescribeData="curRow"
          ></prescribeCodePanel>
        </el-tab-pane>

        <el-tab-pane label="拆零赋码明细">
          <prescribeCodePanel
            v-if="panelALive"
            :prescribeData="curRow"
            :fifoSplit="1"
          ></prescribeCodePanel>
        </el-tab-pane>

        <el-tab-pane label="整取赋码明细">
          <prescribeCodePanel
            v-if="panelALive"
            :prescribeData="curRow"
            :fifoSplit="2"
          ></prescribeCodePanel>
        </el-tab-pane>

      </el-tabs>

      <el-dialog
        title="选择处方"
        :visible.sync="selectPrescriptionVisible"
        :close-on-click-modal="false"
        :close-on-press-escape="false"
        v-if="selectPrescriptionVisible"
        width="65%"
        append-to-body
      >
        <selectPrescribeDialog
          :confirmSelect="this.confirmSelect"
          :closeDialog="this.closeDialog"
        ></selectPrescribeDialog>
      </el-dialog>
    </el-form>
  </div>
</template>

<script>
import addOrder from "@/views/inout/DialogCreateOrder";
import errOrder from "@/views/inout/IoCreateErrorOrder";
import {executeFuc, getHead} from "@/utils/customConfig";
import {convertDate} from "@/utils/date";
import {materialPrescribePage} from "@/api/inout/splitCode";
import {detail, page as prescribePage, tagCode} from "@/api/basic/sicker/prescribeApi";
import selectPrescribeDialog from "@/views/collect/selectCollectOrderDialog";
import prescribeCodePanel from "./PanelOrderTagCode";
import PannelOrderBiz from "./PannelOrderBiz";

import {enterCodeWeb} from "@/api/inout/order";

export default {
  /**
   * 处理处方
   */
  name: "prescribeTagCodeDeal",
  data() {
    return {
      //界面配置相关
      //患者处方
      workplaceId: this.$route.query.workplaceId,
      loading: false,
      tableHeader: [],
      queryList: [],
      tableObj: [],
      fromList: [],
      convertDateFun: convertDate,
      //界面配置-------------end

      showSearch: true,
      filterQuery: {
        billNo: null,
        page: 1,
        limit: 10,
      },
      list: [],
      total: 0,
      defaultSort: {prop: 'createTime', order: 'desc'},

      formData: {},
      selectPrescriptionVisible: false,
      curRow: null,
      panelALive: false,

      //扫码相关
      scanCode: "",
      isSuccess: false,
      result: "  \n",
      msgTip: "信息提醒：",
      originCode: "",
      checkSuccess: false,
      scanResultType: "success"
    }
  },

  components: {
    addOrder, errOrder, selectPrescribeDialog, prescribeCodePanel, PannelOrderBiz
  },
  methods: {
    handleClick(blankName) {
      // let url = window.location.origin+`#/tagCodeBlank?workplaceId=`+ this.stationList[index].workplaceId
      let url = window.location.origin+`#/`+ blankName+`?workplaceId=`+ this.workplaceId
      // this.$router.push( workplaceId)
      window.open(url, '_blank');
    },
    //界面配置相关------------
    executeFuc(row, type, clickFuc, value) {
      return executeFuc(this, row, type, clickFuc, value);
    },
    executeEval(row, expression, defaultRet) {
      if (expression) {
        return eval(expression);
      }
      return defaultRet;
    },
    handleSortChange(column, prop, order) {
      if (column.order === 'descending') {
        this.query.sort = 'desc'
      } else {
        this.query.sort = 'asc'
      }
      this.query.orderBy = column.prop;
      this.getList();
    },
    ///界面配置相关------------end


    hideSearch() {
      this.showSearch = !this.showSearch;
    },
    onReset() {
      this.filterQuery = {};
      this.actDateRange = [];
      this.getList();
    },
    onSubmit() {
      this.filterQuery.page = 1;
      this.getList();
    },

    getList() {
      this.loading = true;
      prescribePage(this.filterQuery).then(res => {
        this.loading = false
        this.list = res.data.list || []
        this.total = res.data.total || 0
      }).catch(() => {
        this.loading = false
        this.list = []
        this.total = 0
      })
    },
    handleCurrentChange(val) {
      this.filterQuery.page = val.page;
      this.getList();
    },

    prescribeClick(_this, row) {
      this.curRow = row;
      this.getPrescribeDetail(_this, row)
      this.getCodeDetail(_this, row)
    },

    getPrescribeDetail(_this, row) {
      if (row != null) {
        _this.preQuery.page = 1
        _this.preQuery.prescribeCode = row.code
      }
      _this.preLoading = true;
      detail(_this.preQuery).then(res => {
        _this.preLoading = false
        if (res.code != 20000) {
          _this.$message.error(res.message)
          return
        }
        _this.preDetailList = res.data.items
        _this.preLoading = false
      }).catch(() => {
        _this.preLoading = false
        _this.$message.error("数据加载失败")
      })
    },

    getCodeDetail(_this, row) {
      if (row != null) {
        _this.codeQuery.page = 1
        _this.codeQuery.prescribeNum = row.code
      }
      _this.codeLoading = true;
      materialPrescribePage(_this.codeQuery).then(res => {
        _this.codeLoading = false
        if (res.code != 20000) {
          _this.$message.error(res.message)
          return
        }
        _this.codeDetailList = res.data.list
        _this.codeLoading = false
      }).catch(() => {
        _this.codeLoading = false
        _this.$message.error("数据加载失败")
      })

    },


    refreshCodesPanel(_this) {
      _this.panelALive = false;
      _this.$nextTick(() => {
        _this.panelALive = true;
      });
    },

    preHandleCurrentChange(val) {
      this.filterQuery.page = val.page;
      this.getPrescribeDetail(this, null);
    },


    codeHandleCurrentChange(val) {
      this.filterQuery.page = val.page;
      this.getCodeDetail(this, null);
    },

    getInputFocus(event) {
      event.currentTarget.select();
    },

    enterKey() {
      this.checkSuccess = true;
      this.filterQuery.code = this.scanCode;
      let tQuery = {
        originCode: this.originCode,
        code: this.filterQuery.code.trim(),
      };
      enterCodeWeb(tQuery).then((response) => {
        if (response.code === 20000) {
          this.$refs.inputRef.focus();
          this.$refs.inputRef.select();
          this.isSuccess = true;
          this.printCodeResult(response.data)
          this.filterQuery.code = response.data.code;
          this.addCode();
        } else {
          if (response.code == 502) {
            this.checkSuccess = false;
            this.isSuccess = false;
            this.printCodeResult(response.data)
            this.filterQuery.code = response.data.code;
            this.originCode = this.filterQuery.code;
          } else if (response.code == 501) {
            this.checkSuccess = false;
            this.$message.error(response.message);
          } else if (response.code == 503) {
            this.checkSuccess = false;
            this.isSuccess = false;
            this.printCodeResult(response.data)
            this.filterQuery.code = response.data.code;
            this.$confirm(response.message, "提示", {
              type: "warning",
            })
              .then(() => {
                this.filterQuery.code = response.data.code;
                this.addCode();
              })
              .catch(() => {
                this.filterQuery.code = response.data.code;
              });
          } else if (response.code == 508) {
            this.originCode = "";
            this.filterQuery.code = "01" + response.data.nameCode;
            this.originCode = this.filterQuery.code;
          } else {
            this.$alert(response.message, "提示", {
              confirmButtonText: "确定",
              type: "warning",
              closeOnClickModal: true,
              callback: (action) => {
                this.$refs.inputRef.focus();
                this.$refs.inputRef.select();
              },
            });
          }
        }
        this.loading = false;
      });
    },

    addCode() {
      let tagQuery = {
        prescribeNum: this.formData.code,
        code: this.filterQuery.code.trim(),
      };
      tagCode(tagQuery).then(res => {
        this.loading = false
        this.getList()
      }).catch(() => {
        this.loading = false
      })
    },

    selectPrescribe() {
      this.selectPrescriptionVisible = true;
    },

    closeDialog() {
      this.selectPrescriptionVisible = false;
    },

    confirmSelect(row) {
      this.selectPrescriptionVisible = false;
      this.formData = row;
    },
    printCodeResult(data, isSuccess) {
      const resultParts = ["扫码解析结果：" + data.code];

      if (data.udi) {
        resultParts.push("DI标识: " + data.udi);
      }
      if (data.batchNo) {
        resultParts.push("批次号: " + data.batchNo);
      }
      if (data.produceDate) {
        resultParts.push("生产日期: " + data.produceDate);
      }
      if (data.expireDate) {
        resultParts.push("失效日期: " + data.expireDate);
      }
      if (data.serialNo) {
        resultParts.push("序列号: " + data.serialNo);
      }
      this.result = resultParts.join(" , ");
    },
    handleCommand(command) {
      this.$message('click on item ' + command);
    }
  },
  created() {
    getHead("prescribeTagCodeDeal", "1").then((re) => {
      // 处理返回的数据
      this.tableObj = re.data;
      this.tableHeader = re.data.tableList;
      this.queryList = re.data.queryList;
      this.fromList = re.data.fromList;
    });

  }

}
</script>

<style scoped>
.el-col {
  margin-top: -5px;
  margin-bottom: -5px;
}

.el-dropdown {
  vertical-align: top;
}

.el-dropdown + .el-dropdown {
  margin-left: 15px;
}

.el-icon-arrow-down {
  font-size: 12px;
}
</style>