WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

拆分详情表格增加编辑

Browse Source
This commit is contained in:
caoyang
2022-04-05 19:32:38 +08:00
parent 29e4a3ac4a
commit 78ba4bde0e
10 changed files with 177 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentManage/splitting/modules/SplitDetail.vue
+72 -24
View File
@@ -8,7 +8,7 @@
<a-tree
v-if="gData.length>0"
:selected-keys="selectedKeys"
:expanded-keys="expandedKeys"
:expanded-keys.sync="expandedKeys"
:auto-expand-parent="autoExpandParent"
:defaultExpandAll="true"
:tree-data="gData"
@@ -16,24 +16,42 @@
@rightClick="rightClick"
@select="onSelect"
>
<template slot="title" slot-scope="{ title }">
<span v-if="title.indexOf(searchValue) > -1" :title="title">
<!-- @rightClick="rightClick"-->
<template #title="{ key: treeKey, title, record }">
<a-dropdown :trigger="['contextmenu']">
<!-- <span>{{ title }}</span>-->
<span v-if="title.indexOf(searchValue) > -1" :title="title">
{{ title.substr(0, title.indexOf(searchValue)) }}<span style="color: #f50">{{ searchValue }}</span>{{ title.substr(title.indexOf(searchValue) + searchValue.length) }}
</span>
<span v-else :title="title">{{ title }}</span>
<span v-else :title="title">{{ title }}</span>
<template #overlay>
<a-menu @click="({ key: menuKey }) => onContextMenuClick(treeKey, menuKey, record)">
<a-menu-item key="1" @click="orgAdd">{{$t('newNode')}}</a-menu-item>
<a-menu-item key="2" @click="orgEdit">{{$t('modifyNode')}}</a-menu-item>
<a-menu-item key="3" @click="orgDelete" v-if="deleteNode" >{{$t('deleteNode')}}</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</template>
<!-- <template slot="title" slot-scope="{ title }">-->
<!-- <span v-if="title.indexOf(searchValue) > -1" :title="title">-->
<!-- {{ title.substr(0, title.indexOf(searchValue)) }}<span style="color: #f50">{{ searchValue }}</span>{{ title.substr(title.indexOf(searchValue) + searchValue.length) }}-->
<!-- </span>-->
<!-- <span v-else :title="title">{{ title }}</span>-->
<!-- </template>-->
</a-tree>
<div v-if="NodeTreeItem" :style="tmpStyle" >
<div class="menu-item" @click="orgAdd">
{{$t('newNode')}}
</div>
<div class="menu-item" @click="orgEdit">
{{$t('modifyNode')}}
</div>
<div class="menu-item menu-bottom" @click="orgDelete" v-if="NodeTreeItem">
{{$t('deleteNode')}}
</div>
</div>
<!-- <div v-if="NodeTreeItem" :style="tmpStyle" >-->
<!-- <div class="menu-item" @click="orgAdd">-->
<!-- {{$t('newNode')}}-->
<!-- </div>-->
<!-- <div class="menu-item" @click="orgEdit">-->
<!-- {{$t('modifyNode')}}-->
<!-- </div>-->
<!-- <div class="menu-item menu-bottom" @click="orgDelete" v-if="NodeTreeItem">-->
<!-- {{$t('deleteNode')}}-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<div class="split-detail-right">
@@ -86,7 +104,7 @@
:OperationList="OperationList"
:infoId="$route.query.infoId"
:menuId="menuId"
showAction
:showAction="true"
@onSelectChange="onSelectChange"
@deleteClick="deleteClick"
@editClick="editClick"
@@ -154,7 +172,7 @@
:ids="ids">
</split-bat-form>
</a-modal>
<split-add-form ref="splitForm" v-if="addVisible" :addVisible="addVisible" :formTitle="formTitle" :flag="'4'" :url="url" :infoId="infoId" :menuId="menuId" :itemId="itemId" :itemVal="itemVal" @closeVisible="closeVisible" @sumber="sumber"></split-add-form>
<split-add-form ref="splitForm" v-if="addVisible" :addVisible="addVisible" :formTitle="formTitle" :flag="'4'" :url="url" :infoId="infoId" :menuId="menuId" :itemId="itemId" @closeVisible="closeVisible" @sumber="sumber"></split-add-form>
</div>
</a-card>
@@ -171,6 +189,7 @@
import upload from '@/components/SplitImport/index'
import axios from 'axios'
import { ACCESS_TOKEN } from '@/store/mutation-types'
import moment from 'moment'
import eventBUs from '@/common/event'
import Vue from 'vue'
export default {
@@ -265,7 +284,14 @@
token:Vue.ls.get(ACCESS_TOKEN),
// upAccept:'.zip', //导入文件类型
uploadMenuId:'',
selectedKeys:[]
selectedKeys:[],
deleteNode:false,
}
},
watch:{
deleteNode(){
}
},
mounted() {
@@ -375,7 +401,9 @@
},
//鼠标右键
rightClick({event,node}){
console.log('eee',event,node)
this.deleteNode=node._props.dataRef.pid?true:false
// console.log('eee',event,node)
// this.NodeTreeItemVisible=true
const x =
event.currentTarget.offsetLeft + event.currentTarget.clientWidth;
@@ -467,6 +495,9 @@
}
})
},
onContextMenuClick(treeKey, menuKey,) {
// console.log(`treeKey: ${treeKey}, menuKey: ${menuKey}`);
},
//清空按钮
resetSearch(){
this.menuId=''
@@ -489,9 +520,10 @@
}
this.$refs.ruleForm.validate(valid=>{
if(valid){
this.flag=true
// console.log('parms',this.params)
if(this.flag){
if(!this.flag){
this.flag=true
postAction(`split/sarFileSplitMenu/addMenu`,params).then(res=>{
if(res.success){
this.menuRightVisible=false
@@ -521,6 +553,7 @@
info_id: this.infoId,
...this.form,
}
if(!this.flag){
this.flag=true
// console.log('parms',params)
putAction(`split/sarFileSplitMenu/updateMenu`,params).then(res=>{
@@ -536,6 +569,7 @@
this.flag=false
this.menuRightVisible=false
})
}
}
},
//获取列表数据
@@ -653,7 +687,7 @@
},
//上传成功
uploadSuccess(data,status){
console.log('data111',data)
// console.log('data111',data)
if(status==='success'){
let queryParam={
menu_id:this.menuId,
@@ -676,10 +710,11 @@
},
//导出
handleExportManage(){
let name = this.$t('DocumentSplitting')+'.zip'
let dateName = moment(new Date()).format('YYYY-MM-DD HH-mm-ss')
let name = this.$route.query.infoNumber +' '+ dateName+'.zip'
let query = {
infoId:this.infoId,
exportName:'',
exportName:name,
idList:this.selectedRowKeys.join(',')
}
@@ -1037,6 +1072,9 @@
width: 260px;
padding-right: 20px;
border-right: 1px solid #666666;
.split-detail-left-tree{
width: 240px;
}
.menu-item{
padding: 2px 8px;
border: 1px solid #000000;
@@ -1119,6 +1157,10 @@
.upload-split{
.ant-upload{
color:#040B29;
i.import{
display: inline-block;
margin-right: 4px;
}
}
}
}
@@ -1143,4 +1185,10 @@
}
}
}
.item-content-show{
.wordImg{
width: 40px;
height: auto;
}
}
</style>