style: 格式化代码

This commit is contained in:
zyn
2024-01-23 16:05:11 +08:00
parent ff2e43a089
commit dfd3cad046
3 changed files with 178 additions and 152 deletions
@@ -1,15 +1,15 @@
<!-- 流程信息公共标题 -->
<template>
<div class="contentTitle">
<div class="titleIcon"></div>
<div class="titleText"><slot name="title"></slot></div>
</div>
<div class="contentTitle">
<div class="titleIcon" />
<div class="titleText"><slot name="title" /></div>
</div>
</template>
<script>
export default {
name: "ProcessTitle"
}
export default {
name: 'ProcessTitle'
}
</script>
<style scoped lang="less">
@@ -10,52 +10,64 @@
<div v-else class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
</div>
<div class="content">
<el-form v-if="reloadForm"
ref="form"
:model="form"
:rules="rules"
class="label-input-form"
label-width="210px"
<el-form
v-if="reloadForm"
ref="form"
:model="form"
:rules="rules"
class="label-input-form"
label-width="210px"
>
<div v-show="active === '1'">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
<Basic :form="form" :dict="dict" :disabled="disabled" />
<ProcessTitle>
<template slot="title">会议分类</template>
</ProcessTitle>
<Classification :form="form" :dict="dict" :disabled="disabled"></Classification>
<Classification :form="form" :dict="dict" :disabled="disabled" />
<div v-for="(item, index) in form.meetingTopicList">
<ProcessTitle>
<template slot="title">
会议议题
<el-button type="primary" size="mini" icon="el-icon-plus" @click="addMeetingTopic" :disabled="disabled"
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"></el-button>
<el-button type="primary" size="mini" icon="el-icon-minus" @click="removeMeetingTopic(index)" :disabled="disabled"
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"></el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-plus"
:disabled="disabled"
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
@click="addMeetingTopic"
/>
<el-button
type="primary"
size="mini"
icon="el-icon-minus"
:disabled="disabled"
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
@click="removeMeetingTopic(index)"
/>
</template>
</ProcessTitle>
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled"></Topics>
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled" />
</div>
<ReceiptDescription isItem v-model="form.commentText" title="回执说明" :disabled="disabled"></ReceiptDescription>
<ReceiptDescription v-model="form.commentText" isItem title="回执说明" :disabled="disabled" />
</div>
<div class="block" style="padding-top: 20px;" v-show="active === '2'">
<PersonInfo ref="roleForm" :roleForm="roleForm" :roleRules="roleRules" :disabled="disabled"></PersonInfo>
<div v-show="active === '2'" class="block" style="padding-top: 20px;">
<PersonInfo ref="roleForm" :roleForm="roleForm" :roleRules="roleRules" :disabled="disabled" />
</div>
<ApprovalHistory v-if="active === '3'"></ApprovalHistory>
<ApprovalHistory v-if="active === '3'" />
</el-form>
</div>
<ProcessFooter
v-show="!disabled"
show-save
show-submit
:submitLoading="footerLoading"
:saveLoading="footerLoading"
@save="handleSave"
@submit="handleSubmit"
>
</ProcessFooter>
v-show="!disabled"
show-save
show-submit
:submitLoading="footerLoading"
:saveLoading="footerLoading"
@save="handleSave"
@submit="handleSubmit"
/>
<loading :loading="loading">数据获取中</loading>
</div>
</template>
@@ -64,17 +76,17 @@
import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
import ProcessHeader from '@/pages/processCenter/pages/components//ProcessHeader'
import ProcessFooter from '@/pages/processCenter/pages/components//ProcessFooter'
import Basic from "./components/Basic";
import Classification from "./components/Classification";
import Topics from "./components/Topics";
import PersonInfo from "./components/PersonInfo";
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
import Basic from './components/Basic';
import Classification from './components/Classification';
import Topics from './components/Topics';
import PersonInfo from './components/PersonInfo';
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
import { getDicTypeListCode, saveTaskFirst, queryTaskFirst, inboundLiaisonDetail, taskDel, saveTaskForPub } from 'api/process'
export default {
name: "policyMeetings1",
name: 'PolicyMeetings1',
components: {
ProcessTitle,
ProcessHeader,
@@ -112,49 +124,49 @@ export default {
}
const rules = {
meetingName: [
{required: true, type: 'string', message: '会议名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议名称不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change' }
],
meetingOrganizer: [
{required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change' }
],
meetingTime: [
{required: true, message: '会议时间不能为空', trigger: 'change'}
{ required: true, message: '会议时间不能为空', trigger: 'change' }
],
meetingAddress: [
{required: true, type: 'string', message: '会议地点不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议地点不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change' }
],
participants: [
{required: true, type: 'string', message: '参会人员不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '参会人员不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change' }
],
meetingContent: [
{required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change' }
],
firstMeetingType: [
{required: true, message: '1级会议分类不能为空', trigger: 'change'}
{ required: true, message: '1级会议分类不能为空', trigger: 'change' }
],
secondMeetingType: [
{required: true, message: '2级会议分类不能为空', trigger: 'change'}
{ required: true, message: '2级会议分类不能为空', trigger: 'change' }
],
agendaName: [
{required: true, type: 'string', message: '议题名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '议题名称不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change' }
],
reporter: [
{required: true, type: 'string', message: '汇报人不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '汇报人不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change' }
],
reportingUnit: [
{required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change' }
],
agendaContent: [
{required: true, type: 'string', message: '议题主要内容不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '议题主要内容不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '议题主要内容不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '议题主要内容不能超过500个字符', trigger: 'change' }
],
}
const roleForm = {
@@ -165,10 +177,10 @@ export default {
}
const roleRules = {
applyUserName: [
{required: true, message: '流程发起人不能为空', trigger: ['blur', 'change']}
{ required: true, message: '流程发起人不能为空', trigger: [ 'blur', 'change' ] }
],
jlUserName: [
{required: true, message: '审批人不能为空', trigger: ['blur', 'change']}
{ required: true, message: '审批人不能为空', trigger: [ 'blur', 'change' ] }
]
}
return {
@@ -187,12 +199,12 @@ export default {
loading: false
}
},
created() {
created () {
this.getDicTypeListCode()
this.getData()
},
methods: {
handleTabs(tab) {
handleTabs (tab) {
this.active = tab
},
addMeetingTopic () {
@@ -204,10 +216,10 @@ export default {
reportingUnit: '',
agendaContent: ''
}
this.form.meetingTopicList = [...this.form.meetingTopicList, meetingTopicItem]
this.form.meetingTopicList = [ ...this.form.meetingTopicList, meetingTopicItem ]
},
removeMeetingTopic (index) {
let res = []
const res = []
this.form.meetingTopicList.forEach((item, i) => {
if (i !== index) {
res.push(item)
@@ -262,7 +274,7 @@ export default {
this.reloadForm = false
if (mes.form) {
// 驳回
let mes = JSON.parse(res.mes)
const mes = JSON.parse(res.mes)
this.$set(this, 'form', mes.form)
} else {
// 撤回
@@ -283,10 +295,10 @@ export default {
})
}
},
//保存
handleSave() {
// 保存
handleSave () {
this.footerLoading = true
let _formData = new FormData()
const _formData = new FormData()
_formData.append('prcType', '29')
if (this.$route.query.taskIds) {
@@ -332,7 +344,7 @@ export default {
// 重新起草
completeTaskQuery = {
taskIds: this.$route.query.taskIds,
userId : this.$store.getters.userInfo.userId,
userId: this.$store.getters.userInfo.userId,
json: JSON.stringify(json)
}
} else {
@@ -351,7 +363,7 @@ export default {
completeTaskQuery = {
taskIds: res.data,
userId : this.$store.getters.userInfo.userId,
userId: this.$store.getters.userInfo.userId,
json: JSON.stringify(json)
}
}
@@ -369,9 +381,9 @@ export default {
taskDel({ id: this.$route.query.bpnId })
}
// 流程提交之后,应该流转至待办任务页面
await this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
await this.$router.push({ path: '/processCenter?tabsName=ProcessCenter' })
},
handleSubmit() {
handleSubmit () {
this.$refs['form'].validate((valid) => {
if (valid) {
this.$refs['roleForm'].$refs['userForm'].validate((valid) => {
@@ -9,57 +9,70 @@
<div class="headerTabsItem" :class="active === '3' ? 'active' : ''" @click="handleTabs('3')">审批历史</div>
</div>
<div class="content">
<el-form v-if="reloadForm"
ref="form"
:model="form"
:rules="rules"
class="label-input-form"
label-width="210px"
<el-form
v-if="reloadForm"
ref="form"
:model="form"
:rules="rules"
class="label-input-form"
label-width="210px"
>
<div v-show="active === '1'">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<Basic :form="form" :dict="dict" :disabled="disabled"></Basic>
<Basic :form="form" :dict="dict" :disabled="disabled" />
<ProcessTitle>
<template slot="title">会议分类</template>
</ProcessTitle>
<Classification :form="form" :dict="dict" :disabled="disabled"></Classification>
<Classification :form="form" :dict="dict" :disabled="disabled" />
<div v-for="(item, index) in form.meetingTopicList">
<ProcessTitle>
<template slot="title">
会议议题
<el-button type="primary" size="mini" icon="el-icon-plus" @click="addMeetingTopic" :disabled="disabled"
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"></el-button>
<el-button type="primary" size="mini" icon="el-icon-minus" @click="removeMeetingTopic(index)" :disabled="disabled"
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"></el-button>
<el-button
type="primary"
size="mini"
icon="el-icon-plus"
:disabled="disabled"
:style="{visibility: (index === form.meetingTopicList.length - 1) ? 'visible' : 'collapse'}"
@click="addMeetingTopic"
/>
<el-button
type="primary"
size="mini"
icon="el-icon-minus"
:disabled="disabled"
:style="{visibility: (form.meetingTopicList.length < 2 && index === 0) ? 'collapse' : 'visible'}"
@click="removeMeetingTopic(index)"
/>
</template>
</ProcessTitle>
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled"></Topics>
<Topics :item="item" :index="index" :rules="rules" :disabled="disabled" />
</div>
<ReceiptDescription isItem v-model="form.commentText" prop="commentText" title="审批意见"></ReceiptDescription>
<ReceiptDescription v-model="form.commentText" isItem prop="commentText" title="审批意见" />
</div>
<ApprovalHistory v-if="active === '3'"></ApprovalHistory>
<ApprovalHistory v-if="active === '3'" />
</el-form>
</div>
<ProcessFooter
show-submit
show-over2
show-transfer
:submitLoading="footerLoading"
:saveLoading="footerLoading"
@transfer="handleTransfer"
@submit="handleApprove"
@over2="handleOver"
></ProcessFooter>
show-submit
show-over2
show-transfer
:submitLoading="footerLoading"
:saveLoading="footerLoading"
@transfer="handleTransfer"
@submit="handleApprove"
@over2="handleOver"
/>
<!-- 福田全公司选人解决方案 -->
<Role-tree
check-box
:is-title="drawerTitle"
:is-visible.sync="drawerModal"
@checkedRole="checkedRole"
:nodeList="nodeList"
></Role-tree>
check-box
:is-title="drawerTitle"
:is-visible.sync="drawerModal"
:nodeList="nodeList"
@checkedRole="checkedRole"
/>
<loading :loading="loading">数据获取中</loading>
</div>
</template>
@@ -68,16 +81,16 @@
ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
import ProcessHeader from '@/pages/processCenter/pages/components//ProcessHeader'
import ProcessFooter from '@/pages/processCenter/pages/components//ProcessFooter'
import Basic from "./components/Basic";
import Classification from "./components/Classification";
import Topics from "./components/Topics";
import PersonInfo from "./components/PersonInfo";
import ApprovalHistory from "@/components/hzwlComponents/ApprovalHistory";
import ReceiptDescription from "@/components/hzwlComponents/ReceiptDescription";
import Basic from './components/Basic';
import Classification from './components/Classification';
import Topics from './components/Topics';
import PersonInfo from './components/PersonInfo';
import ApprovalHistory from '@/components/hzwlComponents/ApprovalHistory';
import ReceiptDescription from '@/components/hzwlComponents/ReceiptDescription';
import { getDicTypeListCode, inboundLiaisonDetail, changeAssigneeNew, processCreateMeeting, completeTask } from 'api/process'
export default {
name: "policyMeetings2",
name: 'PolicyMeetings2',
components: {
ProcessTitle,
ProcessHeader,
@@ -115,49 +128,49 @@ export default {
}
const rules = {
meetingName: [
{required: true, type: 'string', message: '会议名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议名称不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议名称不能超过500个字符', trigger: 'change' }
],
meetingOrganizer: [
{required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议主办单位不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议主办单位不能超过500个字符', trigger: 'change' }
],
meetingTime: [
{required: true, message: '会议时间不能为空', trigger: 'change'}
{ required: true, message: '会议时间不能为空', trigger: 'change' }
],
meetingAddress: [
{required: true, type: 'string', message: '会议地点不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议地点不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议地点不能超过500个字符', trigger: 'change' }
],
participants: [
{required: true, type: 'string', message: '参会人员不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '参会人员不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '参会人员不能超过500个字符', trigger: 'change' }
],
meetingContent: [
{required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '会议主要内容不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '会议主要内容不能超过500个字符', trigger: 'change' }
],
firstMeetingType: [
{required: true, message: '1级会议分类不能为空', trigger: 'change'}
{ required: true, message: '1级会议分类不能为空', trigger: 'change' }
],
secondMeetingType: [
{required: true, message: '2级会议分类不能为空', trigger: 'change'}
{ required: true, message: '2级会议分类不能为空', trigger: 'change' }
],
agendaName: [
{required: true, type: 'string', message: '议题名称不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '议题名称不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '议题名称不能超过500个字符', trigger: 'change' }
],
reporter: [
{required: true, type: 'string', message: '汇报人不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '汇报人不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '汇报人不能超过500个字符', trigger: 'change' }
],
reportingUnit: [
{required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '汇报人单位不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '汇报人单位不能超过500个字符', trigger: 'change' }
],
agendaContent: [
{required: true, type: 'string', message: '议题主要内容不能为空', trigger: 'change'},
{type: 'string', max: 500, message: '议题主要内容不能超过500个字符', trigger: 'change'}
{ required: true, type: 'string', message: '议题主要内容不能为空', trigger: 'change' },
{ type: 'string', max: 500, message: '议题主要内容不能超过500个字符', trigger: 'change' }
],
}
const roleForm = {
@@ -168,10 +181,10 @@ export default {
}
const roleRules = {
applyUserName: [
{required: true, message: '流程发起人不能为空', trigger: ['blur', 'change']}
{ required: true, message: '流程发起人不能为空', trigger: [ 'blur', 'change' ] }
],
jlUserName: [
{required: true, message: '审批人不能为空', trigger: ['blur', 'change']}
{ required: true, message: '审批人不能为空', trigger: [ 'blur', 'change' ] }
]
}
return {
@@ -193,12 +206,12 @@ export default {
loading: false
}
},
created() {
created () {
this.getDicTypeListCode()
this.getData()
},
methods: {
handleTabs(tab) {
handleTabs (tab) {
this.active = tab
},
addMeetingTopic () {
@@ -210,10 +223,10 @@ export default {
reportingUnit: '',
agendaContent: ''
}
this.form.meetingTopicList = [...this.form.meetingTopicList, meetingTopicItem]
this.form.meetingTopicList = [ ...this.form.meetingTopicList, meetingTopicItem ]
},
removeMeetingTopic (index) {
let res = []
const res = []
this.form.meetingTopicList.forEach((item, i) => {
if (i !== index) {
res.push(item)
@@ -221,7 +234,7 @@ export default {
})
this.form.meetingTopicList = [ ...res ]
},
getData() {
getData () {
return new Promise((resolve, reject) => {
this.loading = true
inboundLiaisonDetail({
@@ -242,7 +255,7 @@ export default {
})
})
},
handleTransfer() {
handleTransfer () {
this.drawerModal = true
this.drawerTitle = '转办处理人'
},
@@ -250,25 +263,25 @@ export default {
checkedRole (data) {
changeAssigneeNew({
taskId: this.$route.query.taskIds, // 任务id
userId:this.$store.getters.userInfo.userId, // 委托人
userId: this.$store.getters.userInfo.userId, // 委托人
assignee: data[0].id, // 被委托人
pId: this.$route.query.prcId, // 流程实例
}).then(res => {
if (res.success) {
this.drawerModal = false
this.$message.success('调整成功')
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
this.$router.push({ path: '/processCenter?tabsName=ProcessCenter' })
} else {
this.$message.warning(res.message)
}
})
},
handleOver(){
handleOver () {
// 驳回
this.form.approvalOpinion = 1
this.handleSubmit()
},
handleApprove(){
handleApprove () {
// 通过
this.form.approvalOpinion = 0
this.handleSubmit()
@@ -287,7 +300,7 @@ export default {
this.rules = { ...this.rules }
},
// 提交
handleSubmit() {
handleSubmit () {
this.addRule()
this.$refs['form'].validate((valid) => {
if (valid) {
@@ -295,16 +308,16 @@ export default {
const json = JSON.stringify(this.form);
const query = {
taskId: this.$route.query.taskIds,
userId:this.$store.getters.userInfo.userId,
userId: this.$store.getters.userInfo.userId,
json: json
}
this.$http._post('lawss/activiti/completeTask', query).then(res => {
if (res.success) {
if(this.form.approvalOpinion === 1){
this.$message.warning("驳回成功")
if(this.form.approvalOpinion === 1) {
this.$message.warning('驳回成功')
this.footerLoading = false
// 流程提交之后,应该流转至待办任务页面
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
this.$router.push({ path: '/processCenter?tabsName=ProcessCenter' })
}else{
this.processCreate(json)
}
@@ -315,7 +328,8 @@ export default {
})
} else {
this.$message.warning('请检查基础信息表单是否填写完整')
}})
}
})
},
// 流程入库
processCreate (json) {
@@ -325,7 +339,7 @@ export default {
if (res.result === '操作成功' || res.data === '入库成功') {
this.$message.success(res.data)
setTimeout(() => {
this.$router.push({path:'/processCenter?tabsName=ProcessCenter'})
this.$router.push({ path: '/processCenter?tabsName=ProcessCenter' })
}, 100)
} else {
this.$message.warning(res.message)