elink-star
/
epmet-oper-pc
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'master' of http://git.elinkit.com.cn:7070/r/epmet-oper-pc

wxz_dy_form_config
wxz 2 years ago
parent
a621fbf85c d1a53d52af
commit
4670171b29
4 changed files with 18959 additions and 1 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. 2
      epmet-oper-web/.env.production.sit
  2. 18634
      epmet-oper-web/package-lock.json
  3. 217
      epmet-oper-web/src/views/modules/workPc/baobiao/intelligentizeform-add-or-update.vue
  4. 107
      epmet-oper-web/src/views/modules/workPc/baobiao/intelligentizeform.vue

2
epmet-oper-web/.env.production.sit
View File

@ -1,5 +1,5 @@
NODE_ENV=production
VUE_APP_API_SERVER = http://118.190.150.119:41080/api
VUE_APP_API_SERVER = http://192.168.1.144/api
# VUE_APP_API_SERVER = http://192.168.1.140/api
VUE_APP_NODE_ENV=prod:sit
VUE_APP_PUBLIC_PATH=epmet-oper

18634
epmet-oper-web/package-lock.json
View File

File diff suppressed because it is too large

217
epmet-oper-web/src/views/modules/workPc/baobiao/intelligentizeform-add-or-update.vue
View File

@ -0,0 +1,217 @@
<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' : '80px'">
<el-form-item label="分类" prop="intelligentizeType">
<el-select
v-model="dataForm.intelligentizeType"
placeholder="请选择"
clearable
>
<el-option
v-for="item in intelligentizeList"
:key="item.dictValue"
:label="item.dictName"
:value="item.dictValue"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="dataForm.name" placeholder="名称"></el-input>
</el-form-item>
<el-form-item label="排序">
<el-input-number v-model="dataForm.sort" :min="0" :max="9999"></el-input-number>
</el-form-item>
<el-form-item label="banner图片"
v-loading="loading"
prop="imgUrl">
<el-upload class="avatar-uploader"
:headers="$getElUploadHeaders()"
:action="this.uploadUrl"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:on-error="handelError"
:before-upload="beforeAvatarUpload">
<img v-if="dataForm.imgUrl"
:src="dataForm.imgUrl"
class="avatar">
<i v-else
class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
<el-form-item label="外链地址" prop="externalUrl">
<el-input v-model="dataForm.externalUrl" placeholder="外链地址"></el-input>
</el-form-item>
<el-form-item label="客户id" prop="customerId">
<el-input v-model="dataForm.customerId" placeholder="客户id"></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: '',
intelligentizeType: '',
name: '',
sort: '',
imgUrl: '',
externalUrl: '',
customerId: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
},
uploadUrl: '',
loading: false,
intelligentizeList: [
{
dictName: '居民信息',
dictValue: 'resident'
},
{
dictName: '疫情专区',
dictValue: 'epidemic'
}
],
}
},
computed: {
dataRule () {
return {
intelligentizeType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
sort: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
imgUrl: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
externalUrl: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
customerId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.uploadUrl = window.SITE_CONFIG['apiURL'] + '/oss/file/function/upload',
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/actual/base/intelligentizeForm/${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['post'](!this.dataForm.id ? '/actual/base/intelligentizeForm/save': '/actual/base/intelligentizeForm/update' , 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 }),
// 上传图片
handleAvatarSuccess (res, file) {
this.dataForm.imgUrl = res.data.url
this.loading = false
},
beforeAvatarUpload (file) {
this.loading = true
},
handelError () {
this.loading = false
},
}
}
</script>
<style>
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
cursor: pointer;
position: relative;
overflow: hidden;
}
.avatar-uploader .el-upload:hover {
border-color: #409eff;
}
.avatar-uploader-icon {
font-size: 28px;
color: #8c939d;
width: 378px;
height: 178px;
line-height: 178px;
text-align: center;
}
.avatar {
width: 300px;
height: 178px;
display: block;
}
</style>

107
epmet-oper-web/src/views/modules/workPc/baobiao/intelligentizeform.vue
View File

@ -0,0 +1,107 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-app-user__intelligentizeform}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item>
<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 type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button 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
:formatter="setintelligentizeType"
prop="intelligentizeType" label="分类" header-align="center" align="center"></el-table-column>
<el-table-column prop="name" label="名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="sort"
:label="$t('dept.sort')"
header-align="center"
align="center"
width="80"></el-table-column>
<el-table-column prop="imgUrl"
label="背景图片"
header-align="center"
align="center"
width="100">
<template slot-scope="scope">
<img :src="scope.row.imgUrl"
width="80"
height="80" />
</template>
</el-table-column>
<el-table-column prop="externalUrl" label="外链地址" header-align="center" align="center"></el-table-column>
<el-table-column prop="customerId" label="客户id" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button 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 './intelligentizeform-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/actual/base/intelligentizeForm/page',
getDataListIsPage: true,
deleteURL: '/actual/base/intelligentizeForm',
deleteIsBatch: true
},
dataForm: {
id: ''
},
intelligentizeList: [
{
dictName: '居民信息',
dictValue: 'resident'
},
{
dictName: '疫情专区',
dictValue: 'epidemic'
}
]
}
},
components: {
AddOrUpdate
},
methods: {
setintelligentizeType: function (row) {
let choosenItem = this.intelligentizeList.filter(item => item.dictValue === row.intelligentizeType)[0]
if (choosenItem) {
return choosenItem.dictName
} else {
return row.intelligentizeType
}
},
}
}
</script>
Write Preview
Loading…
Cancel
Save