Commit 36b249c4 authored by hanshaozhuang's avatar hanshaozhuang

feat(新增): 车企文件库,查看车企文件库页面

parent 42316011
<template>
<page-standard>
<div slot="tab">车企文件库</div>
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件名称"
clearable
/>
</el-form-item>
<el-form-item prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="文件状态">
<el-option
v-for="item in dict.type.file_status"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件识别号"
clearable
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button
type="default"
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table
v-loading="tableLoading"
style="width: 100%; min-height: 50vh"
border
:scroll-x="'1500px'"
:default-sort="{ prop: 'createTime', order: 'descending' }"
:data="tableData"
>
<el-table-column type="index" width="60" label="序号" align="center">
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
label="所属车企"
min-width="200"
prop="category"
align="center"
>
</el-table-column>
<el-table-column
prop="section"
label="文件名称"
min-width="200"
align="center"
>
</el-table-column>
<el-table-column
prop="request"
label="文件版本"
min-width="200"
align="center"
>
</el-table-column>
<el-table-column
prop="resultYes"
label="发布日期"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件状态"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="存储位置"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件识别号"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件照片"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="创建人员"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
label="创建时间"
min-width="200"
align="left"
sortable
prop="createTime"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
<el-table-column
label="操作"
align="left"
min-width="160"
fixed="right"
class-name="fixed-width"
>
<template slot-scope="scope">
<el-button
v-hasPermi="['setting:standard:update']"
plain
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
>修改</el-button
>
</template>
</el-table-column>
</el-table>
<pagination
:total="tableTotal"
:page.sync="queryParams.page"
:limit.sync="queryParams.size"
@pagination="loadData"
>
</pagination>
</page-standard>
</template>
<script>
export default {
dicts: ['file_status'],
data() {
return {
// 查询参数
queryParams: {
deptName: ''
},
// 表格loading状态
tableLoading: false,
// 表格数据
tableData: [],
// 表格数据总数
tableTotal: 0
}
},
methods: {
// 搜索
handleQuery() {},
// 重置
resetQuery() {},
handleUpdate() {},
loadData() {}
}
}
</script>
<style lang="scss" scoped></style>
...@@ -104,8 +104,12 @@ ...@@ -104,8 +104,12 @@
>查看审查记录</el-button >查看审查记录</el-button
> >
<el-button type="success" @click="goReport()">查看审查报告</el-button> <el-button type="success" @click="goReport()">查看审查报告</el-button>
<el-button type="success">查看企业留档文件</el-button> <el-button type="success" @click="handleViewRetentionFile"
<el-button type="success">查看车企文件库</el-button> >查看企业留档文件</el-button
>
<el-button type="success" @click="handleViewFileLibrary"
>查看车企文件库</el-button
>
<el-button v-if="!isSysReview" type="success" <el-button v-if="!isSysReview" type="success"
>查看车型检验记录</el-button >查看车型检验记录</el-button
> >
...@@ -153,6 +157,12 @@ export default { ...@@ -153,6 +157,12 @@ export default {
}, },
goReport() { goReport() {
this.$router.push({ path: '/processing/vehicleEvaluation' }) this.$router.push({ path: '/processing/vehicleEvaluation' })
},
handleViewRetentionFile() {
this.$router.push({ path: '/processing/viewRetentionFile' })
},
handleViewFileLibrary() {
this.$router.push({ path: '/processing/viewFileLibrary' })
} }
} }
} }
......
...@@ -225,6 +225,7 @@ ...@@ -225,6 +225,7 @@
icon="el-icon-folder" icon="el-icon-folder"
circle circle
title="车企文件库" title="车企文件库"
@click="handleFileLibrary(item)"
></el-button> ></el-button>
<el-button <el-button
v-if="item.progress === 0" v-if="item.progress === 0"
...@@ -300,6 +301,12 @@ export default { ...@@ -300,6 +301,12 @@ export default {
path: '/processing/retention-file' path: '/processing/retention-file'
}) })
}, },
handleFileLibrary(item) {
console.log(item)
this.$router.push({
path: '/processing/fileLibrary'
})
},
closeDialog() { closeDialog() {
this.dialogVisible = false this.dialogVisible = false
}, },
......
<template>
<page-standard>
<div slot="tab">车企文件库</div>
<el-form ref="queryForm" :model="queryParams" size="small" :inline="true">
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件名称"
clearable
/>
</el-form-item>
<el-form-item prop="fileStatus">
<el-select v-model="queryParams.fileStatus" placeholder="文件状态">
<el-option
v-for="item in dict.type.file_status"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item prop="status">
<el-input
v-model="queryParams.deptName"
placeholder="文件识别号"
clearable
/>
</el-form-item>
<el-form-item>
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索</el-button
>
<el-button
type="default"
icon="el-icon-refresh"
size="mini"
@click="resetQuery"
>重置</el-button
>
</el-form-item>
</el-form>
<el-table
v-loading="tableLoading"
style="width: 100%; min-height: 50vh"
border
:scroll-x="'1500px'"
:default-sort="{ prop: 'createTime', order: 'descending' }"
:data="tableData"
>
<el-table-column type="index" width="60" label="序号" align="center">
<template slot-scope="scope">
<span>{{ scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column
label="所属车企"
min-width="200"
prop="category"
align="center"
>
</el-table-column>
<el-table-column
prop="section"
label="文件名称"
min-width="200"
align="center"
>
</el-table-column>
<el-table-column
prop="request"
label="文件版本"
min-width="200"
align="center"
>
</el-table-column>
<el-table-column
prop="resultYes"
label="发布日期"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件状态"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="存储位置"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件识别号"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="文件照片"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
prop="resultNO"
label="创建人员"
min-width="200"
align="left"
>
</el-table-column>
<el-table-column
label="创建时间"
min-width="200"
align="left"
sortable
prop="createTime"
>
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime) }}</span>
</template>
</el-table-column>
</el-table>
<pagination
:total="tableTotal"
:page.sync="queryParams.page"
:limit.sync="queryParams.size"
@pagination="loadData"
>
</pagination>
</page-standard>
</template>
<script>
export default {
dicts: ['file_status'],
data() {
return {
// 查询参数
queryParams: {
deptName: ''
},
// 表格loading状态
tableLoading: false,
// 表格数据
tableData: [],
// 表格数据总数
tableTotal: 0
}
},
methods: {
// 搜索
handleQuery() {},
// 重置
resetQuery() {},
handleUpdate() {},
loadData() {}
}
}
</script>
<style lang="scss" scoped></style>
<template>
<div class="app-container">
<el-card>
<div slot="header" class="clearfix">
<span>企业留档文件(所属任务:广汽丰田体系审查)</span>
<el-button
icon="el-icon-back"
class="back-btn"
type="text"
@click="handleBack"
>
返回
</el-button>
<el-button class="back-btn" icon="el-icon-download" type="primary">
下载文件
</el-button>
</div>
<!-- table部分 -->
<table border="1">
<thead>
<tr>
<th class="one-column" rowspan="2">文件名称</th>
<th class="two-column">文件目录</th>
<th class="three-column">标准章节</th>
<th class="four-column">标准要求</th>
<th class="five-column">审查要点</th>
</tr>
</thead>
<tbody>
<tr>
<td class="one-column" rowspan="2">文件</td>
<td class="two-column">1.1-1.5</td>
<td class="three-column">5.1</td>
<td class="four-column">
车辆制造商应具备车辆全生命周期的汽车信息安全管理体系
</td>
<td class="five-column">车辆制造商是否建立汽车信息安全管理体系</td>
</tr>
<tr>
<td class="two-column">1.6</td>
<td class="three-column">5.1</td>
<td class="four-column">
车辆制造商应具备车辆全生命周期的汽车信息安全管理体系
</td>
<td class="five-column">
车辆制造商是否针对正式发布的汽车信息安全管理体系进行了试运行
</td>
</tr>
</tbody>
</table>
</el-card>
</div>
</template>
<script>
export default {
data() {
return {}
},
methods: {
handleBack() {
this.$router.go(-1)
}
}
}
</script>
<style scoped lang="scss">
.app-container {
.back-btn {
margin-left: 10px;
float: right;
}
}
table {
border-collapse: collapse;
width: 100%;
}
th,
td {
border: 1px solid black;
padding: 8px;
text-align: left;
width: 300px;
}
.five-column {
width: 350px;
}
.four-column {
width: 350px;
}
.three-column {
width: 300px;
}
.two-column {
width: 150px;
}
.one-column {
width: 200px;
}
</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