87 lines
2.7 KiB
JavaScript
87 lines
2.7 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: 5,
|
|
desc: "原材料与供应商",
|
|
sColor: "#FF8C53",
|
|
color: "#FF5501",
|
|
backColor: "#FFF4EF"
|
|
},
|
|
{},
|
|
{
|
|
title: "核心企业",
|
|
count: 1,
|
|
desc: "公司主体与产品",
|
|
sColor: "#518BFF",
|
|
color: "#175CE6",
|
|
backColor: "#F2F6FD"
|
|
},
|
|
{},
|
|
{
|
|
title: "下游客户",
|
|
count: 12,
|
|
desc: "原材料与供应商",
|
|
sColor: "#48D394",
|
|
color: "#1DB26F",
|
|
backColor: "#E7F5F0"
|
|
}
|
|
],
|
|
typeIndex: 0
|
|
};
|
|
},
|
|
methods: {
|
|
changeCenterIndex(index) {
|
|
this.center_index = index;
|
|
},
|
|
clickAction() {
|
|
common_vendor.index.__f__("log", "at components/cyl-view/cyl-view.vue:111", 123);
|
|
this.$emit("detail");
|
|
}
|
|
}
|
|
};
|
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
return {
|
|
a: $data.center_index == 0 ? 1 : "",
|
|
b: common_vendor.o(($event) => $options.changeCenterIndex(0)),
|
|
c: $data.center_index == 1 ? 1 : "",
|
|
d: common_vendor.o(($event) => $options.changeCenterIndex(1)),
|
|
e: common_vendor.f($data.types, (item, index, i0) => {
|
|
return common_vendor.e({
|
|
a: item.title
|
|
}, item.title ? {
|
|
b: common_vendor.t(item.title),
|
|
c: common_vendor.t(item.count),
|
|
d: $data.typeIndex == index ? item.color : "#F2C369",
|
|
e: $data.typeIndex == index ? "#ffffff" : "#070707",
|
|
f: common_vendor.t(item.desc),
|
|
g: common_vendor.o(($event) => $data.typeIndex = index, index),
|
|
h: $data.typeIndex == index ? item.backColor : "#FAFAFC",
|
|
i: $data.typeIndex == index ? `1rpx solid ${item.color}` : "none"
|
|
} : {
|
|
j: common_assets._imports_0$3
|
|
}, {
|
|
k: index
|
|
});
|
|
}),
|
|
f: $data.types[$data.typeIndex].backColor,
|
|
g: $data.types[$data.typeIndex].color,
|
|
h: $data.types[$data.typeIndex].color,
|
|
i: `1rpx solid ${$data.types[$data.typeIndex].color}`,
|
|
j: `${95}%`,
|
|
k: `linear-gradient(to right, ${$data.types[$data.typeIndex].sColor}, ${$data.types[$data.typeIndex].color})`,
|
|
l: common_vendor.o((...args) => $options.clickAction && $options.clickAction(...args))
|
|
};
|
|
}
|
|
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
|