<script setup lang="ts">
|
import { ref, reactive, onMounted, computed, PropType } from "vue";
|
import { useRenderIcon } from "@/components/ReIcon/src/hooks";
|
import { useDept } from "./utils/hook";
|
import { FormItemProps } from "./utils/types";
|
|
interface Emits {
|
(e: "backListPage"): void;
|
}
|
const emit = defineEmits<Emits>();
|
const props = defineProps({
|
nowInfo: Object as PropType<FormItemProps>
|
});
|
import Delete from "~icons/ep/delete";
|
import EditPen from "~icons/ep/edit-pen";
|
import IconParkSolidBack from "~icons/icon-park-solid/back";
|
|
const {
|
state,
|
loading,
|
selectedNum,
|
dataList,
|
onSearch,
|
resetForm,
|
openDialog,
|
handleDelete,
|
handleSelectionChange,
|
handleSizeChange,
|
handleCurrentChange,
|
pagination,
|
checkboxAsRadio,
|
onSelectionCancel,
|
onbatchDel
|
} = useDept(ref({}));
|
defineOptions({
|
name: "itemdetail"
|
});
|
onMounted(() => {
|
console.log(props.nowInfo);
|
});
|
const backListPage = () => {
|
emit("backListPage");
|
};
|
</script>
|
|
<template>
|
<div>
|
<el-card>
|
<template v-slot:header>
|
<div class="flex justify-between">
|
<div>{{ nowInfo.projectName }}</div>
|
<div>
|
<el-button
|
class="reset-margin"
|
link
|
type="primary"
|
:icon="useRenderIcon(EditPen)"
|
@click="openDialog('修改', nowInfo)"
|
/>
|
<el-button
|
class="reset-margin"
|
link
|
type="primary"
|
:icon="useRenderIcon(Delete)"
|
@click="openDialog('修改', nowInfo)"
|
/>
|
<el-button
|
class="reset-margin"
|
link
|
type="primary"
|
:icon="useRenderIcon(IconParkSolidBack)"
|
@click="backListPage"
|
/>
|
</div>
|
</div>
|
</template>
|
<div>
|
<el-descriptions class="margin-top" :column="3" :size="size" border>
|
<el-descriptions-item label="项目编号">
|
{{ nowInfo.projectCode }}
|
</el-descriptions-item>
|
<el-descriptions-item label="行业品目"
|
>18100000000</el-descriptions-item
|
>
|
<el-descriptions-item label="采购方式">
|
{{ nowInfo.caigoufangshiName }}
|
</el-descriptions-item>
|
<el-descriptions-item label="联合体投标">
|
{{ nowInfo.lianhetitoubiao }}
|
</el-descriptions-item>
|
<el-descriptions-item label="Remarks">
|
<el-tag size="small">School</el-tag>
|
</el-descriptions-item>
|
<el-descriptions-item label="Address" />
|
</el-descriptions>
|
</div>
|
</el-card>
|
</div>
|
</template>
|
|
<style lang="scss" scoped></style>
|
