Skip to content

Q
qr-consistency-vue3
Commit 499ac20e authored by 祁正's avatar 祁正
Browse files
Options

ccap项目管理列表

parent d97fb832
Hide whitespace changes
Inline Side-by-side
Showing with 224 additions and 46 deletions
src/api/CCAPProjectManagement/list.js 0 → 100644
View file @ 499ac20e
import request from '@/utils/request'
// 查询列表
export function getDataList(query) {
return request({
url: '/control/ccapProjectManagement/getDataList',
method: 'get',
params: query
})
}
// 获取所有事业部列表
export function getAllBusinessUnitList() {
return request({
url: '/control/ccapProjectManagement/getAllBusinessUnitList',
method: 'get'
})
}
src/views/baseData/marketRegulations/info.vue
View file @ 499ac20e
......@@ -88,9 +88,9 @@
<div >
<div class="baseInfoTitle">市场法规清单</div>
<el-form v-model="queryParams" ref="queryRef" :inline="true" label-width="70px">
<el-form-item label="标准编号" prop="standardCode">
<el-form-item label="标准编号" prop="standardNumber">
<el-input
v-model="queryParams.standardCode"
v-model="queryParams.standardNumber"
placeholder="请输入适标准编号"
clearable
/>
......@@ -114,9 +114,9 @@
<el-table :data="tableList">
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="类型" align="center" prop="standardType" />
<el-table-column label="标准编号" align="center" prop="standardCode" />
<el-table-column label="标准编号" align="center" prop="standardNumber" />
<el-table-column label="标准名称" align="center" prop="standardName" />
<el-table-column label="标准英文名称" align="center" prop="standardEnglishName" width="130"/>
<el-table-column show-overflow-tooltip label="标准英文名称" align="center" prop="standardEnglishName" width="130"/>
<el-table-column label="等效法规" align="center" prop="equivalentRegulation">
<template #default="scope">
<span>{{ scope.row.equivalentRegulation || '——'}}</span>
......@@ -128,46 +128,28 @@
</template>
</el-table-column>
<el-table-column label="主控部门" align="center" prop="author" >
<template #default="scope">
<span>{{ scope.row.author || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="主控部门专业模块" align="center" prop="listStatus" width="140">
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="关联部门" align="center" prop="listStatus" >
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="关联部门专业模块" align="center" prop="listStatus" width="140">
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="新认证车实施日期" align="center" prop="newCertificationCarDate" width="140">
<template #default="scope">
<span>{{ scope.row.newCertificationCarDate || '——'}}</span>
<span>{{ scope.row.newAuthImplDate || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="新生产车实施日期" align="center" prop="newProductionCarDate" width="140">
<template #default="scope">
<span>{{ scope.row.newProductionCarDate || '——'}}</span>
<span>{{ scope.row.newProductImplDate || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="注册日期" align="center" prop="registrationDate" >
<el-table-column label="注册日期" align="center" prop="registrationDate" width="140">
<template #default="scope">
<span>{{ scope.row.registrationDate || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="适用市场" align="center" prop="listStatus" >
<el-table-column label="适用市场" align="center" prop="country" >
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
<span>{{ scope.row.country || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="适用车型" align="center" prop="applicableModel" >
......@@ -180,32 +162,24 @@
<span>{{ scope.row.powerType || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="认证对象" align="center" prop="certificationTarget" >
<el-table-column label="认证对象" align="center" prop="certificationTarget" width="140">
<template #default="scope">
<span>{{ scope.row.certificationTarget || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="认证交付物" align="center" prop="listStatus" width="130">
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="批量限制" align="center" prop="listStatus" >
<el-table-column label="认证交付物" align="center" prop="certifyTheDeliverables" width="140">
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
<span>{{ scope.row.certifyTheDeliverables || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="自动驾驶等级" align="center" prop="listStatus" width="130">
<el-table-column label="批量限制" align="center" prop="batchLimit" width="140">
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
<span>{{ scope.row.batchLimit || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="要求类型" align="center" prop="listStatus" >
<template #default="scope">
<span>{{ scope.row.listStatus || '——'}}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" >
<el-table-column label="备注" show-overflow-tooltip align="center" prop="remark" >
<template #default="scope">
<span>{{ scope.row.remark || '——'}}</span>
</template>
......@@ -251,7 +225,7 @@ function handleQuery() {
/** 重置按钮操作 */
function resetQuery() {
queryParams.value.standardCode = null
queryParams.value.standardNumber = null
queryParams.value.standardName = null
handleQuery();
......
src/views/controlPlan/baseConfig/CCAPProjectManagement/index.vue 0 → 100644
View file @ 499ac20e
<template>
<div class="app-container">
<el-form v-model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="70px">
<el-form-item label="事业部:" prop="status">
<el-select
v-model="queryParams.businessUnitId"
placeholder="请选择"
clearable
style="width: 200px"
>
<el-option
v-for="dict in businessList"
:label="dict.businessUnitName"
:value="dict.id"
/>
</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>
</el-form-item>
</el-form>
<el-table :data="tableList">
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="事业部" align="center" prop="applicableBrand" />
<el-table-column label="项目情况" align="center" prop="listCode" >
<template #default="scope">
<span style="text-decoration: underline;text-decoration-color: #2f9bfe;color: #2f9bfe;cursor: pointer">共{{scope.row.relatedCount}}个</span>
</template>
</el-table-column>
<el-table-column label="创建人" align="center" prop="createUserName" />
<el-table-column label="创建时间" align="center" prop="createTime" />
<el-table-column label="更新人" align="center" prop="updateUserName" />
<el-table-column label="更新时间" align="center" prop="updateTime" width="180" >
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<div style="display: flex;align-items: flex-start">
<el-button type="text" style="color: rgb(0,0,255)" @click="handleView(scope.row)">维护项目</el-button>
<el-button type="text" style="color: rgb(255,153,0)" v-if="scope.row.id === adminId" @click="handleView(scope.row)">复制新增</el-button>
<el-button type="text" v-if="scope.row.id === adminId" @click="handleView(scope.row)">添加事业部</el-button>
<el-button type="text" style="color: rgb(244,93,93)" v-else="scope.row.id === adminId" @click="handleView(scope.row)">删除</el-button>
</div>
</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"
/>
</div>
</template>
<script setup>
import { getDataList,getAllBusinessUnitList } from "@/api/CCAPProjectManagement/list";
const { proxy } = getCurrentInstance();
const tableList = ref([]);
//第一条数据id
const adminId = '12321'
import { useRouter } from 'vue-router';
const businessList = ref([])
const router = useRouter();
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
const ids = ref([]);
const single = ref(true);
const multiple = ref(true);
const total = ref(0);
const title = ref("");
const queryParams = ref({
pageNum: 1,
pageSize: 10,
businessUnitId:null
})
const data = reactive({
form: {},
rules: {}
});
const { form, rules } = toRefs(data);
function getList(){
getDataList(queryParams.value).then(res=>{
tableList.value =res.rows.sort((a,b)=>{
if(a.id === adminId) return 1
else if(b.id === adminId) return 1
})
total.value = res.total
})
}
function getBusinessList(){
getAllBusinessUnitList().then(res=>{
console.log(res)
businessList.value =res.data
})
}
// 取消按钮
function cancel() {
open.value = false;
reset();
}
// 表单重置
function reset() {
form.value = {
id: null,
applicableMarket: null,
listCode: null,
listName: null,
steeringType: null,
listVersion: null,
releaseDate: null,
author: null,
listStatus: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null,
delFlag: null
};
proxy.resetForm("listRef");
}
/** 搜索按钮操作 */
function handleQuery() {
queryParams.value.pageNum = 1;
getList();
}
/** 重置按钮操作 */
function resetQuery() {
proxy.resetForm("queryRef");
queryParams.value = {
pageNum: 1,
pageSize: 10,
applicableMarket: null,
listCode: null,
listName: null,
listVersion: null,
listStatus: null,
}
handleQuery();
}
function handleView(row) {
console.log(row)
}
/** 导出按钮操作 */
function handleExport() {
proxy.download('marketRegulations/list/export', {
...queryParams.value
}, `list_${new Date().getTime()}.xlsx`)
}
getList()
getBusinessList()
</script>
<style scoped lang="scss">
:deep(.el-form--inline .el-form-item) {
margin-right: 20px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment