Skip to content

G
gs1
Commit f8b241f0 by 林家欣
Options

机构概况下质量管理体系子页面切图完成

parent ec7d4c0d
Showing with 480 additions and 43 deletions
src/components/layout/header/mock.js
......@@ -83,30 +83,75 @@ export const nav = [
{name: "国际物品编码组织（GS1）成员网站"},
],
},
{
id: uuid("gs_nav"),
name: "质量管理体系",
index: 2,
link: "/Org/ISO",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系",path:"/Org/ISO/Ideology"},
{name: "指导思想"},
],
children: [
{
id: uuid("gs_nav"),
name: "指导思想",
index: 0,
link: "/Org/ISO/Ideology",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "指导思想"},
],
},
],
},
],
},
],
},
{
id: uuid("gs_nav"),
name: "质量管理体系",
index: 2,
link: "/Org/ISO",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系",path:"/Org/ISO"},
{name: "指导思想"},
],
children: [
{
id: uuid("gs_nav"),
name: "指导思想",
index: 0,
link: "/Org/ISO/Ideology",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "指导思想"},
],
},
{
id: uuid("gs_nav"),
name: "质量方针",
index: 0,
link: "/Org/ISO/Policy",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "质量方针"},
],
},
{
id: uuid("gs_nav"),
name: "质量目标",
index: 0,
link: "/Org/ISO/Goal",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "质量目标"},
],
},
{
id: uuid("gs_nav"),
name: "质量管理手册",
index: 0,
link: "/Org/ISO/Manual",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "质量管理手册"},
],
},
{
id: uuid("gs_nav"),
name: "程序文件",
index: 0,
link: "/Org/ISO/Files",
breadcrumb: [
{name: "机构概况", path: "/Org/Intro"},
{name: "质量管理体系", path: "/Org/ISO"},
{name: "程序文件"},
],
},
],
......
src/router/index.js
......@@ -82,6 +82,14 @@ const routes = [
component: () => import("@/views/Org/Branch.vue"),
},
{
path: "https://www.gs1.org/",
name: "GS1",
meta: {
name: "国际物品编码组织(GS1)",
type: 'link'
},
},
{
path: "/Org/GS1Members",
name: "GS1Members",
meta: {
......@@ -123,6 +131,30 @@ const routes = [
},
component: () => import("@/views/Org/ISO/Policy.vue"),
},
{
path: "/Org/ISO/Goal",
name: "Goal",
meta: {
name: "质量目标",
},
component: () => import("@/views/Org/ISO/Goal.vue"),
},
{
path: "/Org/ISO/Manual",
name: "Manual",
meta: {
name: "质量管理手册",
},
component: () => import("@/views/Org/ISO/Manual.vue"),
},
{
path: "/Org/ISO/Files",
name: "Files",
meta: {
name: "程序文件",
},
component: () => import("@/views/Org/ISO/Files.vue"),
},
],
},
{
......
src/views/Org/ISO/Files.vue 0 → 100644
<template>
<div class="files">
<cate :father="filesCate"></cate>
<div class="files-cont">
<div class="container">
<faqTable :list="table"/>
</div>
</div>
</div>
</template>
<script>
import cate from "../../comps/cate.vue";
import faqTable from "../comps/table.vue";
export default {
components: {
cate,
faqTable,
},
data() {
return {
filesCate: {
name: "程序文件",
ico: "",
},
table: [
{
number: 'WB-CX-01-V2012.00',
name: '文件控制程序',
time: ' 2012-12-17',
},
{
number: 'WB-CX-02-V2012.00',
name: '记录控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-03-V2012.00',
name: '内审控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-04-V2012.00',
name: '不符合控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-05-V2012.00',
name: ' 改进控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-06-V2012.00',
name: '管理评审控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-07-V2012.00',
name: '信息沟通控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-08-V2012.00',
name: '服务对象满意度控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-09-V2012.00',
name: '服务质量检查控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-10-V2012.00',
name: '服务要求识别、评审与沟通控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-11-V2012.00',
name: '数据统计与分析控制程序',
time: '2012-12-17',
},
{
number: 'WB-CX-12-V2012.00',
name: '外部资源利用控制程序',
time: '2012-12-17',
},
]
};
},
};
</script>
<style lang="scss" scoped>
.files {
@include module-box;
@include module-box;
.files-cont {
padding-bottom: 30px;
}
}
</style>
\ No newline at end of file
src/views/Org/ISO/Goal.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<Title :father="zlmbTitle"></Title>
<p>为落实质量方针，达到可测量、可考核，编码中心依据质检总局确定的年度工作目标任务，每年初确定本年度的质量目标。</p>
<p>编码中心各部门根据中心质量目标，确定本部门的年度工作目标。</p>
<p>编码中心的年度质量目标和各部门的年度工作目标，分别形成单独文件，即为编码中心、各部门两个层级的质量目标。</p>
</div>
</div>
</div>
</template>
<script>
import Title from "../../comps/title.vue";
export default {
components: {
Title,
},
data() {
return {
zlmbTitle: {
name: "质量目标",
ico: "",
},
};
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
line-height: 23px;
color: rgba(102, 102, 102, 1);
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/ISO/Ideology.vue
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<Title :father="lsspTitle"></Title>
<p>中国物品编码中心是统一组织、协调、管理我国商品条码、物品编码与自动识别技术的专门机构，隶属于国家市场监督管理总局，1988年成立，1991年4月代表我国加入国际物品编码组织（GS1），负责推广国际通用的、开放的、跨行业的全球统一标识系统和供应链管理标准，向社会提供公共服务平台和标准化解决方案。</p>
<Title :father="zdsxTitle"></Title>
<p>以管理增效益，以应用促发展</p>
</div>
</div>
</div>
......@@ -18,15 +17,15 @@ export default {
},
data() {
return {
lsspTitle: {
name: "质量管理体系",
zdsxTitle: {
name: "指导思想",
ico: "",
},
};
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......
src/views/Org/ISO/Manual.vue 0 → 100644
<template>
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<div class="nsjg">
<Title :father="departments.title1"></Title>
<p>一、手册颁布令</p>
<p>二、管理者代表任命书</p>
<p>三、指导思想、质量方针和质量目标</p>
</div>
<div class="nsjg">
<Title :father="departments.title2"></Title>
<p>一、建立质量管理体系的宗旨</p>
<p>二、质量管理体系建立的依据</p>
<p>三、质量管理体系的范围</p>
<p>四、质量管理体系过程要求</p>
<p>五、质量方针</p>
<p>六、质量目标（工作绩效考核）</p>
<p>七、质量管理体系文件</p>
</div>
<div class="nsjg">
<Title :father="departments.title3"></Title>
<p>八、业务职能和资源配置</p>
<p>九、编码中心领导班子管理职责</p>
<p>十、编码中心各部门职责权限与沟通</p>
</div>
<div class="nsjg">
<Title :father="departments.title4"></Title>
<p>十一、业务信息来源和能力的管理</p>
<p>十二、物品编码管理和服务职能履行的策划</p>
<p>十三、管理和服务职能履职过程的实施</p>
<p>十四、监视和测量设备</p>
</div>
<div class="nsjg">
<Title :father="departments.title5"></Title>
<p>十五、监视、测量和改进</p>
<p>十六、关注上级单位、社会民众和服务对象的感受</p>
<p>十七、体系运行内部审核（集中检查）</p>
<p>十八、日常业务工作的监督和服务质量检查评价</p>
<p>十九、业务服务不合格控制</p>
<p>二十、业务工作总结和数据信息分析</p>
<p>二十一、体系运行效果和整体业务管理评审</p>
<p>二十二、质量管理体系持续改进</p>
</div>
<div class="nsjg">
<Title :father="departments.title6"></Title>
<p>附录1 业务工作流程图</p>
<p>附录2 文件修订页</p>
<p>附录3 程序文件目录</p>
<p>附录4 组织机构图</p>
<p>附录5 职责分配表</p>
</div>
</div>
</div>
</div>
</template>
<script>
import Title from "../../comps/title.vue";
export default {
components: {
Title,
},
data() {
return {
departments: {
title1: {
name: '质量管理手册',
},
title2: {
name: '第一章 总 则',
},
title3: {
name: '第二章 职责、权限、资源和沟通',
},
title4: {
name: '第三章 履行职能的管理',
},
title5: {
name: '第四章 持续改进',
},
title6: {
name: '附 录',
},
},
};
},
};
</script>
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
margin: 30px 0;
font-size: 14px;
.msg-title {
color: rgba(0, 121, 158, 1);
margin-bottom: 20px;
}
.msg-cont {
line-height: 23px;
color: rgba(102, 102, 102, 1);
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
}
}
}
}
</style>
\ No newline at end of file
src/views/Org/ISO/Policy.vue
......@@ -2,9 +2,12 @@
<div class="guide">
<div class="guide-msg container">
<div class="msg-cont">
<Title :father="lsspTitle"></Title>
<Title :father="zlfzTitle"></Title>
<p>
中国物品编码中心是统一组织、协调、管理我国商品条码、物品编码与自动识别技术的专门机构，隶属于国家市场监督管理总局，1988年成立，1991年4月代表我国加入国际物品编码组织（GS1），负责推广国际通用的、开放的、跨行业的全球统一标识系统和供应链管理标准，向社会提供公共服务平台和标准化解决方案。
<b>规范管理</b><br />
<b>统一标准</b><br />
<b>促进应用</b><br />
<b>持续发展</b>
</p>
</div>
</div>
......@@ -19,7 +22,7 @@ export default {
},
data() {
return {
lsspTitle: {
zlfzTitle: {
name: "质量方针",
ico: "",
},
......@@ -27,7 +30,7 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......@@ -41,9 +44,8 @@ export default {
line-height: 23px;
color: rgba(102, 102, 102, 1);
p {
margin-left: 15px;
text-indent: 32px;
line-height: 28px;
line-height: 35px;
text-align: center;
}
}
}
......
src/views/Org/Intro.vue
......@@ -110,7 +110,7 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.guide {
@include module-box;
.guide-msg {
......
src/views/Org/Leadership.vue
......@@ -63,7 +63,7 @@ export default {
},
};
</script>
<style lang="scss">
<style lang="scss" scoped>
.leadership {
@include module-box;
.leadership-ul {
......
src/views/Org/comps/table.vue 0 → 100644
<template>
<div class="fqtable">
<div class="row fqthead">
<div class="col-lg-2">序号</div>
<div class="col-lg-3">文件编号</div>
<div class="col-lg-5">文件名称</div>
<div class="col-lg-2">列编时间</div>
</div>
<div class="fqtbody">
<div class="row" v-for="(tmp, i) in list" :key="i">
<div class="col-lg-2">{{ i + 1 }}</div>
<div class="col-lg-3">{{tmp.number}}</div>
<div class="col-lg-5">{{tmp.name}}</div>
<div class="col-lg-2">{{tmp.time}}</div>
</div>
</div>
</div>
</template>
<script>
export default {
props: ['list'],
}
</script>
<style lang="scss" scoped>
.fqtable {
.fqthead {
// background: #f7f7f7;
border-radius: 4px;
display: flex;
align-items: center;
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #e9e9e9;
li {
&:nth-child(1) {
width: 116px;
padding-left: 30px;
}
&:nth-child(2) {
flex: 1;
}
&:nth-child(3) {
width: 125px;
}
}
}
.fqtbody {
.row {
padding: 20px 0;
margin: 0;
border-bottom: 1px solid #e9e9e9;
&:nth-child(odd) {
background: rgba(242, 99, 53, 0.04);
}
}
}
}
</style>
\ No newline at end of file
src/views/comps/left.vue
......@@ -16,14 +16,47 @@
</div>
</template>
<script>
import { nav } from "@/components/layout/header/mock";
export default {
props: ["routeList", "currentRoute"],
created() {
console.log(nav, "nav");
},
methods: {
jump(i) {
console.log(i, "i");
this.$router.push({
path: this.routeList[i].path,
});
// console.log(i, this.routeList[i], "i");
const type = this.routeList[i].meta.type || "router";
if (type === "link") {
window.open(this.routeList[i].path, "_blank");
} else {
const result = this.deepFind(nav, this.routeList[i].path);
console.log(result, 'result')
if (result && result.breadcrumb) {
this.$store.commit("system/SET_BREADCRUMB", result.breadcrumb);
}
this.$router.push({
path: this.routeList[i].path,
});
}
},
deepFind(menuList, activePath) {
let current = []
const deep = (arr, activePath) => {
for (let i = 0; i < arr.length; i += 1) {
if (arr[i].link !== activePath && arr[i].children && arr[i].children.length > 0) {
deep(arr[i].children, activePath);
} else if (arr[i].link === activePath) {
current = arr[i];
break;
}
if (current.length > 0) {
break;
}
}
};
deep(menuList, activePath);
return current;
},
},
};
......
yarn.lock
This source diff could not be displayed because it is too large. You can view the blob instead.
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