mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-23 21:36:37 +08:00
优化代码
This commit is contained in:
wuxw
parent
89122d668a
commit
8e6e71fd61
28
src/App.vue
28
src/App.vue
@ -520,4 +520,32 @@ h3 {
|
||||
.el-date-editor.el-input{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.list-group-border-radius {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ebeef5;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.list-group {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
padding: 12px 15px;
|
||||
cursor: pointer;
|
||||
/*border-bottom: 1px solid #ebeef5;*/
|
||||
}
|
||||
|
||||
.list-group-item:hover {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.vc-node-selected {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
@ -2,7 +2,7 @@
|
||||
<div class="animated fadeInRight padding">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="3">
|
||||
<div class="border-radius">
|
||||
<div class="list-group-border-radius">
|
||||
<div class=" treeview">
|
||||
<ul class="list-group text-center ">
|
||||
<li v-for="(item, index) in feeTypeCds" :key="index" @click="swatchFeeTypeCd(item)"
|
||||
@ -310,33 +310,8 @@ export default {
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.border-radius {
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ebeef5;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.list-group {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
padding: 12px 15px;
|
||||
cursor: pointer;
|
||||
/*border-bottom: 1px solid #ebeef5;*/
|
||||
}
|
||||
|
||||
.list-group-item:hover {
|
||||
background-color: #f5f7fa;
|
||||
}
|
||||
|
||||
.vc-node-selected {
|
||||
background-color: #409eff;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.margin-xs-r {
|
||||
margin-right: 5px;
|
||||
|
||||
@ -1,21 +1,20 @@
|
||||
<template>
|
||||
<div class="attendance-classes-staff-manage-container">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="4">
|
||||
<el-card class="tree-card">
|
||||
<div class="treeview attendance-staff">
|
||||
<ul class="list-group">
|
||||
<li v-for="(item, index) in attendanceClassesStaffManageInfo.attendanceClassess" :key="index"
|
||||
class="list-group-item node-orgTree"
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="3">
|
||||
<div class="list-group-border-radius">
|
||||
<div class=" treeview">
|
||||
<ul class="list-group text-center ">
|
||||
<li v-for="(item, index) in attendanceClassesStaffManageInfo.attendanceClassess" :key="index" @click="swatchClass(item)"
|
||||
:class="{ 'vc-node-selected': attendanceClassesStaffManageInfo.conditions.classesId == item.classesId }"
|
||||
@click="swatchClass(item)">
|
||||
class="list-group-item node-orgTree">
|
||||
{{ item.classesName }}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="20">
|
||||
<el-col :span="21">
|
||||
<el-card>
|
||||
<div slot="header" class="flex justify-between">
|
||||
<span>{{ $t('attendanceClassesStaffManage.search.title') }}</span>
|
||||
|
||||
@ -7,28 +7,14 @@
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<el-input
|
||||
v-model.trim="searchForm.flowName"
|
||||
:placeholder="$t('oaWorkflowManage.search.flowNamePlaceholder')"
|
||||
clearable
|
||||
/>
|
||||
<el-input v-model.trim="searchForm.flowName" :placeholder="$t('oaWorkflowManage.search.flowNamePlaceholder')"
|
||||
clearable />
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-select
|
||||
v-model="searchForm.flowType"
|
||||
:placeholder="$t('oaWorkflowManage.search.flowTypePlaceholder')"
|
||||
style="width:100%"
|
||||
>
|
||||
<el-option
|
||||
:label="$t('oaWorkflowManage.search.selectAll')"
|
||||
value=""
|
||||
/>
|
||||
<el-option
|
||||
v-for="item in flowTypes"
|
||||
:key="item.statusCd"
|
||||
:label="item.name"
|
||||
:value="item.statusCd"
|
||||
/>
|
||||
<el-select v-model="searchForm.flowType" :placeholder="$t('oaWorkflowManage.search.flowTypePlaceholder')"
|
||||
style="width:100%">
|
||||
<el-option :label="$t('oaWorkflowManage.search.selectAll')" value="" />
|
||||
<el-option v-for="item in flowTypes" :key="item.statusCd" :label="item.name" :value="item.statusCd" />
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
@ -48,126 +34,55 @@
|
||||
<el-card class="list-wrapper">
|
||||
<div slot="header" class="flex justify-between">
|
||||
<span>{{ $t('oaWorkflowManage.list.title') }}</span>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
style="float:right"
|
||||
@click="handleAdd"
|
||||
>
|
||||
<el-button type="primary" size="small" style="float:right" @click="handleAdd">
|
||||
<i class="el-icon-plus"></i>
|
||||
{{ $t('oaWorkflowManage.list.addWorkflow') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="tableData"
|
||||
border
|
||||
style="width:100%"
|
||||
>
|
||||
<el-table-column
|
||||
prop="flowId"
|
||||
:label="$t('oaWorkflowManage.table.flowId')"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="flowName"
|
||||
:label="$t('oaWorkflowManage.table.flowName')"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="flowType"
|
||||
:label="$t('oaWorkflowManage.table.flowType')"
|
||||
align="center"
|
||||
>
|
||||
<el-table v-loading="loading" :data="tableData" border style="width:100%">
|
||||
<el-table-column prop="flowId" :label="$t('oaWorkflowManage.table.flowId')" align="center" />
|
||||
<el-table-column prop="flowName" :label="$t('oaWorkflowManage.table.flowName')" align="center" />
|
||||
<el-table-column prop="flowType" :label="$t('oaWorkflowManage.table.flowType')" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.flowType === '1001' ? $t('oaWorkflowManage.table.normalFlow') : $t('oaWorkflowManage.table.unknown') }}
|
||||
{{ scope.row.flowType === '1001' ? $t('oaWorkflowManage.table.normalFlow') :
|
||||
$t('oaWorkflowManage.table.unknown') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="modelId"
|
||||
:label="$t('oaWorkflowManage.table.modelId')"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="flowKey"
|
||||
label="KEY"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="state"
|
||||
:label="$t('oaWorkflowManage.table.state')"
|
||||
align="center"
|
||||
>
|
||||
<el-table-column prop="modelId" :label="$t('oaWorkflowManage.table.modelId')" align="center" />
|
||||
<el-table-column prop="flowKey" label="KEY" align="center" />
|
||||
<el-table-column prop="state" :label="$t('oaWorkflowManage.table.state')" align="center">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.state === 'C' ? $t('oaWorkflowManage.table.deployed') : $t('oaWorkflowManage.table.pendingDeploy') }}
|
||||
{{ scope.row.state === 'C' ? $t('oaWorkflowManage.table.deployed') :
|
||||
$t('oaWorkflowManage.table.pendingDeploy') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="describle"
|
||||
:label="$t('oaWorkflowManage.table.describle')"
|
||||
align="center"
|
||||
width="150"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="createTime"
|
||||
:label="$t('oaWorkflowManage.table.createTime')"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
:label="$t('common.operation')"
|
||||
align="center"
|
||||
width="300"
|
||||
fixed="right"
|
||||
>
|
||||
<el-table-column prop="describle" :label="$t('oaWorkflowManage.table.describle')" align="center" width="150" />
|
||||
<el-table-column prop="createTime" :label="$t('oaWorkflowManage.table.createTime')" align="center" />
|
||||
<el-table-column :label="$t('common.operation')" align="center" width="300" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
@click="handleWorkflowEditor(scope.row)"
|
||||
>
|
||||
<el-button size="mini" type="text" @click="handleWorkflowEditor(scope.row)">
|
||||
{{ $t('oaWorkflowManage.table.workflow') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
@click="handleWorkflowForm(scope.row)"
|
||||
>
|
||||
<el-button size="mini" type="text" @click="handleWorkflowForm(scope.row)">
|
||||
{{ $t('oaWorkflowManage.table.designForm') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="scope.row.state === 'W'"
|
||||
size="mini"
|
||||
type="success"
|
||||
@click="handleDeploy(scope.row)"
|
||||
>
|
||||
<el-button type="text" v-if="scope.row.state === 'W'" size="mini" @click="handleDeploy(scope.row)">
|
||||
{{ $t('oaWorkflowManage.table.deploy') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
<el-button size="mini" type="text" @click="handleEdit(scope.row)">
|
||||
{{ $t('common.edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
<el-button size="mini" type="text" @click="handleDelete(scope.row)">
|
||||
{{ $t('common.delete') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-pagination
|
||||
:current-page="pagination.current"
|
||||
:page-sizes="[10, 20, 30, 50]"
|
||||
:page-size="pagination.size"
|
||||
:total="pagination.total"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
/>
|
||||
<el-pagination :current-page="pagination.current" :page-sizes="[10, 20, 30, 50]" :page-size="pagination.size"
|
||||
:total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange" />
|
||||
</el-card>
|
||||
|
||||
<!-- 组件 -->
|
||||
|
||||
Loading…
Reference in New Issue
Block a user