This commit is contained in:
2025-07-15 18:20:55 +08:00
parent 498caf263d
commit 0f5f6c27d2
2 changed files with 43 additions and 31 deletions

View File

@ -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]

View File

@ -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;
} }