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
-
213src/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