Skip to content

T
ty_patentSys
Commit 53f163c0 by hanxiao
Options

修改细节

parent 5e5a28c5
Showing with 110 additions and 54 deletions
src/views/home/home.vue
...@@ -52,6 +52,12 @@ ...@@ -52,6 +52,12 @@
<div <div
v-else-if="patent_cate == 'fmr'" v-else-if="patent_cate == 'fmr'"
style="cursor: pointer; width: 80%" style="cursor: pointer; width: 80%"
v-html="item.title"
@click="lenovnoPatentDetails(item)"
></div>
<div
v-else
style="cursor: pointer; width: 80%"
v-html="item.gkh" v-html="item.gkh"
@click="lenovnoPatentDetails(item)" @click="lenovnoPatentDetails(item)"
></div> ></div>
......
src/views/screen/components/patentMap.vue
...@@ -129,8 +129,8 @@ export default { ...@@ -129,8 +129,8 @@ export default {
map: "shanxi", map: "shanxi",
aspectScale: 1, aspectScale: 1,
zoom: 0.65, zoom: 0.65,
layoutCenter: ["50%", "38%"], layoutCenter: ["50%", "50%"],
layoutSize: "120%", layoutSize: "150%",
show: true, show: true,
roam: false, roam: false,
label: { label: {
...@@ -205,8 +205,8 @@ export default { ...@@ -205,8 +205,8 @@ export default {
}, },
}, },
layoutCenter: ["50%", "38%"], layoutCenter: ["50%", "50%"],
layoutSize: "120%", layoutSize: "150%",
markPoint: { markPoint: {
symbol: "none", symbol: "none",
}, },
...@@ -302,8 +302,6 @@ export default { ...@@ -302,8 +302,6 @@ export default {
}, },
visualMap: { visualMap: {
show: false, show: false,
// min: 0,
// max: 100,
left: "left", left: "left",
top: "bottom", top: "bottom",
text: ["高", "低"], text: ["高", "低"],
...@@ -318,8 +316,8 @@ export default { ...@@ -318,8 +316,8 @@ export default {
map: "shanxi", map: "shanxi",
aspectScale: 1, aspectScale: 1,
zoom: 0.65, zoom: 0.65,
layoutCenter: ["50%", "38%"], layoutCenter: ["50%", "50%"],
layoutSize: "120%", layoutSize: "150%",
show: true, show: true,
roam: false, roam: false,
label: { label: {
...@@ -392,8 +390,8 @@ export default { ...@@ -392,8 +390,8 @@ export default {
}, },
}, },
layoutCenter: ["50%", "38%"], layoutCenter: ["50%", "50%"],
layoutSize: "120%", layoutSize: "150%",
markPoint: { markPoint: {
symbol: "none", symbol: "none",
}, },
...@@ -468,7 +466,7 @@ export default { ...@@ -468,7 +466,7 @@ export default {
} }
} }
.echarts_container { .echarts_container {
height: 90%; height: 70%;
// margin-top: 20px; // margin-top: 20px;
} }
.center_top_imgs { .center_top_imgs {
......
src/views/screen/components/patentPerson.vue
...@@ -4,13 +4,16 @@ ...@@ -4,13 +4,16 @@
<span>专利受让省份排名</span> <span>专利受让省份排名</span>
<div class="center_left_title_btn"> <div class="center_left_title_btn">
<span :class="[type1 == 1 ? 'active' : '']" @click="changeType(1)" <span :class="[type1 == 1 ? 'active' : '']" @click="changeType(1)"
>申请量</span >专利总量</span
> >
<span :class="[type1 == 2 ? 'active' : '']" @click="changeType(2)" <span :class="[type1 == 2 ? 'active' : '']" @click="changeType(2)"
>公布量</span >发明专利</span
> >
<span :class="[type1 == 3 ? 'active' : '']" @click="changeType(3)" <span :class="[type1 == 3 ? 'active' : '']" @click="changeType(3)"
>授权量</span >实用新型</span
>
<span :class="[type1 == 4 ? 'active' : '']" @click="changeType(4)"
>外观设计</span
> >
<a-select <a-select
ref="select" ref="select"
...@@ -402,6 +405,7 @@ export default { ...@@ -402,6 +405,7 @@ export default {
.center_left_echarts { .center_left_echarts {
padding: 0 15px 0 5px; padding: 0 15px 0 5px;
height: 45%; height: 45%;
margin-bottom: 25px;
.center_left_title { .center_left_title {
background: url("../../../static/screen/title-short.png") no-repeat; background: url("../../../static/screen/title-short.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
......
src/views/screen/components/patentType.vue
...@@ -28,12 +28,7 @@ ...@@ -28,12 +28,7 @@
</div> </div>
</div> </div>
<div class="echarts_container"> <div class="echarts_container">
<EchartsCon <EchartsCon :id="'123'" :option="option1" v-if="option1"></EchartsCon>
:id="'123'"
:option="option1"
v-if="option1"
></EchartsCon>
</div> </div>
</div> </div>
<div class="center_left_echarts"> <div class="center_left_echarts">
...@@ -54,14 +49,14 @@ ...@@ -54,14 +49,14 @@
> >
<a-select <a-select
ref="select" ref="select"
v-model:value="yearValue1" v-model:value="yearValue2"
@change="changeYear" @change="changeYear"
:options="options1" :options="options1"
> >
</a-select> </a-select>
<a-select <a-select
ref="select" ref="select"
v-model:value="yearValue2" v-model:value="yearValue1"
@change="changeYear" @change="changeYear"
:options="options1" :options="options1"
> >
...@@ -69,12 +64,7 @@ ...@@ -69,12 +64,7 @@
</div> </div>
</div> </div>
<div class="echarts_container"> <div class="echarts_container">
<EchartsCon <EchartsCon :id="'456'" :option="option2" v-if="option2"></EchartsCon>
:id="'456'"
:option="option2"
v-if="option2"
></EchartsCon>
</div> </div>
</div> </div>
</template> </template>
...@@ -201,19 +191,47 @@ export default { ...@@ -201,19 +191,47 @@ export default {
], ],
ydata1 = [], ydata1 = [],
ydata2 = []; ydata2 = [];
patentAuthorized({ if (this.yearValue1 > this.yearValue2) {
start_year: this.yearValue1, [this.yearValue1, this.yearValue2] = [this.yearValue2, this.yearValue1];
end_year: this.yearValue2, patentAuthorized({
type: this.type2, start_year: this.yearValue1,
}).then((res) => { end_year: this.yearValue2,
res.data.start_year.forEach((item) => { type: this.type2,
ydata1.push(item.value); }).then((res) => {
res.data.start_year.forEach((item) => {
ydata1.push(item.value);
});
res.data.end_year.forEach((item) => {
ydata2.push(item.value);
});
this.getCompareOption(xdata, ydata1, ydata2);
}); });
res.data.end_year.forEach((item) => { } else if (this.yearValue1 == this.yearValue2) {
ydata2.push(item.value); patentAuthorized({
start_year: this.yearValue1,
end_year: this.yearValue2,
type: this.type2,
}).then((res) => {
res.data.start_year.forEach((item) => {
ydata1.push(item.value);
});
this.getCompareOption(xdata, ydata1, []);
}); });
this.getCompareOption(xdata, ydata1, ydata2); } else {
}); patentAuthorized({
start_year: this.yearValue1,
end_year: this.yearValue2,
type: this.type2,
}).then((res) => {
res.data.start_year.forEach((item) => {
ydata1.push(item.value);
});
res.data.end_year.forEach((item) => {
ydata2.push(item.value);
});
this.getCompareOption(xdata, ydata1, ydata2);
});
}
}, },
//获取专利授权对比 //获取专利授权对比
getCompareData() { getCompareData() {
...@@ -233,8 +251,8 @@ export default { ...@@ -233,8 +251,8 @@ export default {
], ],
ydata1 = [], ydata1 = [],
ydata2 = []; ydata2 = [];
this.yearValue1 = this.options1[0].value; this.yearValue1 = this.options1[1].value;
this.yearValue2 = this.options1[1].value; this.yearValue2 = this.options1[0].value;
patentAuthorized({ patentAuthorized({
start_year: this.yearValue1, start_year: this.yearValue1,
end_year: this.yearValue2, end_year: this.yearValue2,
...@@ -253,7 +271,7 @@ export default { ...@@ -253,7 +271,7 @@ export default {
const colorList = ["#1E78FF", "#E94C5B", "#2EC59A"]; const colorList = ["#1E78FF", "#E94C5B", "#2EC59A"];
this.option1 = { this.option1 = {
tooltip: { tooltip: {
show: false, trigger: "item",
}, },
legend: { legend: {
top: "center", top: "center",
...@@ -348,7 +366,6 @@ export default { ...@@ -348,7 +366,6 @@ export default {
}, },
yAxis: { yAxis: {
type: "value", type: "value",
// name: "(户)",
nameTextStyle: { nameTextStyle: {
color: "#B5C5D4", color: "#B5C5D4",
fontSize: 14, fontSize: 14,
...@@ -444,6 +461,7 @@ export default { ...@@ -444,6 +461,7 @@ export default {
.center_left_echarts { .center_left_echarts {
padding: 0 15px; padding: 0 15px;
height: 45%; height: 45%;
margin-bottom: 25px;
.center_left_title { .center_left_title {
background: url("../../../static/screen/title-short.png") no-repeat; background: url("../../../static/screen/title-short.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
......
src/views/screen/index.vue
...@@ -56,7 +56,7 @@ ...@@ -56,7 +56,7 @@
</div> </div>
<div class="rank_con"> <div class="rank_con">
<div class="rank_con_left"> <div class="rank_con_left">
<div class="rank_progress" v-for="item in rankArr"> <div class="rank_progress" v-for="item in rankArr.slice(0, 5)">
<span class="index1 index" v-if="item.index == '1'">{{ <span class="index1 index" v-if="item.index == '1'">{{
item.index item.index
}}</span> }}</span>
...@@ -67,16 +67,27 @@ ...@@ -67,16 +67,27 @@
item.index item.index
}}</span> }}</span>
<span class="index4 index" v-else>{{ item.index }}</span> <span class="index4 index" v-else>{{ item.index }}</span>
<span class="name1 name" v-if="item.index == '1'">{{ <span
item.name class="name1 name"
}}</span> :title="item.name"
<span class="name2 name" v-else-if="item.index == '2'">{{ v-if="item.index == '1'"
item.name >{{ item.name }}</span
}}</span> >
<span class="name3 name" v-else-if="item.index == '3'">{{ <span
class="name2 name"
:title="item.name"
v-else-if="item.index == '2'"
>{{ item.name }}</span
>
<span
class="name3 name"
:title="item.name"
v-else-if="item.index == '3'"
>{{ item.name }}</span
>
<span class="name4 name" :title="item.name" v-else>{{
item.name item.name
}}</span> }}</span>
<span class="name4 name" v-else>{{ item.name }}</span>
<a-progress <a-progress
v-if="item.index == '1'" v-if="item.index == '1'"
...@@ -131,9 +142,9 @@ ...@@ -131,9 +142,9 @@
</div> </div>
</div> </div>
<div class="rank_con_right"> <div class="rank_con_right">
<div class="rank_progress" v-for="item in rankArr"> <div class="rank_progress" v-for="item in rankArr.slice(5, 10)">
<span class="index4 index">{{ item.index }}</span> <span class="index4 index">{{ item.index }}</span>
<span class="name4 name">{{ item.value }}</span> <span class="name4 name" :title="item.name">{{ item.name }}</span>
<a-progress <a-progress
class="progress" class="progress"
:percent="item.percent" :percent="item.percent"
...@@ -618,6 +629,10 @@ export default { ...@@ -618,6 +629,10 @@ export default {
text-align: left; text-align: left;
line-height: 30px; line-height: 30px;
width: 25%; width: 25%;
overflow: hidden; /*超出部分隐藏*/
text-overflow: ellipsis; /*超出部分省略号表示*/
white-space: nowrap; /*强制单行显示*/
word-break: keep-all;
} }
.name1 { .name1 {
text-shadow: 0px 1px 1px rgba(255, 114, 114, 0.5); text-shadow: 0px 1px 1px rgba(255, 114, 114, 0.5);
...@@ -682,4 +697,19 @@ export default { ...@@ -682,4 +697,19 @@ export default {
margin-top: 20px; margin-top: 20px;
height: 70%; height: 70%;
} }
:deep(.ant-select .ant-select-selector) {
background-color: #2d58b8;
color: #f6f9fe !important;
font-family: Arial, sans-serif;
}
:deep(.ant-select-dropdown) {
background-color: #1052df !important;
}
:deep(.ant-select) {
width: 90px !important;
float: right;
}
:deep(.ant-select-single.ant-select-show-arrow .ant-select-selection-item) {
padding-right: 10px;
}
</style> </style>
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