fix : 优化审批记录、用户账号切换点击位置、所属公司选择框

This commit is contained in:
2024-06-28 16:25:21 +08:00
parent 114c9116b1
commit daac1812bf
7 changed files with 58 additions and 41 deletions

View File

@@ -89,7 +89,6 @@ const props = defineProps({
type: Boolean
}
});
const isChooseAll = ref(true);
let selectItem = reactive({
type: -1,
value: "0"
@@ -138,22 +137,14 @@ const checkBoxChange = (val) => {
}
const matterTree = (list, flag) => {
list.forEach(item => {
if (!flag&&item.value!==-1) {
if (!flag) {
tree.value.setChecked(item, false)
}
if (item.children !== undefined) {
matterTree(item.children)
matterTree(item.children, false)
}
})
}
// const cancelAll = () => {
// isChooseAll.value = true
// tree.value.setCheckedNodes([])
// }
// const chooseAll = () => {
// isChooseAll.value = false
// matterTree(dataList.value)
// }
const getList = () => {
getSubCompOpt().then(res => {
dataList.value = [
@@ -176,15 +167,26 @@ const filterNode = (value, data) => {
const show = () => {
//用于弹开部门选择
visible.value = true;
selectList.value = _value.value
defaultChecked.value = _value.value.map(item => item.value)
if(selectList.value.length==0){
selectList.value=[]
defaultChecked.value =[]
}else {
selectList.value = _value.value
defaultChecked.value = _value.value.map(item => item.value)
}
getList()
};
const handleChange = (data, checked) => {
if (data.value == -1&&checked) {
// tree.value.setCheckedNodes(['-1'])
matterTree(dataList.value, false)
// return;
if (data.value == -1) {
if(checked){
checkStrictly.value = false
const index = checkList.value.indexOf('2')
if (index != -1) {
checkList.value.splice(index, 1)
}
matterTree(dataList.value[0].children, false)
tree.value.setChecked(data,true);
}
}
// 左侧有选择框 + 多选
if (props.multiple) {

View File

@@ -5,9 +5,9 @@
<div class="right-bar">
<!-- <bell-socket/>-->
<div class="user-box">
<div>
<div @click.stop="handleVisitedP">
<el-avatar>{{ userInfo.nickName }}</el-avatar>
<div @click.stop="handleVisitedP">{{ userInfo.nickName }}
<div>{{ userInfo.nickName }}
<el-icon style="margin-left: 5px">
<ArrowDownBold/>
</el-icon>

View File

@@ -34,13 +34,15 @@
</el-col>
<el-col :span="24">
<el-form-item label="所属公司" prop="companyIds" class="tree-select">
<div style="width: 100%">
<el-button color="#DED0B2" @click="showCompany">{{ selectedCompanyList.length === 0 ? '请选择所属公司' : '更改' }}
</el-button>
</div>
<div v-if="route.query.id" :class="showExpendClass(showMoreCompany)">{{ selectedCompanyList }}</div>
<div v-else :class="showExpendClass(showMoreCompany)">{{ getName(selectedCompanyList) }}</div>
<div style="color: #2a99ff;text-align: center;width: 100%;font-size: 15px;cursor: pointer"
@click="handleExpend">{{ showExpendText }}
</div>
<el-button color="#DED0B2" @click="showCompany">{{ selectedCompanyList.length === 0 ? '请选择所属公司' : '更改' }}
</el-button>
</el-form-item>
</el-col>
<el-col :span="6">
@@ -98,7 +100,7 @@
<el-button color="#DED0B2" v-else @click="handleResubmit">重新提交</el-button>
<el-button @click="handleBack">返回</el-button>
</div>
<company-picker :multiple="true" ref="companyRef" title="请选择所属公司" @ok="selected"/>
<company-picker :multiple="true" ref="companyRef" title="请选择所属公司" @ok="selected" v-model:value="selectedCompanyList"/>
</div>
</template>

View File

@@ -63,7 +63,11 @@ const init = async () => {
}
loading.value = false
let data = res.data
data.formData.companyIds = getCompanyOptionItem(data.formData.companyIds)
if(data.formData.companyIds[0]==-1){
data.formData.companyIds = ['所有公司']
}else {
data.formData.companyIds = getCompanyOptionItem(data.formData.companyIds)
}
collectData.value = data
formData.value = data.formData;
if (data.formData.specialFund) {

View File

@@ -81,9 +81,6 @@ const handleClick = (tab) => {
}
const search = async (param) => {
if (activeName.value === '00') {
param.requirementId = requirementId.value
}
param.targetId = projectId.value
param.targetState = activeName.value
searchFileList(param).then(res => {

View File

@@ -209,7 +209,7 @@ const tableConfig = reactive({
showOverflowTooltip: false,
currentRender: ({row, index}) => {
if (row.researchStage && row.researchStage !== null && row.researchStage !== undefined) {
return (<Tag dictType={'research_stage'} value={row.researchStage}/>)
return (<Tag dictType={'fee_stage'} value={row.researchStage}/>)
} else {
return '--'
}
@@ -285,7 +285,7 @@ const handleUploadFee = () => {
const exportExcelHandler = () => {
console.log('exportIds.value',exportIds.value)
let data = {
projectId: 113
projectId: route.query.id
}
exportExcel(data).then(res => {
console.log(res)

View File

@@ -13,19 +13,22 @@
</div>
<div class="card">
<div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name">
<div>
<div class="avatar-block">
<name-circle :user="user"/>
<span>{{ user.name }}</span>
<div class="name">
<span>{{ user.name }}</span>
<span>{{ user.jobActivityDesc }}</span>
</div>
</div>
<div>
<div class="remark">{{ operation.remark }}</div>
<div>
<div>审批人</div>
<div>{{ user.name }}</div>
</div>
<!-- <div>-->
<!-- <div>审批人</div>-->
<!-- <div>{{ user.name }}</div>-->
<!-- </div>-->
<div v-if="user.auditOpinion">
<div style="margin-bottom: 10px;color: #909399">{{ user.operationTime }}</div>
<div class="username">
<div class="username">
<span style="font-weight: bold">审批意见</span>
<el-text v-text="user.auditOpinion" style="word-break: break-all">
</el-text>
@@ -274,16 +277,25 @@ init()
border-bottom: none;
}
> div:first-child {
.avatar-block {
display: flex;
> span {
width: 100px;
color: #2a99ff;
.name {
width:130px;
display: flex;
flex-direction: column;
margin-left: 10px;
margin-right: 20px;
margin-right: 20px;
> span:first-child {
color: #2a99ff;
}
>span:last-child{
margin-top: 5px;
color: #909399;
}
}
}
> div:nth-child(2) {