dev
This commit is contained in:
parent
f29fbf9c1b
commit
36833e0cf3
|
|
@ -6,45 +6,45 @@
|
||||||
请勾选该追溯码关联的发药项目商品
|
请勾选该追溯码关联的发药项目商品
|
||||||
</div>
|
</div>
|
||||||
<div class="code">
|
<div class="code">
|
||||||
<div class="before-code">
|
<span class="before-code">
|
||||||
{{ traceabilityCode.slice(0, 7) }}
|
{{ traceabilityCode.slice(0, 7) }}
|
||||||
</div>
|
</span>
|
||||||
<div class="after-code">
|
<span class="after-code">
|
||||||
{{ traceabilityCode.slice(7, traceabilityCode.length) }}
|
{{ traceabilityCode.slice(7, traceabilityCode.length) }}
|
||||||
</div>
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="padding: 0 24px;flex: 1; min-height: 0;">
|
||||||
|
<div class="list">
|
||||||
|
<table class="table" style="border-spacing: 0">
|
||||||
|
<thead style="background:#F1F5FB">
|
||||||
|
<tr class="table-title" style="background: #f1f5fb">
|
||||||
|
<th>选择</th>
|
||||||
|
<th>发药项目</th>
|
||||||
|
<th>产品标识码</th>
|
||||||
|
<th>系统处理</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody class="table-body" style="height: 52px">
|
||||||
|
<tr v-for="(item,index) in tableData">
|
||||||
|
<td>
|
||||||
|
<input class="blue-radio" type="radio" :value="item.id" v-model="selected" @click="closeModal"/>
|
||||||
|
</td>
|
||||||
|
<td>{{ item.name }}</td>
|
||||||
|
<td>
|
||||||
|
<IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode && item.idCode.length > 0"/>
|
||||||
|
<div v-else>未关联</div>
|
||||||
|
</td>
|
||||||
|
<td style="width: 300px;">
|
||||||
|
<template v-if="selected === item.id">
|
||||||
|
关联产品标识码，采集追溯码自动识别商品
|
||||||
|
</template>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="padding: 0 24px;flex: 1; min-height: 0;">
|
|
||||||
<div class="list">
|
|
||||||
<table class="table" style="border-spacing: 0">
|
|
||||||
<thead style="background:#F1F5FB">
|
|
||||||
<tr class="table-title" style="background: #f1f5fb">
|
|
||||||
<th>选择</th>
|
|
||||||
<th>发药项目</th>
|
|
||||||
<th>产品标识码</th>
|
|
||||||
<th>系统处理</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="table-body" style="height: 52px">
|
|
||||||
<tr v-for="(item,index) in tableData">
|
|
||||||
<td>
|
|
||||||
<input class="blue-radio" type="radio" :value="item.id" v-model="selected" @click="closeModal"/>
|
|
||||||
</td>
|
|
||||||
<td>{{ item.name }}</td>
|
|
||||||
<td>
|
|
||||||
<IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode && item.idCode.length > 0"/>
|
|
||||||
<div v-else>未关联</div>
|
|
||||||
</td>
|
|
||||||
<td style="width: 300px;">
|
|
||||||
<template v-if="selected === item.id">
|
|
||||||
关联产品标识码，采集追溯码自动识别商品
|
|
||||||
</template>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -116,23 +116,26 @@ const emit = defineEmits(["addIdCode", "addTraceabilityCode"])
|
||||||
const addTraceabilityCodeDo = (item: any) => {
|
const addTraceabilityCodeDo = (item: any) => {
|
||||||
emit("addTraceabilityCode", item, traceabilityCode.value)
|
emit("addTraceabilityCode", item, traceabilityCode.value)
|
||||||
}
|
}
|
||||||
const showRadio=ref<any>(false)
|
const showRadio = ref<any>(false)
|
||||||
const closeModal = () => {
|
const closeModal = () => {
|
||||||
showRadio.value = false
|
showRadio.value = false
|
||||||
selected.value=null
|
selected.value = null
|
||||||
|
|
||||||
}
|
}
|
||||||
const close = () => {
|
const close = () => {
|
||||||
show.value= false
|
show.value = false
|
||||||
closeModal()
|
closeModal()
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.panel {
|
.panel {
|
||||||
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
width: 100%;
|
||||||
height: 126px;
|
height: 126px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -140,6 +143,7 @@ const close = () => {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background: #F9FAFC;
|
background: #F9FAFC;
|
||||||
|
padding: 24px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
|
|
||||||
.title-content {
|
.title-content {
|
||||||
|
|
@ -150,34 +154,43 @@ const close = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
.code {
|
.code {
|
||||||
|
width: 100%;
|
||||||
|
flex: 1;
|
||||||
|
min-height: 0;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
.before-code {
|
.before-code {
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.after-code {
|
.after-code {
|
||||||
|
min-width: 0;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 8px 8px 0 0;
|
border-radius: 8px 8px 0 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border: 1px solid #EAEAEC;
|
border: 1px solid #EAEAEC;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
|
|
||||||
.table {
|
.table {
|
||||||
|
|
||||||
th {
|
th {
|
||||||
background: none !important;
|
background: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-title {
|
.table-title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 52px;
|
height: 52px;
|
||||||
|
|
@ -210,18 +223,22 @@ const close = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-body {
|
.table-body {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
tr{
|
|
||||||
|
tr {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
|
|
||||||
td {
|
td {
|
||||||
height: 52px;
|
height: 52px;
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
width: 132px;
|
width: 132px;
|
||||||
padding-left: 35px;
|
padding-left: 35px;
|
||||||
|
|
@ -236,6 +253,7 @@ const close = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
table, tbody, td {
|
table, tbody, td {
|
||||||
border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
|
border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
|
||||||
}
|
}
|
||||||
|
|
@ -243,6 +261,7 @@ table, tbody, td {
|
||||||
table {
|
table {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottom {
|
.bottom {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -16,34 +16,31 @@
|
||||||
</template>
|
</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<el-scrollbar>
|
<el-table :data="list" :header-cell-style="{backgroundColor: '#F1F5FB'}">
|
||||||
<table class="table" style="border-spacing: 0">
|
<el-table-column prop="name" label="发药项目" width="300" show-overflow-tooltip></el-table-column>
|
||||||
<thead style="background:#F1F5FB">
|
<el-table-column label="产品标识码" show-overflow-tooltip>
|
||||||
<tr class="table-title" style="background: #f1f5fb">
|
<template #default="scope">
|
||||||
<th>发药项目</th>
|
<IdCodeListShow :idCodeList="scope.row.idCode" v-if="scope.row.idCode&&scope.row.idCode.length>0"
|
||||||
<th>产品标识码</th>
|
@addTraceabilityCode="addTraceAbilityCodeHandler"/>
|
||||||
<th>发药数量</th>
|
<div v-else>未关联</div>
|
||||||
<th>已采/应采</th>
|
</template>
|
||||||
<th>追溯码</th>
|
</el-table-column>
|
||||||
</tr>
|
<el-table-column label="发药数量" show-overflow-tooltip>
|
||||||
</thead>
|
<template #default="scope">
|
||||||
<tbody class="table-body">
|
{{scope.row.selectedNum}}{{scope.row.selectedUnit}}
|
||||||
<tr v-for="(item,index) in list" :key="index">
|
</template>
|
||||||
<td>{{ item.name }}</td>
|
</el-table-column>
|
||||||
<td>
|
<el-table-column label="已采/应采" show-overflow-tooltip>
|
||||||
<IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode&&item.idCode.length>0"
|
<template #default="scope">
|
||||||
@addTraceabilityCode="addTraceAbilityCodeHandler"/>
|
{{ scope.row.traceAbilityCodeList ? scope.row.traceAbilityCodeList.length : 0 }}/{{ scope.row.shouldNumber }}
|
||||||
<div v-else>未关联</div>
|
</template>
|
||||||
</td>
|
</el-table-column>
|
||||||
<td>{{ item.selectedNum }}{{ item.selectedUnit }}</td>
|
<el-table-column label="追溯码" width="300">
|
||||||
<td>{{ item.traceAbilityCodeList ? item.traceAbilityCodeList.length : 0 }}/{{ item.shouldNumber }}</td>
|
<template #default="scope">
|
||||||
<td>
|
<TraceabilityCodeAdd :item="scope.row" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
|
||||||
<TraceabilityCodeAdd :item="item" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
|
</template>
|
||||||
</td>
|
</el-table-column>
|
||||||
</tr>
|
</el-table>
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</el-scrollbar>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue