Browse Source

修改弹窗中添加审核状态、审核意见字段

release/epdc
gaofan 2 years ago
parent
commit
4f3b2c7b45
  1. 32
      src/views/modules/user/flowparty-add-or-update.vue
  2. 9
      src/views/modules/user/flowparty-detail.vue
  3. 2
      src/views/modules/user/flowparty.vue
  4. 39
      src/views/modules/user/knightpionner-add-or-update.vue
  5. 35
      src/views/modules/user/knightpionner.vue
  6. 28
      src/views/modules/user/redspearhead-add-or-update.vue
  7. 15
      src/views/modules/user/redspearhead.vue
  8. 29
      src/views/modules/user/reportparty-add-or-update.vue
  9. 68
      src/views/modules/user/reportparty.vue

32
src/views/modules/user/flowparty-add-or-update.vue

@ -45,6 +45,18 @@
<el-cascader v-model="dataForm.allDeptIds" :options="options" clearable></el-cascader>
</el-form-item>
</template>
<el-form-item label="审核状态" prop="status">
<el-select v-model="dataForm.status">
<el-option v-for="item in freelanceOptions" :key="item.value" :label="item.label" :value="item.value"
:v-model="dataForm.status">
</el-option>
</el-select>
</el-form-item>
<template v-if="dataForm.status === 1">
<el-form-item label="审核意见" prop="examineMsg">
<el-input type="textarea" v-model="dataForm.examineMsg" placeholder="审核意见" style="width: 80%;"></el-input>
</el-form-item>
</template>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
@ -56,7 +68,7 @@
<script>
import debounce from 'lodash/debounce'
export default {
data () {
data() {
return {
visible: false,
dataForm: {
@ -70,7 +82,8 @@ export default {
workAddr: '',
status: '',
deptId: '',
allDeptIds: []
allDeptIds: [],
examineMsg: ''
},
options: [],
freelanceOptions: [
@ -85,7 +98,7 @@ export default {
}
},
methods: {
init () {
init() {
this.visible = true
this.getByLoginUser()
this.$nextTick(() => {
@ -99,7 +112,7 @@ export default {
}
})
},
getByLoginUser () {
getByLoginUser() {
this.$http
.get(`/sys/dept/party/getDeptTree`)
.then(({ data: res }) => {
@ -111,7 +124,7 @@ export default {
.catch(() => { })
},
//
getInfo () {
getInfo() {
this.$http.get(`/app-user/flowparty/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -147,6 +160,15 @@ export default {
}).catch(() => { })
})
}, 1000, { 'leading': true, 'trailing': false })
},
computed: {
dataRule() {
return {
examineMsg: [
{ required: this.dataForm.status === 1 ? true : false, message: this.$t('validate.required'), trigger: blur }
]
}
}
}
}
</script>

9
src/views/modules/user/flowparty-detail.vue

@ -37,9 +37,11 @@
<el-form-item label="所属社区" prop="allDeptIds" v-if="dataForm.allDeptIds">
<span>{{dataForm.parentDeptNames}}</span>
</el-form-item>
<el-form-item label="" prop="status" v-if="dataForm.status === 1">
<span>已于{{dataForm.updatedTime}}与该党员/居民取得联系并XX</span>
<template v-if="dataForm.status === 1">
<el-form-item label="审核意见" prop="examineMsg" v-if="dataForm.status === 1">
<span>{{ dataForm.examineMsg }}</span>
</el-form-item>
</template>
</el-form>
<template slot="footer">
<el-button @click="visible = false" type="primary">{{ $t('confirm') }}</el-button>
@ -63,7 +65,8 @@ export default {
workAddr: '',
status: '',
deptId: '',
allDeptIds: []
allDeptIds: [],
examineMsg: ''
}
}
},

2
src/views/modules/user/flowparty.vue

@ -45,7 +45,7 @@
:formatter="formatStatus"></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="examine(scope.row)">{{ $t(scope.row.status === 0 ) ? '审核' : '驳回' }}</el-button>
<!-- <el-button type="text" size="small" @click="examine(scope.row)">{{ $t(scope.row.status === 0 ) ? '审核' : '驳回' }}</el-button> -->
<el-button type="text" size="mini" @click="detail(scope.row.id)" class="custom-table-button-default">查看</el-button>
<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>

39
src/views/modules/user/knightpionner-add-or-update.vue

@ -1,6 +1,8 @@
<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' : '180px'">
<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' : '180px'">
<el-form-item label="姓名" prop="name">
<el-input v-model="dataForm.name" placeholder="姓名"></el-input>
</el-form-item>
@ -43,6 +45,18 @@
</el-form-item>
</el-col>
</el-row>
<el-form-item label="审核状态" prop="status">
<el-select v-model="dataForm.status">
<el-option v-for="item in regOptions" :key="item.value" :label="item.label" :value="item.value"
:v-model="dataForm.status">
</el-option>
</el-select>
</el-form-item>
<template v-if="dataForm.status === 1">
<el-form-item label="审核意见" prop="examineMsg">
<el-input type="textarea" v-model="dataForm.examineMsg" placeholder="审核意见" style="width: 80%;"></el-input>
</el-form-item>
</template>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
@ -54,7 +68,7 @@
<script>
import debounce from 'lodash/debounce'
export default {
data () {
data() {
return {
visible: false,
dataForm: {
@ -66,7 +80,9 @@ export default {
party: '',
courier: '',
deptId: '',
allDeptIds: []
allDeptIds: [],
status: '',
examineMsg: ''
},
options: [],
regOptions: [
@ -107,7 +123,7 @@ export default {
}
},
computed: {
dataRule () {
dataRule() {
return {
name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
@ -129,12 +145,15 @@ export default {
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
examineMsg: [
{ required: this.dataForm.status === 1 ? true : false, message: this.$t('validate.required'), trigger: blur }
]
}
}
},
methods: {
init () {
init() {
this.visible = true
this.getByLoginUser()
this.$nextTick(() => {
@ -144,7 +163,7 @@ export default {
}
})
},
getByLoginUser () {
getByLoginUser() {
this.$http
.get(`/sys/dept/party/getDeptTree`)
.then(({ data: res }) => {
@ -156,7 +175,7 @@ export default {
.catch(() => { })
},
//
getInfo () {
getInfo() {
this.$http.get(`/app-user/knightpionner/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
@ -165,7 +184,7 @@ export default {
...this.dataForm,
...res.data
}
}).catch(() => {})
}).catch(() => { })
},
//
dataFormSubmitHandle: debounce(function () {
@ -186,7 +205,7 @@ export default {
this.$emit('refreshDataList')
}
})
}).catch(() => {})
}).catch(() => { })
})
}, 1000, { 'leading': true, 'trailing': false })
}

35
src/views/modules/user/knightpionner.vue

@ -21,7 +21,8 @@
<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 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 prop="name" label="姓名" header-align="center" align="center" width="80"></el-table-column>
<el-table-column prop="idCard" label="证件号码" header-align="center" align="center" width="180"></el-table-column>
@ -36,20 +37,17 @@
<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>
<el-button type="text" size="small" @click="detail(scope.row.id)" class="custom-table-button-default">查看</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"
<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>
<knightpionner-detail v-if="detailVisible" ref="knightpionnerDetail" @refreshDataList="getDataList"></knightpionner-detail>
</div>
</el-card>
</template>
@ -57,9 +55,10 @@
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './knightpionner-add-or-update'
import KnightpionnerDetail from './knightpionner-detail'
export default {
mixins: [mixinViewModule],
data () {
data() {
return {
mixinViewModuleOptions: {
getDataListURL: '/app-user/knightpionner/page',
@ -69,21 +68,31 @@ export default {
},
dataForm: {
id: ''
}
},
detailVisible: false
}
},
components: {
AddOrUpdate
AddOrUpdate,
KnightpionnerDetail
},
methods: {
fomartValue (value) {
detail (userId) {
console.log(userId)
this.detailVisible = true
this.$nextTick(() => {
this.$refs.knightpionnerDetail.dataForm.id = userId
this.$refs.knightpionnerDetail.init()
})
},
fomartValue(value) {
if (value === 0) {
return '否'
} else {
return '是'
}
},
formartCourier (value) {
formartCourier(value) {
if (value.courier === 0) {
return '直播电商'
} else if (value.courier === 1) {

28
src/views/modules/user/redspearhead-add-or-update.vue

@ -33,6 +33,18 @@
<el-form-item label="特长" prop="specialty">
<el-input type="textarea" v-model="dataForm.specialty" placeholder="特长" style="width: 80%;"></el-input>
</el-form-item>
<el-form-item label="审核状态" prop="status">
<el-select v-model="dataForm.status">
<el-option v-for="item in freelanceOptions" :key="item.value" :label="item.label" :value="item.value"
:v-model="dataForm.status">
</el-option>
</el-select>
</el-form-item>
<template v-if="dataForm.status === 1">
<el-form-item label="审核意见" prop="examineMsg">
<el-input type="textarea" v-model="dataForm.examineMsg" placeholder="审核意见" style="width: 80%;"></el-input>
</el-form-item>
</template>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
@ -56,7 +68,9 @@ export default {
workUnit: '',
serviceType: '',
specialty: '',
allDeptIds: []
allDeptIds: [],
status: '',
examineMsg: ''
},
options: [],
regOptions: [
@ -67,6 +81,15 @@ export default {
value: '1',
label: '社区服务队'
}
],
freelanceOptions: [
{
value: 0,
label: '否'
}, {
value: 1,
label: '是'
}
]
}
},
@ -90,6 +113,9 @@ export default {
],
allDeptIds: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
examineMsg: [
{ required: this.dataForm.status === 1 ? true : false, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}

15
src/views/modules/user/redspearhead.vue

@ -34,6 +34,7 @@
<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>
<el-button type="text" size="small" @click="detail(scope.row.id)" class="custom-table-button-default">查看</el-button>
</template>
</el-table-column>
</el-table>
@ -48,6 +49,7 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<redspearhead-detail v-if="detailVisible" ref="redspearheadDetail" @refreshDataList="getDataList"></redspearhead-detail>
</div>
</el-card>
</template>
@ -55,6 +57,7 @@
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './redspearhead-add-or-update'
import RedspearheadDetail from './redspearhead-detail'
export default {
mixins: [mixinViewModule],
data () {
@ -80,7 +83,8 @@ export default {
}
},
components: {
AddOrUpdate
AddOrUpdate,
RedspearheadDetail
},
methods: {
formatValue (value) {
@ -89,7 +93,14 @@ export default {
} else {
return '社区服务队'
}
}
},
detail (userId) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.redspearheadDetail.dataForm.id = userId
this.$refs.redspearheadDetail.init()
})
},
}
}
</script>

29
src/views/modules/user/reportparty-add-or-update.vue

@ -94,6 +94,18 @@
<el-form-item label="特长" prop="specialty">
<el-input type="textarea" v-model="dataForm.specialty" placeholder="特长" style="width: 80%;"></el-input>
</el-form-item>
<el-form-item label="审核状态" prop="status">
<el-select v-model="dataForm.status">
<el-option v-for="item in regOptions" :key="item.value" :label="item.label" :value="item.value"
:v-model="dataForm.status">
</el-option>
</el-select>
</el-form-item>
<template v-if="dataForm.status === 1">
<el-form-item label="审核意见" prop="examineMsg">
<el-input type="textarea" v-model="dataForm.examineMsg" placeholder="审核意见" style="width: 80%;"></el-input>
</el-form-item>
</template>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
@ -105,7 +117,7 @@
<script>
import debounce from 'lodash/debounce'
export default {
data () {
data() {
return {
visible: false,
dataForm: {
@ -124,7 +136,9 @@ export default {
gridStaff: '',
owners: '',
shiBei: '',
allDeptIds: []
allDeptIds: [],
status: '',
examineMsg: ''
},
options: [],
regOptions: [
@ -139,7 +153,7 @@ export default {
}
},
computed: {
dataRule () {
dataRule() {
return {
name: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
@ -170,12 +184,15 @@ export default {
],
allDeptIds: [
{ required: this.dataForm.shiBei === 1 ? true : false, message: this.$t('validate.required'), trigger: 'blur' }
],
examineMsg: [
{ required: this.dataForm.status === 1 ? true : false, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
init() {
this.visible = true
this.getByLoginUser()
this.$nextTick(() => {
@ -189,7 +206,7 @@ export default {
}
})
},
getByLoginUser () {
getByLoginUser() {
this.$http
.get(`/sys/dept/party/getDeptTree`)
.then(({ data: res }) => {
@ -201,7 +218,7 @@ export default {
.catch(() => { })
},
//
getInfo () {
getInfo() {
this.$http.get(`/app-user/reportparty/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)

68
src/views/modules/user/reportparty.vue

@ -40,8 +40,12 @@
:formatter="formatValue"></el-table-column>
<el-table-column prop="owners" label="是否愿意加入业务委员会" header-align="center" align="center"
:formatter="formatValue"></el-table-column>
<el-table-column prop="status" lable="审核状态" header-align="center" align="center" width="80"
:formatter="formatStatus"></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="examine(scope.row)">{{$t(scope.row.status===0)? '审核' : '驳回' }}</el-button> -->
<el-button type="text" size="mini" @click="detail(scope.row.id)" class="custom-table-button-default">查看</el-button>
<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>
@ -51,8 +55,10 @@
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>
<reportParty-detail v-if="detailVisible" ref="reportPartyDetail" @refreshDataList="getDataList"></reportParty-detail>
<!-- <reportparty-examine ref="reportPartyExamine" @refreshDataList="getDataList"></reportparty-examine> -->
</div>
</el-card>
</template>
@ -60,6 +66,9 @@
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './reportparty-add-or-update'
import Flowparty from './flowparty'
import ReportPartyDetail from './reportparty-detail'
// import ReportPartyExamine from './reportparty-examine'
export default {
mixins: [mixinViewModule],
data () {
@ -71,8 +80,19 @@ export default {
deleteIsBatch: true
},
dataForm: {
id: ''
id: '',
name: '',
idCard: '',
mobile: '',
freelance: '',
workUnit: '',
partyName: '',
workAddr: '',
status: '',
deptId: '',
allDeptIds: []
},
detailVisible: false,
regOptions: [{
value: 0,
label: '否'
@ -84,8 +104,10 @@ export default {
}
},
components: {
AddOrUpdate
},
AddOrUpdate,
Flowparty,
ReportPartyDetail
},
methods: {
formatValue (value) {
if (value === 0) {
@ -93,6 +115,44 @@ export default {
} else {
return '是'
}
},
//
examine (row) {
console.log(row);
row.status = row.status === 0 ? 1 : 0
const data = {
id: row.id,
status: row.status,
allDeptIds: row.allDeptIds
}
this.$http['put']('/app-user/reportparty/', data).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.getDataList()
}
})
}).catch(() => { })
},
detail (userId) {
this.detailVisible = true
this.$nextTick(() => {
this.$refs.reportPartyDetail.dataForm.id = userId
this.$refs.reportPartyDetail.init()
})
},
formatStatus (row) {
if(row.status == 0 ){
return '未审核'
}else{
return '已审核'
}
}
}
}

Loading…
Cancel
Save