web_dist/src/views/yp-codg/YpCodgInfo.vue

<template>
  <div class="layout_container">
    <div class="layout_main">
      <div class="layout_display_flex_y">
        <div class="layout_flex_1-y">
          <el-table :data="codgLineData.slice(pageSizeLine * (currentPageLine - 1), pageSizeLine * currentPageLine)" border
                    stripe highlight-current-row height="100%">
            <el-table-column type="index" label="序号" width="50" />
            <el-table-column prop="medListCodg" label="医疗目录编码" width="180" />
            <el-table-column prop="medinsListCodg" label="医药机构目录编码" width="180" />
            <el-table-column prop="medinsListName" label="医药机构目录名称" width="180" v-if="false"/>
            <el-table-column prop="delvBchno" label="传票号" width="150"/>
            <el-table-column prop="fixmedinsCode" label="医疗机构编码" width="100" />
            <el-table-column prop="fixmedinsName" label="医疗机构名称" width="120" />
            <el-table-column prop="bigPacTracCodg" label="大包装追溯码" width="150"/>
            <el-table-column prop="midPacTracCodg" label="中包装追溯码" width="150"/>
            <el-table-column prop="smlPacTracCodg" label="小包装追溯码" width="150"/>
            <el-table-column prop="delventpUscc" label="供应商企业代码" width="150"/>
            <el-table-column prop="delventpName" label="供应商企业名称" width="130" show-overflow-tooltip/>
            <el-table-column prop="delventpProdInvTracId" label="企业配送商品追溯信息ID" width="160"/>
            <el-table-column prop="delvDate" label="配送日期" width="140"/>
            <el-table-column prop="delvOpter" label="配送操作员" width="70"/>
            <el-table-column prop="drugProdname" label="药品商品名称" width="240" show-overflow-tooltip/>
            <el-table-column prop="drugSpec" label="药品规格" width="160" show-overflow-tooltip/>
            <el-table-column prop="drugDosform" label="药品剂型" width="130"/>
            <el-table-column prop="manuBchno" label="生产批次号" width="100"/>
            <el-table-column prop="manuDate" label="生产日期" width="140"/>
            <el-table-column prop="expyEnd" label="有效期止" width="140"/>
            <el-table-column prop="prodentpName" label="生产企业名称" width="130" show-overflow-tooltip/>
            <el-table-column prop="prop" label="包装比例" width="70"/>
            <el-table-column prop="rxFlag" label="处方药标志" width="70"/>
            <el-table-column prop="rxFlagName" label="是否处方药" width="80"/>
            <el-table-column prop="aprvno" label="批准文号" width="140"/>
            <el-table-column prop="barcode" label="药品条形码" width="120"/>
            <el-table-column prop="invChgType" label="库存变更类型" width="90"/>
            <el-table-column prop="pric" label="单价" width="100"/>
            <el-table-column prop="cnt" label="数量" width="90"/>
            <el-table-column prop="minPacCnt" label="最小包装数量" width="90"/>
            <el-table-column prop="minPacunt" label="最小包装单位" width="90"/>
            <el-table-column prop="minPrepunt" label="最小制剂单位" width="90"/>
            <el-table-column prop="crteTime" label="数据创建时间" width="140"/>
            <el-table-column prop="updtTime" label="数据更新时间" width="140"/>
            <el-table-column prop="regName" label="注册名称" width="170" show-overflow-tooltip/>
            <el-table-column prop="valiFlag" label="有效标志" width="70"/>
            <el-table-column prop="valiFlagName" label="是否有效" width="70"/>
            <el-table-column prop="upldStas" label="上传状态" width="70"/>
            <el-table-column prop="upldStasName" label="上传状态名称" width="100"/>
            <el-table-column prop="upldRslt" label="上传结果描述" width="120" show-overflow-tooltip/>
            <el-table-column prop="optTime" label="经办时间" width="140"/>
            <el-table-column prop="memo" label="备注" width="160" show-overflow-tooltip/>
          </el-table>
        </div>
        <div>
          <el-pagination :current-page="currentPageLine" :page-size="pageSizeLine" :page-sizes="[10, 15, 20, 25]"
                         :total="codgLineData.length" layout="total, sizes, prev, pager, next, jumper"
                         style="margin-top: 5px" @size-change="handleSizeChangeLine"
                         @current-change="handleCurrentChangeLine">
          </el-pagination>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup name="YpCodgInfo">
import {nextTick, onMounted, ref, watch} from "vue";

const codgLineData = ref([])
const pageSizeLine = ref(20)
const currentPageLine = ref(1)
const handleSizeChangeLine = (val) => {
  pageSizeLine.value = val
}
const handleCurrentChangeLine = (val) => {
  currentPageLine.value = val
}

const props = defineProps({
  ypCodgDetail: {
    type: Object,
    default: {}
  }
})
onMounted( () => {
  nextTick(() => {
    codgLineData.value = props.ypCodgDetail
  })
})
watch(() => props.ypCodgDetail, () => {
  codgLineData.value = props.ypCodgDetail
})

</script>