Merge branch 'yuekuo' of http://10.10.10.43:9090/faw-report-library/faw-report-library-web into yuekuo
This commit is contained in:
yuekuo
@@ -27,7 +27,7 @@
|
||||
<el-input v-model="q.name" placeholder="请输入报告名称"></el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
|
||||
<el-col :span="6" align="right" class="tag-btns">
|
||||
<el-button type="primary" @click="search">查询</el-button>
|
||||
<el-button type="default" @click="reset">重置</el-button>
|
||||
@@ -92,29 +92,34 @@
|
||||
</div>
|
||||
</div>
|
||||
</el-col> -->
|
||||
|
||||
|
||||
|
||||
|
||||
</el-row>
|
||||
</div>
|
||||
<el-row class="tag-btn">
|
||||
<el-button type="primary" size="big" @click="permissionApp">权限申请</el-button>
|
||||
</el-row>
|
||||
<div class="table">
|
||||
<el-row>
|
||||
<el-col :span="4" class="treeList">
|
||||
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
|
||||
</el-input>
|
||||
<el-tree
|
||||
class="filter-tree"
|
||||
:data="treeData"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
default-expand-all
|
||||
:filter-node-method="filterNode"
|
||||
ref="tree"
|
||||
>
|
||||
</el-tree>
|
||||
</el-col>
|
||||
<el-col :span="19">
|
||||
<vxe-table :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 420px)'">
|
||||
<vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
|
||||
<el-row>
|
||||
<el-col :span="4" class="treeList">
|
||||
<el-input placeholder="输入关键字进行过滤" v-model="filterText">
|
||||
</el-input>
|
||||
<el-tree
|
||||
class="filter-tree"
|
||||
:data="treeData"
|
||||
show-checkbox
|
||||
node-key="id"
|
||||
default-expand-all
|
||||
:filter-node-method="filterNode"
|
||||
ref="tree"
|
||||
>
|
||||
</el-tree>
|
||||
</el-col>
|
||||
<el-col :span="19">
|
||||
<vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 420px)'"
|
||||
@checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
|
||||
<vxe-column type="checkbox" width="60"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
|
||||
<template #default="{ row, rowIndex }">
|
||||
{{ rowIndex + (q.pageNo - 1) * q.pageSize + 1 }}
|
||||
</template>
|
||||
@@ -154,7 +159,7 @@
|
||||
<!-- <el-button type="text" @click="downloadRow(row)">下载</el-button>-->
|
||||
</template>
|
||||
</vxe-column>
|
||||
|
||||
|
||||
</vxe-table>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@@ -166,10 +171,10 @@
|
||||
:total="total"/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<!--预览-->
|
||||
@@ -299,6 +304,8 @@ export default {
|
||||
|
||||
}
|
||||
],
|
||||
content: '',
|
||||
checkIds: []
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
@@ -311,6 +318,24 @@ export default {
|
||||
if (!value) return true;
|
||||
return data.label.indexOf(value) !== -1;
|
||||
},
|
||||
selectAllEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
},
|
||||
selectChangeEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
},
|
||||
permissionApp () {
|
||||
this.$router.push({
|
||||
path: '/permission/step1',
|
||||
query: { id: 'AEHJB8YNJ3', ids: this.checkIds.toString() }
|
||||
})
|
||||
},
|
||||
init () {
|
||||
this.labelList()
|
||||
this.reportDateList()
|
||||
@@ -440,15 +465,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.treeList{
|
||||
padding: 20px;
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
|
||||
margin-right: 20px;
|
||||
.filter-tree{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
.report-list {
|
||||
.title {
|
||||
border-bottom: 1px solid #EBEEF5;
|
||||
@@ -462,7 +478,9 @@ export default {
|
||||
color: #262626;
|
||||
}
|
||||
}
|
||||
|
||||
.tag-btn{
|
||||
padding: 10px 13px;
|
||||
}
|
||||
.tag-search {
|
||||
padding-top: 9px;
|
||||
|
||||
@@ -486,11 +504,11 @@ export default {
|
||||
font-weight: normal;
|
||||
color: #646464;
|
||||
display: inline-block;
|
||||
// width: 112px;
|
||||
width: 112px;
|
||||
height: 19px;
|
||||
line-height: 19px;
|
||||
padding-left: 13px;
|
||||
// border-right: 1px solid #BFBFBF;
|
||||
padding-left: 48px;
|
||||
border-right: 1px solid #BFBFBF;
|
||||
margin-right: 10px;
|
||||
margin-top: 2.5px;
|
||||
overflow: hidden;
|
||||
|
||||
@@ -50,8 +50,7 @@
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="table">
|
||||
<vxe-table :data="tableData" :empty-render="{ name: 'NotData' }" align="center" border stripe
|
||||
v-table-min-height="'calc(100vh - 320px)'">
|
||||
<vxe-table ref="xTable" :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="'calc(100vh - 320px)'">
|
||||
<vxe-column show-overflow show-header-overflow type="seq" title="序号" width="77">
|
||||
<template #default="{ row, rowIndex }">
|
||||
{{ rowIndex + (q.pageNo - 1) * q.pageSize + 1 }}
|
||||
@@ -524,7 +523,7 @@ export default {
|
||||
this.checked = (val.length || this.reportF.reportUserIdList.length) === this.userList.length;
|
||||
// this.$emit('update:updateMultipleSelect',this.reportF.reportUserIdList);
|
||||
},
|
||||
|
||||
|
||||
/* =============================================== 操作日志 =============================================== */
|
||||
// 操作日志
|
||||
openLog() {
|
||||
|
||||
@@ -0,0 +1,134 @@
|
||||
<template>
|
||||
<div class="AuditOperationBox">
|
||||
<el-form
|
||||
ref="examineForm"
|
||||
:model="examineForm"
|
||||
:rules="examineFormRules"
|
||||
size="medium"
|
||||
class="label-input-form prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="9">
|
||||
<el-form-item label="选择赋权时间:" prop="date"
|
||||
label-width="132px" class="add-form-item"
|
||||
:class="{'form-item-disabled': formdisableflag}">
|
||||
<el-date-picker
|
||||
v-model="examineForm.date"
|
||||
type="date"
|
||||
placeholder="选择赋权时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="审批结果:" prop="flag"
|
||||
label-width="132px" class="add-form-item"
|
||||
:class="{'form-item-disabled': formdisableflag}">
|
||||
<el-radio-group :disabled="formdisableflag" v-model="examineForm.flag" >
|
||||
<el-radio :label="'1'">同意</el-radio>
|
||||
<el-radio :label="'2'">不同意</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item :prop="!formdisableflag?'approvalOpinion':''" label-width="132px" class="add-form-item">
|
||||
<template slot="label">审批意见:</template>
|
||||
<el-input :maxlength='1000'
|
||||
v-model="examineForm.approvalOpinion"
|
||||
placeholder="请输入审批意见"
|
||||
:autosize="{ minRows: 2, maxRows: 4}"
|
||||
type="textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row :gutter="24">-->
|
||||
<!-- <el-col :span="24">-->
|
||||
<!-- <el-form-item label="附件" prop="entStandText" label-width="132px" class="add-form-item"-->
|
||||
<!-- :class="{'form-item-disabled': formdisableflag}">-->
|
||||
<!-- <el-button-->
|
||||
<!-- size="small"-->
|
||||
<!-- class="form-upload-btn"-->
|
||||
<!-- icon="el-icon-upload"-->
|
||||
<!-- @click="clickButtonToUpload('approvalFile')"-->
|
||||
<!-- >-->
|
||||
<!-- {{ examineForm.approvalFile === 'null' || examineForm.approvalFile === '' ||-->
|
||||
<!-- examineForm.approvalFile == null ? '点击上传' : '查看已上传的文件' }}-->
|
||||
<!-- </el-button>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
</el-form>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
name: 'AuditOperation',
|
||||
props: ['query'],
|
||||
|
||||
data () {
|
||||
return {
|
||||
examineForm: {
|
||||
planReasonFile: '',
|
||||
oldName: '',
|
||||
flag: '1'
|
||||
},
|
||||
examineFormRules: {
|
||||
date: [
|
||||
{ required: true, message: '选择赋权时间不能为空', trigger: 'change' }
|
||||
],
|
||||
oldName: [
|
||||
{ required: true, message: '添加指派不能为空', trigger: 'change' }
|
||||
],
|
||||
flag: [
|
||||
{ required: true, message: '审核结果不能为空', trigger: 'change' }
|
||||
],
|
||||
approvalOpinion: [
|
||||
{ type: 'string', max: 1000, message: '审批意见不能超过1000个字符', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
formdisableflag: false
|
||||
|
||||
}
|
||||
},
|
||||
created () {
|
||||
// 判断穿过来的query里的参数 是不是查看
|
||||
if (this.query.isViewDetails && this.query.isViewDetails === 1) {
|
||||
this.examineForm = this.query
|
||||
this.formdisableflag = true
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
/** 在提交表单的校验 通过继续执行 */
|
||||
submit () {
|
||||
this.isSubmit = false
|
||||
this.$refs.examineForm.validate((valid) => {
|
||||
if (valid) {
|
||||
this.isSubmit = true
|
||||
return true
|
||||
} else {
|
||||
this.$message.warning('请检查表单是否填写正确')
|
||||
return false
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.AssignButton {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.AssignButton:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,301 @@
|
||||
<template>
|
||||
|
||||
<el-dialog
|
||||
title="添加报告"
|
||||
:visible.sync="dialogVisible"
|
||||
width="50%"
|
||||
class="addreport"
|
||||
:before-close="handleClose">
|
||||
<el-form
|
||||
:model="searchForm "
|
||||
inline
|
||||
class="search-area search-new "
|
||||
|
||||
@keyup.enter.native="search">
|
||||
<el-row :gutter="24">
|
||||
<el-col :xl="8" :lg="8">
|
||||
|
||||
<el-form-item label="报告年份" class="search-item">
|
||||
<el-select v-model="searchForm.year" multiple collapse-tags placeholder="请选择报告年份">
|
||||
<template v-for="item in yearList">
|
||||
<el-option :label="item" :value="item" :key="item"></el-option>
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xl="8" :lg="8" align="right" class="tag-btns">
|
||||
<el-button type="primary" size="small" @click="search">查询</el-button>
|
||||
<el-button type="default" size="small" @click="reset">重置</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div class="table">
|
||||
<vxe-table :data="tableData" :empty-render="{name: 'NotData'}" align="center" border stripe max-height="100%"
|
||||
ref="xTable" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
|
||||
<vxe-column type="checkbox" width="60"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="labelOneName" :title="tagsForm.tags01.name"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="name" title="报告名称"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="labelTwoName" :title="tagsForm.tags02.name"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="labelThreeName" :title="tagsForm.tags03.name"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="year" title="报告年份"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="createDate" title="上传时间"></vxe-column>
|
||||
|
||||
</vxe-table>
|
||||
<el-pagination
|
||||
class="pagination"
|
||||
@size-change="handleLogSizeChange"
|
||||
@current-change="handleLogCurrentChange"
|
||||
:current-page="q.pageNo"
|
||||
:page-sizes="[5, 10, 20]"
|
||||
:page-size="q.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"/>
|
||||
|
||||
</div>
|
||||
<div class="done">
|
||||
<el-button type="primary" @click.native="savaCheck">确定</el-button>
|
||||
<el-button type="default" @click.native="handleClose">取消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'reportDialog',
|
||||
data () {
|
||||
return {
|
||||
processTable: [],
|
||||
total: 0,
|
||||
q: {
|
||||
pageSize: 10,
|
||||
pageNo: 1
|
||||
},
|
||||
searchForm: {
|
||||
|
||||
},
|
||||
checkIds: [],
|
||||
dialogVisible: false,
|
||||
tableData: [],
|
||||
ids: [], // 存储已经存在的报告
|
||||
checkList: [],
|
||||
yearList: []
|
||||
}
|
||||
},
|
||||
props: {
|
||||
// 获取标签
|
||||
tagsForm: {
|
||||
type: Object
|
||||
},
|
||||
// 获取已有的数据 在查询全部数据时不展示已有的
|
||||
alreadyData: {
|
||||
type: Array
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
search () {
|
||||
this.q.pageNo = 1
|
||||
this.reportList()
|
||||
},
|
||||
// 日期列表
|
||||
reportDateList () {
|
||||
this.$api.report.reportDateList().then(({ data }) => {
|
||||
this.yearList = data.list
|
||||
})
|
||||
},
|
||||
savaCheck () {
|
||||
// 点击保存 需要把选中的数据传给父组件
|
||||
const name = []
|
||||
const ids = []
|
||||
this.alreadyData.forEach(item => {
|
||||
if (this.checkIds.indexOf(item.id) > -1) {
|
||||
name.push(item.name)
|
||||
ids.push(item.id)
|
||||
}
|
||||
})
|
||||
this.checkList = this.checkList.filter(item => {
|
||||
return ids.indexOf(item.id) === -1
|
||||
})
|
||||
if (name.length > 0) {
|
||||
this.$alert(`报告${name.toString()}已经存在`, '提示', {
|
||||
confirmButtonText: '确定'
|
||||
|
||||
})
|
||||
}
|
||||
// 找出已经存在的数据 用弹窗提示
|
||||
this.$emit('confirm', this.checkList)
|
||||
this.dialogVisible = false
|
||||
},
|
||||
show () {
|
||||
this.ids = this.alreadyData.map(item => item.id)
|
||||
this.reportDateList()
|
||||
// 调取接口获取数据
|
||||
this.reportList()
|
||||
},
|
||||
// 重置
|
||||
reset () {
|
||||
this.q = {
|
||||
keyContent: '',
|
||||
year: [],
|
||||
labelOneId: [],
|
||||
labelTwoId: [],
|
||||
labelThreeId: [],
|
||||
pageNo: 1,
|
||||
pageSize: 10
|
||||
}
|
||||
this.total = 0
|
||||
this.tableData = []
|
||||
this.reportList()
|
||||
},
|
||||
// 列表
|
||||
reportList () {
|
||||
this.$api.report.reportList({ ...this.q, ...this.searchForm }).then(({ data }) => {
|
||||
this.tableData = data.records
|
||||
this.total = data.total
|
||||
this.q.pageNo = data.current
|
||||
this.q.pageSize = data.size
|
||||
if (!data.records.length && this.q.pageNo !== 1) {
|
||||
this.q.pageNo = 1
|
||||
this.reportList()
|
||||
}
|
||||
this.dialogVisible = true
|
||||
})
|
||||
},
|
||||
handleClose () {
|
||||
this.$refs.xTable.clearSelected()
|
||||
this.dialogVisible = false
|
||||
},
|
||||
handleLogSizeChange (size) {
|
||||
this.q.pageSize = size
|
||||
this.reportList()
|
||||
},
|
||||
handleLogCurrentChange (page) {
|
||||
this.q.pageNo = page
|
||||
this.reportList()
|
||||
},
|
||||
selectAllEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkList = records
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
},
|
||||
selectChangeEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkList = records
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.table{
|
||||
padding: 10px 20px;
|
||||
width: 100%;
|
||||
}
|
||||
.addreport{
|
||||
::v-deep .el-dialog__header {
|
||||
padding: 0 20px;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 15px 20px 20px 20px;
|
||||
}
|
||||
}
|
||||
.done {
|
||||
margin: 10px 20px 10px;
|
||||
text-align: right;
|
||||
|
||||
::v-deep .el-button {
|
||||
width: 80px;
|
||||
height: 36px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.tag-search {
|
||||
padding-top: 9px;
|
||||
|
||||
::v-deep .el-date-picker,
|
||||
::v-deep .el-input {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.tag-item {
|
||||
margin-bottom: 15px;
|
||||
display: flex;
|
||||
|
||||
.year {
|
||||
::v-deep .el-input__inner {
|
||||
padding: 0 15px !important;
|
||||
}
|
||||
}
|
||||
|
||||
label.tag-title {
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
color: #646464;
|
||||
display: inline-block;
|
||||
width: 112px;
|
||||
height: 19px;
|
||||
line-height: 19px;
|
||||
padding-left: 48px;
|
||||
border-right: 1px solid #BFBFBF;
|
||||
margin-right: 10px;
|
||||
margin-top: 2.5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.tag-show {
|
||||
flex: 1;
|
||||
margin-right: 28px;
|
||||
height: 19px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
|
||||
&.active {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
::v-deep .check-active{
|
||||
.el-checkbox__label{
|
||||
color: #434343;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-checkbox {
|
||||
margin-right: 15px;
|
||||
color: #434343;
|
||||
}
|
||||
|
||||
::v-deep .el-checkbox__label {
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
::v-deep .el-checkbox-group {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.el-icon-arrow-down,
|
||||
.el-icon-arrow-up {
|
||||
color: #C0C4CC;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tag-btns {
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,213 @@
|
||||
<template>
|
||||
<div class="reportTable">
|
||||
<el-button v-if="!disabled" class="addbtn" size="small" @click="addReport">添加报告</el-button>
|
||||
<el-button v-if="!disabled" class="delbtn" size="small" @click="deleteAll">批量删除</el-button>
|
||||
<div class="table">
|
||||
<vxe-table :data="processTable" :empty-render="{name: 'NotData'}" align="center" border stripe v-table-min-height="500"
|
||||
ref="xTable" @checkbox-all="selectAllEvent" @checkbox-change="selectChangeEvent">
|
||||
<vxe-column type="checkbox" width="60"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="name" title="报告名称"></vxe-column>
|
||||
<!-- <vxe-column show-overflow show-header-overflow field="labelTwoName" :title="tagsForm.tags02.name"></vxe-column>-->
|
||||
<!-- <vxe-column show-overflow show-header-overflow field="labelThreeName" :title="tagsForm.tags03.name"></vxe-column>-->
|
||||
<vxe-column show-overflow show-header-overflow field="year" title="报告年份" width="200" ></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="year" title="报告部门"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="createDate" title="涉密等级"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow field="createDate" title="隐私等级"></vxe-column>
|
||||
<vxe-column show-overflow show-header-overflow title="操作" width="200" fixed="right" v-if="!disabled">
|
||||
<template #default="{ row }">
|
||||
<el-button type="text" class="del-btn" @click="reportDelete(row.id)">删除</el-button>
|
||||
<!-- <el-button type="text" @click="downloadRow(row)">下载</el-button>-->
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<el-pagination
|
||||
class="pagination"
|
||||
@size-change="handleLogSizeChange"
|
||||
@current-change="handleLogCurrentChange"
|
||||
:current-page="qLog.pageNo"
|
||||
:page-sizes="[5, 10, 20]"
|
||||
:page-size="qLog.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total"/>
|
||||
<reportDialog ref="reportDialog" :tagsForm="tagsForm" :alreadyData="value" @confirm="addReportList"></reportDialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import reportDialog from './reportDialog'
|
||||
export default {
|
||||
name: 'reportTable',
|
||||
props: {
|
||||
value: {
|
||||
type: Array,
|
||||
default: new Array([]),
|
||||
required: true
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
reportDialog
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
processTable: [],
|
||||
total: 0,
|
||||
qLog: {
|
||||
pageSize: 10,
|
||||
pageNo: 1
|
||||
},
|
||||
copyTableData: [],
|
||||
checkIds: [],
|
||||
tagsForm: {
|
||||
tags01: {
|
||||
name: '',
|
||||
parentId: '0',
|
||||
type: '1',
|
||||
id: '',
|
||||
childList: [
|
||||
// {name: '无', type: '1', id: '', parentId: ''},
|
||||
]
|
||||
},
|
||||
tags02: {
|
||||
name: '',
|
||||
parentId: '0',
|
||||
type: '2',
|
||||
id: '',
|
||||
childList: [
|
||||
// {name: '无', type: '2', id: '', parentId: ''},
|
||||
]
|
||||
},
|
||||
tags03: {
|
||||
name: '',
|
||||
parentId: '0',
|
||||
type: '3',
|
||||
id: '',
|
||||
childList: [
|
||||
// {name: '无', type: '3', id: '', parentId: ''},
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value () {
|
||||
this.qLog.pageSize = 10
|
||||
this.qLog.pageNo = 1
|
||||
this.total = this.value.length
|
||||
this.processTable = this.value.slice(0, 9)
|
||||
this.pageChage(1)
|
||||
}
|
||||
},
|
||||
created () {
|
||||
// this.copyTableData = JSON.parse(JSON.stringify(this.tableData))
|
||||
this.labelList()
|
||||
},
|
||||
methods: {
|
||||
addReportList (list) {
|
||||
this.$emit('updateTable', [...this.value , ...list])
|
||||
},
|
||||
pageChage (current) {
|
||||
this.total = this.value.length
|
||||
setTimeout(() => {
|
||||
current = current || this.qLog.pageNo
|
||||
this.qLog.pageNo = current
|
||||
this.processTable = this.value.slice(this.qLog.pageSize * (current - 1), this.qLog.pageSize * current)
|
||||
// console.log(this.pages.size, this.pages.size * (current - 1), this.pages.size * this.pages.current, this.list)
|
||||
if (this.processTable.length < 1 && current > 1) {
|
||||
this.pageChage(current - 1)
|
||||
return false
|
||||
}
|
||||
})
|
||||
},
|
||||
handleLogSizeChange (val) {
|
||||
this.qLog.pageSize = val
|
||||
this.qLog.pageNo = 1
|
||||
this.pageChage(1)
|
||||
},
|
||||
handleLogCurrentChange (val) {
|
||||
this.qLog.pageNo = 1
|
||||
this.pageChage(val)
|
||||
},
|
||||
// 标签列表
|
||||
labelList () {
|
||||
this.$api.report.labelList().then(({ data }) => {
|
||||
if (!data.labelOne.childList.length) {
|
||||
data.labelOne.childList = [{ name: '', id: '', parentId: this.tagsForm.tags01.id, type: '1' }]
|
||||
}
|
||||
if (!data.labelTwo.childList.length) {
|
||||
data.labelTwo.childList = [{ name: '', id: '', parentId: this.tagsForm.tags02.id, type: '2' }]
|
||||
}
|
||||
if (!data.labelThree.childList.length) {
|
||||
data.labelThree.childList = [{ name: '', id: '', parentId: this.tagsForm.tags03.id, type: '3' }]
|
||||
}
|
||||
this.tagsForm.tags01 = data.labelOne
|
||||
this.tagsForm.tags02 = data.labelTwo
|
||||
this.tagsForm.tags03 = data.labelThree
|
||||
})
|
||||
},
|
||||
selectAllEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
},
|
||||
selectChangeEvent ({ checked }) {
|
||||
const records = this.$refs.xTable.getCheckboxRecords()
|
||||
this.checkIds = records.map(item => {
|
||||
return item.id
|
||||
})
|
||||
},
|
||||
addReport () {
|
||||
this.$refs.reportDialog.show()
|
||||
},
|
||||
deleteAll () {
|
||||
this.reportDelete(this.checkIds)
|
||||
},
|
||||
reportDelete (id) {
|
||||
// 删除报告 假删除
|
||||
if (typeof id === 'string') {
|
||||
this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$emit('updateTable', this.value.filter(item => item.id !== id))
|
||||
})
|
||||
} else {
|
||||
if (Array.isArray(id)) {
|
||||
this.$confirm('此操作将删除所选数据, 是否继续?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$emit('updateTable', this.value.filter(item => id.indexOf(item.id) === -1))
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.table{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.reportTable{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.addbtn{
|
||||
border: none;
|
||||
background-color: #8400FF;
|
||||
color: #fff;
|
||||
}
|
||||
.delbtn{
|
||||
border: none;
|
||||
background-color: #d9001b;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,172 @@
|
||||
<template>
|
||||
<!-- 此页面主要展示审核和已完成-->
|
||||
<div class="process">
|
||||
<div class="process_box">
|
||||
<process-header :title="'权限审批'" :proceesNum="'proceesNum'"></process-header>
|
||||
<div class="procedure">
|
||||
<div class="content">
|
||||
<span class="base_title">基础信息</span>
|
||||
<el-row>
|
||||
<report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}" :disabled="formControl"></report-table>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form ref="form" :model="applicationForm" label-width="150px"
|
||||
class="label-input-form" size="medium" :rules="applicationFormRule"
|
||||
:disabled="formControl">
|
||||
<el-row>
|
||||
<el-col :span="9">
|
||||
<el-form-item label="申请原因:" prop="name">
|
||||
<el-input type="textarea" v-model="applicationForm.name" placeholder="请输入申请原因"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="9" :offset="6">
|
||||
<el-form-item label="选择申请权限:" prop="send">
|
||||
<el-select v-model="applicationForm.send" placeholder="请选择申请权限">
|
||||
<el-option
|
||||
v-for="item in PERMISSION"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span class="base_title">审批历史</span>
|
||||
<process-approval-history></process-approval-history>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span class="base_title">审核信息</span>
|
||||
<audit-operation ref="operationRef"></audit-operation>
|
||||
</div>
|
||||
</div>
|
||||
<process-footer
|
||||
showCancel
|
||||
:show-transfer="isShowTran"
|
||||
:show-submit="isShowSubmit"
|
||||
:submitLoading="isSubmit"
|
||||
:TransferLoading="tranLoading"
|
||||
@transfer="handleTransfer"
|
||||
@submit="handleSubmit"
|
||||
></process-footer>
|
||||
<process-choose-tree
|
||||
dialog-model
|
||||
:visible.sync="visibleTree"
|
||||
:maxSelected="100"
|
||||
:config="{value: '',valueName:''}"
|
||||
@confirm="handleDblClick"
|
||||
></process-choose-tree>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import processHeader from '@/components/ProcessHeader'
|
||||
import processFooter from '@/components/ProcessFooter'
|
||||
import processChooseTree from '../../components/ProcessChooseTree'
|
||||
import processApprovalHistory from '@/components/ProcessApprovalHistory'
|
||||
import auditOperation from './components/AuditOperation'
|
||||
import reportTable from './components/reportTable'
|
||||
import { PERMISSION } from '@/utils/Enum/enum'
|
||||
|
||||
export default {
|
||||
name: 'launch',
|
||||
components: {
|
||||
processHeader,
|
||||
reportTable,
|
||||
processFooter,
|
||||
processApprovalHistory,
|
||||
auditOperation,
|
||||
processChooseTree
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
visibleTree: false,
|
||||
isSubmit: false,
|
||||
tranLoading: false,
|
||||
isShowTran: true,
|
||||
isShowSubmit: true,
|
||||
formControl: true,
|
||||
assignForm: {},
|
||||
tableData: [],
|
||||
applicationForm: {},
|
||||
q: {
|
||||
pageSize: 10000,
|
||||
pageNo: 1
|
||||
},
|
||||
PERMISSION,
|
||||
applicationFormRule: {
|
||||
name: [{
|
||||
max: 1000, message: '申请原因最多填写1000字符'
|
||||
}],
|
||||
send: [{
|
||||
required: true,
|
||||
message: '请选择申请权限'
|
||||
}]
|
||||
},
|
||||
assignFormRules: {
|
||||
name1: [{
|
||||
required: true,
|
||||
message: '请选择一级审批人员'
|
||||
}],
|
||||
name2: [{
|
||||
required: true,
|
||||
message: '请选择二级审批人员'
|
||||
}],
|
||||
remark: [{
|
||||
max: 1000, message: '说明最多填写1000字符'
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
if (this.$route.query.ids) {
|
||||
this.reportList(this.$route.query.ids)
|
||||
}
|
||||
console.log(this.PERMISSION, 'ddd')
|
||||
},
|
||||
methods: {
|
||||
// 获取表格列表 吧查询到的值传给子组件
|
||||
reportList (ids) {
|
||||
this.$api.report.reportList({ id: ids }).then(({ data }) => {
|
||||
this.tableData = data.records
|
||||
})
|
||||
},
|
||||
// 转办
|
||||
handleTransfer () {
|
||||
this.visibleTree = true
|
||||
},
|
||||
// 选择转办
|
||||
handleDblClick (treeNode) {
|
||||
// changeAssigneeNew({
|
||||
// taskId: this.$store.getters.getHandleInfo.taskIds, // 任务id
|
||||
// assignee: treeNode[0].userId, // 转办人
|
||||
// userId: this.$store.getters.userInfo.userId, // 转办人
|
||||
// pId: this.$store.getters.getHandleInfo.prcId // 流程实例
|
||||
// }).then(res => {
|
||||
// if (res.success) {
|
||||
// this.$message.success('转办成功')
|
||||
// this.$router.push('/processCenter')
|
||||
// this.visibleTree = false
|
||||
// } else {
|
||||
// this.$message.warning(res.message)
|
||||
// }
|
||||
// })
|
||||
},
|
||||
handleSubmit () {
|
||||
if (this.$refs.operationRef.submit()) {
|
||||
// 通过了校验 需要整合参数
|
||||
console.log('斤斤计较')
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,251 @@
|
||||
<template>
|
||||
<div class="process">
|
||||
<div class="process_box">
|
||||
<process-header :title="'发起流程'"></process-header>
|
||||
<div class="procedure">
|
||||
<div class="content">
|
||||
<span class="base_title">基础信息</span>
|
||||
<el-row>
|
||||
<report-table v-model="tableData" @updateTable="(newValue)=>{tableData=newValue}"></report-table>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form ref="applicationFormRef" :model="applicationForm" label-width="150px"
|
||||
class="label-input-form" size="medium" :rules="applicationFormRule"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="9">
|
||||
<el-form-item label="申请原因:" prop="name">
|
||||
<el-input :disabled="formControl" type="textarea" v-model="applicationForm.name" placeholder="请输入申请原因"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="9" :offset="6">
|
||||
<el-form-item label="选择申请权限:" prop="send">
|
||||
<el-select :disabled="formControl" v-model="applicationForm.send" placeholder="请选择申请权限">
|
||||
<el-option
|
||||
v-for="item in PERMISSION"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="content" v-if="initShow">
|
||||
<span class="base_title">审批历史</span>
|
||||
<process-approval-history></process-approval-history>
|
||||
</div>
|
||||
<div class="content">
|
||||
<span class="base_title">指派信息</span>
|
||||
<el-form ref="assignFormRef" :model="assignForm" label-width="150px"
|
||||
:rules="assignFormRules" class="label-input-form" size="medium">
|
||||
<el-row>
|
||||
<el-col :span="9">
|
||||
<el-form-item label="选择一级审批人员:" prop="name1">
|
||||
<el-input readonly :disabled="formControl" v-model="assignForm.name1" @click.native="handleCheck('spr1')"
|
||||
placeholder="请选择一级审批人员"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="9" >
|
||||
<el-form-item label="选择二级审批人员:" prop="name2">
|
||||
<el-input readonly :disabled="formControl" v-model="assignForm.name2" @click.native="handleCheck('spr2')"
|
||||
placeholder="请选择二级审批人员"></el-input>
|
||||
<!-- <el-input v-model="assignForm.name2" placeholder="请选择二级审批人员"></el-input>-->
|
||||
<!-- <el-select v-model="assignForm.name2"-->
|
||||
<!-- class="icon-auth"-->
|
||||
<!-- multiple-->
|
||||
<!-- collapse-tags-->
|
||||
<!-- @change="changeSelect"-->
|
||||
<!-- @visible-change="changeSelect"-->
|
||||
<!-- placeholder="请选择">-->
|
||||
<!-- <el-checkbox class="check-all" v-model="checked" @change="selectAll">全选</el-checkbox>-->
|
||||
<!-- <template v-for="item in userList">-->
|
||||
<!-- <el-option :label="item.USNAME" :value="item.USID" :key="item.USID"></el-option>-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-select>-->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24" >
|
||||
<el-form-item label="说明:">
|
||||
<el-input type="textarea" v-model="assignForm.remark" placeholder="请输入说明"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<process-footer
|
||||
showCancel
|
||||
:show-reset="isShowReset"
|
||||
:show-submit="isShowSubmit"
|
||||
:submitLoading="isSubmit"
|
||||
:resetLoading="resetLoading"
|
||||
@reset="handleReset"
|
||||
@submit="handleSubmit"
|
||||
></process-footer>
|
||||
<orgTable :visible.sync="visibleOrgTable" title="人员列表" dialog-model :config="{
|
||||
value: orgTableVal,
|
||||
valueName: orgTableValName
|
||||
}" :workNumFlag="true" :maxSelected="1" @confirm="isTreeOk"></orgTable>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import processHeader from '@/components/ProcessHeader'
|
||||
import processFooter from '@/components/ProcessFooter'
|
||||
import processApprovalHistory from '@/components/ProcessApprovalHistory'
|
||||
import reportTable from './components/reportTable'
|
||||
import { PERMISSION } from '@/utils/Enum/enum'
|
||||
import orgTable from '../../components/OrgTable'
|
||||
export default {
|
||||
name: 'launch',
|
||||
components: {
|
||||
processHeader,
|
||||
reportTable,
|
||||
processFooter,
|
||||
processApprovalHistory,
|
||||
orgTable
|
||||
},
|
||||
data () {
|
||||
return {
|
||||
initShow: false, // 控制审批历史是否显示
|
||||
treeType: '',
|
||||
orgTableVal: '',
|
||||
orgTableValName: '',
|
||||
visibleOrgTable: false,
|
||||
isSubmit: false,
|
||||
resetLoading: false,
|
||||
isShowReset: true,
|
||||
isShowSubmit: true,
|
||||
formControl: false,
|
||||
assignForm: {
|
||||
name1: '',
|
||||
name2: ''
|
||||
},
|
||||
tableData: [],
|
||||
applicationForm: {},
|
||||
q: {
|
||||
pageSize: 10000,
|
||||
pageNo: 1
|
||||
},
|
||||
PERMISSION,
|
||||
applicationFormRule: {
|
||||
name: [{
|
||||
max: 1000, message: '申请原因最多填写1000字符'
|
||||
}],
|
||||
send: [{
|
||||
required: true,
|
||||
message: '请选择申请权限'
|
||||
}]
|
||||
},
|
||||
assignFormRules: {
|
||||
name1: [{
|
||||
required: true,
|
||||
message: '请选择一级审批人员',
|
||||
trigger: 'change'
|
||||
}],
|
||||
name2: [{
|
||||
required: true,
|
||||
message: '请选择二级审批人员',
|
||||
trigger: 'change'
|
||||
}],
|
||||
remark: [{
|
||||
max: 1000, message: '说明最多填写1000字符'
|
||||
}]
|
||||
}
|
||||
}
|
||||
},
|
||||
created () {
|
||||
// 第一次进入此页面 需要清楚校验
|
||||
if (this.$route.query.ids) {
|
||||
this.reportList(this.$route.query.ids)
|
||||
this.handleReset()
|
||||
}
|
||||
console.log(this.PERMISSION, 'ddd')
|
||||
},
|
||||
methods: {
|
||||
|
||||
handleCheck (name) {
|
||||
this.treeType = name
|
||||
this.orgTableVal = ''
|
||||
this.orgTableValName = ''
|
||||
if (name === 'spr1') {
|
||||
this.orgTableVal = this.assignForm.name1Id
|
||||
this.orgTableValName = this.assignForm.name1
|
||||
} else {
|
||||
this.orgTableVal = this.assignForm.name2Id
|
||||
this.orgTableValName = this.assignForm.name2
|
||||
}
|
||||
this.visibleOrgTable = true
|
||||
},
|
||||
// 树点击
|
||||
isTreeOk (checkedList) {
|
||||
// console.log(checkedList)
|
||||
const parts = []
|
||||
const partsName = []
|
||||
console.log(checkedList, '0009999')
|
||||
checkedList.map((item, index) => {
|
||||
parts.push(item.userId || item.USID)
|
||||
partsName.push(item.uname)
|
||||
})
|
||||
this.qcrList = checkedList
|
||||
if (this.treeType === 'spr1') {
|
||||
this.assignForm.name1Id = parts.toString()
|
||||
this.assignForm.name1 = partsName.toString()
|
||||
} else if (this.treeType === 'spr2') {
|
||||
this.assignForm.name2Id = parts.toString()
|
||||
this.assignForm.name2 = partsName.toString()
|
||||
}
|
||||
console.log(this.assignForm.name1Id, this.assignForm.name2Id)
|
||||
},
|
||||
// 获取表格列表 吧查询到的值传给子组件
|
||||
reportList (ids) {
|
||||
this.$api.report.reportList({ id: ids }).then(({ data }) => {
|
||||
this.tableData = data.records
|
||||
})
|
||||
},
|
||||
handleReset () {
|
||||
this.applicationForm = {
|
||||
}
|
||||
this.assignForm = {
|
||||
name1: '',
|
||||
name2: ''
|
||||
}
|
||||
this.$refs.applicationFormRef.clearValidate()
|
||||
this.$refs.assignFormRef.clearValidate()
|
||||
},
|
||||
// 提交
|
||||
handleSubmit () {
|
||||
this.$refs.assignFormRef.validate(v => {
|
||||
this.$refs.applicationFormRef.validate(m => {
|
||||
if (v && m) {
|
||||
// 过了校验 需要把数据都整合 this.tableData this.applicationForm this.assignForm
|
||||
// 表格数据没有不能提交 需要提示
|
||||
if (this.tableData.length > 0) {
|
||||
this.$message.warning('至少需要选择一条报告数据')
|
||||
} else {
|
||||
// 调用流程数据
|
||||
console.log("发送数据")
|
||||
}
|
||||
} else {
|
||||
this.$message.warning('请检查表单填写完整')
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
@@ -6,11 +6,11 @@
|
||||
<div class="searchForm">
|
||||
<div class="item">
|
||||
<div>流程编号：</div>
|
||||
<el-input v-model="form.id" ></el-input>
|
||||
<el-input v-model="form.id" ></el-input>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div>流程名称：</div>
|
||||
<el-input v-model="form.name"></el-input>
|
||||
<el-input v-model="form.name"></el-input>
|
||||
</div>
|
||||
<div class="item">
|
||||
<el-button type="primary" @click="search">查询</el-button>
|
||||
@@ -91,14 +91,14 @@ import tabs from '../userCenter/processCenter/tabs.vue'
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.tabs{
|
||||
margin: 20px 0 0 13px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
::v-deep .el-input{
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
@@ -0,0 +1,125 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false"
|
||||
:visible="visible"
|
||||
:title="title"
|
||||
@close="closeDialog"
|
||||
width="400px"
|
||||
>
|
||||
<div>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="100px"
|
||||
inline
|
||||
>
|
||||
<el-form-item label="流程类型" prop="category" class="add-form-item">
|
||||
<el-select v-model="formData.category" placeholder="请选择流程类型" clearable>
|
||||
<el-option v-for="opt in typeList" :value="opt.value" :key="opt.value" :label="opt.label">{{ opt.label}}</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="closeDialog">{{$t('m.cancel')}}</el-button>
|
||||
<el-button round class="common-button-primary" icon="el-icon-check" type="primary" @click="confirmDialog">{{$t('m.confirm')}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const formData = {
|
||||
category: '',
|
||||
}
|
||||
export default {
|
||||
name: 'EditProcessClassification',
|
||||
props: ['data', 'visible'],
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
formRules: {},
|
||||
typeList: [] // 类型下拉框
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
title() {
|
||||
return !!this.data ? '编辑' : '新增'
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
data(newValue) {
|
||||
this.formData = newValue || {...formData}
|
||||
},
|
||||
visible(newValue) {
|
||||
this.formData = this.data || {...formData}
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.formData = this.data || {...formData}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.queryTablePage()
|
||||
},
|
||||
|
||||
methods: {
|
||||
|
||||
// 查询、加载表格
|
||||
queryTablePage () {
|
||||
const formData = {
|
||||
// page: this.pageNo,
|
||||
// pageSize: this.$store.getters.userInfo.configContent,
|
||||
// standNumber: this.searchForm.standardKey
|
||||
}
|
||||
this.$http.get('lawss/activiti/categoryList',
|
||||
formData,
|
||||
{
|
||||
_this: this,
|
||||
loading: 'tableDataLoading'
|
||||
},
|
||||
res => {
|
||||
this.typeList = res.result.map(item => {
|
||||
return {
|
||||
label: item.type,
|
||||
value: item.objectId
|
||||
}
|
||||
})
|
||||
// this.total = res.data.count
|
||||
}, e => {})
|
||||
},
|
||||
|
||||
closeDialog() {
|
||||
// this.visible = false
|
||||
this.$emit('close')
|
||||
this.formData = {}
|
||||
},
|
||||
|
||||
confirmDialog() {
|
||||
const url = !this.data ? 'lawss/activiti/addCategory' : 'lawss/activiti/updatModel'
|
||||
const formData = {
|
||||
modelId: this.formData.id,
|
||||
categoryId: this.formData.category
|
||||
}
|
||||
this.$http.get(url, formData, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
console.log('新增/编辑成功')
|
||||
this.$emit('success')
|
||||
this.$emit('close')
|
||||
}
|
||||
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="" scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,103 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false"
|
||||
:visible="visible"
|
||||
:title="title"
|
||||
:before-close="closeDialog"
|
||||
width="400px"
|
||||
>
|
||||
<div>
|
||||
<el-form
|
||||
ref="formData"
|
||||
:model="formData"
|
||||
:rules="formRules"
|
||||
class="label-input-form"
|
||||
label-width="100px"
|
||||
inline
|
||||
>
|
||||
<el-form-item label="流程类型名称" prop="type" class="add-form-item">
|
||||
<el-input v-model="formData.type" placeholder="请输入流程类型名称" ></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<el-button round class="common-button-default" icon="el-icon-close" @click="closeDialog">{{$t('m.cancel')}}</el-button>
|
||||
<el-button round class="common-button-primary" icon="el-icon-check" type="primary" @click="confirmDialog">{{$t('m.confirm')}}</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const formData = {
|
||||
type: '',
|
||||
}
|
||||
export default {
|
||||
name: 'EditProcessClassification',
|
||||
props: ['data', 'visible'],
|
||||
data() {
|
||||
return {
|
||||
formData: {},
|
||||
formRules: {
|
||||
type: [
|
||||
{ required: true, message: '请输入流程类型名称', trigger: 'change' }
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
title() {
|
||||
return !!this.data ? '编辑' : '新增'
|
||||
}
|
||||
},
|
||||
|
||||
watch: {
|
||||
data(newValue) {
|
||||
this.formData = newValue || {...formData}
|
||||
this.$refs['formData'].resetFields()
|
||||
},
|
||||
visible(newValue) {
|
||||
this.formData = this.data || {...formData}
|
||||
}
|
||||
},
|
||||
|
||||
mounted() {
|
||||
this.formData = this.data || {...formData}
|
||||
},
|
||||
|
||||
methods: {
|
||||
closeDialog() {
|
||||
// this.visible = false
|
||||
this.$refs['formData'].resetFields()
|
||||
this.$emit('close')
|
||||
this.formData = {}
|
||||
},
|
||||
|
||||
confirmDialog() {
|
||||
const url = !this.data ? 'lawss/activiti/addCategory' : 'lawss/activiti/editCategory'
|
||||
const formData = {
|
||||
objectId: this.formData.objectId,
|
||||
type: this.formData.type
|
||||
}
|
||||
this.$refs['formData'].validate((valid) => {
|
||||
if (valid) {
|
||||
this.$http.postData(url, formData, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
console.log('新增/编辑成功')
|
||||
this.$emit('success')
|
||||
this.$emit('close')
|
||||
}
|
||||
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="" scoped>
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,540 @@
|
||||
<template>
|
||||
<div style="height: 100%;background-color: #fff;position: relative;overflow: hidden;">
|
||||
<div style="height:50px;margin-top: 20px;overflow:hidden;">
|
||||
<el-form class="hight_form label-input-form" :modal="processForm" :inline="true"
|
||||
label-width="103px" @keyup.enter.native="queryTablePage()">
|
||||
<el-col :xl="6" :lg="8" >
|
||||
<el-form-item label="流程名称:" prop="name" class="search-item search-item-last">
|
||||
<el-input :maxlength='100' v-model="processForm.name"
|
||||
placeholder="请输入流程名称"
|
||||
clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :xl=" 6" :lg="8">
|
||||
<el-form-item class="btn-box">
|
||||
<el-button size="small" type="primary"
|
||||
class="common-button-primary img-button"
|
||||
@click="queryTablePage()">查询
|
||||
</el-button>
|
||||
<el-button size="small" class="common-button-default img-button"
|
||||
@click="clearAllSearchs('standCommonlySearch')">
|
||||
重置
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="action-bar" style="text-align: left;width:100%;">
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
class="common-button-primary img-button"
|
||||
@click="addRow"
|
||||
>新增
|
||||
</el-button>
|
||||
</div>
|
||||
<div style="height: 100%;">
|
||||
<!--<table-tools-bar>-->
|
||||
<!-- <div slot="left">-->
|
||||
<!-- <div class="search-area">-->
|
||||
<!-- <el-form :model="searchForm" inline class="label-input-form">-->
|
||||
<!-- <el-form-item :label="$t('m.standardNumAndName')" prop="standardKey" class="search-item">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="searchForm.standardKey"-->
|
||||
<!-- :placeholder="$t('m.standardNumAndNameTips')"-->
|
||||
<!-- clearable-->
|
||||
<!-- :maxlength="100"/>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item class="search-item btn-box">-->
|
||||
<!-- <el-button-->
|
||||
<!-- icon="el-icon-search"-->
|
||||
<!-- type="primary"-->
|
||||
<!-- class="common-button-primary"-->
|
||||
<!-- round-->
|
||||
<!-- @click="searchBtn"-->
|
||||
<!-- ></el-button>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item class="search-item btn-box">-->
|
||||
<!-- <el-button-->
|
||||
<!-- class="common-button-default"-->
|
||||
<!-- icon="el-icon-refresh-left"-->
|
||||
<!-- round-->
|
||||
<!-- @click="resetSearchForm">{{$t('m.clearQuery')}}</el-button>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-form>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!--</table-tools-bar>-->
|
||||
<!-- v-btn-permission="'XBRKH5BP5K'"-->
|
||||
<div class="content">
|
||||
|
||||
<loading :loading="tableDataLoading">加载中...</loading>
|
||||
<el-table
|
||||
border
|
||||
ref="selection"
|
||||
:data="tableList"
|
||||
tooltip-effect="dark"
|
||||
style="width: 100%;"
|
||||
height="100%"
|
||||
@sort-change="sortChange($event, 'queryTablePage')"
|
||||
:header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
|
||||
fontWeight: 'bold', height: '48px'}"
|
||||
row-key="id"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="55"
|
||||
label="序号"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="流程名称"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="categoryName"
|
||||
label="流程类型"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="createTime" sortable="custom"
|
||||
label="创建时间">
|
||||
<template slot-scope="scope">
|
||||
<span>{{$moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作" align="center" width="60" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<div @click.stop style="display: inline-block">
|
||||
<el-dropdown trigger="click" @command="handleCommand">
|
||||
<el-button type="text" class="text" style="padding: 0">更多</el-button>
|
||||
<el-dropdown-menu slot="dropdown">
|
||||
<el-dropdown-item v-btn-permission="'B44TL4SB6RRC6MNLBYMS'" :command="[scope.row, '编辑']">
|
||||
编辑
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'THJ77DKLPVHP9FHU7BQ6'" :command="[scope.row, '部署']">
|
||||
部署
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'HHD8BQ2DM4T3MFY73GXL'" :command="[scope.row, '复制']">
|
||||
复制
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'CK8WF2ESAS7XV7MSFW5X'" :command="[scope.row, '删除']">
|
||||
删除
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'7U5RD92APKFDYQ8YWQ2S'" :command="[scope.row, '流程']">
|
||||
流程人员配置
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'SQHZVHRSX69SD96XRBSQ'" :command="[scope.row, '预设']" v-if="processId.indexOf(scope.row.id)>-1">
|
||||
预设人员配置
|
||||
</el-dropdown-item>
|
||||
<el-dropdown-item v-btn-permission="'HVTVWZ32Y32XT7XXDYF9'" :command="[scope.row, '提示']">
|
||||
提示语配置
|
||||
</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<pagination :total="total" :page="pageNo" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
|
||||
|
||||
<edit-process
|
||||
:visible="editRowDialogVisible"
|
||||
:data="editRowDialogData"
|
||||
@close="handleEditRowDialogClose"
|
||||
@success="handleEditRowDialogSuccess"
|
||||
></edit-process>
|
||||
<el-dialog :close-on-click-modal="false"
|
||||
:visible="visible"
|
||||
:title="title"
|
||||
@close="closeDialog"
|
||||
width="400px"
|
||||
>
|
||||
<el-form
|
||||
ref="form"
|
||||
:model="formData"
|
||||
class="label-input-form"
|
||||
label-width="100px"
|
||||
inline
|
||||
>
|
||||
<el-form-item label="流程类型" prop="category" class="add-form-item">
|
||||
<el-select v-model="formData.category" placeholder="请选择流程类型" clearable>
|
||||
<el-option v-for="opt in typeList" :value="opt.value" :key="opt.value" :label="opt.label">{{
|
||||
opt.label}}
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="模型名称" class="add-form-item">
|
||||
<el-input
|
||||
v-model="formData.name"
|
||||
placeholder="请输入模型名称"
|
||||
clearable
|
||||
:maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="模型描述" class="add-form-item">
|
||||
<el-input
|
||||
v-model="formData.desc"
|
||||
placeholder="请输入模型描述"
|
||||
clearable
|
||||
:maxlength="100"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer">
|
||||
<el-button size="small" class="common-button-default" @click="closeDialog">
|
||||
取消
|
||||
</el-button>
|
||||
<el-button size="small" class="common-button-primary" type="primary"
|
||||
@click="confirmDialog">确认
|
||||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import EditProcess from './components/EditProcess'
|
||||
|
||||
export default {
|
||||
name: 'ProcessClassification',
|
||||
components: { EditProcess },
|
||||
data () {
|
||||
return {
|
||||
tableDataLoading: false,
|
||||
total: 0,
|
||||
visible: false,
|
||||
formData: {},
|
||||
title: '添加流程',
|
||||
selectRoleId: '',
|
||||
typeList: [],
|
||||
searchForm: {
|
||||
standardKey: ''
|
||||
},
|
||||
pageNo: this.$route.params.page ? (+this.$route.params.page) : 1,
|
||||
pageSize: 10,
|
||||
tableList: [],
|
||||
editRowDialogVisible: false,
|
||||
editRowDialogData: undefined, // 新增时为 undefined null 或者 false 即可
|
||||
nowOrder: 'prder',
|
||||
processId: ['6450334', '6465017', '6482501', '6482508', '6485001', '6482515'],
|
||||
processForm: {
|
||||
name: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
// 表格排序
|
||||
sortChange (sortObj, tableName) {
|
||||
console.log(sortObj)
|
||||
if (sortObj.order === 'ascending') {
|
||||
this.nowOrder = 'asc'
|
||||
} else if (sortObj.order === 'descending') {
|
||||
this.nowOrder = 'desc'
|
||||
} else {
|
||||
this.nowOrder = 'prder'
|
||||
}
|
||||
this[tableName]()
|
||||
},
|
||||
// 根据条件查询信息
|
||||
searchBtn () {
|
||||
this.resetPageNo()
|
||||
this.queryTablePage()
|
||||
},
|
||||
closeDialog () {
|
||||
this.visible = false
|
||||
},
|
||||
confirmDialog () {
|
||||
const formData = {
|
||||
category: this.formData.category,
|
||||
desc: this.formData.desc,
|
||||
name: this.formData.name
|
||||
}
|
||||
this.$http.get('lawss/activiti/createModel',
|
||||
formData,
|
||||
{
|
||||
_this: this,
|
||||
loading: 'tableDataLoading'
|
||||
},
|
||||
res => {
|
||||
if (res.success) {
|
||||
this.$message.warning(res.message)
|
||||
this.visible = false
|
||||
this.queryTablePage()
|
||||
}
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 重置搜索表单并重新加载表格数据
|
||||
*/
|
||||
resetSearchForm () {
|
||||
this.searchForm.standardKey = ''
|
||||
// this.resetSearchForm()
|
||||
this.queryTablePage()
|
||||
},
|
||||
|
||||
pageChange (page) {
|
||||
this.pageNo = page
|
||||
this.queryTablePage()
|
||||
},
|
||||
|
||||
pageSizeChange () {
|
||||
this.queryTablePage()
|
||||
},
|
||||
|
||||
resetPageNo () {
|
||||
this.pageNo = 1
|
||||
},
|
||||
querytypeList () {
|
||||
const formData = {
|
||||
...this.processForm
|
||||
// page: this.pageNo,
|
||||
// pageSize: this.$store.getters.userInfo.configContent,
|
||||
// standNumber: this.searchForm.standardKey
|
||||
}
|
||||
this.$http.get('lawss/activiti/categoryList',
|
||||
formData,
|
||||
{
|
||||
_this: this,
|
||||
loading: 'tableDataLoading'
|
||||
},
|
||||
res => {
|
||||
this.typeList = res.result.map(item => {
|
||||
return {
|
||||
label: item.type,
|
||||
value: item.objectId
|
||||
}
|
||||
})
|
||||
// this.total = res.data.count
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
// 查询、加载表格
|
||||
queryTablePage () {
|
||||
const formData = {
|
||||
current: this.pageNo,
|
||||
size: this.$store.getters.userInfo.configContent,
|
||||
order: this.nowOrder,
|
||||
...this.processForm
|
||||
// standNumber: this.searchForm.standardKey
|
||||
}
|
||||
this.$http.get('lawss/activiti/modelListPage',
|
||||
formData,
|
||||
{
|
||||
_this: this,
|
||||
loading: 'tableDataLoading'
|
||||
},
|
||||
res => {
|
||||
if (res.success) {
|
||||
this.tableList = res.result.records
|
||||
this.total = res.result.total
|
||||
} else {
|
||||
this.tableList = []
|
||||
this.total = 0
|
||||
this.$message.warning(res.message)
|
||||
}
|
||||
}, e => {
|
||||
})
|
||||
},
|
||||
clearAllSearchs () {
|
||||
this.processForm = { name: '' }
|
||||
this.queryTablePage()
|
||||
},
|
||||
// 点击查看
|
||||
handlePreview (item) {
|
||||
console.log('item', item)
|
||||
const routeUrl = this.$router.resolve({
|
||||
name: 'OtherStandardDetails',
|
||||
params: {
|
||||
id: item.id,
|
||||
pageType: 'INLAND_STAND'
|
||||
}
|
||||
})
|
||||
window.open(routeUrl.href, '_blank')
|
||||
},
|
||||
|
||||
// 表格行 - 点击更多 事件
|
||||
handleCommand (command) {
|
||||
switch (command[1]) {
|
||||
case '编辑':
|
||||
this.$router.push({
|
||||
path: '/ProcessMapping',
|
||||
query: { id: command[0].id }
|
||||
})
|
||||
// this.editRow(command[0])
|
||||
break
|
||||
case '删除':
|
||||
this.deleteRow(command[0])
|
||||
break
|
||||
case '复制':
|
||||
this.copyModel(command[0].id)
|
||||
break
|
||||
case '部署':
|
||||
this.deploy(command[0].id)
|
||||
break
|
||||
case '流程':
|
||||
this.nodeConfiguration(command[0])
|
||||
break
|
||||
case '预设':
|
||||
this.preSet(command[0])
|
||||
break
|
||||
case '提示':
|
||||
this.showTip(command[0])
|
||||
break
|
||||
}
|
||||
},
|
||||
deploy (modelId) {
|
||||
this.$confirm('确认部署该条数据？', '确认部署', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http.get('lawss/activiti/deploy', {
|
||||
modelId: modelId
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$message.warning(res.message)
|
||||
this.queryTablePage()
|
||||
}
|
||||
}, e => {
|
||||
})
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
copyModel (modelId) {
|
||||
this.$confirm('确认复制该条数据？', '确认复制', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
this.$http.get('/lawss/activiti/copyModel', {
|
||||
modelId: modelId
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
if (res.success) {
|
||||
this.$router.push({
|
||||
path: '/ProcessMapping',
|
||||
query: { id: res.result }
|
||||
})
|
||||
}
|
||||
}, e => {
|
||||
})
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
// 删除
|
||||
deleteRow (row) {
|
||||
this.$confirm('确认删除该条数据？', '确认删除', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
confirmButtonClass: 'common-button-primary',
|
||||
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
const id = row.id
|
||||
const oDate1 = new Date('2021-09-22 15:00:00')
|
||||
const oDate2 = new Date(row.createTime)
|
||||
if (oDate1.getTime() > oDate2.getTime()) {
|
||||
this.$message.warning('原始流程不可以删除')
|
||||
} else {
|
||||
this.$http.get('/lawss/activiti/deleteModel', {
|
||||
modelId: id
|
||||
}, {
|
||||
_this: this
|
||||
}, res => {
|
||||
this.$message.success(res.message)
|
||||
this.queryTablePage()
|
||||
}, e => {
|
||||
})
|
||||
}
|
||||
}).catch(() => {
|
||||
})
|
||||
},
|
||||
preSet (row) {
|
||||
row.page = this.pageNo
|
||||
this.$router.push({
|
||||
path: '/presetPersonnel',
|
||||
query: { id: row.id }
|
||||
})
|
||||
},
|
||||
nodeConfiguration (row) {
|
||||
row.page = this.pageNo
|
||||
this.$router.push({
|
||||
path: '/nodeConfiguration',
|
||||
query: row
|
||||
})
|
||||
},
|
||||
showTip (row) {
|
||||
row.page = this.pageNo
|
||||
this.$router.push({
|
||||
path: '/promptConfiguration',
|
||||
query: row
|
||||
})
|
||||
},
|
||||
editRow (row) {
|
||||
this.editRowDialogData = { ...row }
|
||||
this.editRowDialogVisible = true
|
||||
},
|
||||
|
||||
handleEditRowDialogClose () {
|
||||
this.editRowDialogVisible = false
|
||||
},
|
||||
|
||||
handleEditRowDialogSuccess () {
|
||||
this.queryTablePage()
|
||||
},
|
||||
|
||||
addRow () {
|
||||
this.visible = true
|
||||
// this.$router.push({
|
||||
// path: '/ProcessMapping',
|
||||
// query:{id:0}
|
||||
// })
|
||||
// this.editRowDialogData = undefined
|
||||
// this.editRowDialogVisible = true
|
||||
}
|
||||
},
|
||||
created () {
|
||||
// this.queryTablePage()
|
||||
// this.querytypeList()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.content {
|
||||
padding: 0 10px;
|
||||
height: 100px;
|
||||
}
|
||||
::v-deep .label-input-form .el-input__inner{
|
||||
border-radius: 20px;
|
||||
|
||||
}
|
||||
|
||||
.el-divider-low {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.search-area {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
background: #ffffff;
|
||||
z-index: 999;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user