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