|
@@ -0,0 +1,64 @@
|
|
|
+<template>
|
|
|
+ <m-dialog title="规则详情" ref="dialog">
|
|
|
+ <el-descriptions class="margin-top" :column="1" :size="size" border>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">方案名称</template>
|
|
|
+ {{ itemData.title }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">方案名称</template>
|
|
|
+ {{ itemData.title }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">方案名称</template>
|
|
|
+ {{ itemData.title }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ <el-descriptions-item>
|
|
|
+ <template slot="label">方案名称</template>
|
|
|
+ {{ itemData.title }}
|
|
|
+ </el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ </m-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ getSolutionDetails
|
|
|
+} from '@/api/salary'
|
|
|
+export default {
|
|
|
+ name: 'salarySolutionDetails',
|
|
|
+ data () {
|
|
|
+ return {
|
|
|
+ loading: false,
|
|
|
+ columnHeaders: [
|
|
|
+ { name: '方案名称', prop: 'title' },
|
|
|
+ { name: '方案描述', prop: 'title' },
|
|
|
+ { name: '绩效机构', prop: 'title' },
|
|
|
+ { name: '方案名称', prop: 'title' },
|
|
|
+ { name: '方案名称', prop: 'title' }
|
|
|
+ ],
|
|
|
+ itemData: {}
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async open (item) {
|
|
|
+ this.$refs.dialog.open()
|
|
|
+ this.loading = true
|
|
|
+ try {
|
|
|
+ const { data } = await getSolutionDetails({
|
|
|
+ performanceSolutionId: item.performanceSolutionId
|
|
|
+ })
|
|
|
+ this.itemData = data
|
|
|
+ } catch (error) {
|
|
|
+ this.$message.error(error)
|
|
|
+ } finally {
|
|
|
+ this.loading = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+
|
|
|
+</style>
|