Skip to content

N
nse-ui
Commit 464710f1 by ningjihai
Options

123

parent 6bc33388
正在显示 包含 123 行增加 和 53 行删除
src/assets/styles/element-ui.scss
...@@ -125,7 +125,8 @@ ...@@ -125,7 +125,8 @@
.custom-dialog { .custom-dialog {
border-radius: 8px; border-radius: 8px;
.custom-dialog-header { .custom-dialog-header {
padding-top: 30px; width: 100%;
// padding-top: 30px;
padding-left: 28px; padding-left: 28px;
padding-right: 32px; padding-right: 32px;
display: flex; display: flex;
......
src/views/project/Project/QueryForm.vue
...@@ -3,20 +3,16 @@ import { computed,ref,watch } from 'vue' ...@@ -3,20 +3,16 @@ import { computed,ref,watch } from 'vue'
import type { FormInstance } from 'element-plus' import type { FormInstance } from 'element-plus'
import PageWrapperSearch from '@/components/search/PageWrapperSearch.vue' import PageWrapperSearch from '@/components/search/PageWrapperSearch.vue'
import { import {
Check, Plus
Delete,
Edit,
Message,
Search,
Star,
} from '@element-plus/icons-vue' } from '@element-plus/icons-vue'
import { color } from 'echarts'
// import { useDict } from '@/utils/dict' // import { useDict } from '@/utils/dict'
// import { listDept } from '@/api/system/dept'// 部门 // import { listDept } from '@/api/system/dept'// 部门
// const { approve_status, invoice_status} = useDict('approve_status', 'invoice_status') // const { approve_status, invoice_status} = useDict('approve_status', 'invoice_status')
const emit = defineEmits(['update:modelValue', 'query', 'reset']) const emit = defineEmits(['update:modelValue', 'query', 'reset','showAddDialog'])
const invoice_status_filter = ref([]) const invoice_status_filter = ref([])
const employeesList = ref([]) const employeesList = ref([])
const props = defineProps<{ const props = defineProps<{
...@@ -48,12 +44,26 @@ function onReset(formRef: FormInstance) { ...@@ -48,12 +44,26 @@ function onReset(formRef: FormInstance) {
emit('reset', formRef) emit('reset', formRef)
} }
function showAddDialog() {
emit('showAddDialog')
}
</script> </script>
<template> <template>
<!-- el-form --> <!-- el-form -->
<page-wrapper-search <page-wrapper-search
:model="queryForm" :model="queryForm"
:extraButtons="[
{
text: '新增',
icon: Plus,
color: 'rgba(0, 189, 207, 1)',
type: 'success',
textClass: 'btn-fff',
onClick: showAddDialog
}
]"
@search="onSearch" @search="onSearch"
@reset="onReset"> @reset="onReset">
<el-form-item label="项目名称" prop="proName"> <el-form-item label="项目名称" prop="proName">
...@@ -108,6 +118,6 @@ function onReset(formRef: FormInstance) { ...@@ -108,6 +118,6 @@ function onReset(formRef: FormInstance) {
</page-wrapper-search> --> </page-wrapper-search> -->
</template> </template>
<style scoped> <style scoped lang="scss">
</style> </style>
src/views/project/Project/list.vue
...@@ -415,57 +415,116 @@ onMounted(()=>{ ...@@ -415,57 +415,116 @@ onMounted(()=>{
<template #title> <template #title>
项目管理 项目管理
</template> </template>
<template #buttons>
<el-button
:loading="addLoading"
type="primary"
icon="Plus"
@click="showAddDialog"
>
新增
</el-button>
</template>
</PageTitle> </PageTitle>
<div class="app-container__body"> <div class="app-container__body">
<div> <!-- <div> -->
<query-form <query-form
ref="QueryFormRef" ref="QueryFormRef"
v-model="queryParams" v-model="queryParams"
@query="onQuery" @query="onQuery"
@reset="onReset"/> @reset="onReset"
<el-row :gutter="20" v-loading="loading"> @showAddDialog="showAddDialog"/>
<el-col class="table-item" :span="6" v-for="(item, index) in tableList" :key="index"> <div style="flex: 1;">
<el-card shadow="always"> <el-table
<template #header> height="100%"
<div class="flex-container justify-between align-center"> :data="tableList"
{{ item.project }} v-loading="loading"
<el-dropdown placement="bottom-end" @command="(command) => handleCommandProject(command, item)"> border
<el-button type="primary" icon="Operation"> style="width: 100%; margin-top: 20px"
操作 >
</el-button> <el-table-column
<template #dropdown> type="index"
<el-dropdown-menu> label="序号"
<el-dropdown-item command="1">进入</el-dropdown-item> width="80"
<el-dropdown-item command="2">编辑</el-dropdown-item> align="center"
<el-dropdown-item command="3">删除</el-dropdown-item> fixed
<el-dropdown-item command="4">导入</el-dropdown-item> />
<el-dropdown-item command="5">导出</el-dropdown-item> <el-table-column
<el-dropdown-item command="6">下载插件</el-dropdown-item> prop="project"
</el-dropdown-menu> label="项目名称"
</template> min-width="180"
</el-dropdown> show-overflow-tooltip
</div> />
</template> <el-table-column
label="数据源"
width="100"
align="center"
>
<template #default="{ row }">
{{ row.list && row.list[0] ? row.list[0].value : '-' }}
</template>
</el-table-column>
<el-table-column
label="数据域"
width="100"
align="center"
>
<template #default="{ row }">
{{ row.list && row.list[1] ? row.list[1].value : '-' }}
</template>
</el-table-column>
<el-table-column
label="发现规则"
width="100"
align="center"
>
<template #default="{ row }">
{{ row.list && row.list[2] ? row.list[2].value : '-' }}
</template>
</el-table-column>
<el-table-column
prop="note"
label="项目备注"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
label="操作"
min-width="520"
align="center"
fixed="right"
>
<template #default="{ row }">
<el-button plain color="rgba(0, 186, 173, 1)" size="small" icon="right" @click="handleEnterProject(row)">
进入
</el-button>
<el-button plain color="rgba(11, 136, 251, 1)" size="small" icon="edit" @click="handleEditProject(row)">
编辑
</el-button>
<el-button plain color="rgba(255, 141, 26, 1)" size="small" icon="delete" @click="handleDeleteProject(row)">
删除
</el-button>
<el-button plain color="rgba(121, 72, 234, 1)" size="small" icon="download" @click="handleDownloadPlugin(row)">
下载插件
</el-button>
<el-button plain color="rgba(237, 183, 5, 1)" size="small" icon="documentCopy" @click="handleImportProject(row)">
导入
</el-button>
<el-button plain color="rgba(172, 51, 193, 1)" size="small" icon="copyDocument" @click="handleExportProject(row)">
导出
</el-button>
<div class="item-content flex-container align-center" v-for="(x,y) in item.list">
<div class="label">{{x.label}}：</div> <!-- <el-dropdown placement="bottom-end" @command="(command) => handleCommandProject(command, row)">
<div class="value flex1">{{x.value}}</div>
</div> <template #dropdown>
<el-dropdown-menu>
</el-card> <el-dropdown-item command="1">进入</el-dropdown-item>
</el-col> <el-dropdown-item command="2">编辑</el-dropdown-item>
</el-row> <el-dropdown-item command="3">删除</el-dropdown-item>
<el-dropdown-item command="4">导入</el-dropdown-item>
<el-dropdown-item command="5">导出</el-dropdown-item>
<el-dropdown-item command="6">下载插件</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown> -->
</template>
</el-table-column>
</el-table>
</div>
<pagination <pagination
v-show="total > 0" v-show="total > 0"
...@@ -474,7 +533,7 @@ onMounted(()=>{ ...@@ -474,7 +533,7 @@ onMounted(()=>{
v-model:limit="queryParams.everypage" v-model:limit="queryParams.everypage"
@pagination="getList" @pagination="getList"
/> />
</div> <!-- </div> -->
</div> </div>
<ProjectEditDialog <ProjectEditDialog
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论