dev
This commit is contained in:
parent
a09446e907
commit
966c0ae05b
|
|
@ -20,7 +20,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="tabs">
|
<div class="tabs">
|
||||||
<span v-for="(item,index) in statusList " :key="index" :class="query.status == item.value ? 'tabs-item' : ''"
|
<span v-for="(item,index) in statusList " :key="index" :class="query.status == item.value ? 'tabs-item' : ''"
|
||||||
@click="tab(item)">{{ item.label }} {{ item.num }}
|
@click="tab(item)">{{ item.label }} ({{ item.num }})
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="search">
|
<div class="search">
|
||||||
|
|
|
||||||
|
|
@ -54,7 +54,7 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
<el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId">
|
<el-form-item prop="supplierId" label="供应商" :rules="formRules.supplierId">
|
||||||
<el-select style="width: 150px;" v-model="inventory_order_data.supplierId" placeholder="请选择供应商">
|
<el-select style="width: 130px;margin-right: 10px" v-model="inventory_order_data.supplierId" placeholder="请选择供应商">
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in supplier_list"
|
v-for="item in supplier_list"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
|
|
@ -386,7 +386,6 @@ const init = () => {
|
||||||
isShow.value = true
|
isShow.value = true
|
||||||
getSupplierList()
|
getSupplierList()
|
||||||
getManagerUserList()
|
getManagerUserList()
|
||||||
|
|
||||||
getUserInfo()
|
getUserInfo()
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@
|
||||||
v-model="inventory_order_data.supplierId"
|
v-model="inventory_order_data.supplierId"
|
||||||
placeholder="请选择供应商"
|
placeholder="请选择供应商"
|
||||||
v-if="orderInfoIsEdit"
|
v-if="orderInfoIsEdit"
|
||||||
style="width: 234px;"
|
style="width: 130px;margin-right: 10px"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in supplier_list"
|
v-for="item in supplier_list"
|
||||||
|
|
@ -75,7 +75,8 @@
|
||||||
:value="item.id"
|
:value="item.id"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
<span style="width: 234px;" class="order-info" v-else>{{ inventory_order_data.supplierName }}</span>
|
<el-button v-if="orderInfoIsEdit" type="primary" @click="addSupplier">添加供应商</el-button>
|
||||||
|
<span style="width: 234px;" class="order-info" v-if="!orderInfoIsEdit">{{ inventory_order_data.supplierName }}</span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="6">
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<el-form :inline="true" :model="searchModel">
|
<el-form :inline="true" :model="searchModel">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-input placeholder="请输入名称"
|
<el-input placeholder="名称/首字母/批准文号/条形码/标识码"
|
||||||
clearable
|
clearable
|
||||||
v-model="searchModel.keyword"
|
v-model="searchModel.keyword"
|
||||||
style="width: 290px;height: 42px"
|
style="width: 290px;height: 42px"
|
||||||
|
|
@ -168,11 +168,6 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="备注" prop="remark" width="100" show-overflow-tooltip/>
|
<el-table-column label="备注" prop="remark" width="100" show-overflow-tooltip/>
|
||||||
<el-table-column label="医保类别">
|
|
||||||
<template #default="scope">
|
|
||||||
{{ getTypeName(scope.row.type) }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -485,6 +480,7 @@ const getStatisticsData = () => {
|
||||||
color: #4D6DE4;
|
color: #4D6DE4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
|
cursor: pointer;
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #4D6DE4;
|
background: #4D6DE4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
|
||||||
|
|
@ -25,36 +25,32 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchModel.cateId"
|
v-model="searchModel.supplierIds"
|
||||||
placeholder="供应商"
|
placeholder="供应商"
|
||||||
style="width: 200px;height: 42px"
|
style="width: 200px;height: 42px"
|
||||||
multiple
|
multiple
|
||||||
clearable
|
|
||||||
collapse-tags
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in 10"
|
v-for="item in supplier_list"
|
||||||
:key="item"
|
:key="item"
|
||||||
:label="item"
|
:label="item.name"
|
||||||
:value="item"
|
:value="item.id"
|
||||||
>
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-select
|
<el-select
|
||||||
v-model="searchModel.cateId"
|
v-model="searchModel.managerUserIds"
|
||||||
placeholder="采购人"
|
placeholder="采购人"
|
||||||
style="width: 200px;height: 42px"
|
style="width: 200px;height: 42px"
|
||||||
multiple
|
multiple
|
||||||
clearable
|
|
||||||
collapse-tags
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in 10"
|
v-for="item in managerUserList"
|
||||||
:key="item"
|
:key="item"
|
||||||
:label="item"
|
:label="item.name"
|
||||||
:value="item"
|
:value="item.id"
|
||||||
>
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
@ -83,11 +79,13 @@
|
||||||
<div class="content_list">
|
<div class="content_list">
|
||||||
<el-scrollbar>
|
<el-scrollbar>
|
||||||
<el-table :data="tableData" style="width: 100%" @row-click="open_edit" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
|
<el-table :data="tableData" style="width: 100%" @row-click="open_edit" :header-cell-style="{ backgroundColor: '#F1F5FB' }">
|
||||||
<el-table-column fixed label="进货单号" show-overflow-tooltip>
|
<el-table-column fixed label="采购单号" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div class="link">{{ scope.row.code }}</div>
|
<div class="link">{{ scope.row.code }}</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
<el-table-column label="货单号" prop="shippingCode">
|
||||||
|
</el-table-column>
|
||||||
<el-table-column label="品种" prop="kindCount">
|
<el-table-column label="品种" prop="kindCount">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="入库金额">
|
<el-table-column label="入库金额">
|
||||||
|
|
@ -102,10 +100,12 @@
|
||||||
{{ formatDate(scope.row.purchaseDate) }}
|
{{ formatDate(scope.row.purchaseDate) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="createDatetime" label="创建时间">
|
<!-- <el-table-column prop="createDatetime" label="入库时间">-->
|
||||||
<template #default="scope">
|
<!-- <template #default="scope">-->
|
||||||
{{ formatDate(scope.row.createDatetime) }}
|
<!-- {{ formatDate(scope.row.purchaseDate) }}-->
|
||||||
</template>
|
<!-- </template>-->
|
||||||
|
<!-- </el-table-column>-->
|
||||||
|
<el-table-column label="备注" prop="remark">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-scrollbar>
|
</el-scrollbar>
|
||||||
|
|
@ -143,6 +143,8 @@ const route = useRoute()
|
||||||
let open_code = ref(null)
|
let open_code = ref(null)
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
init()
|
init()
|
||||||
|
getSupplierList()
|
||||||
|
getManagerUserList()
|
||||||
})
|
})
|
||||||
const addOrderRef = ref<any>('')
|
const addOrderRef = ref<any>('')
|
||||||
const openAdd = () => {
|
const openAdd = () => {
|
||||||
|
|
@ -162,8 +164,9 @@ let init = () => {
|
||||||
const query = {
|
const query = {
|
||||||
page: page.value,
|
page: page.value,
|
||||||
pageSize: 20,
|
pageSize: 20,
|
||||||
|
...searchModel.value
|
||||||
}
|
}
|
||||||
post("inventory/order/list", {query: query,...searchModel.value}).then((res: any) => {
|
post("inventory/order/list", {query: query}).then((res: any) => {
|
||||||
tableData.value = res.list
|
tableData.value = res.list
|
||||||
total.value = res.total_count
|
total.value = res.total_count
|
||||||
})
|
})
|
||||||
|
|
@ -197,24 +200,39 @@ const handleDateChange = (date: any[]) => {
|
||||||
if (selectedDate.value[0] == selectedDate.value[1]) {
|
if (selectedDate.value[0] == selectedDate.value[1]) {
|
||||||
selectedDate.value[1] = getEndOfDay(selectedDate.value[1]); // 输出今天 23:59
|
selectedDate.value[1] = getEndOfDay(selectedDate.value[1]); // 输出今天 23:59
|
||||||
}
|
}
|
||||||
|
searchModel.value.beginTime = selectedDate.value[0]
|
||||||
|
searchModel.value.endTime = selectedDate.value[1]
|
||||||
|
}
|
||||||
|
const supplier_list = ref<any>([])
|
||||||
|
const getSupplierList = () => {
|
||||||
|
const query = {
|
||||||
|
turn: 1
|
||||||
|
}
|
||||||
|
post("inventory/supplier/list", {query: query}).then((res: any) => {
|
||||||
|
supplier_list.value = res.list
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const managerUserList: any = ref([])
|
||||||
|
const getManagerUserList = () => {
|
||||||
|
post("manager/user/list", {
|
||||||
|
}).then((res: any) => {
|
||||||
|
managerUserList.value = res
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
const searchModel = ref({
|
const searchModel = ref({
|
||||||
purchaseDate:"",
|
|
||||||
code: "",
|
code: "",
|
||||||
cateId: [],
|
managerUserIds: [],
|
||||||
minInterestRate: "",
|
supplierIds: [],
|
||||||
maxInterestRate: "",
|
beginTime: null,
|
||||||
curProfitCate: []
|
endTime:null
|
||||||
})
|
})
|
||||||
const resetSearch = () => {
|
const resetSearch = () => {
|
||||||
searchModel.value = {
|
searchModel.value = {
|
||||||
purchaseDate:"",
|
|
||||||
code: "",
|
code: "",
|
||||||
cateId: [],
|
managerUserIds: [],
|
||||||
minInterestRate: "",
|
supplierIds: [],
|
||||||
maxInterestRate: "",
|
beginTime: null,
|
||||||
curProfitCate: []
|
endTime:null
|
||||||
}
|
}
|
||||||
init()
|
init()
|
||||||
}
|
}
|
||||||
|
|
@ -360,6 +378,7 @@ const resetSearch = () => {
|
||||||
color: #4D6DE4;
|
color: #4D6DE4;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 42px;
|
line-height: 42px;
|
||||||
|
cursor: pointer;
|
||||||
&:hover {
|
&:hover {
|
||||||
background: #4D6DE4;
|
background: #4D6DE4;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
@ -368,6 +387,9 @@ const resetSearch = () => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
:deep(.el-range-editor.el-input__wrapper) {
|
||||||
|
height: 42px;
|
||||||
|
}
|
||||||
:deep(.el-select__wrapper) {
|
:deep(.el-select__wrapper) {
|
||||||
height: 42px;
|
height: 42px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue