|
|
|
@ -105,156 +105,186 @@
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
|
|
|
|
|
|
<el-card>
|
|
|
|
|
<el-row :gutter="0">
|
|
|
|
|
<el-col :span="20">
|
|
|
|
|
<el-form-item prop="code" label="扫码关联:">
|
|
|
|
|
<el-input
|
|
|
|
|
id="inputer"
|
|
|
|
|
@focus="getInputFocus($event)"
|
|
|
|
|
@keypress.enter.native="enterKey($event)"
|
|
|
|
|
ref="inputRef"
|
|
|
|
|
style="ime-mode: disabled"
|
|
|
|
|
type="tel"
|
|
|
|
|
v-model="filterQuery.code"
|
|
|
|
|
></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-table v-loading="loading" :data="list" style="width: 100%" border>
|
|
|
|
|
<template v-for="(item, index) in tableHeader">
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
|
|
|
|
|
type="index" :label="item.columnDesc"></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'selection'"
|
|
|
|
|
type="selection"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tabs type="border-card" style="margin: 15px">
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="手动扫码">
|
|
|
|
|
|
|
|
|
|
<el-row :gutter="0">
|
|
|
|
|
<el-col :span="20">
|
|
|
|
|
<el-form-item prop="code" label="扫码关联:">
|
|
|
|
|
<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>
|
|
|
|
|
<div class="result-display" :class="{'result-success': isSuccess, 'result-failure': !isSuccess}">
|
|
|
|
|
<p class="result-text" :class="{'result-text-success': isSuccess, 'result-text-failure': !isSuccess}">{{
|
|
|
|
|
result
|
|
|
|
|
}}</p>
|
|
|
|
|
</div>
|
|
|
|
|
<el-table v-loading="loading" :data="list" style="width: 100%" border>
|
|
|
|
|
<template v-for="(item, index) in tableHeader">
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'id' && executeEval(row,item.expression,true)"
|
|
|
|
|
type="index" :label="item.columnDesc"></el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'selection'"
|
|
|
|
|
type="selection"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:selectable="(row,number) => executeFuc(row,'3',item.clickFuc)"
|
|
|
|
|
></el-table-column>
|
|
|
|
|
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'radio' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-radio :label="scope.row.id" v-model="radioCheck"><span></span></el-radio>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'laber' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span :style="{color: executeFuc(scope.row,'4',item.lableRuleObj[scope.row[item.columnName]])}">{{
|
|
|
|
|
item.lableRuleObj[scope.row[item.columnName]]
|
|
|
|
|
}}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag
|
|
|
|
|
:type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'eltag' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-tag
|
|
|
|
|
:type="executeFuc(scope.row,'4',item,item.lableRuleObj?item.lableRuleObj[scope.row[item.columnName]]:scope.row[item.columnName])">
|
|
|
|
|
<span>{{
|
|
|
|
|
item.lableRuleObj ? item.lableRuleObj[scope.row[item.columnName]] : scope.row[item.columnName]
|
|
|
|
|
}}</span>
|
|
|
|
|
</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
fixed="right"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
|
|
|
|
|
:type="buttonItem.type"
|
|
|
|
|
:size="buttonItem.size"
|
|
|
|
|
:style="buttonItem.style"
|
|
|
|
|
:key="buttonItem"
|
|
|
|
|
v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
|
|
|
|
|
:disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
|
|
|
|
|
@click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
|
|
|
|
|
>{{ buttonItem.name }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'text' && !(item.columnName == 'productDate' || item.columnName == 'expireDate') && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
</el-tag>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'button' && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
fixed="right"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<el-button v-for="(buttonItem, buttonIndex) in item.buttonRulObj"
|
|
|
|
|
:type="buttonItem.type"
|
|
|
|
|
:size="buttonItem.size"
|
|
|
|
|
:style="buttonItem.style"
|
|
|
|
|
:key="buttonItem"
|
|
|
|
|
v-if="executeEval(scope.row,buttonItem.hasPermi,true)"
|
|
|
|
|
:disabled="executeEval(scope.row,buttonItem.disabledFuc,false)"
|
|
|
|
|
@click.native.stop="executeFuc(scope.row,'1',buttonItem.clickFuc)"
|
|
|
|
|
>{{ buttonItem.name }}
|
|
|
|
|
</el-button>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'text' && !(item.columnName == 'productDate' || item.columnName == 'expireDate') && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{
|
|
|
|
|
scope.row[item.columnName]
|
|
|
|
|
}}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'text' && (item.columnName == 'productDate' || item.columnName == 'expireDate') && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column
|
|
|
|
|
v-if="item.columnType == 'text' && (item.columnName == 'productDate' || item.columnName == 'expireDate') && executeEval(row,item.expression,true)"
|
|
|
|
|
:prop="item.columnName"
|
|
|
|
|
:label="item.columnDesc"
|
|
|
|
|
:sortable="item.sort"
|
|
|
|
|
:width="item.width"
|
|
|
|
|
:show-overflow-tooltip="item.tooltip"
|
|
|
|
|
:key="item.columnName"
|
|
|
|
|
>
|
|
|
|
|
<template slot-scope="scope">
|
|
|
|
|
<span :style="{color: executeFuc(scope.row,'4',item,scope.row[item.columnName])}">{{
|
|
|
|
|
convertDateFun(scope.row[item.columnName])
|
|
|
|
|
}}</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total>0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:limit.sync="filterQuery.limit"
|
|
|
|
|
:page.sync="filterQuery.page"
|
|
|
|
|
@pagination="codeHandleCurrentChange"
|
|
|
|
|
></pagination>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
</el-card>
|
|
|
|
|
<pagination
|
|
|
|
|
v-show="total>0"
|
|
|
|
|
:total="total"
|
|
|
|
|
:limit.sync="filterQuery.limit"
|
|
|
|
|
:page.sync="filterQuery.page"
|
|
|
|
|
@pagination="codeHandleCurrentChange"
|
|
|
|
|
></pagination>
|
|
|
|
|
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="自动赋码明细">
|
|
|
|
|
<prescribeCodePanel
|
|
|
|
|
:prescribeData="curRow"
|
|
|
|
|
></prescribeCodePanel>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="拆零赋码明细">
|
|
|
|
|
<prescribeCodePanel
|
|
|
|
|
:prescribeData="curRow"
|
|
|
|
|
:fifoSplit="1"
|
|
|
|
|
></prescribeCodePanel>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="整取赋码明细">
|
|
|
|
|
<prescribeCodePanel
|
|
|
|
|
:prescribeData="curRow"
|
|
|
|
|
:fifoSplit="2"
|
|
|
|
|
></prescribeCodePanel>
|
|
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
</el-tabs>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog
|
|
|
|
@ -281,14 +311,18 @@ 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} from "@/api/basic/sicker/prescribeApi";
|
|
|
|
|
import {detail, page as prescribePage, tagCode} from "@/api/basic/sicker/prescribeApi";
|
|
|
|
|
import selectPrescribeDialog from "@/views/inout/split/selectPrescribeDialog";
|
|
|
|
|
import prescribeCodePanel from "./prescribeCodePanel";
|
|
|
|
|
import {enterCodeWeb} from "@/api/inout/order";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
/**
|
|
|
|
|
* 处理处方
|
|
|
|
|
*/
|
|
|
|
|
name: "prescribeTagCodeDeal",
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
|
|
|
|
|
//界面配置相关
|
|
|
|
|
//患者处方
|
|
|
|
|
loading: false,
|
|
|
|
@ -309,14 +343,21 @@ export default {
|
|
|
|
|
total: 0,
|
|
|
|
|
defaultSort: {prop: 'createTime', order: 'desc'},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
formData: {},
|
|
|
|
|
selectPrescriptionVisible: false,
|
|
|
|
|
curRow: null,
|
|
|
|
|
|
|
|
|
|
//扫码相关
|
|
|
|
|
scanCode: "",
|
|
|
|
|
isSuccess: false,
|
|
|
|
|
result: "扫码解析结果:",
|
|
|
|
|
originCode: "",
|
|
|
|
|
checkSuccess: false,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
components: {
|
|
|
|
|
addOrder, errOrder, selectPrescribeDialog
|
|
|
|
|
addOrder, errOrder, selectPrescribeDialog, prescribeCodePanel
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
@ -373,6 +414,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
prescribeClick(_this, row) {
|
|
|
|
|
this.curRow = row;
|
|
|
|
|
this.getPrescribeDetail(_this, row)
|
|
|
|
|
this.getCodeDetail(_this, row)
|
|
|
|
|
},
|
|
|
|
@ -434,12 +476,77 @@ export default {
|
|
|
|
|
event.currentTarget.select();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
enterKey(event) {
|
|
|
|
|
|
|
|
|
|
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() {
|
|
|
|
@ -453,6 +560,26 @@ export default {
|
|
|
|
|
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(" , ");
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
@ -474,4 +601,38 @@ export default {
|
|
|
|
|
margin-top: -5px;
|
|
|
|
|
margin-bottom: -5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-display {
|
|
|
|
|
border: 2px solid #ccc; /* 默认外框颜色 */
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
margin-bottom: 5px;
|
|
|
|
|
margin-left: 15px;
|
|
|
|
|
margin-right: 25px;
|
|
|
|
|
padding-left: 25px;
|
|
|
|
|
/* 不设置背景颜色 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-success {
|
|
|
|
|
border-color: #4CAF50; /* 成功时外框颜色 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-failure {
|
|
|
|
|
border-color: #0080ff; /* 失败时外框颜色 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-text {
|
|
|
|
|
height: 18px;
|
|
|
|
|
/* 你可以在这里设置默认的文本颜色或其他样式 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-text-success {
|
|
|
|
|
color: #4CAF50; /* 成功时文本颜色 */
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.result-text-failure {
|
|
|
|
|
color: #0080ff; /* 失败时文本颜色 */
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|