taoge_xiaodi/td_official
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

分包管理

Browse Source
This commit is contained in:
taoge1020
2025-06-25 18:49:00 +08:00
parent f345f840ec
commit a68eda13ea
9 changed files with 567 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/project/contractor/index.vue
View File

@ -7,6 +7,11 @@
<el-form-item label="公司名称" prop="name">
<el-input v-model="queryParams.name" placeholder="请输入公司名称" clearable @keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="分包类型" prop="contractorType">
<el-select v-model="queryParams.contractorType" filterable placeholder="请选择类型">
<el-option v-for="(item, i) of dictList" :key="i" :label="item.dictLabel" :value="item.dictValue"> </el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
<el-button icon="Refresh" @click="resetQuery">重置</el-button>
@ -32,9 +37,9 @@
>删除
</el-button>
</el-col>
<el-col :span="1.5">
<!-- <el-col :span="1.5">
<el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['project:contractor:export']">导出 </el-button>
</el-col>
</el-col> -->
<right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</template>
@ -43,13 +48,18 @@
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="序号" type="index" width="60" align="center" />
<el-table-column label="公司名称" align="center" prop="name" />
<el-table-column label="分包类型" align="center">
<template #default="scope">
<span>{{ filterType(scope.row.contractorType) }}</span>
</template>
</el-table-column>
<el-table-column label="负责人" align="center" prop="principal" />
<el-table-column label="负责人联系电话" align="center" prop="principalPhone" />
<el-table-column label="管理人" align="center" prop="custodian" />
<el-table-column label="管理人联系电话" align="center" prop="custodianPhone" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="创建时间" align="center" prop="createTime" width="180" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-space wrap>
<el-button link type="primary" icon="View" @click="handleContractorFile(scope.row)">文件</el-button>
@ -61,11 +71,10 @@
</template>
</el-table-column>
</el-table>
<pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
</el-card>
<!-- 添加或修改分包单位对话框 -->
<el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-dialog draggable :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
<el-form ref="contractorFormRef" :model="form" :rules="rules" label-width="120px">
<el-form-item label="公司名称" prop="name">
<el-input v-model="form.name" placeholder="请输入公司名称" />
@ -82,6 +91,11 @@
<el-form-item label="管理人联系电话" prop="custodianPhone">
<el-input v-model="form.custodianPhone" placeholder="请输入管理人联系电话" />
</el-form-item>
<el-form-item label="分包类型" prop="contractorType">
<el-select v-model="form.contractorType" filterable placeholder="请选择类型">
<el-option v-for="(item, i) of dictList" :key="i" :label="item.dictLabel" :value="item.dictValue"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
</el-form-item>
@ -93,7 +107,7 @@
</div>
</template>
</el-dialog>
<el-dialog title="上传文件" v-model="visible" width="800px">
<el-dialog draggable title="上传文件" v-model="visible" width="800px">
<contractor-file-dialog :contractor-id="currentContractorId" />
</el-dialog>
</div>
@ -104,6 +118,7 @@ import { addContractor, delContractor, getContractor, listContractor, updateCont
import { ContractorForm, ContractorQuery, ContractorVO } from '@/api/project/contractor/types';
import ContractorFileDialog from '@/views/project/contractor/component/ContractorFileDialog.vue';
import { useUserStoreHook } from '@/store/modules/user';
import { listData } from '@/api/system/dict/data';
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@ -120,6 +135,7 @@ const queryFormRef = ref<ElFormInstance>();
const contractorFormRef = ref<ElFormInstance>();
// 获取用户 store
const userStore = useUserStoreHook();
const dictList = ref([]); //字典列表
// 从 store 中获取项目列表和当前选中的项目
const currentProject = computed(() => userStore.selectedProject);
const dialog = reactive<DialogOption>({
@ -134,6 +150,7 @@ const initFormData: ContractorForm = {
principalPhone: undefined,
custodian: undefined,
custodianPhone: undefined,
contractorType: undefined,
fileMap: undefined,
remark: undefined,
projectId: currentProject.value.id
@ -150,6 +167,7 @@ const data = reactive<PageData<ContractorForm, ContractorQuery>>({
principalPhone: undefined,
custodian: undefined,
custodianPhone: undefined,
contractorType: undefined,
projectId: currentProject.value.id,
params: {}
},
@ -159,14 +177,34 @@ const data = reactive<PageData<ContractorForm, ContractorQuery>>({
});
const { queryParams, form, rules } = toRefs(data);
/** 查询字典数据列表 */
const getDictList = async () => {
const res = await listData({
pageNum: 1,
pageSize: 10,
dictName: '',
dictType: 'contractor_type',
dictLabel: ''
});
dictList.value = res.rows;
};
// 分包类型
const filterType=(val)=>{
let label='';
dictList.value.forEach(item=>{
if(item.dictValue==val){
label=item.dictLabel
}
})
return label;
}
/** 查询分包单位列表 */
const getList = async () => {
loading.value = true;
const res = await listContractor(queryParams.value);
contractorList.value = res.rows;
total.value = res.total;
loading.value = false;
loading.value = false;
};
/** 取消按钮 */
@ -278,6 +316,7 @@ onUnmounted(() => {
listeningProject();
});
onMounted(() => {
getDictList();
getList();
});
</script>