10 changed files with 371 additions and 261 deletions
-
2src/api/collect/collect.js
-
39src/views/archiveUtilize/utillizeRecord/recordList.vue
-
6src/views/system/archivesCategory/processManage/index.vue
-
2src/views/system/archivesCategory/processManage/module/form.vue
-
24src/views/system/processManage/runningProcess/module/detail.vue
-
28src/views/system/user/center.vue
-
2src/views/system/user/messageCenter/module/list.vue
-
197src/views/system/user/processCenter/index.vue
-
137src/views/system/user/processCenter/module/detail.vue
-
179src/views/system/user/processCenter/module/form.vue
@ -1,137 +0,0 @@ |
|||
<template> |
|||
<el-dialog class="detail-dialog" :visible.sync="detailVisible" :modal-append-to-body="false" :close-on-click-modal="false" append-to-body title="流程处理"> |
|||
<div class="setting-dialog"> |
|||
<div class="detail-tab tab-content"> |
|||
<ul class="tab-nav"> |
|||
<li :class="{'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">流程表单</li> |
|||
<li :class="{'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">流程图</li> |
|||
<li :class="{'active-tab-nav': activeIndex == 2 }" @click="changeActiveTab(2)">业务详情</li> |
|||
</ul> |
|||
</div> |
|||
<div v-if="activeIndex == 0"> |
|||
<div class="detail-info"> |
|||
<p><span>流程名称：</span>01-归档审批流程</p> |
|||
<p><span>启动时间：</span>2016-09-21 08:50:08</p> |
|||
<p><span>实例ID：</span>9af7f46a-ea52- 4aa3-b8c3-9fd484c2af12</p> |
|||
<p><span>发起人：</span>admin</p> |
|||
</div> |
|||
<div class="opinion"> |
|||
<h5>归档审批</h5> |
|||
<div class="opinion-form"> |
|||
<span>审批意见</span> |
|||
<el-input v-model="opinionTxt" placeholder="请输入" type="textarea" :rows="10" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div v-if="activeIndex == 1" class="detail-img"> |
|||
<img src="~@/assets/images/system/process-img.png" alt=""> |
|||
</div> |
|||
<div v-if="activeIndex == 2"> |
|||
<div class="detail-list"> |
|||
<p><span>业务类型：</span>归档审批</p> |
|||
<p><span>原始位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>目标位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>赋权类型：</span>-</p> |
|||
<p><span>起始时间：</span>-</p> |
|||
<p><span>终止时间：</span>-</p> |
|||
<p><span>利用目的：</span>-</p> |
|||
<p><span>利用次数：</span>-</p> |
|||
</div> |
|||
<businessDetails /> |
|||
</div> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button>驳回</el-button> |
|||
<el-button type="primary" @click="detailVisible=false">审批</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import businessDetails from '@/views/system/processManage/runningProcess/module/businessDetails/index.vue' |
|||
export default { |
|||
name: 'Detail', |
|||
components: { |
|||
businessDetails |
|||
}, |
|||
data() { |
|||
return { |
|||
detailVisible: false, |
|||
activeIndex: 0, |
|||
opinionTxt: null |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
methods: { |
|||
changeActiveTab(data) { |
|||
this.activeIndex = data |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.detail-dialog{ |
|||
.detail-info, |
|||
.detail-list{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 10px 18px; |
|||
font-size: 14px; |
|||
line-height: 30px; |
|||
color: #545B65; |
|||
background-color: #F6F8FC; |
|||
p{ |
|||
width: 50%; |
|||
span{ |
|||
display: inline-block; |
|||
width: 75px; |
|||
text-align: right; |
|||
color: #0C0E1E; |
|||
} |
|||
} |
|||
} |
|||
.opinion{ |
|||
margin-top: 28px; |
|||
h5{ |
|||
margin-bottom: 18px; |
|||
font-size: 16px; |
|||
color: #0C0E1E; |
|||
text-align: center; |
|||
} |
|||
.opinion-form{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
span{ |
|||
display: block; |
|||
width: 83px; |
|||
margin-right: 12px; |
|||
line-height: 30px; |
|||
text-align: right; |
|||
color: #545B65; |
|||
} |
|||
::v-deep .el-textarea__inner{ |
|||
border-color: #E6E8ED; |
|||
} |
|||
} |
|||
} |
|||
.detail-img{ |
|||
width: 818px; |
|||
height: 404px; |
|||
overflow: hidden; |
|||
overflow-y: scroll; |
|||
img{ |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
} |
|||
.detail-list{ |
|||
margin-bottom: 16px; |
|||
p{ |
|||
width: 33%; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,179 @@ |
|||
<template> |
|||
<el-dialog class="detail-dialog" :visible.sync="formVisible" :modal-append-to-body="false" :close-on-click-modal="false" append-to-body title="流程处理"> |
|||
<div class="setting-dialog"> |
|||
<div class="detail-tab tab-content"> |
|||
<ul class="tab-nav"> |
|||
<li :class="{'active-tab-nav': activeIndex == 0 }" @click="changeActiveTab(0)">流程表单</li> |
|||
<li :class="{'active-tab-nav': activeIndex == 1 }" @click="changeActiveTab(1)">流程图</li> |
|||
<!-- <li :class="{'active-tab-nav': activeIndex == 2 }" @click="changeActiveTab(2)">业务详情</li> --> |
|||
</ul> |
|||
</div> |
|||
<div v-if="activeIndex == 0"> |
|||
<div class="detail-info"> |
|||
<p><span>流程名称：</span>{{ selectRow && selectRow.title }}</p> |
|||
<p><span>启动时间：</span>{{ selectRow && selectRow.createTime | parseTime }}</p> |
|||
<p><span>实例ID：</span>{{ selectRow && selectRow.procInstId }}</p> |
|||
<p><span>发起人：</span>{{ selectRow && selectRow.createBy }}</p> |
|||
</div> |
|||
<div class="detail-list"> |
|||
<p><span>业务类型：</span>归档审批</p> |
|||
<p><span>原始位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>目标位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>赋权类型：</span>-</p> |
|||
<p><span>起始时间：</span>-</p> |
|||
<p><span>终止时间：</span>-</p> |
|||
<p><span>利用目的：</span>-</p> |
|||
<p><span>利用次数：</span>-</p> |
|||
</div> |
|||
<div class="opinion"> |
|||
<!-- <h5>归档审批</h5> --> |
|||
<div class="opinion-form"> |
|||
<!-- <span>审批意见</span> |
|||
<el-input v-model="opinionTxt" placeholder="请输入" type="textarea" :rows="2" /> --> |
|||
<el-form ref="form" :model="form" inline label-width="100px"> |
|||
<el-form-item label="审批意见" prop="opinion" :rules="[{ required: true, message: '请输入审批意见', trigger: 'blur' }]"> |
|||
<el-input v-model="form.opinion" type="textarea" :rows="3" style="width: 700px;" /> |
|||
</el-form-item> |
|||
</el-form> |
|||
</div> |
|||
</div> |
|||
<businessDetails /> |
|||
</div> |
|||
<div v-if="activeIndex == 1" class="detail-img"> |
|||
<img src="~@/assets/images/system/process-img.png" alt=""> |
|||
</div> |
|||
<!-- <div v-if="activeIndex == 2"> |
|||
<div class="detail-list"> |
|||
<p><span>业务类型：</span>归档审批</p> |
|||
<p><span>原始位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>目标位置：</span>全宗A-整理库-门类A</p> |
|||
<p><span>赋权类型：</span>-</p> |
|||
<p><span>起始时间：</span>-</p> |
|||
<p><span>终止时间：</span>-</p> |
|||
<p><span>利用目的：</span>-</p> |
|||
<p><span>利用次数：</span>-</p> |
|||
</div> |
|||
<businessDetails /> |
|||
</div> --> |
|||
<div slot="footer" class="dialog-footer"> |
|||
<el-button @click="submitOpinion(false)">驳回</el-button> |
|||
<el-button type="primary" @click="submitOpinion(true)">审批</el-button> |
|||
</div> |
|||
</div> |
|||
</el-dialog> |
|||
</template> |
|||
|
|||
<script> |
|||
import { FetchBecomeDocumentConfirm } from '@/api/collect/collect' |
|||
import businessDetails from '@/views/system/processManage/runningProcess/module/businessDetails/index.vue' |
|||
export default { |
|||
name: 'Form', |
|||
components: { |
|||
businessDetails |
|||
}, |
|||
data() { |
|||
return { |
|||
formVisible: false, |
|||
activeIndex: 0, |
|||
form: { |
|||
opinion: null |
|||
}, |
|||
selectRow: null |
|||
} |
|||
}, |
|||
computed: { |
|||
}, |
|||
methods: { |
|||
changeActiveTab(data) { |
|||
this.activeIndex = data |
|||
}, |
|||
submitOpinion(type) { |
|||
this.$refs['form'].validate((valid) => { |
|||
if (valid) { |
|||
const params = { |
|||
'id': this.selectRow.id, |
|||
'isPass': type, |
|||
'opinion': this.form.opinion |
|||
} |
|||
console.log(params) |
|||
if (this.selectRow.businessType === 1) { |
|||
FetchBecomeDocumentConfirm(params).then((res) => { |
|||
console.log(res) |
|||
}).catch(err => { |
|||
console.log(err) |
|||
}) |
|||
} |
|||
} else { |
|||
return false |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang='scss' scoped> |
|||
.detail-dialog{ |
|||
.detail-info, |
|||
.detail-list{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
flex-wrap: wrap; |
|||
padding: 4px 18px; |
|||
font-size: 14px; |
|||
line-height: 30px; |
|||
color: #545B65; |
|||
background-color: #F6F8FC; |
|||
p{ |
|||
width: 50%; |
|||
span{ |
|||
display: inline-block; |
|||
width: 75px; |
|||
text-align: right; |
|||
color: #0C0E1E; |
|||
} |
|||
} |
|||
} |
|||
.opinion{ |
|||
margin: 10px 0; |
|||
h5{ |
|||
margin-bottom: 18px; |
|||
font-size: 16px; |
|||
color: #0C0E1E; |
|||
text-align: center; |
|||
} |
|||
.opinion-form{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
span{ |
|||
display: block; |
|||
width: 83px; |
|||
margin-right: 12px; |
|||
line-height: 30px; |
|||
text-align: right; |
|||
color: #545B65; |
|||
} |
|||
::v-deep .el-textarea__inner{ |
|||
border-color: #E6E8ED; |
|||
} |
|||
} |
|||
} |
|||
.detail-img{ |
|||
width: 818px; |
|||
height: 404px; |
|||
overflow: hidden; |
|||
overflow-y: scroll; |
|||
img{ |
|||
display: block; |
|||
width: 100%; |
|||
} |
|||
} |
|||
.detail-list{ |
|||
// margin-bottom: 16px; |
|||
padding: 0 18px 4px 18px; |
|||
p{ |
|||
width: 33%; |
|||
} |
|||
} |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue