|
@@ -1,17 +1,18 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div>
|
|
<div>
|
|
|
|
|
+ <ul class="flex space-x-2 rtl:space-x-reverse pb-2">
|
|
|
|
|
+ <li>
|
|
|
|
|
+ <a href="javascript:;" class=" hover:underline" @click="goHome">首页</a>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li class="before:content-['/'] ltr:before:mr-2 rtl:before:ml-2 text-primary">
|
|
|
|
|
+ <span>出入明细</span>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
<el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
|
|
<el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
|
|
|
<el-tab-pane label="入库明细" name="first"></el-tab-pane>
|
|
<el-tab-pane label="入库明细" name="first"></el-tab-pane>
|
|
|
<el-tab-pane label="出库明细" name="second"></el-tab-pane>
|
|
<el-tab-pane label="出库明细" name="second"></el-tab-pane>
|
|
|
</el-tabs>
|
|
</el-tabs>
|
|
|
- <!-- <ul class="flex space-x-2 rtl:space-x-reverse">
|
|
|
|
|
- <li>
|
|
|
|
|
- <a href="javascript:;" class="text-primary hover:underline">首页</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="before:content-['/'] ltr:before:mr-2 rtl:before:ml-2">
|
|
|
|
|
- <span>订单列表</span>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul> -->
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
<div v-if="activeName == 'first'" class="panel pb-0 mt-6">
|
|
<div v-if="activeName == 'first'" class="panel pb-0 mt-6">
|
|
|
|
|
|
|
@@ -71,8 +72,9 @@
|
|
|
{{ deliveryName(data.value.has_submit) }}
|
|
{{ deliveryName(data.value.has_submit) }}
|
|
|
</template>
|
|
</template>
|
|
|
<!-- 定义操作栏的模板 -->
|
|
<!-- 定义操作栏的模板 -->
|
|
|
- <template #actions="data">
|
|
|
|
|
- <button v-if="data.value.has_submit=='N'" @click="inStorage(data)" class="btn btn-primary">编辑</button>
|
|
|
|
|
|
|
+ <template #actions="data">
|
|
|
|
|
+ <button v-if="data.value.has_submit == 'N'" @click="inStorage(data)"
|
|
|
|
|
+ class="btn btn-primary">编辑</button>
|
|
|
</template>
|
|
</template>
|
|
|
<template #isActive="">
|
|
<template #isActive="">
|
|
|
<!-- <span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
<!-- <span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
@@ -136,8 +138,9 @@
|
|
|
{{ typeOutName(data.value.type) }}
|
|
{{ typeOutName(data.value.type) }}
|
|
|
</template>
|
|
</template>
|
|
|
<!-- 定义操作栏的模板 -->
|
|
<!-- 定义操作栏的模板 -->
|
|
|
- <template #actions="data">
|
|
|
|
|
- <button v-if="data.value.type!=='SALE_OUT'" @click="outStorage(data)" class="btn btn-primary">编辑</button>
|
|
|
|
|
|
|
+ <template #actions="data">
|
|
|
|
|
+ <button v-if="data.value.type !== 'SALE_OUT'" @click="outStorage(data)"
|
|
|
|
|
+ class="btn btn-primary">编辑</button>
|
|
|
</template>
|
|
</template>
|
|
|
<!-- <template #isActive="data">
|
|
<!-- <template #isActive="data">
|
|
|
<span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
<span class="capitalize" :class="data.value.isActive ? 'text-success' : 'text-danger'">{{
|
|
@@ -164,13 +167,13 @@ useMeta({ title: 'Column Chooser Table' });
|
|
|
const router = useRouter();
|
|
const router = useRouter();
|
|
|
const store = useAppStore();
|
|
const store = useAppStore();
|
|
|
const search = ref('');
|
|
const search = ref('');
|
|
|
-const rows:any = ref([]); // 初始化rows为响应式引用
|
|
|
|
|
-const outrows:any = ref([]);
|
|
|
|
|
-const customerList:any = ref([])//初始化客户列表
|
|
|
|
|
-const warehouseList:any = ref([])//初始化客户列表
|
|
|
|
|
-const deliveryList:any = ref([])//初始化客户列表
|
|
|
|
|
-const entryTypeList:any = ref([])//初始化入库状态列表
|
|
|
|
|
-const outTypeList:any = ref([])//初始化出库状态列表
|
|
|
|
|
|
|
+const rows: any = ref([]); // 初始化rows为响应式引用
|
|
|
|
|
+const outrows: any = ref([]);
|
|
|
|
|
+const customerList: any = ref([])//初始化客户列表
|
|
|
|
|
+const warehouseList: any = ref([])//初始化客户列表
|
|
|
|
|
+const deliveryList: any = ref([])//初始化客户列表
|
|
|
|
|
+const entryTypeList: any = ref([])//初始化入库状态列表
|
|
|
|
|
+const outTypeList: any = ref([])//初始化出库状态列表
|
|
|
//入库列表
|
|
//入库列表
|
|
|
const cols = ref([
|
|
const cols = ref([
|
|
|
{ field: 'sn', title: '入库单号', isUnique: true, hide: false },
|
|
{ field: 'sn', title: '入库单号', isUnique: true, hide: false },
|
|
@@ -204,13 +207,13 @@ const handleClick = (tab: TabsPaneContext) => {
|
|
|
//activeName = tab.props.name
|
|
//activeName = tab.props.name
|
|
|
}
|
|
}
|
|
|
//入库
|
|
//入库
|
|
|
-const inStorage=(row)=>{
|
|
|
|
|
|
|
+const inStorage = (row) => {
|
|
|
router.replace({
|
|
router.replace({
|
|
|
name: 'inStorage',
|
|
name: 'inStorage',
|
|
|
params: { id: row.value.id }
|
|
params: { id: row.value.id }
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
-const outStorage=(row)=>{
|
|
|
|
|
|
|
+const outStorage = (row) => {
|
|
|
router.replace({
|
|
router.replace({
|
|
|
name: 'outStorage',
|
|
name: 'outStorage',
|
|
|
params: { id: row.value.id }
|
|
params: { id: row.value.id }
|
|
@@ -285,4 +288,9 @@ const getInforList = async () => {
|
|
|
entryTypeList.value = await dictionaryAPI.getPage({ dictType: "warehouse_entry_type" })//获取入库类型
|
|
entryTypeList.value = await dictionaryAPI.getPage({ dictType: "warehouse_entry_type" })//获取入库类型
|
|
|
outTypeList.value = await dictionaryAPI.getPage({ dictType: "out_warehouse_type" })//获取出库类型
|
|
outTypeList.value = await dictionaryAPI.getPage({ dictType: "out_warehouse_type" })//获取出库类型
|
|
|
}
|
|
}
|
|
|
|
|
+const goHome=()=>{
|
|
|
|
|
+ router.replace({
|
|
|
|
|
+ name: 'home'
|
|
|
|
|
+ });
|
|
|
|
|
+}
|
|
|
</script>
|
|
</script>
|