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

哨卡新增

master
zhangyongzhangyong 6 years ago
parent
558694e45c
commit
c3be9d3e4d
3 changed files with 147 additions and 139 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 206
      src/views/modules/custom/epidemicsentrypost-add-or-update.vue
  2. 24
      src/views/modules/custom/epidemicsentrypost.vue
  3. 6
      src/views/modules/sys/deptmacode.vue

206
src/views/modules/custom/epidemicsentrypost-add-or-update.vue
View File

@ -1,50 +1,30 @@
<template> <template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false"> <el-dialog
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'"> :visible.sync="visible"
:title="!dataForm.id ? $t('add') : $t('update')"
:close-on-click-modal="false"
:close-on-press-escape="false"
:append-to-body="true"
>
<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="sentryPostCode"> <el-form-item label="哨卡编码" prop="sentryPostCode">
<el-input v-model="dataForm.sentryPostCode" placeholder="哨卡编码"></el-input> <el-input v-model="dataForm.sentryPostCode" placeholder="哨卡编码(唯一性最长6位)" style="width: 800px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="哨卡名称" prop="sentryPostName"> <el-form-item label="哨卡名称" prop="sentryPostName">
<el-input v-model="dataForm.sentryPostName" placeholder="哨卡名称"></el-input> <el-select v-model="dataForm.sentryPostName"
</el-form-item> placeholder="请选择" style="width: 800px" @change="selectModel($event)">
<el-form-item label="第三方哨卡id" prop="thirdSentryPostId"> <el-option v-for="item in verifyOptions"
<el-input v-model="dataForm.thirdSentryPostId" placeholder="第三方哨卡id"></el-input> :key="item.id"
</el-form-item> :label="item.sentryPostName"
<el-form-item label="哨卡所在网格id" prop="gridId"> :value="item.sentryPostName">
<el-input v-model="dataForm.gridId" placeholder="哨卡所在网格id"></el-input> </el-option>
</el-form-item> </el-select>
<el-form-item label="哨卡小程序码访问地址" prop="maCodeUrl">
<el-input v-model="dataForm.maCodeUrl" placeholder="哨卡小程序码访问地址"></el-input>
</el-form-item>
<el-form-item label="父所有部门ID" prop="parentDeptIds">
<el-input v-model="dataForm.parentDeptIds" placeholder="父所有部门ID"></el-input>
</el-form-item>
<el-form-item label="父所有部门名称" prop="parentDeptNames">
<el-input v-model="dataForm.parentDeptNames" placeholder="父所有部门名称"></el-input>
</el-form-item>
<el-form-item label="所有部门ID" prop="allDeptIds">
<el-input v-model="dataForm.allDeptIds" placeholder="所有部门ID"></el-input>
</el-form-item>
<el-form-item label="所有部门名称" prop="allDeptNames">
<el-input v-model="dataForm.allDeptNames" placeholder="所有部门名称"></el-input>
</el-form-item>
<el-form-item label="删除标识 0：否，1：是" prop="delFlag">
<el-input v-model="dataForm.delFlag" placeholder="删除标识 0：否，1：是"></el-input>
</el-form-item>
<el-form-item label="乐观锁" prop="revision">
<el-input v-model="dataForm.revision" placeholder="乐观锁"></el-input>
</el-form-item>
<el-form-item label="创建人" prop="createdBy">
<el-input v-model="dataForm.createdBy" placeholder="创建人"></el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createdTime">
<el-input v-model="dataForm.createdTime" placeholder="创建时间"></el-input>
</el-form-item>
<el-form-item label="更新人" prop="updatedBy">
<el-input v-model="dataForm.updatedBy" placeholder="更新人"></el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updatedTime">
<el-input v-model="dataForm.updatedTime" placeholder="更新时间"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template slot="footer"> <template slot="footer">
@ -64,69 +44,27 @@ export default {
id: '', id: '',
sentryPostCode: '', sentryPostCode: '',
sentryPostName: '', sentryPostName: '',
thirdSentryPostId: '', gridId: ''
gridId: '', },
maCodeUrl: '', verifyOptions: []
parentDeptIds: '',
parentDeptNames: '',
allDeptIds: '',
allDeptNames: '',
delFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: ''
}
} }
}, },
computed: { computed: {
dataRule () { dataRule () {
return { return {
sentryPostCode: [ sentryPostCode: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {
required: true,
message: this.$t('validate.required'),
trigger: 'blur'
}
], ],
sentryPostName: [ sentryPostName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } {
], required: true,
thirdSentryPostId: [ message: this.$t('validate.required'),
{ required: true, message: this.$t('validate.required'), trigger: 'blur' } trigger: 'blur'
], }
gridId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
maCodeUrl: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
parentDeptNames: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
allDeptNames: [
{ 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' }
] ]
} }
} }
@ -134,6 +72,7 @@ export default {
methods: { methods: {
init () { init () {
this.visible = true this.visible = true
this.querySentryPostName()
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['dataForm'].resetFields() this.$refs['dataForm'].resetFields()
if (this.dataForm.id) { if (this.dataForm.id) {
@ -141,9 +80,31 @@ export default {
} }
}) })
}, },
// 哨卡名称查询(未绑定网格id的)
querySentryPostName () {
this.$http
.get(`custom/epidemicsentrypost/selectListSentryPostName`)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.verifyOptions = res.data
})
.catch(() => {})
},
// 根据下拉框选择的value 赋值key
selectModel (sentryPostName) {
let obj = {}
obj = this.verifyOptions.find((dataForm) => {
return this.dataForm.sentryPostName === sentryPostName
})
this.dataForm.id = obj.id
},
// 获取信息 // 获取信息
getInfo () { getInfo () {
this.$http.get(`/news/epidemicsentrypost/${this.dataForm.id}`).then(({ data: res }) => { this.$http
.get(`/news/epidemicsentrypost/${this.dataForm.id}`)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -151,15 +112,46 @@ export default {
...this.dataForm, ...this.dataForm,
...res.data ...res.data
} }
}).catch(() => {}) })
.catch(() => {})
}, },
// 编码校验
// sentryPostCodeIsRepeat () {
// if (this.dataForm.sentryPostCode.replace(/\s+/g, '').length === 0) {
// return this.$message.error('哨卡编码不可为空')
// }
// this.$http
// .get(`custom/epidemicsentrypost/sentryPostCodeIsRepeat/${this.dataForm.sentryPostCode}`)
// .then(({ data: res }) => {
// if (res.code !== 0) {
// return this.$message.error(res.msg)
// }
// if (res.data > 0) {
// return this.$message.error('哨卡编码不可重复')
// }
// return res.data
// })
// .catch(() => {})
// },
// 表单提交 // 表单提交
dataFormSubmitHandle: debounce(function () { dataFormSubmitHandle: debounce(
this.$refs['dataForm'].validate((valid) => { function () {
this.$refs['dataForm'].validate(valid => {
if (!valid) { if (!valid) {
return false return false
} }
this.$http[!this.dataForm.id ? 'post' : 'put']('/news/epidemicsentrypost/', this.dataForm).then(({ data: res }) => { if (this.dataForm.sentryPostCode.length > 6) {
return this.$message.error('哨卡编码长度不可超6位')
}
var reg = /^[0-9a-zA-Z]+$/
if (!reg.test(this.dataForm.sentryPostCode)) {
return this.$message.error('哨卡编码仅支持数字或字母')
}
this.$http[!this.dataForm.id ? 'post' : 'put'](
'/custom/epidemicsentrypost/',
this.dataForm
)
.then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
return this.$message.error(res.msg) return this.$message.error(res.msg)
} }
@ -172,9 +164,13 @@ export default {
this.$emit('refreshDataList') this.$emit('refreshDataList')
} }
}) })
}).catch(() => {})
}) })
}, 1000, { 'leading': true, 'trailing': false }) .catch(() => {})
})
},
1000,
{ leading: true, trailing: false }
)
} }
} }
</script> </script>

24
src/views/modules/custom/epidemicsentrypost.vue
View File

@ -13,7 +13,7 @@
<el-button @click="getDataList()">{{ $t('query') }}</el-button> <el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('news:epidemicsentrypost:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> <el-button type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button v-if="$hasPermission('news:epidemicsentrypost:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button> <el-button v-if="$hasPermission('news:epidemicsentrypost:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
@ -28,9 +28,9 @@
<el-table-column prop="maCodeUrl" label="哨卡小程序码访问地址" header-align="center" align="center"></el-table-column> <el-table-column prop="maCodeUrl" label="哨卡小程序码访问地址" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column> <el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150"> <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope"> <!-- <template slot-scope="scope">
<el-button v-if="$hasPermission('news:epidemicsentrypost:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">下载</el-button> <el-button v-if="$hasPermission('news:epidemicsentrypost:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">下载</el-button>
</template> </template> -->
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <el-pagination
@ -43,27 +43,39 @@
@current-change="pageCurrentChangeHandle"> @current-change="pageCurrentChangeHandle">
</el-pagination> </el-pagination>
<!-- 弹窗, 新增 / 修改 --> <!-- 弹窗, 新增 / 修改 -->
<!-- <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update> --> <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import mixinViewModule from '@/mixins/view-module' import mixinViewModule from '@/mixins/view-module'
// import addOrUpdate from './epidemicsentrypost-add-or-update' import AddOrUpdate from './epidemicsentrypost-add-or-update'
export default { export default {
mixins: [mixinViewModule], mixins: [mixinViewModule],
data () { data () {
return { return {
visible: false, visible: false,
dataForm: { dataForm: {
id: '' id: '',
gridId: ''
} }
} }
}, },
methods: { methods: {
init () { init () {
this.visible = true this.visible = true
},
// 新增 修改
addOrUpdateHandle () {
this.addOrUpdateVisible = true
this.$nextTick(() => {
this.$refs.addOrUpdate.dataForm.gridId = this.dataForm.gridId
this.$refs.addOrUpdate.init()
})
} }
},
components: {
AddOrUpdate
} }
} }
</script> </script>

6
src/views/modules/sys/deptmacode.vue
View File

@ -116,7 +116,7 @@
@click="downloadHandle(scope.row.codeUrl)">下载</el-button> @click="downloadHandle(scope.row.codeUrl)">下载</el-button>
<el-button type="danger" <el-button type="danger"
size="mini" size="mini"
@click="sentryManage()">哨卡管理</el-button> @click="sentryManage(scope.row.gridId)">哨卡管理</el-button>
<el-button v-if=" <el-button v-if="
$hasPermission('sys:deptmacode:create') && !scope.row.codeUrl $hasPermission('sys:deptmacode:create') && !scope.row.codeUrl
" "
@ -315,10 +315,10 @@ export default {
window.location.href = `${window.SITE_CONFIG['apiURL']}/oss/file/download?fileUrl=${codeUrl}` window.location.href = `${window.SITE_CONFIG['apiURL']}/oss/file/download?fileUrl=${codeUrl}`
}, },
// 哨卡管理 // 哨卡管理
sentryManage () { sentryManage (id) {
this.epidemicSentryPostVisible = true this.epidemicSentryPostVisible = true
this.$nextTick(() => { this.$nextTick(() => {
// this.$refs.epidemicSentryPostVisible.dataForm.id = id this.$refs.epidemicSentryPost.dataForm.gridId = id
this.$refs.epidemicSentryPost.init() this.$refs.epidemicSentryPost.init()
}) })
}, },

Write Preview
Loading…
Cancel
Save