更新
This commit is contained in:
@ -36,7 +36,7 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
color:{
|
color:{
|
||||||
type:String,
|
type:String,
|
||||||
default:'#fff'
|
default:'#6f6f74'
|
||||||
},
|
},
|
||||||
tag: false,
|
tag: false,
|
||||||
value: [Number, String, Array]
|
value: [Number, String, Array]
|
||||||
|
@ -10,16 +10,16 @@
|
|||||||
<div class="form_cnt">
|
<div class="form_cnt">
|
||||||
<FormMessage :disabled="disabled" v-model="listQuery" labelWidtth="" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
|
<FormMessage :disabled="disabled" v-model="listQuery" labelWidtth="" :formList="formData" labelWidth="120px" ref="elform" :rules="rules">
|
||||||
<template #bqList>
|
<template #bqList>
|
||||||
<div class="marks pointer" @click="chooseMarksVisible = true">
|
<div class="marks pointer" @click="handleChooseMarks">
|
||||||
<span style="color: rgb(175 178 184);padding-left: 10px;" v-if="!listQuery.bqList || listQuery.bqList.length == 0 ">请选择标签</span>
|
<span style="color: rgb(175 178 184);padding-left: 10px;" v-if="!listQuery.bqList || listQuery.bqList.length == 0 ">请选择标签</span>
|
||||||
<span v-else >
|
<span v-else >
|
||||||
<el-tag @close.stop="closeTag(idx)" type="success" closable v-for="(it,idx) in listQuery.bqList" :key="idx">{{ it.bqMc }}</el-tag >
|
<el-tag @close.stop="closeTag(idx)" type="success" :closable="disabled ? false:true" v-for="(it,idx) in listQuery.bqList" :key="idx">{{ it.bqMc }}</el-tag >
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #lqxxList>
|
<template #lqxxList>
|
||||||
<div class="ww100">
|
<div class="ww100">
|
||||||
<div class="ww100 mb10"><el-button type="primary" @click="handleCjlr('add',null)">新增</el-button></div>
|
<div class="ww100 mb10"><el-button type="primary" v-if="!disabled" @click="handleCjlr('add',null)">新增</el-button></div>
|
||||||
<div style="width:99.5%">
|
<div style="width:99.5%">
|
||||||
<MyTable
|
<MyTable
|
||||||
:tableData="listQuery.lqxxList"
|
:tableData="listQuery.lqxxList"
|
||||||
@ -35,7 +35,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</FormMessage>
|
</FormMessage>
|
||||||
<div class="ml50 mr50"><span class="mr10">管理重点人 : </span><el-button @click="chooseVisible_RY = true" type="primary" >选择</el-button></div>
|
<div class="ml50 mr50"><span class="mr10">管理重点人 : </span><el-button v-if="!disabled" @click="chooseVisible_RY = true" type="primary" >选择</el-button></div>
|
||||||
<div class="boxlist ml50 mr50">
|
<div class="boxlist ml50 mr50">
|
||||||
<MyTable
|
<MyTable
|
||||||
:tableData="listQuery.zdryList"
|
:tableData="listQuery.zdryList"
|
||||||
@ -55,29 +55,29 @@
|
|||||||
<div class="ww100 mt20 ml50 mr50">
|
<div class="ww100 mt20 ml50 mr50">
|
||||||
<el-steps direction="vertical" :active="listQuery.wccz" space="500" finish-status="success">
|
<el-steps direction="vertical" :active="listQuery.wccz" space="500" finish-status="success">
|
||||||
<el-step title="发起申请" >
|
<el-step title="发起申请" >
|
||||||
<template #description>
|
<template #description>
|
||||||
<div class="flex align-center ww100 mt10 mb20">
|
<div class="flex align-center ww100 mt10 mb20">
|
||||||
<el-input v-model="listQuery.bkfqrXm" readonly class="ww20"></el-input>
|
<el-input v-model="listQuery.sqrXm" readonly class="ww20"></el-input>
|
||||||
<el-input v-model="listQuery.bkfqrSsbmmc" readonly class="ww20 ml10 mr10"></el-input>
|
<el-input v-model="listQuery.sqrSsbmmc" readonly class="ww20 ml10 mr10"></el-input>
|
||||||
<span class="f12" style="color: #333333;"> 备注发起人和部门根据登陆人自动填写</span>
|
<span class="f12" style="color: #333333;"> 备注发起人和部门根据登陆人自动填写</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-step>
|
</el-step>
|
||||||
<el-step title="审核确认" >
|
<el-step title="审核确认" >
|
||||||
<template #description>
|
<template #description>
|
||||||
<div class="flex align-center ww100 mt10 mb20 depBox">
|
<div class="flex align-center ww100 mt10 mb20 depBox">
|
||||||
<span class="mr4">审核部门 : </span>
|
<span class="mr4">审核部门 : </span>
|
||||||
<MOSTY.Department v-model="listQuery.bkshrSsbmdm" clearable :placeholder="listQuery.bkshrSsbmmc ? listQuery.bkshrSsbmmc : '' " />
|
<MOSTY.Department @getDepValue="getShdep" v-model="listQuery.shrSsbmdm" clearable :placeholder="listQuery.shrSsbmmc ? listQuery.shrSsbmmc : '' " />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-step>
|
</el-step>
|
||||||
<el-step title="审批确认" >
|
<el-step title="审批确认" >
|
||||||
<template #description>
|
<template #description>
|
||||||
<div class="flex align-center ww100 mt10 mb20 depBox">
|
<div class="flex align-center ww100 mt10 mb20 depBox">
|
||||||
<span lass="mr4">审批部门 : </span>
|
<span lass="mr4">审批部门 : </span>
|
||||||
<MOSTY.Department v-model="listQuery.bksprSsbmdm" clearable :placeholder="listQuery.bksprSsbmmc ? listQuery.bksprSsbmmc : '' " />
|
<MOSTY.Department @getDepValue="getSPdep" v-model="listQuery.sprSsbmdm" clearable :placeholder="listQuery.sprSsbmmc ? listQuery.sprSsbmmc : '' " />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-step>
|
</el-step>
|
||||||
</el-steps>
|
</el-steps>
|
||||||
</div>
|
</div>
|
||||||
@ -169,20 +169,20 @@ const listQuery = ref({}); //表单
|
|||||||
const loading = ref(false);
|
const loading = ref(false);
|
||||||
const elform = ref();
|
const elform = ref();
|
||||||
const title = ref("");
|
const title = ref("");
|
||||||
onMounted(() => { });
|
|
||||||
// 初始化数据
|
// 初始化数据
|
||||||
const init = async (type, row) => {
|
const init = async (type, row) => {
|
||||||
dialogForm.value = true;
|
dialogForm.value = true;
|
||||||
title.value = type == "add" ? "新增" : type == 'detail' ? '详情':"编辑";
|
title.value = type == "add" ? "新增" : type == 'detail' ? '详情':"编辑";
|
||||||
pageData.tableConfiger.haveControls = true;
|
|
||||||
if(type == 'add'){
|
if(type == 'add'){
|
||||||
listQuery.value.bkfqrXm = getItem("USERNAME");
|
listQuery.value.sqrXm = getItem("USERNAME");
|
||||||
listQuery.value.bkfqrSfzh = getItem("idEntityCard");
|
listQuery.value.bkfqrSfzh = getItem("idEntityCard");
|
||||||
listQuery.value.bkfqrSsbmmc = getItem("deptId")[0].deptName;;
|
listQuery.value.sqrSsbmmc = getItem("deptId")[0].deptName;;
|
||||||
listQuery.value.bkfqrSsbmdm = getItem("deptId")[0].deptCode;;
|
listQuery.value.sqrSsbmdm = getItem("deptId")[0].deptCode;;
|
||||||
}
|
}
|
||||||
disabled.value = type == 'detail' ? true : false;
|
disabled.value = type == 'detail' ? true : false;
|
||||||
if(row) pageData.tableConfiger.haveControls = false;
|
pageData.tableConfiger.haveControls = type == "detail" ? false: true;
|
||||||
|
pageData.qcjConfiger.haveControls = type == "detail" ? false: true;
|
||||||
if(row) getDataById(row.id)
|
if(row) getDataById(row.id)
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -204,6 +204,11 @@ const addEdteCj = (val) =>{
|
|||||||
pageData.keyCountCj++;
|
pageData.keyCountCj++;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const handleChooseMarks = () =>{
|
||||||
|
if(disabled.value) return;
|
||||||
|
chooseMarksVisible.value = true
|
||||||
|
}
|
||||||
|
|
||||||
// 新增标签
|
// 新增标签
|
||||||
const addMarks = (val) =>{
|
const addMarks = (val) =>{
|
||||||
listQuery.value.bqList = val.map(v=>{
|
listQuery.value.bqList = val.map(v=>{
|
||||||
@ -263,6 +268,13 @@ const submit = () => {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const getShdep = (val) =>{
|
||||||
|
listQuery.value.shrSsbmmc = val ? val.orgName : ''
|
||||||
|
}
|
||||||
|
const getSPdep = (val) =>{
|
||||||
|
listQuery.value.sprSsbmmc = val ? val.orgName : ''
|
||||||
|
}
|
||||||
|
|
||||||
// 关闭
|
// 关闭
|
||||||
const close = () => {
|
const close = () => {
|
||||||
listQuery.value = {};
|
listQuery.value = {};
|
||||||
@ -277,7 +289,7 @@ defineExpose({ init });
|
|||||||
@import "~@/assets/css/element-plus.scss";
|
@import "~@/assets/css/element-plus.scss";
|
||||||
|
|
||||||
.boxlist {
|
.boxlist {
|
||||||
width: calc(99% - 100px);
|
width: calc(99% - 50px);
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user