Compare commits
4 Commits
21431958f0
...
0974118d3b
Author | SHA1 | Date |
---|---|---|
guoyue | 0974118d3b | |
guoyue | adf964a400 | |
guoyue | 8db5b8bee5 | |
guoyue | b66a781b81 |
|
@ -38,6 +38,9 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column prop="createDate" label="创建时间" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column prop="auditTime" label="审核时间" header-align="center" align="center"></el-table-column>
|
||||||
|
|
||||||
<el-table-column label="应用领域" header-align="center" align="center">
|
<el-table-column label="应用领域" header-align="center" align="center">
|
||||||
<template slot-scope="scope" v-if="scope.row.applicationArea">
|
<template slot-scope="scope" v-if="scope.row.applicationArea">
|
||||||
<span class="area-text" v-for="(x,i) in JSON.parse(scope.row.applicationArea)"
|
<span class="area-text" v-for="(x,i) in JSON.parse(scope.row.applicationArea)"
|
||||||
|
|
|
@ -12,15 +12,23 @@
|
||||||
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%">
|
<el-table v-loading="dataListLoading" :data="dataList" border style="width: 100%">
|
||||||
<el-table-column prop="title" label="申请标题" header-align="center" align="center"></el-table-column>
|
<el-table-column prop="title" label="申请标题" header-align="center" align="center"></el-table-column>
|
||||||
<el-table-column prop="name" label="申请人信息" header-align="center" align="center"></el-table-column>
|
<el-table-column prop="name" label="申请人信息" header-align="center" align="center"></el-table-column>
|
||||||
|
<el-table-column label="设备名称" header-align="center" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span class="demand-text">{{
|
||||||
|
(scope.row && scope.row.tbDeviceDTO && scope.row.tbDeviceDTO.name)
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
<el-table-column prop="state" label="审批状态" header-align="center" align="center">
|
<el-table-column prop="state" label="审批状态" header-align="center" align="center">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{wrjStateObj[scope.row.state]}}</span>
|
<span>{{wrjStateObj[scope.row.state]}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="phone" label="电话" header-align="center" align="center"></el-table-column>
|
<el-table-column prop="createDate" label="创建时间" header-align="center" align="center"></el-table-column>
|
||||||
|
<!-- <el-table-column prop="phone" label="电话" header-align="center" align="center"></el-table-column>
|
||||||
<el-table-column prop="dept" label="单位" header-align="center" align="center"></el-table-column>
|
<el-table-column prop="dept" label="单位" header-align="center" align="center"></el-table-column>
|
||||||
<el-table-column prop="applicationSystem" label="应用系统" header-align="center" align="center">
|
<el-table-column prop="applicationSystem" label="应用系统" header-align="center" align="center">
|
||||||
</el-table-column>
|
</el-table-column> -->
|
||||||
<el-table-column label="应用领域" header-align="center" align="center">
|
<el-table-column label="应用领域" header-align="center" align="center">
|
||||||
<template slot-scope="scope" v-if="scope.row.applicationArea">
|
<template slot-scope="scope" v-if="scope.row.applicationArea">
|
||||||
<span class="area-text" v-for="(x,i) in JSON.parse(scope.row.applicationArea)"
|
<span class="area-text" v-for="(x,i) in JSON.parse(scope.row.applicationArea)"
|
||||||
|
|
|
@ -13,40 +13,32 @@
|
||||||
<h3>申请人信息</h3>
|
<h3>申请人信息</h3>
|
||||||
<div class="big-BOX">
|
<div class="big-BOX">
|
||||||
<p>
|
<p>
|
||||||
<span class="text"
|
<span class="text">申请人:<span> {{ dataForm.content.user || '--' }}</span></span>
|
||||||
>申请人:<span> {{ dataForm.content.user || '--' }}</span></span
|
<span class="text">电话:<span>{{ dataForm.content.phone || '--' }}</span></span>
|
||||||
>
|
<span class="text">单位:<span>{{ dataForm.content.unit || '--' }}</span></span>
|
||||||
<span class="text"
|
|
||||||
>电话:<span>{{ dataForm.content.phone || '--' }}</span></span
|
|
||||||
>
|
|
||||||
<span class="text"
|
|
||||||
>单位:<span>{{ dataForm.content.unit || '--' }}</span></span
|
|
||||||
>
|
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<span class="text">
|
<span class="text">
|
||||||
能力申请标题:<span>
|
能力申请标题:<span>
|
||||||
{{ dataForm.content.title || '--' }}</span
|
{{ dataForm.content.title || '--' }}</span></span>
|
||||||
></span
|
<span class="text" v-if="dataForm.content.applicationSystem">应用系统:<span>{{
|
||||||
>
|
|
||||||
<span class="text" v-if="dataForm.content.applicationSystem"
|
|
||||||
>应用系统:<span>{{
|
|
||||||
dataForm.content.applicationSystem || '--'
|
dataForm.content.applicationSystem || '--'
|
||||||
}}</span></span
|
}}</span></span>
|
||||||
>
|
|
||||||
<span class="text"></span>
|
<span class="text"></span>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<span v-if="dataForm.content.applicationSceneStr"
|
<span v-if="dataForm.content.applicationSceneStr">应用场景:<span>
|
||||||
>应用场景:<span>
|
{{ dataForm.content.applicationSceneStr || '--' }}</span></span>
|
||||||
{{ dataForm.content.applicationSceneStr || '--' }}</span
|
|
||||||
></span>
|
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<span>
|
<span>
|
||||||
需求依据:<span>
|
需求依据:<span>
|
||||||
{{ dataForm.content.applicationBackground || '--' }}</span
|
{{ dataForm.content.applicationBackground || '--' }}</span></span>
|
||||||
></span>
|
</p>
|
||||||
|
<p>
|
||||||
|
<div>
|
||||||
|
<el-button type="primary" v-if="dataForm.content.attachment" size="small" @click="download(dataForm.content)">附件下载</el-button>
|
||||||
|
</div>
|
||||||
</p>
|
</p>
|
||||||
<!-- <p>
|
<!-- <p>
|
||||||
<span>
|
<span>
|
||||||
|
@ -102,9 +94,7 @@
|
||||||
<el-radio-button label="退回" class="redAll" @click="showDialog('退回')">退回</el-radio-button>
|
<el-radio-button label="退回" class="redAll" @click="showDialog('退回')">退回</el-radio-button>
|
||||||
</el-radio-group> -->
|
</el-radio-group> -->
|
||||||
<el-button type="primary" @click="showDialog('同意')">同意</el-button>
|
<el-button type="primary" @click="showDialog('同意')">同意</el-button>
|
||||||
<el-button type="danger" plain @click="showDialog('驳回')"
|
<el-button type="danger" plain @click="showDialog('驳回')">驳回</el-button>
|
||||||
>驳回</el-button
|
|
||||||
>
|
|
||||||
<!-- <el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意意见"></el-input>
|
<!-- <el-input v-if="agreeOrList ==='同意' " v-model="inputAgree" placeholder="请输入同意意见"></el-input>
|
||||||
<el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回意见"></el-input>
|
<el-input v-if="agreeOrList ==='退回'" v-model="inputNo" placeholder="请输入退回意见"></el-input>
|
||||||
<el-button class="inputBule" @click="agreeOrNot">提交</el-button> -->
|
<el-button class="inputBule" @click="agreeOrNot">提交</el-button> -->
|
||||||
|
@ -113,21 +103,12 @@
|
||||||
|
|
||||||
<!-- 流程详情 -->
|
<!-- 流程详情 -->
|
||||||
<ren-process-detail></ren-process-detail>
|
<ren-process-detail></ren-process-detail>
|
||||||
<el-dialog
|
<el-dialog title="审批意见" :close-on-click-modal="false" :visible.sync="dialogVisible" width="30%"
|
||||||
title="审批意见"
|
:before-close="handleClose">
|
||||||
:close-on-click-modal="false"
|
|
||||||
:visible.sync="dialogVisible"
|
|
||||||
width="30%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<el-input v-model="input" placeholder="请输入审批意见"></el-input>
|
<el-input v-model="input" placeholder="请输入审批意见"></el-input>
|
||||||
<span slot="footer" class="dialog-footer">
|
<span slot="footer" class="dialog-footer">
|
||||||
<el-button @click="handleClose2">取 消</el-button>
|
<el-button @click="handleClose2">取 消</el-button>
|
||||||
<el-button
|
<el-button type="primary" @click.native="agreeOrNot($store.state.contentTabsActiveName)">确 定</el-button>
|
||||||
type="primary"
|
|
||||||
@click.native="agreeOrNot($store.state.contentTabsActiveName)"
|
|
||||||
>确 定</el-button
|
|
||||||
>
|
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-card>
|
</el-card>
|
||||||
|
@ -486,7 +467,13 @@ export default {
|
||||||
console.log(data)
|
console.log(data)
|
||||||
},
|
},
|
||||||
// 任务处理出错回调
|
// 任务处理出错回调
|
||||||
taskHandleErrorCallback (data) {}
|
taskHandleErrorCallback(data) { },
|
||||||
|
download(data) {
|
||||||
|
const alink = document.createElement('a')
|
||||||
|
alink.download = '附件' // 文件名,大部分浏览器兼容,IE10及以下不兼容
|
||||||
|
alink.href = data.attachment // 创建 url地址
|
||||||
|
alink.click() // 自动点击
|
||||||
|
},
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// this.applyData()
|
// this.applyData()
|
||||||
|
@ -497,38 +484,47 @@ export default {
|
||||||
::v-deep .big-BOX {
|
::v-deep .big-BOX {
|
||||||
background: rgba(244, 245, 248, 0.8);
|
background: rgba(244, 245, 248, 0.8);
|
||||||
padding: 24px;
|
padding: 24px;
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
color: #212121;
|
color: #212121;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.lastP {
|
.lastP {
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
padding: 0 12px;
|
padding: 0 12px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
background: rgba(232, 234, 239, 1);
|
background: rgba(232, 234, 239, 1);
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background: unset;
|
background: unset;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
@ -539,6 +535,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .AbilityApply {
|
::v-deep .AbilityApply {
|
||||||
margin-top: 32px;
|
margin-top: 32px;
|
||||||
|
|
||||||
|
@ -548,27 +545,33 @@ export default {
|
||||||
border-bottom: 1px solid #dddee1;
|
border-bottom: 1px solid #dddee1;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
|
|
||||||
li {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
border-bottom: 1px solid #dddee1;
|
border-bottom: 1px solid #dddee1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #000;
|
color: #000;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
@ -581,22 +584,26 @@ export default {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.clearfix:after {
|
.clearfix:after {
|
||||||
display: block;
|
display: block;
|
||||||
content: "";
|
content: "";
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
color: #0558e1;
|
color: #0558e1;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
border-bottom: 0;
|
border-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title:before {
|
.title:before {
|
||||||
content: "";
|
content: "";
|
||||||
width: 6px;
|
width: 6px;
|
||||||
|
@ -610,17 +617,21 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .agreeOr>div {
|
::v-deep .agreeOr>div {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
.el-input {
|
.el-input {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .agreeOr>div:last-of-type {
|
::v-deep .agreeOr>div:last-of-type {
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueAll {
|
.blueAll {
|
||||||
::v-deep .el-radio-button__inner {
|
::v-deep .el-radio-button__inner {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
|
@ -632,12 +643,14 @@ export default {
|
||||||
color: #0558e1;
|
color: #0558e1;
|
||||||
border: 1px solid #0558e1;
|
border: 1px solid #0558e1;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
||||||
box-shadow: unset !important;
|
box-shadow: unset !important;
|
||||||
background: #0558e1;
|
background: #0558e1;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.inputBule {
|
.inputBule {
|
||||||
width: 55px;
|
width: 55px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
@ -648,8 +661,10 @@ export default {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
border: 1px solid #0558e1;
|
border: 1px solid #0558e1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.redAll {
|
.redAll {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
|
||||||
::v-deep .el-radio-button__inner {
|
::v-deep .el-radio-button__inner {
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
@ -661,12 +676,14 @@ export default {
|
||||||
color: #e83a48;
|
color: #e83a48;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
::v-deep .el-radio-button__orig-radio:checked+.el-radio-button__inner {
|
||||||
box-shadow: unset !important;
|
box-shadow: unset !important;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
background: #e83a48;
|
background: #e83a48;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.blueInput {
|
.blueInput {
|
||||||
width: 55px;
|
width: 55px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue