elink-star
/
esua-epdc-admin
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

元公式管理

master
尹作梅 6 years ago
parent
09b1319964
commit
8421a03c41
2 changed files with 237 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 159
      src/views/modules/kpi/kpiformula-add-or-update.vue
  2. 78
      src/views/modules/kpi/kpiformula.vue

159
src/views/modules/kpi/kpiformula-add-or-update.vue
View File

@ -0,0 +1,159 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '120px'">
<el-form-item label="公式名称" prop="name">
<el-input v-model="dataForm.name" placeholder="公式名称"></el-input>
</el-form-item>
<el-form-item label="公式编码" prop="code">
<el-input v-model="dataForm.code" placeholder="公式编码"></el-input>
</el-form-item>
<el-form-item label="公式运行方法" prop="formula">
<el-input v-model="dataForm.formula" placeholder="公式运行方法（Javascript）" type="textarea"></el-input>
</el-form-item>
<el-form-item label="公式参数数量" prop="paramAmount">
<el-input v-model="dataForm.paramAmount" placeholder="公式参数数量"></el-input>
</el-form-item>
<el-form-item label="公式描述" prop="description">
<el-input v-model="dataForm.description" placeholder="公式描述" type="textarea"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="备注" type="textarea"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision" v-if="false">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy" v-if="false">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime" v-if="false">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy" v-if="false">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime" v-if="false">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item>
<el-form-item label="删除标记" prop="delFlag" v-if="false">
<el-input v-model="dataForm.delFlag" placeholder="删除标记"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
code: '',
name: '',
formula: '',
paramAmount: '',
description: '',
remark: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
}
}
},
computed: {
dataRule () {
return {
code: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
formula: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
paramAmount: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
description: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
remark: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: false, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/kpi/kpiformula/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/kpi/kpiformula/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

78
src/views/modules/kpi/kpiformula.vue
View File

@ -0,0 +1,78 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-kpi__kpiformula}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="公式名称">
<el-input v-model="dataForm.name" placeholder="" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('kpi:kpiformula:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if="$hasPermission('kpi:kpiformula:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column type="index" width="50" label="序号"></el-table-column>
<el-table-column prop="id" label="主键" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="code" label="公式编码" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="name" label="公式名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="formula" label="公式运行方法" header-align="center" align="center"></el-table-column>
<el-table-column prop="paramAmount" label="公式参数数量" header-align="center" align="center" ></el-table-column>
<el-table-column prop="description" label="公式描述" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" label="备注" header-align="center" align="center"></el-table-column>
<el-table-column prop="revision" label="乐观锁" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="createdBy" label="创建人" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedBy" label="更新人" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column prop="delFlag" label="删除标记" header-align="center" align="center" v-if="false"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button v-if="$hasPermission('kpi:kpiformula:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('kpi:kpiformula:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './kpiformula-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/kpi/kpiformula/page',
getDataListIsPage: true,
deleteURL: '/kpi/kpiformula',
deleteIsBatch: true
},
dataForm: {
name: ''
}
}
},
components: {
AddOrUpdate
}
}
</script>
Write Preview
Loading…
Cancel
Save