Skip to content

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

市场法规清单详情搭建

parent 94ceaf6d
Hide whitespace changes
Inline Side-by-side
Showing with 219 additions and 54 deletions
src/views/baseData/marketRegulations/index.vue
View file @ f29bdddb
......@@ -55,7 +55,7 @@
</el-form>
<el-table v-loading="loading" :data="tableList" @selection-change="handleSelectionChange">
<el-table v-loading="loading" :data="tableList">
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="适用市场" align="center" prop="applicableMarket" />
<el-table-column label="清单编号" align="center" prop="listCode" />
......@@ -75,7 +75,7 @@
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template #default="scope">
<el-button type="text" @click="handleView(scope.row)">查询详情</el-button>
<el-button type="text" @click="handleView(scope.row)">查看详情</el-button>
</template>
</el-table-column>
</el-table>
......@@ -137,7 +137,9 @@ import { listList, getDataList, delList, addList, updateList } from "@/api/marke
const { proxy } = getCurrentInstance();
const { marketregulations_list_status } = proxy.useDict('marketregulations_list_status')
const tableList = ref([]);
import { useRouter } from 'vue-router';
const router = useRouter();
const open = ref(false);
const loading = ref(true);
const showSearch = ref(true);
......@@ -233,64 +235,23 @@ function resetQuery() {
function handleView(row){
console.log(row)
router.push({
path:"/baseData/info",
query: {
id: row.id
}
});
}
// 多选框选中数据
function handleSelectionChange(selection) {
ids.value = selection.map(item => item.id);
single.value = selection.length !== 1;
multiple.value = !selection.length;
}
/** 新增按钮操作 */
function handleAdd() {
reset();
open.value = true;
title.value = "添加市场法规清单";
}
/** 修改按钮操作 */
function handleUpdate(row) {
reset();
const _id = row.id || ids.value
getDataList(_id).then(response => {
form.value = response.data;
open.value = true;
title.value = "修改市场法规清单";
});
}
/** 提交按钮 */
function submitForm() {
proxy.$refs["listRef"].validate(valid => {
if (valid) {
if (form.value.id != null) {
updateList(form.value).then(response => {
proxy.$modal.msgSuccess("修改成功");
open.value = false;
getList();
});
} else {
addList(form.value).then(response => {
proxy.$modal.msgSuccess("新增成功");
open.value = false;
getList();
});
}
}
});
}
/** 删除按钮操作 */
function handleDelete(row) {
const _ids = row.id || ids.value;
proxy.$modal.confirm('是否确认删除市场法规清单编号为"' + _ids + '"的数据项？').then(function() {
return delList(_ids);
}).then(() => {
getList();
proxy.$modal.msgSuccess("删除成功");
}).catch(() => {});
}
/** 导出按钮操作 */
function handleExport() {
......
src/views/baseData/marketRegulations/info.vue 0 → 100644
View file @ f29bdddb
<template>
<div class="app-container">
<div @click="boBack" style="display: flex;align-items: center;width: 100%;border-bottom: 1px solid #cbcbcb;padding-bottom: 10px">
<el-icon><ArrowLeftBold /></el-icon>
<span style="margin-left: 10px">查看</span>
</div>
<!-- 基本信息整体div-->
<div class="baseInfo">
<div class="baseInfoTitle">基本信息</div>
<el-row>
<el-col :span="2">
<span >适用市场</span>
</el-col>
<el-col :span="7">
<span >欧盟，类欧盟</span>
</el-col>
<el-col :offset="-1" :span="2">
<span >清单编号</span>
</el-col>
<el-col :span="3">
<span >BZFG-EU-01</span>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span >清单名称</span>
</el-col>
<el-col :span="7">
<span >欧盟，类欧盟M1、N1类车型满足标准法规清单</span>
</el-col>
<el-col :offset="-1" :span="2">
<span >左/右舵</span>
</el-col>
<el-col :span="3">
<span >左舵</span>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span >密级</span>
</el-col>
<el-col :span="2">
<span >内部资料</span>
</el-col>
<el-col :offset="5" :span="2">
<span >作者</span>
</el-col>
<el-col :span="2">
<span >夏云浩(00423855)</span>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span >发布时间</span>
</el-col>
<el-col :span="2">
<span >2025-03-27</span>
</el-col>
<el-col :offset="5" :span="2">
<span >附件</span>
</el-col>
<el-col :span="2">
<span >---</span>
</el-col>
</el-row>
<el-row>
<el-col :span="2">
<span >清单说明</span>
</el-col>
<el-col :span="9">
<span >较上一版的变化如下:<br/>
认证法规:电磁兼容 更新被代替标准编号UN R10.07;
乘用车制动 更新被代替标准编号UN R13H.02;
安全带及约束系统 增加被代替标准编号UN R16.10;
前视野 增加被代替标准编号UN R125.03
全宽正面碰撞 增加被代替标准编号UN R137.04;后碰燃油系统完整性和电动汽车安全 更新被代替标准编号UN R153.01;政策法规:新增EU 2025/371,修订欧洲议会和理事会关于调整新型乘用车和新型轻型商用车TM0值的第2019/631号法规(EU);产品技术特性:新增以色列1961-交通条例365条汽车轮胎要求，</span>
</el-col>
</el-row>
</div>
<!-- 市场法规清单列表-->
<div >
<div class="baseInfoTitle">市场法规清单</div>
<el-form v-model="queryParams" ref="queryRef" :inline="true" label-width="70px">
<el-form-item label="标准编号" prop="number">
<el-input
v-model="queryParams.number"
placeholder="请输入适标准编号"
clearable
/>
</el-form-item>
<el-form-item label="标准名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入标准名称"
clearable
/>
</el-form-item>
<el-form-item style="float: right">
<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="applicableMarket" />
<el-table-column label="标准编号" align="center" prop="listCode" />
<el-table-column label="标准名称" align="center" prop="listName" />
<el-table-column label="标准英文名称" align="center" prop="steeringType" width="130"/>
<el-table-column label="等效法规" align="center" prop="listVersion" />
<el-table-column label="被代替标准编号" align="center" prop="releaseDate" width="130">
</el-table-column>
<el-table-column label="主控部门" align="center" prop="author" />
<el-table-column label="主控部门专业模块" align="center" prop="listStatus" width="140"/>
<el-table-column label="关联部门" align="center" prop="listStatus" />
<el-table-column label="关联部门专业模块" align="center" prop="listStatus" width="140"/>
<el-table-column label="新认证车实施日期" align="center" prop="listStatus" width="140"/>
<el-table-column label="新生产车实施日期" align="center" prop="listStatus" width="140"/>
<el-table-column label="注册日期" align="center" prop="listStatus" />
<el-table-column label="适用市场" align="center" prop="listStatus" />
<el-table-column label="适用车型" align="center" prop="listStatus" />
<el-table-column label="动力类型" align="center" prop="listStatus" />
<el-table-column label="认证对象" align="center" prop="listStatus" />
<el-table-column label="认证交付物" align="center" prop="listStatus" width="130"/>
<el-table-column label="批量限制" align="center" prop="listStatus" />
<el-table-column label="自动驾驶等级" align="center" prop="listStatus" width="130"/>
<el-table-column label="要求类型" align="center" prop="listStatus" />
<el-table-column label="备注" align="center" prop="listStatus" />
</el-table>
</div>
</div>
</template>
<script setup>
import { getDataList } from "@/api/marketRegulations/list";
import { useRoute } from 'vue-router';
const route = useRoute();
const router = useRouter();
const id = route.query.id;
const tableList = ref([])
const queryParams = ref({
pageNum: 1,
pageSize: 10,
})
function boBack(){
router.go(-1)
}
function getDetail(id){
// getDataList(id).then(res=>{
// console.log(res)
// })
}
getDetail(id)
</script>
<style scoped lang="scss">
.baseInfo{
display: flex;
flex-direction: column;
span{
font-size: 14px;
color: #5a5e66;
}
}
.baseInfoTitle {
position: relative;
padding-left: 10px;
margin: 10px 10px 10px 0;
color: #0C214D;
}
.baseInfoTitle::before {
content: "";
position: absolute;
border-radius: 2px;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background-color: rgb(8,105,250);
}
</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