|
@@ -1,17 +1,12 @@
|
|
|
<template>
|
|
|
<div class="hc-layout-box" v-loading="boxLoading">
|
|
|
<HcCard ui="flex-1" v-if="false">
|
|
|
- <div class="hc-no-table-form">
|
|
|
- <div class="table-form-no">
|
|
|
- <img :src="nowebp" alt=""/>
|
|
|
- <div class="desc">暂无相关数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <HcStatus/>
|
|
|
</HcCard>
|
|
|
<div class="hc-layout-left">
|
|
|
<el-scrollbar>
|
|
|
- <el-menu default-active="2" class="hc-ledger-query-menu" unique-opened>
|
|
|
- <el-sub-menu v-for="item in menuOptions" :key="item?.primaryKeyId" :index="item?.primaryKeyId">
|
|
|
+ <el-menu :default-active="menuKey" class="hc-ledger-query-menu" unique-opened>
|
|
|
+ <el-sub-menu v-for="item in menuDatas" :key="item?.primaryKeyId" :index="item?.primaryKeyId">
|
|
|
<template #title>{{item?.title}}</template>
|
|
|
<el-menu-item :index="`${item?.primaryKeyId}-form`">日志填报</el-menu-item>
|
|
|
<el-menu-item :index="`${item?.primaryKeyId}-table`">日志列表查看</el-menu-item>
|
|
@@ -19,105 +14,18 @@
|
|
|
</el-menu>
|
|
|
</el-scrollbar>
|
|
|
</div>
|
|
|
- <div class="hc-layout-content">
|
|
|
- <div class="hc-content-box">
|
|
|
- <div class="hc-table-forem-box">
|
|
|
|
|
|
- <div class="hc-no-table-form">
|
|
|
- <div class="table-form-no">
|
|
|
- <img :src="nowebp" alt=""/>
|
|
|
- <div class="desc">暂无相关数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <HcTableForm :projectId="projectId" :contractId="contractId"/>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="hc-right-pian-box hc-flex-column">
|
|
|
- <DateCalendar :dateData="dateData" @choice-date="dateCalendarChoice"/>
|
|
|
- <el-alert title="蓝色代表当天已填写过日志" type="warning" show-icon/>
|
|
|
- <div class="my-4">
|
|
|
- <el-button type="primary" hc-btn>
|
|
|
- <HcIcon name="add-circle"/>
|
|
|
- <span>关联工序</span>
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- <div class="hc-process-box">
|
|
|
- <el-scrollbar>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- <div class="process-item-box">
|
|
|
- <div class="process-item">这是名称这是名称这是名称这是名称这是名称这是名称这是名称</div>
|
|
|
- <HcIcon name="close-circle" fill class="process-icon"/>
|
|
|
- </div>
|
|
|
- </el-scrollbar>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="hc-footer-box">
|
|
|
- <HcTooltip keys="ledger_query_save_form">
|
|
|
- <el-button type="primary" hc-btn>
|
|
|
- <HcIcon name="save"/>
|
|
|
- <span>保存</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- <HcTooltip keys="ledger_query_report_form">
|
|
|
- <el-button hc-btn>
|
|
|
- <HcIcon name="send-plane-2"/>
|
|
|
- <span>上报</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- <HcTooltip keys="ledger_query_preview_form">
|
|
|
- <el-button hc-btn>
|
|
|
- <HcIcon name="eye"/>
|
|
|
- <span>预览</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- <HcTooltip keys="ledger_query_copy_form">
|
|
|
- <el-button hc-btn>
|
|
|
- <HcIcon name="file-copy-2"/>
|
|
|
- <span>复制当前表格及内容</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- <HcTooltip keys="ledger_query_add_form">
|
|
|
- <el-button hc-btn>
|
|
|
- <HcIcon name="add-circle"/>
|
|
|
- <span>新增表格</span>
|
|
|
- </el-button>
|
|
|
- </HcTooltip>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import {ref, watch, onMounted} from "vue";
|
|
|
+import {ref, onMounted} from "vue";
|
|
|
import {useAppStore} from "~src/store";
|
|
|
-import nowebp from '~src/assets/view/Web2x_x.webp';
|
|
|
import queryApi from '~api/ledger/query';
|
|
|
import {getArrValue} from "vue-utils-plus"
|
|
|
-import DateCalendar from "./components/dateCalendar/index.vue"
|
|
|
-
|
|
|
+import HcTableForm from "./components/table-form.vue"
|
|
|
|
|
|
//初始变量
|
|
|
const useAppState = useAppStore()
|
|
@@ -133,7 +41,7 @@ onMounted(()=> {
|
|
|
|
|
|
//获取当前合同段下的日志类型
|
|
|
const boxLoading = ref(false)
|
|
|
-const menuOptions = ref([]);
|
|
|
+const menuDatas = ref([]);
|
|
|
const queryLogList = async () => {
|
|
|
boxLoading.value = true
|
|
|
const {error, code, data} = await queryApi.queryLogList({
|
|
@@ -142,23 +50,18 @@ const queryLogList = async () => {
|
|
|
//判断状态
|
|
|
boxLoading.value = false
|
|
|
if (!error && code === 200) {
|
|
|
- menuOptions.value = getArrValue(data)
|
|
|
+ menuDatas.value = getArrValue(data)
|
|
|
} else {
|
|
|
- menuOptions.value = []
|
|
|
+ menuDatas.value = []
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-//日历日期处理
|
|
|
-const dateData = ref(['2022-09-10','2022-09-12'])
|
|
|
-const dateCalendarChoice = ({date, choice, choices}) => {
|
|
|
- console.log(date, choice, choices)
|
|
|
-}
|
|
|
-
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
@import "../../styles/ledger/query.scss";
|
|
|
</style>
|
|
|
+
|
|
|
<style lang="scss">
|
|
|
.hc-ledger-query-menu.el-menu {
|
|
|
padding: 5px 24px;
|