wulin/management_UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

youhua

Browse Source
This commit is contained in:
xiongchengqiang 2020-12-08 19:08:55 +08:00
parent a8b089968b
commit b25c778e3c
3 changed files with 161 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
src/utils/elementConfig.js
View File

@ -1,42 +1,43 @@
import Vue from 'vue' import Vue from 'vue'
import { import {
Button, Button,
MessageBox, MessageBox,
Message, Message,
Table, Table,
TableColumn, TableColumn,
Form, Form,
FormItem, FormItem,
Input, Input,
Select, Select,
Option, Option,
RadioGroup, RadioGroup,
DatePicker, DatePicker,
CheckboxGroup, CheckboxGroup,
Switch, Switch,
TimePicker, TimePicker,
Row, Row,
Col, Col,
Checkbox, Checkbox,
Radio, Radio,
Dropdown, Dropdown,
DropdownMenu, DropdownMenu,
DropdownItem, DropdownItem,
Dialog, Dialog,
Tree, Tree,
Tag, Tag,
Tooltip, Tooltip,
Popover, Popover,
Pagination, Pagination,
Cascader, Cascader,
Tabs, Tabs,
TabPane, TabPane,
Menu, Menu,
MenuItem, MenuItem,
Loading, Loading,
Image, Image,
Transfer, Transfer,
Avatar Avatar,
Progress
} from 'element-ui' } from 'element-ui'
Vue.prototype.$loading = Loading Vue.prototype.$loading = Loading
@ -44,6 +45,7 @@ Vue.prototype.$message = Message
Vue.prototype.$confirm = MessageBox.confirm Vue.prototype.$confirm = MessageBox.confirm
Vue.prototype.$alert = MessageBox.alert Vue.prototype.$alert = MessageBox.alert
Vue.use(Progress)
Vue.use(Transfer) Vue.use(Transfer)
Vue.use(Tabs) Vue.use(Tabs)
Vue.use(TabPane) Vue.use(TabPane)
@ -78,4 +80,4 @@ Vue.use(Cascader)
Vue.use(Menu) Vue.use(Menu)
Vue.use(MenuItem) Vue.use(MenuItem)
Vue.use(Image) Vue.use(Image)
Vue.use(Avatar) Vue.use(Avatar)

148
src/views/kpi/assessment/goals/index.vue
View File

@ -18,15 +18,16 @@
:name="String(i.id)"> :name="String(i.id)">
<div class="goals-content-tabbar-table"> <div class="goals-content-tabbar-table">
<div class="goals-content-tabbar-table-header commonFont"> <div class="goals-content-tabbar-table-header commonFont">
<span style="width:30%">指标名称</span> <span style="width:20%">指标名称</span>
<span class="kaohe" <span class="kaohe"
style="width:30%">考核标准</span> style="width:30%">考核标准</span>
<span style="width:30%">权重</span> <span style="width:20%">进度</span>
<span style="width:10%">操作</span> <span style="width:10%">权重</span>
<span style="width:20%">操作</span>
</div> </div>
<div style="justify-content:center;" <div style="justify-content:center;"
v-if="handleFilter(i.detailDtos).length===0" v-if="handleFilter(i.detailDtos).length===0"
class="goals-content-tabbar-table-content commonFont items"> class="zanwu goals-content-tabbar-table-content commonFont items">
暂无指标 暂无指标
</div> </div>
<draggable v-model="i.tagetLibItems" <draggable v-model="i.tagetLibItems"
@ -34,26 +35,52 @@
<div class="goals-content-tabbar-table-content commonFont items" <div class="goals-content-tabbar-table-content commonFont items"
v-for="(j,indexJ) in handleFilter(i.detailDtos)" v-for="(j,indexJ) in handleFilter(i.detailDtos)"
:key="indexJ"> :key="indexJ">
<div style="width:30%" <div class="goals-content-tabbar-table-content-top">
class="my-handle"><img style="width:20px;height:20px;" <div style="width:20%"
src="@/assets/img/yidong.png" class="my-handle"><img style="width:20px;height:20px;"
alt="">{{j.target}}</div> src="@/assets/img/yidong.png"
<div style="width:30%" alt="">{{j.target}}</div>
class="kaohe"> <div style="width:30%"
<pre>{{j.keyResult}}</pre> class="kaohe">
<pre>{{j.keyResult}}</pre>
</div>
<div style="width:20%">
<el-progress type="circle"
:width='50'
:stroke-width='4'
:percentage="25"></el-progress>
</div>
<div style="width:10%">{{ Math.round((j.checkWeight * 100)*1000)/1000}}%</div>
<div style="width:20%">
<el-button @click="hanidleAddTask(j,indexJ,index)"
type="text"
size="small">
添加任务
</el-button>
<el-button @click="hanidleEdit(j,indexJ,index)"
type="text"
size="small">
编辑
</el-button>
<el-button @click="handleDelateWeidu(j,indexJ,index)"
type="text"
size="small">
删除
</el-button>
</div>
</div> </div>
<div style="width:30%">{{ Math.round((j.checkWeight * 100)*1000)/1000}}%</div> <div class="goals-content-tabbar-table-content-bottom">
<div style="width:10%"> <div>ss</div>
<el-button @click="hanidleEdit(j,indexJ,index)" <div style="width:10%">
type="text" <el-button type="text"
size="small"> size="small">
编辑 编辑
</el-button> </el-button>
<el-button @click="handleDelateWeidu(j,indexJ,index)" <el-button type="text"
type="text" size="small">
size="small"> 删除
删除 </el-button>
</el-button> </div>
</div> </div>
</div> </div>
</draggable> </draggable>
@ -79,6 +106,35 @@
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
<popup-right v-if="showTask"
@cancel='handleCancelTask'
@submit="handleSubmitTask"
:title="taskTitle">
<div slot="content"
class="weiduManage">
<el-form label-position="left"
ref="formTask"
:model="formTask"
:rules="formTask"
label-width="180px">
<el-form-item prop="target"
label='指标名称'>
<el-input clearable
size="small"
v-model="formTask.target"></el-input>
</el-form-item>
<el-form-item label="进度"
prop="weight">
<el-input size="small"
@blur="$handleBlur('formTask.checkWeight')"
@input.native="$handleInputInt('formTask.checkWeight')"
v-model="formTask.checkWeight">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-form>
</div>
</popup-right>
<popup-right v-if="showIndicators" <popup-right v-if="showIndicators"
@cancel='handleCancelZhibiao' @cancel='handleCancelZhibiao'
@submit="handleSubmitZhibiao" @submit="handleSubmitZhibiao"
@ -149,6 +205,9 @@ import { apiResultGetDetail, apiSaveDetail, apiSaveapproval } from '@/api/assess
export default { export default {
data () { data () {
return { return {
showTask: false,
taskTitle: '添加任务',
formTask: {},
zhibiaoTitle: '添加指标', zhibiaoTitle: '添加指标',
showIndicators: false, showIndicators: false,
dimensionsList: [], dimensionsList: [],
@ -204,6 +263,19 @@ export default {
this.handleGetTbale() this.handleGetTbale()
}, },
methods: { methods: {
// 取消添加任务
handleCancelTask () {
},
// 提交添加任务
handleSubmitTask () {
},
hanidleAddTask (j, indexJ, index) {
!j.arr && (j.arr = [])
this.showTask = true
console.log(j)
},
handleNumber (item) { handleNumber (item) {
return item.detailDtos ? item.detailDtos.filter(i => !i.isDelete).length : 0 return item.detailDtos ? item.detailDtos.filter(i => !i.isDelete).length : 0
}, },
@ -453,18 +525,36 @@ export default {
} }
} }
&-content { &-content {
display: flex;
padding: 20px 0;
// align-items: center; // align-items: center;
// height: 60px; // height: 60px;
border-bottom: 1px solid @borderColor; &-top {
justify-content: space-between; border-bottom: 1px solid @borderColor;
div { display: flex;
padding: 0 0 0 20px; align-items: center;
justify-content: flex-end;
padding: 20px 0;
> div {
padding: 0 0 0 20px;
}
}
&-bottom {
padding: 10px 20px 10px 0;
border-bottom: 1px solid @borderColor;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 0 0 20px;
> div {
flex-shrink: 0;
}
} }
} }
} }
} }
} }
.zanwu {
.center();
padding: 20px 0;
}
} }
</style> </style>

4
src/views/kpi/assessment/performance/components/UseButton/index.vue
View File

@ -338,7 +338,7 @@ export default {
} }
} }
const obj = { status: 1, menuName: '同意了' } const obj = { status: 1, menuName: '同意了', comment: form.comment }
const params = Object.assign({}, { resultRecordId: this.$route.query.id || '' }, obj) const params = Object.assign({}, { resultRecordId: this.$route.query.id || '' }, obj)
let res = await apiSaveapproval(params) let res = await apiSaveapproval(params)
if (res.code !== 200) { if (res.code !== 200) {
@ -356,7 +356,7 @@ export default {
type: 'success' type: 'success'
}) })
this.dialogFormVisible = false this.dialogFormVisible = false
// history.go(0) history.go(0)
}, },
// 驳回 // 驳回
handleBohui () { handleBohui () {