131 lines
4.1 KiB
JavaScript
131 lines
4.1 KiB
JavaScript
"use strict";
|
|
const common_vendor = require("../../common/vendor.js");
|
|
const common_assets = require("../../common/assets.js");
|
|
const _sfc_main = {
|
|
name: "cyl-view",
|
|
data() {
|
|
return {
|
|
isShow: false,
|
|
center_index: 0,
|
|
types: [
|
|
{
|
|
title: "上游供应链",
|
|
count: 0,
|
|
desc: "原材料与供应商",
|
|
type: "upstream"
|
|
},
|
|
{
|
|
title: "核心企业",
|
|
count: 0,
|
|
desc: "公司主体与产品",
|
|
type: "core"
|
|
},
|
|
{
|
|
title: "下游客户",
|
|
count: 0,
|
|
desc: "客户与终端市场",
|
|
type: "downstream"
|
|
}
|
|
],
|
|
typeIndex: 0
|
|
};
|
|
},
|
|
props: {
|
|
valueChainAnalysisInfo: Object,
|
|
upstreamList: Array,
|
|
//上游供应链
|
|
coreEnterpriseList: Array,
|
|
//核心企业
|
|
downstreamList: Array,
|
|
//下游客户
|
|
totalNodes: Number
|
|
//总节点数
|
|
},
|
|
watch: {
|
|
valueChainAnalysisInfo(newValue) {
|
|
this.types[0].count = newValue.upstream_nodes;
|
|
this.types[1].count = newValue.company_nodes;
|
|
this.types[2].count = newValue.downstream_nodes;
|
|
}
|
|
},
|
|
methods: {
|
|
changeCenterIndex(index) {
|
|
this.center_index = index;
|
|
},
|
|
clickAction(item) {
|
|
this.$emit("detail", item);
|
|
}
|
|
}
|
|
};
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return common_vendor.e({
|
|
a: common_vendor.t($props.totalNodes),
|
|
b: $data.center_index == 0 ? 1 : "",
|
|
c: common_vendor.o(($event) => $options.changeCenterIndex(0)),
|
|
d: $data.center_index == 1 ? 1 : "",
|
|
e: common_vendor.o(($event) => $options.changeCenterIndex(1)),
|
|
f: common_vendor.f($data.types, (item, index, i0) => {
|
|
return common_vendor.e({
|
|
a: common_vendor.t(item.title),
|
|
b: common_vendor.t(item.count),
|
|
c: common_vendor.n("num " + ($data.typeIndex == index ? item.type : "")),
|
|
d: common_vendor.t(item.desc),
|
|
e: common_vendor.n("contentC flexColumnCenter flex1 " + ($data.typeIndex == index ? item.type : "")),
|
|
f: common_vendor.o(($event) => $data.typeIndex = index, index),
|
|
g: index != $data.types.length - 1
|
|
}, index != $data.types.length - 1 ? {
|
|
h: common_assets._imports_0$6
|
|
} : {}, {
|
|
i: index
|
|
});
|
|
}),
|
|
g: $data.typeIndex == 0
|
|
}, $data.typeIndex == 0 ? {
|
|
h: common_vendor.f($props.upstreamList, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.node_name),
|
|
b: common_vendor.t(item.node_description),
|
|
c: common_vendor.t(item.node_type),
|
|
d: common_vendor.t(item.market_share),
|
|
e: `${item.importance_score}%`,
|
|
f: common_vendor.t(item.importance_score),
|
|
g: index,
|
|
h: common_vendor.o(($event) => $options.clickAction(item), index)
|
|
};
|
|
})
|
|
} : {}, {
|
|
i: $data.typeIndex == 1
|
|
}, $data.typeIndex == 1 ? {
|
|
j: common_vendor.f($props.coreEnterpriseList, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.node_name),
|
|
b: common_vendor.t(item.node_description),
|
|
c: common_vendor.t(item.node_type),
|
|
d: common_vendor.t(item.market_share),
|
|
e: `${item.importance_score}%`,
|
|
f: common_vendor.t(item.importance_score),
|
|
g: index,
|
|
h: common_vendor.o(($event) => $options.clickAction(item), index)
|
|
};
|
|
})
|
|
} : {}, {
|
|
k: $data.typeIndex == 2
|
|
}, $data.typeIndex == 2 ? {
|
|
l: common_vendor.f($props.downstreamList, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.node_name),
|
|
b: common_vendor.t(item.node_description),
|
|
c: common_vendor.t(item.node_type),
|
|
d: common_vendor.t(item.market_share),
|
|
e: `${item.importance_score}%`,
|
|
f: common_vendor.t(item.importance_score),
|
|
g: index,
|
|
h: common_vendor.o(($event) => $options.clickAction(item), index)
|
|
};
|
|
})
|
|
} : {});
|
|
}
|
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
wx.createComponent(Component);
|
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/cyl-view/cyl-view.js.map
|