Skip to content

G
gs1
Commit 0574095d by 林家欣
Options

新增服务商列表、案例介绍联调75&

parent 8fd7886e
Showing with 209 additions and 51 deletions
src/views/Business/Notice.vue
......@@ -82,7 +82,7 @@ export default {
pageParams: {
currPage: 1,
pageSize: 10,
total: 100,
total: 0,
},
logoutFlag: "1",
};
......
src/views/Service/Partners/caseList.vue
......@@ -4,7 +4,7 @@
<div class="body" style="padding-top: 9px;position: relative;">
<div class="search row" style="margin: 15px 0;">
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="service" placeholder="请选择">
<el-select style="width: 100%" size="small" v-model="search.service" placeholder="请选择">
<el-option
v-for="item in serviceList"
:key="item.value"
......@@ -37,20 +37,63 @@
北京爱创科技股份有限公司进口药品GS1应用案例</a></li>
</ul>
<pages
:currPage="pageParams.currPage"
:pageSize="pageParams.pageSize"
:total="pageParams.total"
@getLimit="receivePagesChild"
/>
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages2.vue";
export default {
components: {
pages,
},
data() {
return {
service: '全部服务行业',
pageParams: {
currPage: 1,
pageSize: 10,
total: 0,
},
search: {
service: "全部服务行业",
},
serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
}
},
methods: {},
created() {
this.casesFrontList();
},
methods: {
// 接收分页子组件传过来的值
receivePagesChild(val) {
this.pageParams.currPage = val;
this.casesFrontList();
},
// 案例介绍
async casesFrontList() {
const params = {
page: this.pageParams.currPage,
size: this.pageParams.pageSize,
technology: this.search.technology,
service: this.search.service,
};
const serviceCasesFrontListRes =
await this.$api.service.serviceCasesFrontList(params);
const { success, data } = serviceCasesFrontListRes;
console.log(serviceCasesFrontListRes, "serviceCasesFrontListRes");
if (success) {
console.log(data, "案例介绍");
}
},
},
};
</script>
......
src/views/Service/Partners/content.vue
......@@ -6,9 +6,16 @@
</template>
<script>
import { mapState } from 'vuex';
export default {
computed: {
...mapState('service', {
partnersMsg: 'partnersMsg',
}),
},
created() {
console.log('TODO QUERY',this.$route.query);
console.log('TODO QUERY',this.$route.query, this.partnersMsg);
},
mounted() {
// 面包屑单独处理
......
src/views/Service/Partners/list.vue
<template>
<div class="search-content n-service partners-list">
<div class="title">我要查找GS1标准服务提供商</div>
<div class="body" style="padding-top: 9px;position: relative;">
<div class="body" style="padding-top: 9px; position: relative">
<div class="notice">
<p>
GS1标准服务提供商由标识打印、制作和识别，系统集成、信息服务、咨询等领域的解决方案提供商组成，服务于医疗、物流、零售、电子商务、快消、服装等行业。GS1标准服务提供商能够支持GS1标准的推广和使用。
</p>
</div>
<div class="search row" style="margin: 15px 0;">
<div class="search row" style="margin: 15px 0">
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="technology" placeholder="请选择">
<el-select
style="width: 100%"
size="small"
v-model="search.technology"
placeholder="请选择"
>
<el-option
v-for="item in technologyList"
:key="item.value"
:label="item.value"
:value="item.value">
v-for="item in technologyList"
:key="item.value"
:label="item.value"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="col-lg-4">
<el-select style="width: 100%" size="small" v-model="service" placeholder="请选择">
<el-select
style="width: 100%"
size="small"
v-model="search.service"
placeholder="请选择"
>
<el-option
v-for="item in serviceList"
:key="item.value"
:label="item.value"
:value="item.value">
v-for="item in serviceList"
:key="item.value"
:label="item.value"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="col-lg-4 text-left">
<el-button type="primary" size="small">搜索</el-button>
<el-button type="primary" size="small" @click="partnersFrontList">搜索</el-button>
</div>
<ul class="main-list">
<!-- 注意！这里请后台开发的同学替换成循环输出 top 20 -->
<li><a target="_blank" href="/Service/Partners/content?id=7">
上海路歌信息技术有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=6">
上海悦孜企业信息咨询有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=5">
上海敖维计算机科技发展有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=4">
北京东方捷码科技开发中心</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=3">
北京爱创科技股份有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=2">
多米诺标识科技有限公司</a></li>
<li><a target="_blank" href="/Service/Partners/content?id=1">
北京嘉华汇诚科技股份有限公司</a></li>
<li>
<a target="_blank" href="/Service/Partners/content?id=7">
上海路歌信息技术有限公司</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=6">
上海悦孜企业信息咨询有限公司</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=5">
上海敖维计算机科技发展有限公司</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=4">
北京东方捷码科技开发中心</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=3">
北京爱创科技股份有限公司</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=2">
多米诺标识科技有限公司</a
>
</li>
<li>
<a target="_blank" href="/Service/Partners/content?id=1">
北京嘉华汇诚科技股份有限公司</a
>
</li>
</ul>
<pages
:currPage="pageParams.currPage"
:pageSize="pageParams.pageSize"
:total="pageParams.total"
@getLimit="receivePagesChild"
/>
</div>
</div>
</div>
</template>
<script>
import pages from "../../comps/pages2.vue";
export default {
components: {
pages,
},
data() {
return {
technology: '全部技术领域',
pageParams: {
currPage: 1,
pageSize: 10,
total: 0,
},
search: {
technology: "全部技术领域",
service: "全部服务行业",
},
technologyList: [
{value: '全部技术领域'}, {value: '标识的打印和制作'}, {value: '系统集成'}, {value: '信息服务'}, {value: '咨询服务'}, {value: '其他'},
{ value: "全部技术领域" },
{ value: "标识的打印和制作" },
{ value: "系统集成" },
{ value: "信息服务" },
{ value: "咨询服务" },
{ value: "其他" },
],
service: '全部服务行业',
serviceList: [{value: '全部服务行业'}, {value: '医疗'}, {value: '零售'}, {value: '电子商务'}, {value: '食品烟酒'}, {value: '物流'}, {value: '服装'}, {value: '快速消费品'}, {value: '消费电子产品'}, {value: '制造和零部件'}, {value: '建材'}, {value: '其他'},]
}
serviceList: [
{ value: "全部服务行业" },
{ value: "医疗" },
{ value: "零售" },
{ value: "电子商务" },
{ value: "食品烟酒" },
{ value: "物流" },
{ value: "服装" },
{ value: "快速消费品" },
{ value: "消费电子产品" },
{ value: "制造和零部件" },
{ value: "建材" },
{ value: "其他" },
],
};
},
created() {
this.partnersFrontList();
},
methods: {
// 接收分页子组件传过来的值
receivePagesChild(val) {
this.pageParams.currPage = val;
this.partnersFrontList();
},
// 服务商列表
async partnersFrontList() {
const params = {};
const params = {
page: this.pageParams.currPage,
size: this.pageParams.pageSize,
technology: this.search.technology,
service: this.search.service,
};
const businessGetPlanBranchListRes =
await this.$api.business.servicePartnersFrontList(params);
await this.$api.service.servicePartnersFrontList(params);
const { success, data } = businessGetPlanBranchListRes;
console.log(businessGetPlanBranchListRes, "businessGetPlanBranchListRes");
if (success) {
console.log(data, "服务商列表")
console.log(data, "服务商列表");
}
},
},
......@@ -112,7 +191,7 @@ export default {
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #F26335;
color: #f26335;
margin: 10px 0;
}
......@@ -122,7 +201,7 @@ export default {
}
}
.main-list{
.main-list {
padding-left: 40px;
}
......@@ -150,6 +229,5 @@ export default {
.main-list li:hover {
background-color: #eee;
}
}
</style>
src/vuex/service/index.js 0 → 100644
import state from "./state.js"
import mutations from "./mutations.js"
export default {
namespaced: true,
state,
mutations,
}
src/vuex/service/mutations.js 0 → 100644
import * as TYPES from './types'
import storage from "@/utils/storage.js"
const mutations = {
// 设置面包屑导航
[TYPES.SET_PARTNERS_MSG](state, obj) {
storage.set("partnersMsg", obj)
state.partnersMsg = obj || {};
},
}
export default mutations
src/vuex/service/state.js 0 → 100644
import storage from "@/utils/storage.js"
const state = {
partnersMsg: storage.get("partnersMsg") || {},
}
export default state
src/vuex/service/types.js 0 → 100644
export const SET_PARTNERS_MSG = "SetPartnersMsg";
src/vuex/store.js
......@@ -3,6 +3,7 @@ import Vuex from 'vuex'
import user from "./user/index.js"
import system from "./system/index.js"
import service from "./service/index.js"
Vue.use(Vuex)
......@@ -26,6 +27,7 @@ export default new Vuex.Store({
mutations,
modules: {
user,
system
system,
service,
}
})
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