|
@@ -2,17 +2,25 @@
|
|
|
<div style="height:100%">
|
|
<div style="height:100%">
|
|
|
<HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
|
|
<HcTabsSimple :cur="tabsKey" :datas="tabsData" @tabClick="tabsClick">
|
|
|
<template #tab-pricetype>
|
|
<template #tab-pricetype>
|
|
|
- <HcCard actionSize="lg" scrollbar>
|
|
|
|
|
|
|
+ <HcCard actionSize="lg" >
|
|
|
|
|
+
|
|
|
|
|
+ <template #action>
|
|
|
|
|
+ <HcPages :pages="searchForm" @change="pageChange"></HcPages>
|
|
|
|
|
+ </template>
|
|
|
<div class="hc-page-layout-box">
|
|
<div class="hc-page-layout-box">
|
|
|
- <div :style="'width:' + leftWidth + 'px;'" class="hc-layout-left-box menu">
|
|
|
|
|
- <div class="hc-menu-header-box">
|
|
|
|
|
- <div class="text-xl name">预算分类</div>
|
|
|
|
|
-
|
|
|
|
|
- <el-button _icon hc-btn size="small" type="primary" >
|
|
|
|
|
- <HcIcon name="add" @click="openpriceEdit(1)"/>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <HcCardItem ui="hac-card-item" style="margin-right: 20px;" scrollbar>
|
|
|
|
|
+ <template #header>
|
|
|
|
|
+ <div class="ml-3">
|
|
|
|
|
+ 预算分类:
|
|
|
|
|
+ <el-button _icon hc-btn size="small" type="primary" @click="openpriceEdit(1)">
|
|
|
|
|
+ <HcIcon name="add"/>
|
|
|
</el-button>
|
|
</el-button>
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <div class="hc-layout-left-box menu">
|
|
|
|
|
+
|
|
|
<div class="hc-menu-contents-box">
|
|
<div class="hc-menu-contents-box">
|
|
|
<el-scrollbar>
|
|
<el-scrollbar>
|
|
|
<HcMenuSimple :datas="menuOptions" :keys="menuKey" :props="menusProps" :menus="contextMenu" @menuTap="contextMenuClick"
|
|
<HcMenuSimple :datas="menuOptions" :keys="menuKey" :props="menusProps" :menus="contextMenu" @menuTap="contextMenuClick"
|
|
@@ -20,34 +28,33 @@
|
|
|
</el-scrollbar>
|
|
</el-scrollbar>
|
|
|
</div>
|
|
</div>
|
|
|
<!--左右拖动-->
|
|
<!--左右拖动-->
|
|
|
- <div class="horizontal-drag-line" @mousedown="onmousedown"/>
|
|
|
|
|
|
|
+
|
|
|
<HcDialog bgColor="#ffffff" isToBody :show="priceModal" :title="priceTitle" @close="priceModalClose">
|
|
<HcDialog bgColor="#ffffff" isToBody :show="priceModal" :title="priceTitle" @close="priceModalClose">
|
|
|
<el-form
|
|
<el-form
|
|
|
- label-position="left"
|
|
|
|
|
- label-width="100px"
|
|
|
|
|
- :model="priceform"
|
|
|
|
|
- style="max-width: 460px"
|
|
|
|
|
- >
|
|
|
|
|
- <el-form-item label="预算分类名称">
|
|
|
|
|
|
|
+ :model="priceform"
|
|
|
|
|
+ label-position="left" label-width="auto"
|
|
|
|
|
+ size="large"
|
|
|
|
|
+ >
|
|
|
|
|
+ <el-form-item label="预算分类名称:">
|
|
|
<el-input v-model="priceform.name" />
|
|
<el-input v-model="priceform.name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</HcDialog>
|
|
</HcDialog>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ </HcCardItem>
|
|
|
|
|
+
|
|
|
<div class="hc-page-content-box">
|
|
<div class="hc-page-content-box">
|
|
|
- <HcCard actionSize="lg" scrollbar >
|
|
|
|
|
|
|
+ <HcCardItem ui="hac-card-item" actionSize="lg" >
|
|
|
<template #header>
|
|
<template #header>
|
|
|
<div class="ml-3">
|
|
<div class="ml-3">
|
|
|
- 任务明细：<HcTooltip keys="tentative_device_approach_menu_add">
|
|
|
|
|
|
|
+ 任务明细：
|
|
|
<el-button _icon hc-btn size="small" type="primary" @click="openEdit(1)">
|
|
<el-button _icon hc-btn size="small" type="primary" @click="openEdit(1)">
|
|
|
<HcIcon name="add"/>
|
|
<HcIcon name="add"/>
|
|
|
</el-button>
|
|
</el-button>
|
|
|
- </HcTooltip>
|
|
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
- <template #action>
|
|
|
|
|
- <HcPages :pages="searchForm" @change="pageChange" style="height:150px"></HcPages>
|
|
|
|
|
- </template>
|
|
|
|
|
|
|
+
|
|
|
<HcTable :column="tableColumn" :datas="tableData" >
|
|
<HcTable :column="tableColumn" :datas="tableData" >
|
|
|
<template #action="{row, index}">
|
|
<template #action="{row, index}">
|
|
|
<el-button size="small" type="primary" @click="openEdit(2)">编辑</el-button>
|
|
<el-button size="small" type="primary" @click="openEdit(2)">编辑</el-button>
|
|
@@ -62,19 +69,19 @@
|
|
|
:model="formLabelAlign"
|
|
:model="formLabelAlign"
|
|
|
style="max-width: 460px"
|
|
style="max-width: 460px"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="任务明细名称">
|
|
|
|
|
|
|
+ <el-form-item label="任务明细名称:">
|
|
|
<el-input v-model="formLabelAlign.name" />
|
|
<el-input v-model="formLabelAlign.name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="任务内容">
|
|
|
|
|
|
|
+ <el-form-item label="任务内容:">
|
|
|
<el-input v-model="formLabelAlign.region" />
|
|
<el-input v-model="formLabelAlign.region" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
- <el-form-item label="完成指标">
|
|
|
|
|
|
|
+ <el-form-item label="完成指标:">
|
|
|
<el-input v-model="formLabelAlign.type" />
|
|
<el-input v-model="formLabelAlign.type" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
|
</HcDialog>
|
|
</HcDialog>
|
|
|
|
|
|
|
|
- </HcCard>
|
|
|
|
|
|
|
+ </HcCardItem >
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</HcCard>
|
|
</HcCard>
|
|
@@ -91,7 +98,14 @@
|
|
|
</HcTooltip>
|
|
</HcTooltip>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
-
|
|
|
|
|
|
|
+ <template #extra>
|
|
|
|
|
+ <div style="float: right;">
|
|
|
|
|
+ <el-button size="large" type="primary">
|
|
|
|
|
+ <HcIcon name="save"/>
|
|
|
|
|
+ <span>保存</span>
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
<HcTable :column="tasktableColumn" :datas="tasktableData">
|
|
<HcTable :column="tasktableColumn" :datas="tasktableData">
|
|
|
<template #action="{row, index}">
|
|
<template #action="{row, index}">
|
|
|
<el-button size="small" type="primary" @click="openTypeEdit(2)">编辑</el-button>
|
|
<el-button size="small" type="primary" @click="openTypeEdit(2)">编辑</el-button>
|
|
@@ -101,19 +115,19 @@
|
|
|
<template #action>
|
|
<template #action>
|
|
|
<HcPages :pages="searchForm" @change="pageChange"></HcPages>
|
|
<HcPages :pages="searchForm" @change="pageChange"></HcPages>
|
|
|
</template>
|
|
</template>
|
|
|
- <HcDialog bgColor="#ffffff" isToBody :show="tasktypeModal" :title="taskTypeTitle" @close="taskTypeModalClose">
|
|
|
|
|
|
|
+ <HcDialog bgColor="#ffffff" isToBody :show="tasktypeModal" :title="taskTypeTitle" @close="taskTypeModalClose" l>
|
|
|
<el-form
|
|
<el-form
|
|
|
label-position="left"
|
|
label-position="left"
|
|
|
- label-width="100px"
|
|
|
|
|
:model="formtaskType"
|
|
:model="formtaskType"
|
|
|
- style="max-width: 460px"
|
|
|
|
|
|
|
+ label-width="auto"
|
|
|
|
|
+ size="large"
|
|
|
>
|
|
>
|
|
|
<el-form-item label="任务类型名称">
|
|
<el-form-item label="任务类型名称">
|
|
|
<el-input v-model="formtaskType.name" />
|
|
<el-input v-model="formtaskType.name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="完成指标">
|
|
<el-form-item label="完成指标">
|
|
|
- <el-select v-model="formtaskType.type" class="m-2" placeholder="请选择" >
|
|
|
|
|
|
|
+ <el-select v-model="formtaskType.type" class="block" placeholder="请选择" >
|
|
|
<el-option
|
|
<el-option
|
|
|
v-for="item in typeoptions"
|
|
v-for="item in typeoptions"
|
|
|
:key="item.value"
|
|
:key="item.value"
|
|
@@ -132,6 +146,14 @@
|
|
|
</template>
|
|
</template>
|
|
|
<template #tab-price>
|
|
<template #tab-price>
|
|
|
<HcCard actionSize="lg" scrollbar>
|
|
<HcCard actionSize="lg" scrollbar>
|
|
|
|
|
+ <template #extra>
|
|
|
|
|
+ <div style="float: right;">
|
|
|
|
|
+ <el-button size="large" type="primary">
|
|
|
|
|
+ <HcIcon name="save"/>
|
|
|
|
|
+ <span>保存</span>
|
|
|
|
|
+ </el-button>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
<template #header>
|
|
<template #header>
|
|
|
|
|
|
|
|
<div class="ml-3">
|
|
<div class="ml-3">
|
|
@@ -155,15 +177,15 @@
|
|
|
<HcDialog bgColor="#ffffff" isToBody :show="positonModal" :title="positonModalTitle" @close="positonModalClose">
|
|
<HcDialog bgColor="#ffffff" isToBody :show="positonModal" :title="positonModalTitle" @close="positonModalClose">
|
|
|
<el-form
|
|
<el-form
|
|
|
label-position="left"
|
|
label-position="left"
|
|
|
- label-width="100px"
|
|
|
|
|
|
|
+ label-width="auto"
|
|
|
:model="formposition"
|
|
:model="formposition"
|
|
|
- style="max-width: 460px"
|
|
|
|
|
|
|
+ size="large"
|
|
|
>
|
|
>
|
|
|
- <el-form-item label="岗位类型名称">
|
|
|
|
|
|
|
+ <el-form-item label="岗位类型名称:">
|
|
|
<el-input v-model="formposition.name" />
|
|
<el-input v-model="formposition.name" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
|
|
|
|
- <el-form-item label="日单价">
|
|
|
|
|
|
|
+ <el-form-item label="日单价:">
|
|
|
<el-input v-model="formposition.price" />
|
|
<el-input v-model="formposition.price" />
|
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
</el-form>
|
|
</el-form>
|
|
@@ -249,6 +271,43 @@ const menuOptions = ref([
|
|
|
{key: '3', label: '合同洽谈', badge: 0},
|
|
{key: '3', label: '合同洽谈', badge: 0},
|
|
|
{key: '4', label: '合同洽谈', badge: 0},
|
|
{key: '4', label: '合同洽谈', badge: 0},
|
|
|
{key: '5', label: '合同洽谈', badge: 0},
|
|
{key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '1', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '2', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '3', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '4', label: '合同洽谈', badge: 0},
|
|
|
|
|
+ {key: '5', label: '合同洽谈', badge: 0},
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
]);
|
|
]);
|
|
|
|
|
|
|
|
const menuChange = (item) => {
|
|
const menuChange = (item) => {
|
|
@@ -427,17 +486,17 @@ const positionEdit=(type)=>{
|
|
|
.hc-page-layout-box {
|
|
.hc-page-layout-box {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- height: calc(100vh - 228px);
|
|
|
|
|
|
|
+ // height: calc(100vh - 228px);
|
|
|
|
|
|
|
|
.hc-layout-left-box {
|
|
.hc-layout-left-box {
|
|
|
|
|
|
|
|
width: 382px;
|
|
width: 382px;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- background: #f1f5f8;
|
|
|
|
|
|
|
+ // background: #f1f5f8;
|
|
|
// background: transparent;
|
|
// background: transparent;
|
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
|
- margin-right: 24px;
|
|
|
|
|
- box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
|
|
|
|
|
|
|
+ // margin-right: 24px;
|
|
|
|
|
+ // box-shadow: -2px 0 10px 0 rgba(32, 37, 50, 0.03), 0 10px 21px 20px rgba(32, 37, 50, 0.03);
|
|
|
.horizontal-drag-line {
|
|
.horizontal-drag-line {
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
right: 0;
|
|
right: 0;
|
|
@@ -448,47 +507,7 @@ const positionEdit=(type)=>{
|
|
|
cursor: col-resize;
|
|
cursor: col-resize;
|
|
|
background-color: #00000000;
|
|
background-color: #00000000;
|
|
|
}
|
|
}
|
|
|
- .hc-project-box {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- padding: 15px 24px;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: flex-start;
|
|
|
|
|
- border-bottom: 1px solid #E9E9E9;
|
|
|
|
|
- .hc-project-icon-box {
|
|
|
|
|
- font-size: 30px;
|
|
|
|
|
- color: var(--el-color-primary);
|
|
|
|
|
- }
|
|
|
|
|
- .project-name-box {
|
|
|
|
|
- flex: auto;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- overflow: hidden;
|
|
|
|
|
- .project-alias {
|
|
|
|
|
- color: var(--el-color-primary);
|
|
|
|
|
- }
|
|
|
|
|
- .project-name {
|
|
|
|
|
- margin-top: 6px;
|
|
|
|
|
- color: #838791;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- .hc-tree-box {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- padding: 15px 20px;
|
|
|
|
|
- height: calc(100% - 80px);
|
|
|
|
|
- }
|
|
|
|
|
- .hc-tree-search-box {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- padding: 15px 20px;
|
|
|
|
|
- height: calc(100% - 187px);
|
|
|
|
|
- .hc-search-tree-val {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- margin-bottom: 24px;
|
|
|
|
|
- }
|
|
|
|
|
- .hc-tree-scrollbar {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- height: calc(100% - 68px);
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
|
|
+
|
|
|
&.menu {
|
|
&.menu {
|
|
|
width: 240px;
|
|
width: 240px;
|
|
|
.hc-menu-header-box {
|
|
.hc-menu-header-box {
|
|
@@ -504,8 +523,8 @@ const positionEdit=(type)=>{
|
|
|
}
|
|
}
|
|
|
.hc-menu-contents-box {
|
|
.hc-menu-contents-box {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
- //padding: 15px 18px;
|
|
|
|
|
- height: calc(100% - 60px);
|
|
|
|
|
|
|
+ padding: 15px 18px;
|
|
|
|
|
+ // height: calc(100% - 60px);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
