clinic-v2
/
web
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of ssh://git.jizhiweb.cn:2222/clinic-v2/web

This commit is contained in:
LiJianZhao 2025-05-16 14:24:15 +08:00
parent ededbacb4b 46d91fb241
commit 5a346e1b2d
21 changed files with 772 additions and 519 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/static/images/charge/药慧精灵智慧诊所_files/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/static/images/member/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/static/images/member/head.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 28 KiB

6
src/assets/scss/main.scss
View File

@ -108,11 +108,7 @@ body {
.clear-margin {
margin: 0;
}
.el-popper.is-light.type-popper, .el-popper.is-light>.el-popper__arrow:before{
background:#F5FAFF;
}
.el-popper.is-light.type-popper{
background:#F5FAFF;
padding: 0;
}
.el-popper.is-light.id-code-popper{
@ -135,7 +131,7 @@ body {
border-radius: 8px 8px 0 0;
}
$btn-color: #4D6DE4;
$lighter-color: #7c91e3;
$lighter-color: rgba(#4D6DE4, 0.5);
.default-btn{
cursor: pointer;
width: 120px;

11
src/components/SearchInput.vue
View File

@ -1,5 +1,4 @@
<template>
<el-popover placement="bottom-start" :visible="isVisible" :width="props.width" ref="popoverRef"
:trigger-keys="[]" style="height: 500px" popper-class="type-popper">
<template #reference>
@ -19,7 +18,7 @@
/>
</template>
<div class="container">
<el-scrollbar>
<el-scrollbar style="max-height: 260px;width: 100%">
<table class="table" style="width: 100%; border-collapse: collapse;max-height: 50px">
<!-- 表头 -->
<thead>
@ -33,7 +32,6 @@
</th>
</tr>
</thead>
<!-- 表体 -->
<tbody>
<tr class="table-body"
@ -167,6 +165,7 @@ const handlerBlur = () => {
th {
text-align: left;
&:nth-child(1) {
width: 200px;
text-align: left;
@ -182,6 +181,7 @@ const handlerBlur = () => {
font-size: 14px;
color: #666666;
font-style: normal;
td {
&:nth-child(1) {
width: 200px;
@ -194,7 +194,6 @@ const handlerBlur = () => {
}
&:last-child {
border-radius: 0 0 8px 8px;
}
@ -205,4 +204,8 @@ const handlerBlur = () => {
}
}
}
table thead tr {
background: #F5FAFF;;
}
</style>

58
src/components/charge/CheckoutDetail.vue
View File

@ -16,32 +16,34 @@
</template>
</el-input>
<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>
<th>追溯码</th>
</tr>
</thead>
<tbody class="table-body">
<tr v-for="(item,index) in list" :key="index">
<td>{{ item.name }}</td>
<td>
<IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode&&item.idCode.length>0"
@addTraceabilityCode="addTraceAbilityCodeHandler"/>
<div v-else>未关联</div>
</td>
<td>{{ item.selectedNum }}{{ item.selectedUnit }}</td>
<td>{{ item.traceAbilityCodeList ? item.traceAbilityCodeList.length : 0 }}/{{ item.shouldNumber }}</td>
<td>
<TraceabilityCodeAdd :item="item" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
</td>
</tr>
</tbody>
</table>
<el-scrollbar>
<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>
<th>追溯码</th>
</tr>
</thead>
<tbody class="table-body">
<tr v-for="(item,index) in list" :key="index">
<td>{{ item.name }}</td>
<td>
<IdCodeListShow :idCodeList="item.idCode" v-if="item.idCode&&item.idCode.length>0"
@addTraceabilityCode="addTraceAbilityCodeHandler"/>
<div v-else>未关联</div>
</td>
<td>{{ item.selectedNum }}{{ item.selectedUnit }}</td>
<td>{{ item.traceAbilityCodeList ? item.traceAbilityCodeList.length : 0 }}/{{ item.shouldNumber }}</td>
<td>
<TraceabilityCodeAdd :item="item" @addTraceabilityCode="addTraceAbilityCodeHandler"/>
</td>
</tr>
</tbody>
</table>
</el-scrollbar>
</div>
</div>
</template>
@ -280,10 +282,12 @@ const addTraceAbilityCodeHandler = (item: any, code: any) => {
align-items: center;
padding: 24px;
}
table, tbody, td {
border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
}
table{
table {
border: none;
}
</style>

42
src/components/charge/TraceabilityCodeAdd.vue
View File

@ -16,27 +16,26 @@
></el-input>
</template>
<template #default>
<table class="table" style="border-spacing: 0">
<thead>
<tr class="table-title">
<th>追溯码</th>
<th>操作</th>
</tr>
</thead>
<tbody class="table-body">
<tr v-for="(item,index) in item.traceAbilityCodeList" :key="index">
<td>{{ item }}</td>
<td>
<div @click="removeTraceAbility(item)">
<div style="width: 100%;max-height: 20px">
<el-table :data="item.traceAbilityCodeList" :max-height="300" style="width: 100%"
:header-cell-style="{background: '#F1F5FB'}">
<el-table-column prop="value" label="追溯码" show-overflow-tooltip>
<template #default="scope">
{{ scope.row }}
</template>
</el-table-column>
<el-table-column label="操作" width="80">
<template #default="scope">
<span style="color: #ff0000" @click="removeTraceAbility(scope.row)">
<el-icon>
<Delete/>
</el-icon>
删除
</div>
</td>
</tr>
</tbody>
</table>
</span>
</template>
</el-table-column>
</el-table>
</div>
</template>
</el-popover>
</template>
@ -96,9 +95,11 @@ const removeTraceAbility = (code: any) => {
<style scoped lang="scss">
.table {
width: 100%;
th {
background: none !important;
}
.table-title {
width: 100%;
height: 36px;
@ -108,19 +109,23 @@ const removeTraceAbility = (code: any) => {
font-style: normal;
padding: 0 25px;
background: #F5FAFF;
th {
text-align: left;
&:first-child {
width: 270px;
padding-left: 24px;
overflow: hidden;
}
&:last-child {
text-align: center;
line-height: 36px;
}
}
}
.table-body {
height: 52px;
font-weight: 500;
@ -128,12 +133,14 @@ const removeTraceAbility = (code: any) => {
color: #666666;
font-style: normal;
padding: 0 25px;
tr {
height: 36px;
font-size: 14px;
color: #333333;
font-weight: 500;
font-style: normal;
td {
height: 36px;
@ -160,6 +167,7 @@ const removeTraceAbility = (code: any) => {
table, tbody, td {
border-bottom: 1px solid #EAEAEC; /* 明确设置边框 */
overflow: hidden;
}
table {

190
src/components/common/goods/GoodsDetail.vue
View File

@ -1,102 +1,104 @@
<template>
<panel title="药品耗材">
<el-table v-if="goodsDetail.length>0" :data="goodsDetail" max-height="300" style="width: 100%"
:header-cell-style="{ backgroundColor: '#F5FAFF' }">
<el-table-column prop="name" label="名称" width="400">
<template #default="scope">
<el-popover
placement="top-start"
trigger="hover"
width="500"
@show="getHilistInfo(scope.row)"
@hide="colosInfo"
<div class="panel-content" style="padding: 0 24px 24px">
<el-table v-if="goodsDetail.length>0" :data="goodsDetail" max-height="300" style="width: 100%"
:header-cell-style="{ backgroundColor: '#F5FAFF' }">
<el-table-column prop="name" label="名称" width="400">
<template #default="scope">
<el-popover
placement="top-start"
trigger="hover"
width="500"
@show="getHilistInfo(scope.row)"
@hide="colosInfo"
>
<template #reference>
{{ scope.row.name }}
</template>
<div class="detail">
<div style="display: flex;justify-content: space-between">
<div style="font-size: 18px;font-weight: 500;color: #000">{{
hilistInfo.name
}}[{{ hilistInfo.json?.category || '-' }}]
</div>
<div>￥{{ scope.row.selectedPrice }}/{{ scope.row.selectedUnit }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>规格:{{ hilistInfo.json?.dosage_specifications || '-' }}</div>
<div>生产厂商:{{ hilistInfo.json?.producer || '-' }}</div>
<div>限价:{{ hilistInfo.json?.stock || '0' }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>批准文号:{{ hilistInfo.json?.approval_number || '-' }}</div>
<div>本位码:{{ hilistInfo.json?.standard_code || '-' }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div>
<div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div>
</div>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="selectedPrice" label="单价" width="200">
<template #default="scope">
￥{{ scope.row.selectedPrice }}
</template>
</el-table-column>
<el-table-column prop="number" label="数量" width="250">
<template #default="scope">
<div v-if="props.status">
<el-input-number v-model="scope.row.selectedNum" :min="0" @change="handleNumChange(scope.row)"
style="margin-right: 5px"></el-input-number>
<el-dropdown v-if="scope.row.trdnFlag == 1">
<span style="line-height: 30px;margin-left: 10px;cursor: pointer">{{ scope.row.selectedUnit }}</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
</el-dropdown-item>
<el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
{{ scope.row.minPackagingUnit }}
</el-dropdown-item>
</el-dropdown-menu>
>
<template #reference>
{{ scope.row.name }}
</template>
</el-dropdown>
<span v-else style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
</div>
<div v-else>
<div>{{ scope.row.selectedNum }} {{ scope.row.selectedUnit }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="小计">
<template #default="scope">
￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
</template>
</el-table-column>
<el-table-column label="操作" v-if="props.status">
<template #default="scope">
<el-button type="danger" link @click="delGoods(scope.row)">
<el-icon style="margin-right: 3px"><Delete /></el-icon>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="bottom" v-if="!statusDisabled">
<div class="search">
<SearchInput
style="height: 100%"
:request-api="goodsSearchApi"
:show-config="goodsShowConfig"
:placeholder="'请输入药名或者拼音码'"
@selectedCallBack="goodsSelect"
:disabled="!props.status"
@focus="focus"
:width="1000"
></SearchInput>
<div class="detail">
<div style="display: flex;justify-content: space-between">
<div style="font-size: 18px;font-weight: 500;color: #000">{{
hilistInfo.name
}}[{{ hilistInfo.json?.category || '-' }}]
</div>
<div>￥{{ scope.row.selectedPrice }}/{{ scope.row.selectedUnit }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>规格:{{ hilistInfo.json?.dosage_specifications || '-' }}</div>
<div>生产厂商:{{ hilistInfo.json?.producer || '-' }}</div>
<div>限价:{{ hilistInfo.json?.stock || '0' }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>批准文号:{{ hilistInfo.json?.approval_number || '-' }}</div>
<div>本位码:{{ hilistInfo.json?.standard_code || '-' }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>限价:{{ hilistInfo.hilistPricUplmtAmt ? hilistInfo.hilistPricUplmtAmt : '无' }}</div>
<div>限价类型:{{ hilistInfo.hilistLmtpricType ? hilistInfo.hilistLmtpricType : '无' }}</div>
</div>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column prop="selectedPrice" label="单价" width="200">
<template #default="scope">
￥{{ scope.row.selectedPrice }}
</template>
</el-table-column>
<el-table-column prop="number" label="数量" width="250">
<template #default="scope">
<div v-if="props.status">
<el-input-number v-model="scope.row.selectedNum" :min="0" @change="handleNumChange(scope.row)"
style="margin-right: 5px"></el-input-number>
<el-dropdown v-if="scope.row.trdnFlag == 1">
<span style="line-height: 30px;margin-left: 10px;cursor: pointer">{{ scope.row.selectedUnit }}</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item @click="selectUnit(scope.row,scope.row.packagingUnit)">{{ scope.row.packagingUnit }}
</el-dropdown-item>
<el-dropdown-item @click="selectUnit(scope.row,scope.row.minPackagingUnit)">
{{ scope.row.minPackagingUnit }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
<span v-else style="line-height: 30px;margin-left: 10px">{{ scope.row.selectedUnit }}</span>
</div>
<div v-else>
<div>{{ scope.row.selectedNum }} {{ scope.row.selectedUnit }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="小计">
<template #default="scope">
￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
</template>
</el-table-column>
<el-table-column label="操作" v-if="props.status">
<template #default="scope">
<el-button type="danger" link @click="delGoods(scope.row)">
<el-icon style="margin-right: 3px"><Delete /></el-icon>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="bottom" v-if="!statusDisabled">
<div class="search">
<SearchInput
style="height: 100%"
:request-api="goodsSearchApi"
:show-config="goodsShowConfig"
:placeholder="'请输入药名或者拼音码'"
@selectedCallBack="goodsSelect"
:disabled="!props.status"
@focus="focus"
:width="1000"
></SearchInput>
</div>
<span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() }}</span>
</div>
<span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() }}</span>
</div>
</panel>
</template>

131
src/components/common/service/ServiceDetail.vue
View File

@ -1,70 +1,75 @@
<template>
<Panel title="服务项目">
<el-table v-if="itemDetail.length>0" :data="itemDetail" max-height="300" :header-cell-style="{ backgroundColor: '#F5FAFF' }">
<el-table-column prop="itemName" label="项目名称" show-overflow-tooltip width="400">
<template #default="scope">
<el-popover
width="485"
@show="show(scope.row)"
@hide="hide"
>
<template #reference>
{{ scope.row.itemName }}
</template>
<div class="detail">
<div style="display: flex;justify-content: space-between">
<div style="font-size: 18px;font-weight: 500;color: #000">{{
itemInfo.name
}}[{{ chrgitm_lv[itemInfo.chrgitmLv as keyof typeof chrgitm_lv || '-'] || '-' }}]
<div class="panel-content" style="padding: 0 24px 24px">
<el-table v-if="itemDetail.length>0" :data="itemDetail" max-height="300"
:header-cell-style="{ backgroundColor: '#F5FAFF' }">
<el-table-column prop="itemName" label="项目名称" show-overflow-tooltip width="400">
<template #default="scope">
<el-popover
width="485"
@show="show(scope.row)"
@hide="hide"
>
<template #reference>
{{ scope.row.itemName }}
</template>
<div class="detail">
<div style="display: flex;justify-content: space-between">
<div style="font-size: 18px;font-weight: 500;color: #000">{{
itemInfo.name
}}[{{ chrgitm_lv[itemInfo.chrgitmLv as keyof typeof chrgitm_lv || '-'] || '-' }}]
</div>
<div>￥{{ scope.row.unitPrice }}/{{ scope.row.unit }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>限制条件:{{ itemInfo.lmtUsedFlag == 0 ? '否' : itemInfo.lmtUsedFlag == 1 ? '是' : '-' }}</div>
<div> 医保码:{{ scope.row.itemSocialCode || '-' }}</div>
</div>
<div>￥{{ scope.row.unitPrice }}/{{ scope.row.unit }}</div>
</div>
<div style="display: flex;justify-content: space-between">
<div>限制条件:{{ itemInfo.lmtUsedFlag == 0 ? '否' : itemInfo.lmtUsedFlag == 1 ? '是' : '-' }}</div>
<div> 医保码:{{ scope.row.itemSocialCode || '-' }}</div>
</div>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column label="单价" width="200">
<template #default="scope">
￥{{ scope.row.selectedPrice }}
</template>
</el-table-column>
<el-table-column label="数量" width="250">
<template #default="scope">
<el-input-number v-if="props.status" v-model="scope.row.selectedNum" :min="0"
@change="handleNumChange" style="margin-right: 5px"></el-input-number>
<span v-else>{{ scope.row.selectedNum }}</span>
{{ scope.row.selectedUnit }}
</template>
</el-table-column>
<el-table-column label="小计">
<template #default="scope">
￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
</template>
</el-table-column>
<el-table-column label="操作" v-if="props.status">
<template #default="scope">
<el-button type="danger" link @click="delService(scope.row)">
<el-icon style="margin-right: 3px"><Delete /></el-icon>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="bottom" v-if="!statusDisabled">
<div class="search">
<SearchInput
style="height: 100%"
@focus="focus"
:placeholder="'请输入药服务项目或拼音码'"
:request-api="serviceSearchApi"
:show-config="serviceShowConfig"
@selectedCallBack="serviceSelect" :disabled="!props.status"></SearchInput>
</el-popover>
</template>
</el-table-column>
<el-table-column label="单价" width="200">
<template #default="scope">
￥{{ scope.row.selectedPrice }}
</template>
</el-table-column>
<el-table-column label="数量" width="250">
<template #default="scope">
<el-input-number v-if="props.status" v-model="scope.row.selectedNum" :min="0"
@change="handleNumChange" style="margin-right: 5px"></el-input-number>
<span v-else>{{ scope.row.selectedNum }}</span>
{{ scope.row.selectedUnit }}
</template>
</el-table-column>
<el-table-column label="小计">
<template #default="scope">
￥{{ Math.round(scope.row.selectedNum * scope.row.selectedPrice * 100) / 100 }}
</template>
</el-table-column>
<el-table-column label="操作" v-if="props.status">
<template #default="scope">
<el-button type="danger" link @click="delService(scope.row)">
<el-icon style="margin-right: 3px">
<Delete/>
</el-icon>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div class="bottom" v-if="!statusDisabled">
<div class="search">
<SearchInput
style="height: 100%"
@focus="focus"
:placeholder="'请输入药服务项目或拼音码'"
:request-api="serviceSearchApi"
:show-config="serviceShowConfig"
@selectedCallBack="serviceSelect" :disabled="!props.status"></SearchInput>
</div>
<span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() || 0 }}</span>
</div>
<span v-if="status" style="padding: 10px">合计：￥{{ getTotalPrice() || 0 }}</span>
</div>
</Panel>
</template>
@ -141,7 +146,7 @@ const getTotalPrice = () => {
if (itemDetail.value) {
itemDetail.value.forEach((item: any) => {
totalPrice += item.selectedNum * item.selectedPrice
totalPrice = Math.round(totalPrice * 100) / 100
totalPrice = Math.round(totalPrice * 100) / 100
})
}

10
src/components/inventory/GoodsSearch.vue
View File

@ -46,7 +46,7 @@ const handleSelect = (item: any) => {
<div class="search_box">
<el-select-v2
v-model="state"
style="width: 100%"
style="width: 500px;height: 100%"
filterable
remote
ref="selectRef"
@ -54,6 +54,9 @@ const handleSelect = (item: any) => {
:options="options"
placeholder="输入关键字搜索药品"
>
<template #prefix>
<span class="iconfont icon-RectangleCopy"></span>
</template>
<template #header>
<div class="header">
<div class="text">药品</div>
@ -91,8 +94,6 @@ const handleSelect = (item: any) => {
box-sizing: border-box;
margin-top: 10px;
margin-bottom: 10px;
}
.header {
display: flex;
@ -116,4 +117,7 @@ const handleSelect = (item: any) => {
white-space: nowrap; /* 防止换行 */
}
}
:deep(.el-select__wrapper.is-filterable){
height: 42px;
}
</style>

96
src/components/inventory/Upload.vue Normal file
View File

@ -0,0 +1,96 @@
<template>
<Mask :width="400" :height="240" :is-show="isShow" @close="isShow=false" :show-footer="true" title="选择模板范围">
<template #default>
<div class="select">
<el-form style="height: 100%">
<el-form-item label="药品物资选择范围">
<el-cascader :collapse-tags="true" :props="props" :options="allCateList"
:show-all-levels="false"
v-model="cateIds" clearable @change="change"/>
</el-form-item>
</el-form>
</div>
</template>
<template #footer>
<div class="bottom">
<div class="default-btn" @click="isShow=false">上传数据</div>
<div class="default-btn" @click="uploadCateIds" style="margin-left: 24px">下载模板</div>
<div class="default-btn" @click="isShow=false" style="margin-left: 24px">取消</div>
</div>
</template>
</Mask>
</template>
<script setup lang="ts">
import Mask from "@/components/common/Mask.vue";
import {defineModel, onMounted, ref} from "vue";
import {post} from "@/utils/request.ts";
const isShow = defineModel()
const props = {multiple: true}
interface CateOption {
value: string;
label: string;
children: { value: number; label: string }[];
}
const typeList = {
"1301": "中西成药",
"1302": "中药饮片",
"1306": "医疗器材",
"0": "其他商品",
}
const cateIds = ref<number[]>([]);
const allCateList = ref<CateOption[]>([]);
const getAllCate = () => {
post("goods/cate/getAllList", null).then((res: any) => {
const options = [];
for (const key in res) {
if (typeList.hasOwnProperty(key)) { // 检查键是否存在
options.push({
value: key,
label: typeList[key as keyof typeof typeList], // 类型断言
children: res[key].map((item: { id: number; name: string }) => ({
value: item.id,
label: item.name
})),
});
}
}
allCateList.value = options;
})
}
const ids = ref<any>([])
const change = (value: any) => {
cateIds.value = value
ids.value = []
}
const uploadCateIds = () => {
cateIds.value.map((item: any) => {
if (item[item.length - 1] === 0) return
ids.value.push(item[item.length - 1])
})
console.log(ids)
}
onMounted(() => {
getAllCate()
})
</script>
<style scoped lang="scss">
.select {
height: 100%;
padding: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.bottom {
height: 100%;
display: flex;
justify-content: flex-end;
padding: 24px;
}
</style>

2
src/components/inventory/goods/Cate.vue
View File

@ -1,5 +1,5 @@
<template>
<Mask :width="400" :height="600" :is-show="isShow" @close="isShow=false" :show-fotter="true" title="药品列表">
<Mask :width="400" :height="600" :is-show="isShow" @close="isShow=false" :show-footer="true" title="药品列表">
<el-table
:data="cateList"
style="width: 100%"

1
src/components/inventory/goods/Edit.vue
View File

@ -693,7 +693,6 @@ const contrastCodeConfirm = (data: any) => {
}
let save = async (isClose:Boolean) => {
try {
await formRef.value.validate()
if (!edit_data.value.purchaseUnitPrice || edit_data.value.purchaseUnitPrice<1){
ElMessage.error('参考进价不能为空或小于1');

235
src/components/inventory/purchase/AddOrder.vue
View File

@ -3,7 +3,8 @@
title="新增" :height="760" :show-footer="true">
<div class="add-panel" v-loading="isLoading" element-loading-text="正在保存......">
<div class="top">
<el-form :model="inventory_order_data" label-position="top" :rules="formRules" ref="orderForm">
<el-form :model="inventory_order_data" label-position="top" style="height: 100%" :rules="formRules"
ref="orderForm">
<el-row>
<el-col :span="6">
<el-form-item label="订单编号">
@ -48,13 +49,14 @@
</el-row>
<el-row>
<el-col :span="6">
<el-form-item prop="invoiceCode" label="发票号">
<el-form-item prop="invoiceCode" label="发票号" style="margin-bottom: 0">
<el-input style="width: 234px;" v-model="inventory_order_data.invoiceCode"></el-input>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId">
<el-select style="width: 130px;margin-right: 10px" v-model="inventory_order_data.supplierId" placeholder="请选择供应商">
<el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId" style="margin-bottom: 0">
<el-select style="width: 196px;margin-right: 10px" v-model="inventory_order_data.supplierId"
placeholder="请选择供应商">
<el-option
v-for="item in supplier_list"
:key="item.id"
@ -62,11 +64,22 @@
:value="item.id"
/>
</el-select>
<el-button type="primary" @click="addSupplier">添加供应商</el-button>
<div class="default-btn"
style="
height: 32px;
width: 32px;
line-height: 32px;
border: 1px solid rgb(192, 196, 204);
background-color: #fff;"
@click="addSupplier">
<el-icon style="color: rgb(192, 196, 204)">
<Plus/>
</el-icon>
</div>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="备注" :rules="formRules.purchaseDate">
<el-form-item label="备注" :rules="formRules.purchaseDate" style="margin-bottom: 0">
<el-input v-model="inventory_order_data.remark"/>
</el-form-item>
</el-col>
@ -77,91 +90,103 @@
<div class="add_goods">
<span>添加商品</span>
<div class="search">
<GoodsSearch @selectCallBack="goodsSelectCallBack"></GoodsSearch>
<GoodsSearch @selectCallBack="goodsSelectCallBack" style="height: 42px"></GoodsSearch>
<div class="default-btn" @click="goodsSelectCallBack" style="margin-left: 24px">
<span class="iconfont icon-RectangleCopy"></span>
搜索
</div>
</div>
</div>
<el-table :data="table_list" style="width: 100%;flex: 1">
<el-table-column prop="name" label="药品名称" width="180" show-overflow-tooltip/>
<el-table-column label="售价" prop="unitPrice" width="80">
</el-table-column>
<el-table-column label="单位" prop="packagingUnit" width="80">
</el-table-column>
<el-table-column label="数量" width="110">
<template #default="scope">
<el-input-number
v-model="scope.row.wholeNumber"
:min="1"
size="small"
controls-position="right"
style="width: 80px"
@change="getTotalPrice"
/>
</template>
<div class="table" style="padding: 0 24px;">
<el-table :data="table_list"
style="width: 100%;height: 100%;background: #F9FAFC;border: 1px solid #EAEAEC;border-bottom: none"
:header-cell-style="{ backgroundColor:'#F1F5FB'}">
<el-table-column prop="name" label="药品名称" width="180" show-overflow-tooltip/>
<el-table-column label="售价" prop="unitPrice" width="80">
</el-table-column>
<el-table-column label="单位" prop="packagingUnit" width="80">
</el-table-column>
<el-table-column label="数量" width="110">
<template #default="scope">
<el-input-number
v-model="scope.row.wholeNumber"
:min="1"
size="small"
controls-position="right"
style="width: 80px"
@change="getTotalPrice"
/>
</template>
</el-table-column>
<el-table-column label="进价" width="110">
<template #default="scope">
<el-input-number
v-model="scope.row.purchaseUnitPrice"
:min="1"
size="small"
controls-position="right"
style="width: 80px"
@change="getTotalPrice"
/>
</template>
</el-table-column>
<el-table-column label="生产批号" width="150">
<template #default="scope">
<el-input
v-model="scope.row.productionBatchCode"
placeholder="生产批号"
style="width: 100px"
size="small"/>
</template>
</el-table-column>
<el-table-column label="进价" width="110">
<template #default="scope">
<el-input-number
v-model="scope.row.purchaseUnitPrice"
:min="1"
size="small"
controls-position="right"
style="width: 80px"
@change="getTotalPrice"
/>
</template>
</el-table-column>
<el-table-column label="生产批号" width="150">
<template #default="scope">
<el-input
v-model="scope.row.productionBatchCode"
placeholder="生产批号"
style="width: 100px"
size="small"/>
</template>
</el-table-column>
<el-table-column label="生产日期" width="140">
<template #default="scope">
<el-date-picker
v-model="scope.row.productionDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="生产日期"
size="small"
@change="checkProductionDate(scope.row)"
style="width: 100px;"
/>
</template>
</el-table-column>
<el-table-column label="有效日期" width="140">
<template #default="scope">
<el-date-picker
v-model="scope.row.expiryDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="有效日期"
size="small" style="width: 100px;"/>
</template>
</el-table-column>
<el-table-column label="商品追溯码" width="150">
<template #default="scope">
<!-- <el-input-->
<!-- v-model="scope.row.traceabilityCode"-->
<!-- placeholder="商品追溯码"-->
<!-- style="width: 100px"-->
<!-- size="small"/>-->
<TraceabilityCodeInput v-model="scope.row.traceabilityCodeList"></TraceabilityCodeInput>
</template>
</el-table-column>
<el-table-column label="生产日期" width="140">
<template #default="scope">
<el-date-picker
v-model="scope.row.productionDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="生产日期"
size="small"
@change="checkProductionDate(scope.row)"
style="width: 100px;"
/>
</template>
</el-table-column>
<el-table-column label="有效日期" width="140">
<template #default="scope">
<el-date-picker
v-model="scope.row.expiryDate"
type="date"
value-format="YYYY-MM-DD"
placeholder="有效日期"
size="small" style="width: 100px;"/>
</template>
</el-table-column>
<el-table-column label="商品追溯码" width="150">
<template #default="scope">
<!-- <el-input-->
<!-- v-model="scope.row.traceabilityCode"-->
<!-- placeholder="商品追溯码"-->
<!-- style="width: 100px"-->
<!-- size="small"/>-->
<TraceabilityCodeInput v-model="scope.row.traceabilityCodeList"></TraceabilityCodeInput>
</template>
</el-table-column>
<el-table-column label="操作" width="150">
<template #default="scope">
<!-- <el-button size="small" @click="openCheckoutDetail(scope.row)" type="danger" plain>溯源码</el-button>-->
<el-button size="small" @click="removeTableRow(scope.row)" type="danger" plain>移除</el-button>
</template>
</el-table-column>
</el-table>
</el-table-column>
<el-table-column label="操作" width="200">
<template #default="scope">
<!-- <el-button size="small" @click="openCheckoutDetail(scope.row)" type="danger" plain>溯源码</el-button>-->
<span style="color: #ff0000" @click="removeTableRow(scope.row)">
<el-icon>
<Delete/>
</el-icon>
移除
</span>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<template #footer>
@ -171,8 +196,8 @@
style="color: #FF282E">{{ inventory_order_data.totalPrice.toFixed(2) }}</span>
</div>
<div class="btn">
<el-button type="primary" @click="confirm">确认</el-button>
<el-button type="primary" @click="exit">关闭</el-button>
<div class="default-btn" @click="exit">关闭</div>
<div class="default-btn" @click="confirm" style="margin-left: 24px">确认</div>
</div>
</div>
</template>
@ -193,8 +218,8 @@ import {ElMessage} from "element-plus";
import AddSupplier from "@/components/inventory/supplier/AddSupplier.vue";
import GoodsSearch from "@/components/inventory/GoodsSearch.vue";
import CheckoutDetail from "@/components/inventory/CheckoutDetail.vue";
import {Search} from "@element-plus/icons-vue";
import TraceabilityCodeInput from "@/components/inventory/purchase/TraceabilityCodeInput.vue";
import {Plus, Delete} from "@element-plus/icons-vue";
const orderForm = ref()
const checkoutDetailRef = ref<any>(false);
@ -294,7 +319,7 @@ function getFormattedDate() {
}
let confirm = async () => {
console.log('table_list.value++++++++++++++',table_list.value)
console.log('table_list.value++++++++++++++', table_list.value)
// 进行表单验证
try {
await orderForm.value.validate()
@ -325,7 +350,7 @@ let confirm = async () => {
}
table_list.value.forEach((item: any) => {
console.log(item.traceabilityCodeList)
item.traceabilityCode= JSON.stringify(item.traceabilityCodeList)
item.traceabilityCode = JSON.stringify(item.traceabilityCodeList)
})
let data = {
inventoryOrder: JSON.parse(JSON.stringify(inventory_order_data.value)),
@ -398,8 +423,7 @@ const init = () => {
}
const managerUserList: any = ref([])
const getManagerUserList = () => {
post("manager/user/list", {
}).then((res: any) => {
post("manager/user/list", {}).then((res: any) => {
managerUserList.value = res
})
}
@ -473,19 +497,20 @@ defineExpose({init})
.add-panel {
height: 602px;
padding: 24px 24px 0;
display: flex;
flex-direction: column;
.top {
height: 180px;
height: 204px;
padding: 24px;
}
.table_content {
flex: 1;
margin-top: 24px;
display: flex;
flex-direction: column;
background: #F9FAFC;
min-height: 0;
.add_goods {
height: 90px;
@ -496,11 +521,21 @@ defineExpose({init})
font-size: 18px;
color: #333333;
font-style: normal;
padding: 0 24px;
.search {
width: 50%;
display: flex;
align-items: center;
height: 42px;
}
}
.table {
flex: 1;
min-height: 0;
background: #F9FAFC;
}
}
}
@ -514,6 +549,10 @@ defineExpose({init})
font-size: 22px;
color: #333333;
font-style: normal;
.btn {
display: flex;
}
}
.error {

13
src/components/inventory/purchase/TraceabilityCodeInput.vue
View File

@ -5,8 +5,8 @@
@blur="handlerBlur" @keydown.enter="addCode"></el-input>
</template>
<div class="code-popo">
<el-table :data="list">
<el-table-column label="追溯码" prop="code">
<el-table :data="list" :max-height="260" :header-cell-style="{background: '#F1F5FB'}">
<el-table-column label="追溯码" prop="code" show-overflow-tooltip>
<template #default="{row}">
{{ row.code.slice(0, 7) }}&nbsp;{{ row.code.slice(7) }}
</template>
@ -18,12 +18,13 @@
</span>
</template>
</el-table-column>
<el-table-column label="操作" width="70">
<el-table-column label="操作" width="90">
<template #default="{row}">
<span class="remove" @click="removeRow(row)">
<span class="remove" style="color: #ff0000" @click="removeRow(row)">
<el-icon>
<Close/>
<Delete/>
</el-icon>
删除
</span>
</template>
</el-table-column>
@ -34,7 +35,7 @@
</template>
<script setup lang="ts">
import {ref, watch, onMounted, onUnmounted, nextTick} from "vue";
import {Close} from "@element-plus/icons-vue";
import {Delete} from "@element-plus/icons-vue";
import CodeNumEditDialog from "@/components/inventory/purchase/CodeNumEditDialog.vue";
interface listType {

177
src/components/member/memberProfile/Exchange.vue
View File

@ -1,47 +1,67 @@
<template>
<div class="container_grant">
<Mask :width="540" :height="363" :is-show="isExchange" @close="close" :title="'兑换积分'"
:show-footer="true">
<div class="content_grant">
<div class="head">
<div class="name">
{{props.info.realName}}
</div>
<div class="sex">
{{props.info.sex}}
</div>
<div class="phone">
{{props.info.phone}}
</div>
<div class="point">
积分<span class="num">{{ props.info.integralBalance }}</span>
<img style="width: 60px;height: 60px"
:src="'/static/images/member/' + (props.info.sex === 1 ? 'man' : 'women') + '.png'"
alt="">
<div class="right">
<div class="name">
{{ props.info.name }}
</div>
<div class="text">
<div class="phone">
{{ props.info.phone }}
</div>
<div class="grant-name">
积分：
<img style="width: 16px;height: 16px" src="/static/images/member/1.png" alt="">
<span class="num">{{ props.info.integralBalance }}</span>
</div>
</div>
</div>
</div>
<div>
<el-form label-position="top" :rules="rules" ref="formDataRef" :model="data">
<el-form-item label="兑换积分" prop="integral" >
<el-input placeholder="请输入兑换积分" v-model="data.integral"></el-input>
</el-form-item>
<el-form-item label="兑换备注" prop="remark">
<el-input placeholder="请输入兑换备注" v-model="data.remark"></el-input>
</el-form-item>
<div style="width: 100%">
<el-form
label-position="top" :rules="rules" ref="formDataRef" :model="data"
>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="兑换积分" prop="integral">
<el-input placeholder="请输入兑换积分" v-model="data.integral"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="兑换备注" prop="remark">
<el-input placeholder="请输入兑换备注" v-model="data.remark"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<div class="footer">
<div>
<el-checkbox v-model="printReceipt">同时打印凭证</el-checkbox>
<template #footer>
<div class="footer">
<div>
<el-checkbox v-model="printReceipt">同时打印凭证</el-checkbox>
</div>
<div style="display:flex;">
<div class="default-btn" @click="reduceIntegral">兑换</div>
<div class="default-btn" style="margin-left: 24px" @click="close">取消</div>
</div>
</div>
<div>
<el-button type="primary" @click="reduceIntegral">发放</el-button>
<el-button @click="close">取消</el-button>
</div>
</div>
</div>
</template>
</Mask>
</template>
<script setup lang="ts">
import {ref,defineEmits, defineProps} from 'vue'
import {ref, defineEmits, defineProps} from 'vue'
import {ElFormItem} from "element-plus";
import {post} from "@/utils/request.ts";
import Mask from "@/components/common/Mask.vue";
const isExchange = defineModel()
const emit = defineEmits(['close'])
const props = defineProps({
info: {
@ -54,29 +74,28 @@ const close = () => {
data.value = {}
emit('close')
}
const rules ={
const rules = {
integral: [
{required: true, message: '请输入发放积分', trigger: 'blur'},
{required: true, message: '请输入兑换积分', trigger: 'blur'},
{min: 1, message: '积分不能小于1', trigger: 'blur'}
],
remark:[
{required: true, message: '请输入兑换备注', trigger: 'blur'},
remark: [
{required: true, message: '请输入兑换备注', trigger: 'blur'},
]
}
const data = ref<any>({
integral: 0,
});
const formDataRef = ref();
const reduceIntegral = () => {
const reduceIntegral = () => {
formDataRef.value?.validate((valid: boolean) => {
if (!valid) {
console.log("表单验证失败",data.value);
return;
}
// 如果验证通过，发送请求
data.value.integral =data.value.integral * -1
data.value.integral = data.value.integral * -1
data.value.vipId = props.info.id
post("vip/integral/add",data.value).then((res: any) => {
post("vip/integral/add", data.value).then((res: any) => {
formDataRef.value?.resetFields();
close()
})
@ -86,42 +105,62 @@ const reduceIntegral = () => {
</script>
<style scoped lang="scss">
.container_grant {
background-color: #fff;
.title_grant {
padding-bottom: 20px;
font-size: 18px;
}
.content_grant {
height: 100%;
padding: 24px;
.content_grant {
.head {
height: 50px;
.head {
height: 60px;
display: flex;
align-items: center;
margin-bottom: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
}
.right {
display: flex;
align-items: center;
background-color: rgba(220, 222, 223, 0.5);
border-radius: 10px;
padding-left: 20px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
.sex{
margin:0 10px;
}
.phone{
height: 21px;
line-height: 25px;
}
.point{
margin:0 30px 0 50px;
.num{
color: rgba(237, 120, 23, 0.67);
flex-direction: column;
justify-content: center;
margin-left: 16px;
.text {
margin-top: 4px;
display: flex;
.phone {
margin-right: 20px;
}
.grant-name {
display: flex;
.num {
font-weight: bold;
font-size: 24px;
color: #4D6DE4;
font-style: normal;
line-height: 16px;
margin-left: 6px;
}
}
}
}
}
.footer {
display: flex;
justify-content: space-between;
padding-top: 20px;
}
}
.footer {
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px;
}
</style>

197
src/components/member/memberProfile/Grant.vue
View File

@ -1,48 +1,63 @@
<template>
<div class="container_grant">
<div class="content_grant">
<div class="head">
<div class="name">
{{props.info.realName}}
<Mask :width="540" :height="363" :is-show="isGrant" @close="isGrant=false" :title="'发放积分'" :show-footer="true">
<template #default>
<div class="content_grant">
<div class="head">
<img style="width: 60px;height: 60px"
:src="'/static/images/member/' + (props.info.sex === 1 ? 'man' : 'women') + '.png'"
alt="">
<div class="right">
<div class="name">
{{ props.info.name }}
</div>
<div class="text">
<div class="phone">
{{ props.info.phone }}
</div>
<div class="grant-name">
积分：
<img style="width: 16px;height: 16px" src="/static/images/member/1.png" alt="">
<span class="num">{{ props.info.integralBalance }}</span>
</div>
</div>
</div>
</div>
<div class="sex">
{{props.info.sex}}
</div>
<div class="phone">
{{props.info.phone}}
</div>
<div class="point">
积分<span class="num">{{props.info.integralBalance}}</span>
<div style="width: 100%">
<el-form
label-position="top" :rules="rules" ref="ruleFormRef" :model="data"
>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="发放积分" prop="integral">
<el-input v-model="data.integral" placeholder="请输入发放积分"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发放备注" prop="remark">
<el-input v-model="data.remark" placeholder="请输入发放备注"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</div>
<div>
<el-form
:rules="rules"
v-model="data"
label-position="top"
ref="ruleFormRef"
require-asterisk-position="right"
>
<el-form-item label="发放积分" prop="integral">
<el-input v-model="data.integral" placeholder="请输入发放积分"></el-input>
</el-form-item>
<el-form-item label="发放备注" prop="remark">
<el-input v-model="data.remark" placeholder="请输入发放备注"></el-input>
</el-form-item>
</el-form>
</template>
<template #footer>
<div class="footer">
<div class="default-btn" @click="grant()">发放</div>
<div class="default-btn" style="margin-left: 24px" @click="close">取消</div>
</div>
</div>
<div class="footer">
<el-button type="primary" @click="grant()">发放</el-button>
<el-button @click="close">取消</el-button>
</div>
</div>
</template>
</Mask>
</template>
<script setup lang="ts">
import {ref,defineEmits,defineProps} from 'vue'
import {ref, defineEmits, defineProps, onMounted} from 'vue'
import {post} from "@/utils/request.ts";
import {ElFormItem} from "element-plus";
import {ElFormItem, ElMessage} from "element-plus";
import Mask from "@/components/common/Mask.vue";
const isGrant = defineModel()
const emit = defineEmits(['close'])
const props = defineProps({
info: {
@ -50,64 +65,92 @@ const props = defineProps({
default: () => ({})
}
})
const rules ={
integral: [
{required: true, message: '请输入发放积分', trigger: 'blur'},
],
remark:[
{required: true, message: '请输入备注', trigger: 'blur'},
const rules = {
integral: [
{required: true, message: '请输入兑换积分', trigger: 'blur'},
{min: 0, message: '积分不能小于0', trigger: 'blur'}
],
remark: [
{required: true, message: '请输入兑换备注', trigger: 'blur'},
]
}
const close = () => {
data.value = {}
emit('close')
}
const data=ref<any>({})
const data = ref<any>({})
const ruleFormRef = ref()
const grant = async () => {
data.value.vipId = props.info.id
post('vip/integral/add', data.value).then((res: any) => {
close()
ruleFormRef.value?.validate((valid: any) => {
if (!valid) return
data.value.vipId = props.info.id
post('vip/integral/add', data.value).then((res: any) => {
ElMessage.success('已发放')
close()
})
})
}
</script>
<style scoped lang="scss">
.container_grant {
background-color: #fff;
.title_grant {
padding-bottom: 20px;
font-size: 18px;
}
.content_grant {
height: 100%;
padding: 24px;
.content_grant {
.head {
height: 50px;
.head {
height: 60px;
display: flex;
align-items: center;
margin-bottom: 16px;
.name {
font-weight: bold;
font-size: 24px;
color: #333333;
line-height: 33px;
text-align: left;
font-style: normal;
}
.right {
display: flex;
align-items: center;
background-color: rgba(220, 222, 223, 0.5);
border-radius: 10px;
padding-left: 20px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.05);
.sex{
margin:0 10px;
}
.phone{
height: 21px;
line-height: 25px;
}
.point{
margin:0 30px 0 50px;
.num{
color: rgba(237, 120, 23, 0.67);
flex-direction: column;
justify-content: center;
margin-left: 16px;
.text {
margin-top: 4px;
display: flex;
.phone {
margin-right: 20px;
}
.grant-name {
display: flex;
.num {
font-weight: bold;
font-size: 24px;
color: #4D6DE4;
font-style: normal;
line-height: 16px;
margin-left: 6px;
}
}
}
}
}
}
.footer {
display: flex;
justify-content: flex-end;
padding-top: 20px;
}
.footer {
height: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 24px;
}
</style>

78
src/views/LayoutSocial.vue
View File

@ -1,55 +1,83 @@
<template>
<div class="layout-container">
<Header class="header" />
<header>
<div class="center-wrapper">
<div class="childMenu">
<router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
{{ item.name }}
</router-link>
<Header class="header"/>
<div class="body">
<header style="height: 50px">
<div class="center-wrapper">
<div class="childMenu">
<router-link :to="item.path" class="child-item" v-for="(item,index) in childMenuList" :key="index">
{{ item.name }}
</router-link>
</div>
</div>
</div>
</header>
<div class="space"></div>
<main class="layout-main">
<router-view/>
</main>
<div class="space"></div>
<Footer class="footer" />
</header>
<main class="layout-main" style="margin-top: 24px">
<router-view/>
</main>
</div>
<Footer class="footer"/>
</div>
</template>
<style scoped lang="scss">
.body{
height: 100%;
padding: 24px;
display: flex;
flex-direction: column;
}
.childMenu {
width: 100%;
height: 60px;
height: 50px;
background: #fff;
display: flex;
align-items: center;
border-radius: 8px;
.child-item {
width: 136px;
display: inline-block;
color: #151515;
outline: none;
text-decoration: none;
font-size: 18px;
margin-left: 10px;
margin-right: 10px;
height: 35px;
height: 50px;
position: relative;
line-height: 50px;
text-align: center;
&::before{
content: '';
position: absolute;
right: 0;
top:50%;
display: block;
width: 2px;
height: 16px;
background: #D8D8D8;
border-radius: 1px;
transform: translate(0 ,-50%);
}
&:last-child::before{
display: none;
}
}
.router-link-active:after {
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #151515; // 下划线颜色
width: 80px;
height: 4px;
background-color: #4D6DE4; // 下划线颜色
position: absolute;
bottom: -5px; // 调整下划线与文字的距离
left: 0;
bottom: 0; // 调整下划线与文字的距离
left: 50%;
transform: translateX(-50%);
border-radius: 2px;
}
}
a.router-link-active.router-link-exact-active.child-item{
color: #4D6DE4;
}
</style>

3
src/views/inventory/goods.vue
View File

@ -19,7 +19,7 @@
</el-input>
</el-form-item>
<el-form-item>
<el-cascader style="width: 180px;height: 42px" :options="allCateList" :show-all-levels="false"
<el-cascader :collapse-tags="true" :props="props" style="width: 180px;height: 42px" :options="allCateList" :show-all-levels="false"
v-model="searchModel.cateId" clearable/>
</el-form-item>
<el-form-item>
@ -426,6 +426,7 @@ const getStatisticsData = () => {
statisticsData.value = res
})
}
const props = { multiple: true }
</script>
<style scoped lang="scss">
.v-enter-active,

28
src/views/inventory/inventory.vue
View File

@ -77,7 +77,8 @@
</div>
</div>
<div class="addBtn">
<span @click="openAdd">新增采购</span>
<span class="default-btn" @click="openAdd">新增采购</span>
<span class="default-btn" @click="openUpload">一键导入</span>
</div>
</div>
<div class="content_list">
@ -129,6 +130,7 @@
</div>
<AddOrder ref="addOrderRef" @close="closeAddOrder"/>
<EditOrder ref="editOrderRef" @close="closeEditOrder" @updateOrderDetail="init"/>
<UpLoad v-model="show"></UpLoad>
</div>
</template>
@ -141,6 +143,7 @@ import Mask from "@/components/common/Mask.vue";
import EditOrder from "@/components/inventory/purchase/EditOrder.vue";
import {Plus, Refresh, Search, SemiSelect} from "@element-plus/icons-vue";
import {formatDateArray, getEndOfDay} from "@/utils/dateUtils.ts";
import UpLoad from "@/components/inventory/Upload.vue";
let tableData = ref([])
let is_edit = ref(false)
@ -242,6 +245,10 @@ const resetSearch = () => {
}
init()
}
const show = ref(false)
const openUpload= ()=>{
show.value=true
}
</script>
<style scoped lang="scss">
@use "@/assets/scss/base.scss";
@ -377,26 +384,9 @@ const resetSearch = () => {
}
.addBtn {
span {
span{
display: inline-block;
width: 120px;
height: 42px;
background: #FFFFFF;
border-radius: 6px;
border: 1px solid #4D6DE4;
margin-right: 24px;
font-weight: 500;
font-size: 16px;
color: #4D6DE4;
text-align: center;
line-height: 42px;
cursor: pointer;
&:hover {
background: #4D6DE4;
color: #fff;
border: none;
}
}
}
}

13
src/views/member/index.vue
View File

@ -74,7 +74,7 @@
}}
</el-descriptions-item>
<el-descriptions-item label="证件类型">
{{ certTypeList.find((item: any) => item.id == listItem.certType)?.name }}
{{ certTypeList.find((item: any) => item.id == Number(listItem.certType))?.name }}
</el-descriptions-item>
>
<el-descriptions-item label="证件号码">{{ listItem.certNo || "-" }}</el-descriptions-item>
@ -155,12 +155,8 @@
</div>
<VipEdit ref="refEdit" @close="init"></VipEdit>
<VipLevelEdit ref="levelEditRef" @close="init"></VipLevelEdit>
<Mask :width="600" :height="400" :is-show="isGrant" @close="isGrant=false" :title="'发放积分'">
<Grant :info="listItem" @close="closeGrant()"></Grant>
</Mask>
<Mask :width="600" :height="400" :is-show="isExchange" @close="isExchange=false" title="兑换积分">
<Exchange :info="listItem" @close="closeExchange()"></Exchange>
</Mask>
<Grant v-model="isGrant" :info="listItem" @close="closeGrant()"></Grant>
<Exchange v-model="isExchange" :info="listItem" @close="closeExchange()"></Exchange>
<Mask :is-show="isFlowingWater" @close="isFlowingWater = false" title="流水记录">
<FlowingWater :info="listItem"></FlowingWater>
</Mask>
@ -238,8 +234,6 @@ const init = () => {
});
});
getChargeList(listItem.value.id);
});
};
const getVipIntegral = (id: any) => {
@ -310,6 +304,7 @@ const btn = (item: any, i: number) => {
//点击发放
const openGrant = () => {
isGrant.value = true
console.log(listItem.value)
}
//消费时间
const tableData = ref([])