From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 16:10:25 +0800
Subject: [PATCH] 1
---
src/pages/character/detail.vue | 20
src/uni_modules/next-search-more/components/next-search-more/next-search-more.vue | 2
src/pages/Register/Register.vue | 77
src/uni_modules/jc-form/components/jc-form-item/jc-form-item.vue | 8
src/pages/repository/repository.vue | 1782 ++++++++++++----------
src/pages/zhongyi/zhongyi.vue | 1275 ++++++++-------
src/pages/Login/Login.vue | 958 +++++------
src/uni_modules/csr-tab/components/csr-tab/csr-tab.vue | 3
src/pages/knowledgeBase/knowledgeBase.vue | 368 ++--
src/pages/TcmSystem/TcmSystem.vue | 212 +-
10 files changed, 2,384 insertions(+), 2,321 deletions(-)
diff --git a/src/pages/Login/Login.vue b/src/pages/Login/Login.vue
index f118fc5..5953985 100644
--- a/src/pages/Login/Login.vue
+++ b/src/pages/Login/Login.vue
@@ -1,49 +1,35 @@
<template>
<view class="container flex flex-center" style="align-items: flex-start">
<view class="repository relative">
- <view
- class="Ttop flex flex-center flex-wrap"
- style="flex-direction: column"
- >
- <view ></view>
- <view ref="Rtop">
+ <view class="Ttop flex flex-center flex-wrap" style="flex-direction: column">
+ <view></view>
+ <view ref="Rtop">
<text class="login"></text>
- <text
- style="
+ <text style="
font-size: 0.36rem;
letter-spacing: 4rpx;
vertical-align: middle;
font-family: cursive;
font-weight: bold;
- "
- >涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text
- >
+ ">涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text>
</view>
<view></view>
</view>
<el-card>
<!-- 鐢ㄦ埛鐧诲綍 v-if="isLogin"-->
- <view
- class="LoginTop"
- style="
+ <view class="LoginTop" style="
display: flex;
justify-content: space-between;
margin-bottom: 0.47rem;
align-items: center;
- "
- >
+ ">
<!-- <view style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛鐧诲綍</view> -->
<view class="LoginBg"></view>
- <view > </view>
+ <view> </view>
</view>
- <el-form
- :hide-required-asterisk="true"
- ref="formLogin1"
- label-position="top"
- :rules="rules1"
- :model="loginData"
- >
+ <el-form :hide-required-asterisk="true" ref="formLogin1" label-position="top" :rules="rules1"
+ :model="loginData">
<el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
<input v-model="loginData.loginID" @confirm="Login('formLogin1')"></input>
</el-form-item>
@@ -51,9 +37,7 @@
<input type="password" v-model="loginData.pass" @confirm="Login('formLogin1')"></input>
</el-form-item>
<el-form-item class="btn">
- <el-button
- class="font-family"
- style="
+ <el-button class="font-family" style="
margin-top: 0.47rem;
font-weight: 900;
font-size: 0.3rem;
@@ -61,30 +45,15 @@
background-color: #244a7b;
color: #fff;
padding: 0.16rem;
- "
- size="medium"
- @click="Login('formLogin1')"
- >鐧诲綍</el-button
- >
+ " size="medium" @click="Login('formLogin1')">鐧诲綍</el-button>
</el-form-item>
- <view
-
- style="display: flex; font-size: 0.14rem; color: #244a7b"
- >
- <view
-
- style="display: inline-block; cursor: pointer"
- @click="forgetPass"
- >蹇樿瀵嗙爜
+ <view style="display: flex; font-size: 0.14rem; color: #244a7b">
+ <view style="display: inline-block; cursor: pointer" @click="forgetPass">蹇樿瀵嗙爜
</view>
- <view style="display: inline-block; margin: 0 20rpx">
+ <view style="display: inline-block; margin: 0 20rpx">
|
</view>
- <view
-
- style="display: inline-block; cursor: pointer"
- @click="quickRegister"
- >蹇�熸敞鍐�
+ <view style="display: inline-block; cursor: pointer" @click="quickRegister">蹇�熸敞鍐�
</view>
</view>
</el-form>
@@ -101,271 +70,271 @@
</template>
<script>
-import { encryptAES, decryptAES } from "@/utils/Crypto.js";
-import { nextTick } from "vue";
-import { getLogin, getUserInfo } from "@/api/index.js";
-import Footer1 from "@/components/footer/footer.vue";
-export default {
- components: {
- Footer1
- },
- data() {
- // 瀵嗙爜
- var validatePass = (rule, value, callback) => {
- if (value === "") {
- callback(new Error("璇疯緭鍏ュ瘑鐮�"));
- } else {
- if (this.registerData.checkPass !== "") {
- this.$nextTick(() => {
- this.$refs.formLogin.validateField("checkPass");
+ import { encryptAES, decryptAES } from "@/utils/Crypto.js";
+ import { nextTick } from "vue";
+ import { getLogin, getUserInfo } from "@/api/index.js";
+ import Footer1 from "@/components/footer/footer.vue";
+ export default {
+ components: {
+ Footer1
+ },
+ data() {
+ // 瀵嗙爜
+ var validatePass = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+ } else {
+ if (this.registerData.checkPass !== "") {
+ this.$nextTick(() => {
+ this.$refs.formLogin.validateField("checkPass");
+ });
+ }
+ callback();
+ }
+ };
+ // 纭瀵嗙爜
+ var validatePass2 = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.registerData.pass) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ return {
+ // 鐢ㄦ埛娉ㄥ唽
+ isRegister: false,
+ // 鐢ㄦ埛鐧诲綍
+ isLogin: true,
+ // 淇敼瀵嗙爜
+ isAmendPass: false,
+ // 閲嶇疆瀵嗙爜
+ isResetPass: false,
+ // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
+ rules: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ pass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 12,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ validator: validatePass,
+ trigger: "blur"
+ }
+ ],
+ checkPass: [
+ {
+ validator: validatePass2,
+ trigger: "blur"
+ }
+ ],
+ cellphoneORmailbox: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ偖绠卞湴鍧�",
+ trigger: "blur"
+ },
+ {
+ type: "email",
+ message: "璇疯緭鍏ユ纭殑閭鍦板潃",
+ trigger: ["blur", "change"]
+ }
+ ],
+ verifyCode: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ獙璇佺爜",
+ trigger: "blur"
+ },
+ {
+ validator: (rule, value, callback) =>
+ this.validateVerificationCode(rule, value, callback),
+ trigger: "blur"
+ }
+ ]
+ },
+ rules1: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ }
+ ],
+ pass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 12,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ }
+ ]
+ },
+
+ // 鐧诲綍娉ㄥ唽妗�
+ loginTrue: true,
+ Rtop1: 0,
+ value: "sdfdsf",
+ // 鐧诲綍鐢ㄦ埛璐﹀彿
+ loginData: {
+ // 璐﹀彿
+ loginID: "",
+ pass: ""
+ },
+ // 涔︾睄鏁版嵁
+ listData: [
+ {
+ name: "鍘嗕唬浜虹墿",
+ id: 1
+ },
+ {
+ name: "瀹跺浼犳壙",
+ id: 2
+ },
+ {
+ name: "瀛︽湳鍥捐氨",
+ id: 6
+ },
+ {
+ name: "瀛︽湳娴佹淳",
+ id: 3
+ },
+ {
+ name: "鍦板煙鍥捐氨",
+ id: 4
+ },
+ // {
+ // name: "涓尰鍖讳簨鍒跺害",
+ // id: 5
+ // }
+ ]
+ };
+ },
+ onLoad() {
+ uni.getSystemInfo({
+ success: function (info) {
+ // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
+ // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
+ }
+ });
+ },
+ mounted() {
+ this.getElementWidth();
+ },
+ methods: {
+ // 鍒楄〃椤硅烦杞�
+ listDataClick(item) {
+ // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺
+ // uni.setStorageSync('globalData', { id: 123, name: 'example' });
+ if (item.id == 1) {
+ uni.navigateTo({
+ url: "/pages/character/detail?id=" + item.id
+ });
+ } else if (item.id == 2) {
+ // uni.navigateTo({
+ // url:'/pages/character/detail?id='+item.id
+ // })
+ } else if (item.id == 3) {
+ uni.navigateTo({
+ url: "/pages/academicGenres/index?id=" + item.id
+ });
+ } else if (item.id == 4) {
+ uni.navigateTo({
+ url: "/pages/territory/territory?id=" + item.id
+ });
+ } else if (item.id == 5) {
+ uni.navigateTo({
+ url: "/pages/TcmSystem/TcmSystem?id=" + item.id
});
}
- callback();
- }
- };
- // 纭瀵嗙爜
- var validatePass2 = (rule, value, callback) => {
- if (value === "") {
- callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
- } else if (value !== this.registerData.pass) {
- callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [
- {
- required: true,
- message: "璇疯緭鍏ョ櫥褰曡处鍙�",
- trigger: "blur"
- }
- ],
- pass: [
- {
- required: true,
- message: "璇疯緭鍏ュ瘑鐮�",
- trigger: "blur"
- },
- {
- min: 6,
- max: 12,
- message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
- trigger: "blur"
- },
- {
- validator: validatePass,
- trigger: "blur"
- }
- ],
- checkPass: [
- {
- validator: validatePass2,
- trigger: "blur"
- }
- ],
- cellphoneORmailbox: [
- {
- required: true,
- message: "璇疯緭鍏ラ偖绠卞湴鍧�",
- trigger: "blur"
- },
- {
- type: "email",
- message: "璇疯緭鍏ユ纭殑閭鍦板潃",
- trigger: ["blur", "change"]
- }
- ],
- verifyCode: [
- {
- required: true,
- message: "璇疯緭鍏ラ獙璇佺爜",
- trigger: "blur"
- },
- {
- validator: (rule, value, callback) =>
- this.validateVerificationCode(rule, value, callback),
- trigger: "blur"
- }
- ]
},
- rules1: {
- loginID: [
- {
- required: true,
- message: "璇疯緭鍏ョ櫥褰曡处鍙�",
- trigger: "blur"
- }
- ],
- pass: [
- {
- required: true,
- message: "璇疯緭鍏ュ瘑鐮�",
- trigger: "blur"
- },
- {
- min: 6,
- max: 12,
- message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
- trigger: "blur"
- }
- ]
- },
-
- // 鐧诲綍娉ㄥ唽妗�
- loginTrue: true,
- Rtop1: 0,
- value: "sdfdsf",
- // 鐧诲綍鐢ㄦ埛璐﹀彿
- loginData: {
- // 璐﹀彿
- loginID: "",
- pass: ""
- },
- // 涔︾睄鏁版嵁
- listData: [
- {
- name: "鍘嗕唬浜虹墿",
- id: 1
- },
- {
- name: "瀹跺浼犳壙",
- id: 2
- },
- {
- name: "瀛︽湳鍥捐氨",
- id: 6
- },
- {
- name: "瀛︽湳娴佹淳",
- id: 3
- },
- {
- name: "鍦板煙鍥捐氨",
- id: 4
- },
- // {
- // name: "涓尰鍖讳簨鍒跺害",
- // id: 5
- // }
- ]
- };
- },
- onLoad() {
- uni.getSystemInfo({
- success: function (info) {
- // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
- // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
- }
- });
- },
- mounted() {
- this.getElementWidth();
- },
- methods: {
- // 鍒楄〃椤硅烦杞�
- listDataClick(item) {
- // 鍦ㄥ綋鍓嶉〉闈㈣缃叏灞�鍙橀噺
- // uni.setStorageSync('globalData', { id: 123, name: 'example' });
- if (item.id == 1) {
- uni.navigateTo({
- url: "/pages/character/detail?id=" + item.id
- });
- } else if (item.id == 2) {
- // uni.navigateTo({
- // url:'/pages/character/detail?id='+item.id
- // })
- } else if (item.id == 3) {
- uni.navigateTo({
- url: "/pages/academicGenres/index?id=" + item.id
- });
- } else if (item.id == 4) {
- uni.navigateTo({
- url: "/pages/territory/territory?id=" + item.id
- });
- } else if (item.id == 5) {
- uni.navigateTo({
- url: "/pages/TcmSystem/TcmSystem?id=" + item.id
- });
- }
- },
- // 蹇樿瀵嗙爜
- forgetPass() {
- uni.redirectTo({
- url: "/pages/forgetPass/forgetPass"
- });
- },
- // 蹇�熸敞鍐�
- quickRegister() {
- uni.redirectTo({
- url: "/pages/Register/Register"
- });
- },
- // 楠岃瘉鐮佹牎楠�
- validateVerificationCode(rule, value, callback) {
- if (value !== "123456") {
- callback(new Error("楠岃瘉鐮侀敊璇�"));
- } else {
- callback();
- }
- },
- getElementWidth() {
- this.$nextTick(() => {
- var width = this.$refs.Rtop.$el.clientWidth;
- this.Rtop1 = width + 50;
- });
- },
- // 鐢ㄦ埛鐧诲綍
- async Login(formName) {
- let Obj = {
- username: this.loginData.loginID,
- // encryptAES(this.loginData.pass) | this.loginData.pass
- password: encryptAES(this.loginData.pass)
- };
- let res = await getLogin(Obj);
- if (res.success) {
- this.$message.success("鐧诲綍鎴愬姛");
- // 灏唗oken瀛樺偍鍐嶆湰鍦颁腑
- window.localStorage.setItem("access_token", res.results.token);
- // await getUserInfo().then((res) => {
- // });
- // 灏嗚处鍙峰瓨鍏ュ埌vuex涓�
- this.$store.dispatch("setUserName", res.object.username);
+ // 蹇樿瀵嗙爜
+ forgetPass() {
uni.redirectTo({
- url: "/pages/index/index"
+ url: "/pages/forgetPass/forgetPass"
});
- } else {
- this.$message.error(res.errorText);
- this.loginData.pass = "";
- }
- this.$refs[formName].validate(async (valid) => {
- if (valid) {
- // alert('submit!鎴愬姛');
- // uni.redirectTo({
- // url: '/pages/index/index'
- // })
+ },
+ // 蹇�熸敞鍐�
+ quickRegister() {
+ uni.redirectTo({
+ url: "/pages/Register/Register"
+ });
+ },
+ // 楠岃瘉鐮佹牎楠�
+ validateVerificationCode(rule, value, callback) {
+ if (value !== "123456") {
+ callback(new Error("楠岃瘉鐮侀敊璇�"));
} else {
- console.log("error submit!!澶辫触");
- return false;
+ callback();
}
- });
+ },
+ getElementWidth() {
+ this.$nextTick(() => {
+ var width = this.$refs.Rtop.$el.clientWidth;
+ this.Rtop1 = width + 50;
+ });
+ },
+ // 鐢ㄦ埛鐧诲綍
+ async Login(formName) {
+ let Obj = {
+ username: this.loginData.loginID,
+ // encryptAES(this.loginData.pass) | this.loginData.pass
+ password: encryptAES(this.loginData.pass)
+ };
+ let res = await getLogin(Obj);
+ if (res.success) {
+ this.$message.success("鐧诲綍鎴愬姛");
+ // 灏唗oken瀛樺偍鍐嶆湰鍦颁腑
+ window.localStorage.setItem("access_token", res.results.token);
+ // await getUserInfo().then((res) => {
+ // });
+ // 灏嗚处鍙峰瓨鍏ュ埌vuex涓�
+ this.$store.dispatch("setUserName", res.object.username);
+ uni.redirectTo({
+ url: "/pages/index/index"
+ });
+ } else {
+ this.$message.error(res.errorText);
+ this.loginData.pass = "";
+ }
+ this.$refs[formName].validate(async (valid) => {
+ if (valid) {
+ // alert('submit!鎴愬姛');
+ // uni.redirectTo({
+ // url: '/pages/index/index'
+ // })
+ } else {
+ console.log("error submit!!澶辫触");
+ return false;
+ }
+ });
+ }
}
- }
-};
+ };
</script>
<style scoped>
-/* @media screen and (max-width:1366px) {
+ /* @media screen and (max-width:1366px) {
::v-deep .el-card {
top: 50% !important;
}
@@ -417,11 +386,11 @@
}
} */
-::v-deep .el-form-item__error {
- font-size: 0.13rem !important;
-}
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
-/*
+ /*
@media screen and (min-width: 1920px) and (max-width:2560px) {
::v-deep .el-card {
top: 80% !important;
@@ -470,7 +439,7 @@
}
} */
-/* @media screen and (min-width:2560px)and (max-width:3840px) {
+ /* @media screen and (min-width:2560px)and (max-width:3840px) {
.LoginBg {
margin: 0 !important;
}
@@ -546,87 +515,87 @@
} */
-.LoginBg {
- width: 1.2rem;
- height: 0.37rem;
- background: url(@/static/image/鐢ㄦ埛鐧诲綍.png) no-repeat 0 0;
- background-size: 100%;
- margin-bottom: 0.47rem;
-}
+ .LoginBg {
+ width: 1.2rem;
+ height: 0.37rem;
+ background: url(@/static/image/鐢ㄦ埛鐧诲綍.png) no-repeat 0 0;
+ background-size: 100%;
+ margin-bottom: 0.47rem;
+ }
-::v-deep .el-card {
- border-radius: 0;
- width: 5.42rem;
- /* height: 4.75rem; */
- position: absolute;
- top: 80%;
-}
+ ::v-deep .el-card {
+ border-radius: 0;
+ width: 5.42rem;
+ /* height: 4.75rem; */
+ position: absolute;
+ top: 80%;
+ }
-::v-deep .el-card__body {
- padding: 0.17rem 0.58rem;
-}
+ ::v-deep .el-card__body {
+ padding: 0.17rem 0.58rem;
+ }
-.btn >>> .el-form-item__content {
- margin-left: 0 !important;
-}
+ .btn>>>.el-form-item__content {
+ margin-left: 0 !important;
+ }
-::v-deep uni-input {
- border: none;
- border-bottom: 1px solid #2d476a;
- border-radius: 0;
-}
+ ::v-deep uni-input {
+ border: none;
+ border-bottom: 1px solid #2d476a;
+ border-radius: 0;
+ }
-::v-deep .el-form-item__error {
- /* display: none; */
-}
+ ::v-deep .el-form-item__error {
+ /* display: none; */
+ }
-::v-deep .input.invalid:focus {
- border-color: #2d476a !important;
-}
+ ::v-deep .input.invalid:focus {
+ border-color: #2d476a !important;
+ }
-::v-deep uni-input:invalid {
- border-color: #2d476a !important;
-}
+ ::v-deep uni-input:invalid {
+ border-color: #2d476a !important;
+ }
-::v-deep .el-form-item__label {
- padding: 0;
- color: #244a7b;
- font-size: 0.14rem;
- font-weight: 500;
-}
+ ::v-deep .el-form-item__label {
+ padding: 0;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+ }
-::v-deep .el-form-item {
- margin-bottom: 0.25rem;
-}
+ ::v-deep .el-form-item {
+ margin-bottom: 0.25rem;
+ }
-.ss1 {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 40rpx;
- height: 40rpx;
- background-size: 100% 100%;
-}
+ .ss1 {
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ width: 40rpx;
+ height: 40rpx;
+ background-size: 100% 100%;
+ }
-.s1 {
- background-image: url(@/static/image/search.png);
-}
+ .s1 {
+ background-image: url(@/static/image/search.png);
+ }
-.s2 {
- background-image: url(@/static/image/question.png);
-}
+ .s2 {
+ background-image: url(@/static/image/question.png);
+ }
-.s3 {
- background-image: url(@/static/image/question.png);
-}
+ .s3 {
+ background-image: url(@/static/image/question.png);
+ }
-.container {
- background: url(@/static/image/bg1.png);
- width: 100vw;
- height: 100vh;
+ .container {
+ background: url(@/static/image/bg1.png);
+ width: 100vw;
+ height: 100vh;
+ color: #fff;
+ }
- color: #fff;
-
- .repository {
+ .container .repository {
width: 100% !important;
/* margin-top: 19px; */
/* height: 68%; */
@@ -635,73 +604,77 @@
justify-content: space-around;
align-items: center;
- .Ttop {
- margin-top: 0.38rem;
- margin-bottom: 1.22rem;
- }
- .r-top {
- font-size: 40rpx !important;
- margin: 10rpx 0;
- }
}
-}
-.login {
- width: 0.52rem;
- height: 0.52rem;
- display: inline-block;
- vertical-align: middle;
- margin-right: 0.19rem;
- background: url(@/static/image/logo.png) no-repeat 0 0;
- background-size: 100% 100%;
-}
+ .container .repository .Ttop {
+ margin-top: 0.38rem;
+ margin-bottom: 1.22rem;
+ }
-.rrr {
- position: absolute;
- right: 0.53rem;
- bottom: 0.36rem;
- width: 2.5rem;
- height: 3.07rem;
- opacity: 1;
- background: url(@/static/image/bg4.png);
- background-size: 100% 100%;
-}
+ .container .repository .r-top {
+ font-size: 40rpx !important;
+ margin: 10rpx 0;
+ }
-.hua {
- width: 13.81rem;
- height: 5.965rem;
- position: absolute;
- background: url(@/static/image/bg3.png) no-repeat 0 0;
- background-size: 100% 100%;
-}
+ .login {
+ width: 0.52rem;
+ height: 0.52rem;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.19rem;
+ background: url(@/static/image/logo.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ }
-/* 搴曢儴浜虹墿鑳屾櫙鍥� */
-.fff {
- background: url(@/static/image/bg2.png) no-repeat 0 0;
- background-size: 100% 100%;
- width: 2.74rem;
- height: 4.52rem;
- position: fixed;
- bottom: 0;
- z-index: 9999999999999;
- left: 0;
-}
+ .rrr {
+ position: absolute;
+ right: 0.53rem;
+ bottom: 0.36rem;
+ width: 2.5rem;
+ height: 3.07rem;
+ opacity: 1;
+ background: url(@/static/image/bg4.png);
+ background-size: 100% 100%;
+ }
-::v-deep .uni-easyinput__content {
- border-radius: 30rpx !important;
- /* height: 52rpx; */
-}
+ .hua {
+ width: 13.81rem;
+ height: 5.965rem;
+ position: absolute;
+ background: url(@/static/image/bg3.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ }
-.secretary {
- width: 1300rpx !important;
- height: 50rpx;
- /* height: 80%; */
- /* flex-wrap: wrap; */
- padding: 0 20px;
- text-align: center;
+ /* 搴曢儴浜虹墿鑳屾櫙鍥� */
+ .fff {
+ background: url(@/static/image/bg2.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ width: 2.74rem;
+ height: 4.52rem;
+ position: fixed;
+ bottom: 0;
+ z-index: 9999999999999;
+ left: 0;
+ }
- li {
+ ::v-deep .uni-easyinput__content {
+ border-radius: 30rpx !important;
+ /* height: 52rpx; */
+ }
+
+ .secretary {
+ width: 1300rpx !important;
+ height: 50rpx;
+ /* height: 80%; */
+ /* flex-wrap: wrap; */
+ padding: 0 20px;
+ text-align: center;
+
+
+ }
+
+ .secretary li {
background-color: #fff;
color: black;
height: 600rpx;
@@ -715,86 +688,85 @@
text-align: center;
background: #ebf4ff;
}
-}
-.Bbottom {
- display: flex;
- justify-content: center;
-}
+ .Bbottom {
+ display: flex;
+ justify-content: center;
+ }
-.LoginBg {
- margin: 0 !important;
-}
+ .LoginBg {
+ margin: 0 !important;
+ }
-::v-deep .el-card {
- top: 85% !important;
-}
+ ::v-deep .el-card {
+ top: 85% !important;
+ }
-::v-deep uni-input {
- height: 0.4rem !important;
- font-size: 0.14rem;
-}
+ ::v-deep uni-input {
+ height: 0.4rem !important;
+ font-size: 0.14rem;
+ }
-.hua {
- height: 4rem !important;
-}
+ .hua {
+ height: 4rem !important;
+ }
-.LoginBg {
- margin: 0 !important;
- height: 0.3rem !important;
-}
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
-::v-deep .el-card {
- top: 80% !important;
- padding: 0 !important;
-}
+ ::v-deep .el-card {
+ top: 80% !important;
+ padding: 0 !important;
+ }
-::v-deep .el-card__body {
- padding: 0.25rem 0.5rem !important;
-}
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
-::v-deep .el-form {
- padding-left: 0.1rem !important;
-}
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
-::v-deep .el-form-item__error {
- font-size: 0.13rem !important;
-}
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
-::v-deep uni-input {
- height: 0.44rem !important;
-}
+ ::v-deep uni-input {
+ height: 0.44rem !important;
+ }
-.hua {
- height: 5rem !important;
-}
+ .hua {
+ height: 5rem !important;
+ }
-.LoginTop {
- margin-bottom: 0.4rem !important;
-}
+ .LoginTop {
+ margin-bottom: 0.4rem !important;
+ }
-.yzm {
- top: 15% !important;
-}
+ .yzm {
+ top: 15% !important;
+ }
-.fff {
- width: 2.4rem !important;
- height: 4rem !important;
-}
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
-.rrr {
- width: 2rem !important;
- height: 2.5rem !important;
-}
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
-.btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
-}
+ }
-.asdf {
- margin-bottom: 0.1rem !important;
-}
-</style>
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+</style>
\ No newline at end of file
diff --git a/src/pages/Register/Register.vue b/src/pages/Register/Register.vue
index 63d83f8..0c54605 100644
--- a/src/pages/Register/Register.vue
+++ b/src/pages/Register/Register.vue
@@ -131,7 +131,10 @@
margin-bottom: 0.19rem;
"
>
- <el-checkbox v-model="checked" style="margin-right: 0.06rem;"></el-checkbox>
+ <el-checkbox
+ v-model="checked"
+ style="margin-right: 0.06rem"
+ ></el-checkbox>
鐢ㄦ埛娉ㄥ唽鍗充唬琛ㄥ悓鎰�
<span
class="cursor"
@@ -311,7 +314,7 @@
{
name: "鍦板煙鍥捐氨",
id: 4
- },
+ }
// {
// name: "涓尰鍖讳簨鍒跺害",
// id: 5
@@ -390,10 +393,10 @@
},
// 鐢ㄦ埛娉ㄥ唽
async Login(formName) {
- if(!this.checked) {
+ if (!this.checked) {
this.$message({
- message: '璇峰嬀閫夊悓鎰忔湇鍔℃潯娆俱�佺敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃',
- type: 'warning'
+ message: "璇峰嬀閫夊悓鎰忔湇鍔℃潯娆俱�佺敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃",
+ type: "warning"
});
return false;
}
@@ -870,26 +873,24 @@
height: 100vh;
color: #fff;
+}
+.container .repository {
+ width: 100% !important;
+ /* margin-top: 19px; */
+ /* height: 68%; */
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+}
+.container .repository .Ttop {
+ margin-top: 0.38rem;
+ margin-bottom: 1.22rem;
+}
- .repository {
- width: 100% !important;
- /* margin-top: 19px; */
- /* height: 68%; */
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
-
- .Ttop {
- margin-top: 0.38rem;
- margin-bottom: 1.22rem;
- }
-
- .r-top {
- font-size: 40rpx !important;
- margin: 10rpx 0;
- }
- }
+.container .repository .r-top {
+ font-size: 40rpx !important;
+ margin: 10rpx 0;
}
.login {
@@ -946,20 +947,20 @@
padding: 0 20px;
text-align: center;
- li {
- background-color: #fff;
- color: black;
- height: 600rpx;
- display: flex;
- justify-content: space-between;
- flex-direction: column;
- align-items: center;
- border: 1rpx solid #fff;
- padding: 50rpx 65rpx;
- /* padding: 58rpx 128rpx 88rpx; */
- text-align: center;
- background: #ebf4ff;
- }
+}
+.secretary li {
+ background-color: #fff;
+ color: black;
+ height: 600rpx;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+ align-items: center;
+ border: 1rpx solid #fff;
+ padding: 50rpx 65rpx;
+ /* padding: 58rpx 128rpx 88rpx; */
+ text-align: center;
+ background: #ebf4ff;
}
.Bbottom {
diff --git a/src/pages/TcmSystem/TcmSystem.vue b/src/pages/TcmSystem/TcmSystem.vue
index 3175d81..df8d23d 100644
--- a/src/pages/TcmSystem/TcmSystem.vue
+++ b/src/pages/TcmSystem/TcmSystem.vue
@@ -847,58 +847,55 @@
background-color: #0c274c;
padding: 25rpx;
color: #fff !important;
+}
+.NavTop img {
+ width: 30rpx;
+ height: 30rpx;
+ vertical-align: middle;
+}
+.NavTop .NavTopr {
img {
- width: 30rpx;
- height: 30rpx;
- vertical-align: middle;
- }
-
- .NavTopr {
- img {
- margin-right: 10rpx;
- }
+ margin-right: 10rpx;
}
}
.mImage {
width: 100%;
height: 40rpx;
-
- img {
- vertical-align: top;
- }
+}
+.mImage img {
+ vertical-align: top;
}
.centre {
padding-left: 1.23rem;
padding-right: 1.17rem;
align-items: stretch;
+}
+.centre .CLeft {
+ width: 2.4rem;
+ flex-direction: column;
+ margin-right: 0.2rem;
+}
+.centre .CLeft .institution {
+ width: 100%;
+ border: 1px solid #000;
+ padding: 20rpx;
+}
+.centre .CLeft .institution2 {
+ margin: 20rpx 0;
+}
+.centre .CLeft .institution3 {
+ flex-grow: 1;
+}
- .CLeft {
- width: 2.4rem;
- flex-direction: column;
- margin-right: 0.2rem;
- .institution {
- width: 100%;
- border: 1px solid #000;
- padding: 20rpx;
- }
- .institution2 {
- margin: 20rpx 0;
- }
- .institution3 {
- flex-grow: 1;
- }
- }
-
- .CRight {
- flex: 1;
- border: 1px solid #c1d3ea;
- box-sizing: border-box;
- overflow: hidden;
- padding: 0.1rem 0.2rem;
- }
+.centre .CRight {
+ flex: 1;
+ border: 1px solid #c1d3ea;
+ box-sizing: border-box;
+ overflow: hidden;
+ padding: 0.1rem 0.2rem;
}
.CommodityList {
@@ -911,15 +908,15 @@
align-content: flex-start;
/* padding: 20rpx 20rpx 0 20rpx; */
justify-content: space-between;
+}
- > .rightList {
- width: 49%;
- margin-bottom: 20rpx;
+.CommodityList .rightList {
+ width: 49%;
+ margin-bottom: 20rpx;
+}
- .box-card {
- overflow: visible;
- }
- }
+.CommodityList .rightList .box-card {
+ overflow: visible;
}
/* ::v-deep .el-card__body{
@@ -965,21 +962,22 @@
right: 0;
top: 0;
z-index: 99999 !important;
- > div {
- height: 100%;
- margin: 0 !important;
- position: fixed;
- right: 0;
- top: 86px;
+}
- > :nth-child(1) {
- display: none;
- }
+.dialog div {
+ height: 100%;
+ margin: 0 !important;
+ position: fixed;
+ right: 0;
+ top: 86px;
+}
- > :nth-child(2) {
- padding: 0;
- }
- }
+.dialog div:nth-child(1) {
+ display: none;
+}
+
+.dialog div:nth-child(2) {
+ padding: 0;
}
::v-deep .el-dialog .el-dialog__body {
@@ -990,13 +988,12 @@
width: 100%;
height: 1.94rem;
color: #000;
-
- img {
- position: absolute;
- width: 100%;
- height: 100%;
- vertical-align: top;
- }
+}
+.detailImage img {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ vertical-align: top;
}
/* 鎼滅储鎸夐挳 */
@@ -1111,34 +1108,33 @@
min-height: 2rem !important;
position: relative;
border: 1px solid #c1d3ea !important;
+}
+.boox ul {
+ margin-top: 0.16rem !important;
+}
- ul {
- margin-top: 0.16rem !important;
- }
+.boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+}
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+.boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ font-size: 0.14rem;
+}
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- font-size: 0.14rem;
- }
+.boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+}
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+.boox .toggleButton {
+ font-size: 0.14rem !important;
}
.paixu {
@@ -1227,27 +1223,27 @@
padding: 0.14rem 0.2rem 0.23rem;
/* position: relative; */
- .biecheng {
- height: 0.24rem;
- /* line-height: .24rem; */
- font-size: 0.12rem;
- padding-left: 0.1rem;
- background-color: #f0f0f0;
- display: flex;
- align-items: center;
- margin-bottom: 0.12rem;
- }
+}
+.rightList .desBox .biecheng {
+ height: 0.24rem;
+ /* line-height: .24rem; */
+ font-size: 0.12rem;
+ padding-left: 0.1rem;
+ background-color: #f0f0f0;
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.12rem;
+}
- .describe {
- position: absolute;
- bottom: 0.1rem;
- left: 0;
- /* width: 100%; */
- padding: 0 0.23rem;
- height: 0.49rem;
- line-height: 0.24rem;
- font-size: 0.12rem;
- }
+.rightList .desBox .describe {
+ position: absolute;
+ bottom: 0.1rem;
+ left: 0;
+ /* width: 100%; */
+ padding: 0 0.23rem;
+ height: 0.49rem;
+ line-height: 0.24rem;
+ font-size: 0.12rem;
}
.nullBox {
diff --git a/src/pages/character/detail.vue b/src/pages/character/detail.vue
index d4c28cb..97c1b0f 100644
--- a/src/pages/character/detail.vue
+++ b/src/pages/character/detail.vue
@@ -1314,17 +1314,15 @@
<style>
/* Table1琛ㄦ牸閲岄潰鐨勬暟鎹� */
::v-deep .is-leaf .cell {
- font-size: 0.14rem !important;
- height: 0.4rem !important;
- line-height: 0.4rem !important;
- }
+ font-size: 0.14rem !important;
+ height: 0.4rem !important;
+ line-height: 0.4rem !important;
}
::v-deep .el-table__body .cell {
- font-size: 0.14rem !important;
- height: 0.4rem !important;
- line-height: 0.4rem !important;
- }
+ font-size: 0.14rem !important;
+ height: 0.4rem !important;
+ line-height: 0.4rem !important;
}
/* --------------- */
@@ -1340,8 +1338,6 @@
.BoxRight {
width: 70%;
}
-
-
/* 涓汉灏忎紶 ------------------*/
::v-deep .el-dialog__header {
@@ -1371,7 +1367,6 @@
background-color: #0c274c;
padding: 15rpx 25rpx;
color: #fff !important;
-
}
.NavTop img {
width: 30rpx;
@@ -1388,7 +1383,6 @@
.mImage {
width: 100%;
height: 30rpx;
-
}
.mImage img {
vertical-align: top;
@@ -1401,7 +1395,6 @@
color: #000;
align-items: flex-start;
padding: 0.18rem 0.24rem;
-
}
.Midde view {
color: #000;
@@ -1417,7 +1410,6 @@
.yinyong {
font-size: 0.12rem;
-
}
.yinyong img {
width: 0.12rem;
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index 3371c48..b2e9093 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -865,43 +865,42 @@
/* 鍙充晶 */
.rightList {
padding-left: 0.2rem !important;
+}
+.rightList .light {
+ padding: 0.1rem 0.2rem !important;
+}
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+.rightList .lightTop {
+ font-size: 0.14rem !important;
+}
- .lightTop {
- font-size: 0.14rem !important;
- }
+.rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+}
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+.rightList .lightBo {
+ font-size: 0.14rem !important;
+}
- .lightBo {
- font-size: 0.14rem !important;
- }
+.rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+}
- .lightBo .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
- }
+.rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+}
- .lightBo .is-leaf .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
-
- .el-table__body-wrapper .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
- }
- .el-table__body-wrapper .el-table__row .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
+.rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+}
+.rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
@media screen and (min-width: 2560px) and (max-width: 3840px) {
@@ -923,11 +922,11 @@
.hotSearch {
font-size: 0.12rem !important;
margin-bottom: 0.19rem !important;
+ }
- li {
- font-size: 0.12rem !important;
- margin: 0 0.1rem;
- }
+ .hotSearch li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
}
.advancedSeaTrue,
@@ -984,33 +983,32 @@
padding: 0.1rem 0.09rem;
min-height: 2rem !important;
position: relative;
+ }
+ .boox ul {
+ margin-top: 0.16rem !important;
+ }
- ul {
- margin-top: 0.16rem !important;
- }
+ .boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+ .boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- }
+ .boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+ .boox .toggleButton {
+ font-size: 0.14rem !important;
}
.zhongjianleft {
@@ -1045,46 +1043,42 @@
/* 鍙充晶 */
.rightList {
padding-left: 0.2rem !important;
+ }
+ .rightList .light {
+ padding: 0.1rem 0.2rem !important;
+ }
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+ .rightList .lightTop {
+ font-size: 0.14rem !important;
+ }
- .lightTop {
- font-size: 0.14rem !important;
- }
+ .rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+ .rightList .lightBo {
+ font-size: 0.14rem !important;
+ }
- .lightBo {
- font-size: 0.14rem !important;
+ .rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+ }
- .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
+ .rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
-
- .el-table__body-wrapper {
- .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
-
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
+ .rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+ }
+ .rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
}
@@ -1107,11 +1101,11 @@
.hotSearch {
font-size: 0.12rem !important;
margin-bottom: 0.19rem !important;
+ }
- li {
- font-size: 0.12rem !important;
- margin: 0 0.1rem;
- }
+ .hotSearch li {
+ font-size: 0.12rem !important;
+ margin: 0 0.1rem;
}
.advancedSeaTrue1 {
border: 1px solid #c1d3ea;
@@ -1170,34 +1164,33 @@
padding: 0.1rem 0.09rem;
min-height: 2rem !important;
position: relative;
+ }
+ .boox ul {
+ margin-top: 0.16rem !important;
+ margin-bottom: 0.2rem !important;
+ }
- ul {
- margin-top: 0.16rem !important;
- margin-bottom: 0.2rem !important;
- }
+ .boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+ }
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+ .boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ }
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- }
+ .boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+ }
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+ .boox .toggleButton {
+ font-size: 0.14rem !important;
}
.zhongjianleft {
@@ -1234,46 +1227,42 @@
.rightList {
width: 100%;
padding-left: 0.2rem !important;
+ }
+ .rightList .light {
+ padding: 0.1rem 0.2rem !important;
+ }
- .light {
- padding: 0.1rem 0.2rem !important;
- }
+ .rightList .lightTop {
+ font-size: 0.14rem !important;
+ }
- .lightTop {
- font-size: 0.14rem !important;
- }
+ .rightList .el-button {
+ font-size: 0.12rem !important;
+ padding: 0.05rem 0.18rem !important;
+ }
- .el-button {
- font-size: 0.12rem !important;
- padding: 0.05rem 0.18rem !important;
- }
+ .rightList .lightBo {
+ font-size: 0.14rem !important;
+ }
+ .rightList .lightBo .is-leaf {
+ background-color: #c1d3ea !important;
+ color: #2c2c2c !important;
+ font-weight: 400;
+ }
- .lightBo {
- font-size: 0.14rem !important;
+ .rightList .lightBo .is-leaf .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
+ }
- .is-leaf {
- background-color: #c1d3ea !important;
- color: #2c2c2c !important;
- font-weight: 400;
+ .rightList .el-table__body-wrapper .el-table__row {
+ height: 0.46rem !important;
+ line-height: 0.46rem !important;
+ }
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
-
- .el-table__body-wrapper {
- .el-table__row {
- height: 0.46rem !important;
- line-height: 0.46rem !important;
-
- .cell {
- height: 0.3rem !important;
- line-height: 0.3rem !important;
- }
- }
- }
+ .rightList .el-table__body-wrapper .el-table__row .cell {
+ height: 0.3rem !important;
+ line-height: 0.3rem !important;
}
}
@@ -1284,24 +1273,16 @@
.hotSearch {
font-size: 0.12rem;
margin-bottom: 0.19rem;
-
- li {
- font-size: 0.12rem;
- margin: 0 0.1rem;
- &.active {
- color: #027edc !important;
- font-weight: bold;
- }
- }
}
-/* .a {
- height: 2rem;
- }
-
- .b {
- height: 100px;
- } */
+.hotSearch li {
+ font-size: 0.12rem;
+ margin: 0 0.1rem;
+}
+.hotSearch li.active {
+ color: #027edc !important;
+ font-weight: bold;
+}
.box {
transition: height 0.3s;
@@ -1317,34 +1298,33 @@
min-height: 2rem !important;
position: relative;
border: 1px solid #c1d3ea !important;
+}
+.boox ul {
+ margin-top: 0.16rem !important;
+}
- ul {
- margin-top: 0.16rem !important;
- }
+.boox h3 {
+ font-size: 0.14rem;
+ margin-left: 0.1rem;
+}
- h3 {
- font-size: 0.14rem;
- margin-left: 0.1rem;
- }
+.boox li {
+ height: 0.3rem;
+ line-height: 0.3rem;
+ padding: 0 0.2rem !important;
+ margin: 0.05rem 0 !important;
+ border-radius: 0.3rem !important;
+ font-size: 0.14rem;
+}
- li {
- height: 0.3rem;
- line-height: 0.3rem;
- padding: 0 0.2rem !important;
- margin: 0.05rem 0 !important;
- border-radius: 0.3rem !important;
- font-size: 0.14rem;
- }
+.boox .toggleButton1 {
+ position: absolute;
+ bottom: 0.1rem !important;
+ left: 40% !important;
+}
- .toggleButton1 {
- position: absolute;
- bottom: 0.1rem !important;
- left: 40% !important;
- }
-
- .toggleButton {
- font-size: 0.14rem !important;
- }
+.boox .toggleButton {
+ font-size: 0.14rem !important;
}
::v-deep .el-table th,
diff --git a/src/pages/repository/repository.vue b/src/pages/repository/repository.vue
index 3b8471f..734b878 100644
--- a/src/pages/repository/repository.vue
+++ b/src/pages/repository/repository.vue
@@ -1,884 +1,1004 @@
<template>
- <view class="relative">
- <headNav :idIndex="idIndex" text="鍘嗕唬浜虹墿" />
- <view class="Midde flex">
- <el-button class="MiddeBack flex flex-center" @click="goBack">杩斿洖</el-button>
- <view style="width: 70%;" class="flex flex-center flex-column">
- <view style="font-weight: bold;font-size: .20rem;">鏉庢椂鐝�</view>
- <ul class="flex" style="line-height: 1.2;margin: .15rem 0 ;">
- <li v-for="item in 4"
- style="background-color: #fff; padding: 0 .08rem ; border: .01rem solid #000;border-radius:.1rem ;font-size: .12rem;text-align: center;margin-right: .15rem;">
- VSDS</li>
- </ul>
- <view class="fz font-family"
- style="font-size: .13rem;font-weight: normal;line-height: .2rem;letter-spacing: .03rem;">
- 鏉庢椂鐝�(1518骞�-1593骞�)锛屽瓧:
- 涓滅挧锛屾椂浜鸿皳涔�:鏉庝笢鐠с�傚彿婵掓箹锛屾櫄骞磋嚜鍙锋繏婀栧北浜猴紝婀栧寳钖窞(浠婃箹鍖楃渷榛勫唸甯傝柂鏄ュ幙钖窞闀�)浜猴紝姹夋棌锛岀敓浜庢槑姝﹀畻姝ｅ痉鍗佷笁骞�(鍏厓1518骞�)锛屽崚浜庣瀹椾竾鍘嗕簩鍗佷簩骞�(鍏厓1593骞�)銆傛槸涓浗鏄庝唬涓庝竾瀵嗘枊榻愬悕鐨勫尰瀛﹀銆佽嵂鐗╁瀹躲�佸崥鐗╁瀹躲�佽憲杩板銆傛潕鏃剁弽瀵归亾瀹跺尰瀛︾殑缁ф壙鏄鏂归潰鐨勶紝鏇惧弬鑰冨巻浠ｆ湁鍏冲尰鑽強鍏跺鏈功绫嶅叓鐧句綑绉嶏紝缁撳悎鑷韩缁忛獙鍜岃皟鏌ョ爺绌讹紝鍘嗘椂27骞寸紪鎴愩�婃湰鑽夌翰鐩�嬩竴涔︼紝鏄垜鍥藉彜浠ｈ嵂鐗╁鐨勬�荤粨鎬у法钁楋紝鍦ㄥ浗鍐呭鍧囨湁寰堥珮鐨勮瘎浠凤紝宸叉湁鍑犵鏂囧瓧鐨勮瘧鏈垨鑺傝瘧鏈紝鍏惰憲鏈夈�婃繏婀栬剦瀛︺��
- </view>
- <view class="flex" style="width: 100%;margin: .25rem 0 .15rem 0;">
- <view >
- <!-- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-folder-add">鏀惰棌</el-button> -->
- <el-button style="padding: .05rem .085rem;" class="yinyong flex">
- <img src="@/static/image/yinyong.png" alt="" />寮曠敤</el-button>
- </view>
- <view style="font-size: .12rem;color: #244A7B;" @click="ProfileClick">闃呰鏇村></view>
- </view>
- </view>
- <view style="width: 5%;"></view>
- </view>
- <el-row style="padding: 0 1.2rem 0;padding-top: .24rem;">
- <!-- 宸︿晶 -->
- <el-col :span="5" class="BoxLeft" style="padding-right: .2rem;width: 2.8rem;">
- <div class="grid-content bg-purple-dark flex flex-column">
- <el-card class="box-card" style="width: 100%;height: 2.06rem;">
- <div class="clearfix flex" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span style="margin-left: .12rem;font-size: .14rem;font-weight: 900;">鍏崇郴鍥捐氨</span>
- <!-- <el-button icon="el-icon-rank" style="float: right; padding: 3px 0;" type="text"></el-button> -->
- <img src="@/static/image/fangda.png" @click="fangdaClick(1)"
- style="width: .18rem;height: .18rem;" alt="" />
- </div>
- <view id="relation" style="height: 1.51rem;width: 100%;"></view>
- </el-card>
- <el-card class="box-card" style="width: 100%;height: 2.06rem; margin: .26rem 0;">
- <div class="clearfix flex" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span>鏃剁┖鍦板浘</span>
- <!-- <el-button icon="el-icon-rank" style="float: right; padding: 3px 0" type="text"></el-button> -->
- <img src="@/static/image/fangda.png" @click="fangdaClick(2)"
- style="width: .18rem;height: .18rem;" alt="" />
- </div>
- <view id="spaceTime" style="height: 1.51rem;width: 100%;position: relative;"></view>
- </el-card>
- <el-card style="width: 100%;height: 2.06rem;">
- <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span>鏉ユ簮</span>
- </div>
- <ul class="font-family" style="height: 300rpx;font-size: .12rem;line-height: .3rem;">
- <li>1.銆婃槑鍙猜峰嵎浜岀櫨涔濆崄涔澛峰垪浣滃搧. p52</li>
- <li>2.銆婅繘(鏈崏绾茬洰)鐤忋�� p52</li>
- </ul>
- </el-card>
- </div>
- </el-col>
- <!-- 鍙充晶 -->
- <el-col :span="18" class="BoxRight">
- <div class="grid-content bg-purple-dark" style="width: 100%;">
- <el-card class="box-card" style="padding: 0;">
- <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span>鍩虹淇℃伅</span>
- </div>
- <!-- 鍩虹淇℃伅 -->
- <cc-defineTable :tableData="tableArr"></cc-defineTable>
- </el-card>
- <el-card class="box-card" style=" min-height: 1.91rem; margin: .2rem 0;">
- <el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
- <el-tab-pane label="浠ｈ〃钁椾綔" data-id="1" name="representative">
- <Table1 :data="tableData" :columns="tableColumns" />
- </el-tab-pane>
- <el-tab-pane label="浜插睘鍏崇郴" data-id="2" name="family ">
- 浜插睘鍏崇郴
- </el-tab-pane>
- <el-tab-pane label="甯堟壙鍏崇郴" data-id="3" name="mentoring ">甯堟壙鍏崇郴</el-tab-pane>
- <el-tab-pane label="绀句細鍏崇郴" data-id="4" name="society">绀句細鍏崇郴</el-tab-pane>
- <el-tab-pane label="娲诲姩骞磋氨" data-id="5" name="activity">娲诲姩骞磋氨</el-tab-pane>
- </el-tabs>
- </el-card>
- <el-card style=" margin-bottom: .2rem ;">
- <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span>鐩稿叧闄勮〃/鍥惧儚</span>
- </div>
- <view class="flex">
- <el-image v-for="item in 4" :key="item" style="width: 2.05rem; height: 1.4rem"
- src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
- fit="fill"></el-image>
- </view>
- </el-card>
- <el-card class="box-card">
- <div class="clearfix" style="font-weight: 900;font-size: .14rem;padding-bottom: .1rem;">
- <span>鐩稿叧闄勮〃/鍥惧儚</span>
- </div>
- <ul class="font-family" style="font-size: .13rem;line-height: 2;">
- <li>
- [1|鍒樼倻,璋㈣搲,寮犵,绛�.鍚戜汉鏂囩爺绌剁殑鍥藉鏁版嵁鍩虹璁炬柦寤鸿[J|.涓浗鍥句功棣嗗鎶�,2016,42(5):29-39.
- </li>
- <li>
- [2|鍛ㄦ櫒.鍥介檯鏁板瓧浜烘枃鐮旂┒鐗瑰緛涓庣煡璇嗙粨鏋剕J鍥句功棣嗚鍧�2017.37(4):1-8.
- </li>
- <li>
- [3]鍌呭痉鍗�,浜庣繝鑹�,鏉庢槬鍗�,鍏充簬鍒涘缓鈥�20 涓栫邯涓浗浜虹墿浼犺璧勬枡鍏ㄦ枃鏁版嵁搴撴不鐨勬瀯鎯砙宸�,涓浗鑰呭紩,2009,714):24-26.
- </li>
- <li>
- [4|浜庣繝鑹�,鍌呭痉鍗�,鏉庢槬鍗�,鍏充簬鈥�20涓栫邯涓浗浜虹墿浼犺璧勬枡鍏ㄦ枃鏁版嵁搴撴不鐨勮繘灞曚笌鍥版儜[J1.涓浗甯稿紩,2012.10111:20-22
- </li>
- <li>
- [5]璐炬銆傘�婃箹鍗楄繎浠ｄ汉鐗╂暟鎹巼銆嬭祫婧愭敹褰曡寖鍥寸爺绌秥J娌冲崡鍥句功棣嗗鍒�,2015,35(7):126.127.140.
- </li>
- </ul>
- </el-card>
- </div>
- </el-col>
- </el-row>
+ <view class="relative">
+ <headNav :idIndex="idIndex" text="鍘嗕唬浜虹墿" />
+ <view class="Midde flex">
+ <el-button class="MiddeBack flex flex-center" @click="goBack"
+ >杩斿洖</el-button
+ >
+ <view style="width: 70%" class="flex flex-center flex-column">
+ <view style="font-weight: bold; font-size: 0.2rem">鏉庢椂鐝�</view>
+ <ul class="flex" style="line-height: 1.2; margin: 0.15rem 0">
+ <li
+ v-for="item in 4"
+ style="
+ background-color: #fff;
+ padding: 0 0.08rem;
+ border: 0.01rem solid #000;
+ border-radius: 0.1rem;
+ font-size: 0.12rem;
+ text-align: center;
+ margin-right: 0.15rem;
+ "
+ >
+ VSDS
+ </li>
+ </ul>
+ <view
+ class="fz font-family"
+ style="
+ font-size: 0.13rem;
+ font-weight: normal;
+ line-height: 0.2rem;
+ letter-spacing: 0.03rem;
+ "
+ >
+ 鏉庢椂鐝�(1518骞�-1593骞�)锛屽瓧:
+ 涓滅挧锛屾椂浜鸿皳涔�:鏉庝笢鐠с�傚彿婵掓箹锛屾櫄骞磋嚜鍙锋繏婀栧北浜猴紝婀栧寳钖窞(浠婃箹鍖楃渷榛勫唸甯傝柂鏄ュ幙钖窞闀�)浜猴紝姹夋棌锛岀敓浜庢槑姝﹀畻姝ｅ痉鍗佷笁骞�(鍏厓1518骞�)锛屽崚浜庣瀹椾竾鍘嗕簩鍗佷簩骞�(鍏厓1593骞�)銆傛槸涓浗鏄庝唬涓庝竾瀵嗘枊榻愬悕鐨勫尰瀛﹀銆佽嵂鐗╁瀹躲�佸崥鐗╁瀹躲�佽憲杩板銆傛潕鏃剁弽瀵归亾瀹跺尰瀛︾殑缁ф壙鏄鏂归潰鐨勶紝鏇惧弬鑰冨巻浠ｆ湁鍏冲尰鑽強鍏跺鏈功绫嶅叓鐧句綑绉嶏紝缁撳悎鑷韩缁忛獙鍜岃皟鏌ョ爺绌讹紝鍘嗘椂27骞寸紪鎴愩�婃湰鑽夌翰鐩�嬩竴涔︼紝鏄垜鍥藉彜浠ｈ嵂鐗╁鐨勬�荤粨鎬у法钁楋紝鍦ㄥ浗鍐呭鍧囨湁寰堥珮鐨勮瘎浠凤紝宸叉湁鍑犵鏂囧瓧鐨勮瘧鏈垨鑺傝瘧鏈紝鍏惰憲鏈夈�婃繏婀栬剦瀛︺��
+ </view>
+ <view class="flex" style="width: 100%; margin: 0.25rem 0 0.15rem 0">
+ <view>
+ <!-- <el-button style="padding: 10rpx;" size="mini" icon="el-icon-folder-add">鏀惰棌</el-button> -->
+ <el-button style="padding: 0.05rem 0.085rem" class="yinyong flex">
+ <img src="@/static/image/yinyong.png" alt="" />寮曠敤</el-button
+ >
+ </view>
+ <view style="font-size: 0.12rem; color: #244a7b" @click="ProfileClick"
+ >闃呰鏇村></view
+ >
+ </view>
+ </view>
+ <view style="width: 5%"></view>
+ </view>
+ <el-row style="padding: 0 1.2rem 0; padding-top: 0.24rem">
+ <!-- 宸︿晶 -->
+ <el-col
+ :span="5"
+ class="BoxLeft"
+ style="padding-right: 0.2rem; width: 2.8rem"
+ >
+ <div class="grid-content bg-purple-dark flex flex-column">
+ <el-card class="box-card" style="width: 100%; height: 2.06rem">
+ <div
+ class="clearfix flex"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span
+ style="
+ margin-left: 0.12rem;
+ font-size: 0.14rem;
+ font-weight: 900;
+ "
+ >鍏崇郴鍥捐氨</span
+ >
+ <!-- <el-button icon="el-icon-rank" style="float: right; padding: 3px 0;" type="text"></el-button> -->
+ <img
+ src="@/static/image/fangda.png"
+ @click="fangdaClick(1)"
+ style="width: 0.18rem; height: 0.18rem"
+ alt=""
+ />
+ </div>
+ <view id="relation" style="height: 1.51rem; width: 100%"></view>
+ </el-card>
+ <el-card
+ class="box-card"
+ style="width: 100%; height: 2.06rem; margin: 0.26rem 0"
+ >
+ <div
+ class="clearfix flex"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span>鏃剁┖鍦板浘</span>
+ <!-- <el-button icon="el-icon-rank" style="float: right; padding: 3px 0" type="text"></el-button> -->
+ <img
+ src="@/static/image/fangda.png"
+ @click="fangdaClick(2)"
+ style="width: 0.18rem; height: 0.18rem"
+ alt=""
+ />
+ </div>
+ <view
+ id="spaceTime"
+ style="height: 1.51rem; width: 100%; position: relative"
+ ></view>
+ </el-card>
+ <el-card style="width: 100%; height: 2.06rem">
+ <div
+ class="clearfix"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span>鏉ユ簮</span>
+ </div>
+ <ul
+ class="font-family"
+ style="height: 300rpx; font-size: 0.12rem; line-height: 0.3rem"
+ >
+ <li>1.銆婃槑鍙猜峰嵎浜岀櫨涔濆崄涔澛峰垪浣滃搧. p52</li>
+ <li>2.銆婅繘(鏈崏绾茬洰)鐤忋�� p52</li>
+ </ul>
+ </el-card>
+ </div>
+ </el-col>
+ <!-- 鍙充晶 -->
+ <el-col :span="18" class="BoxRight">
+ <div class="grid-content bg-purple-dark" style="width: 100%">
+ <el-card class="box-card" style="padding: 0">
+ <div
+ class="clearfix"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span>鍩虹淇℃伅</span>
+ </div>
+ <!-- 鍩虹淇℃伅 -->
+ <cc-defineTable :tableData="tableArr"></cc-defineTable>
+ </el-card>
+ <el-card
+ class="box-card"
+ style="min-height: 1.91rem; margin: 0.2rem 0"
+ >
+ <el-tabs ref="tabs" v-model="activeName" @tab-click="handleClick">
+ <el-tab-pane label="浠ｈ〃钁椾綔" data-id="1" name="representative">
+ <Table1 :data="tableData" :columns="tableColumns" />
+ </el-tab-pane>
+ <el-tab-pane label="浜插睘鍏崇郴" data-id="2" name="family ">
+ 浜插睘鍏崇郴
+ </el-tab-pane>
+ <el-tab-pane label="甯堟壙鍏崇郴" data-id="3" name="mentoring "
+ >甯堟壙鍏崇郴</el-tab-pane
+ >
+ <el-tab-pane label="绀句細鍏崇郴" data-id="4" name="society"
+ >绀句細鍏崇郴</el-tab-pane
+ >
+ <el-tab-pane label="娲诲姩骞磋氨" data-id="5" name="activity"
+ >娲诲姩骞磋氨</el-tab-pane
+ >
+ </el-tabs>
+ </el-card>
+ <el-card style="margin-bottom: 0.2rem">
+ <div
+ class="clearfix"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span>鐩稿叧闄勮〃/鍥惧儚</span>
+ </div>
+ <view class="flex">
+ <el-image
+ v-for="item in 4"
+ :key="item"
+ style="width: 2.05rem; height: 1.4rem"
+ src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+ fit="fill"
+ ></el-image>
+ </view>
+ </el-card>
+ <el-card class="box-card">
+ <div
+ class="clearfix"
+ style="
+ font-weight: 900;
+ font-size: 0.14rem;
+ padding-bottom: 0.1rem;
+ "
+ >
+ <span>鐩稿叧闄勮〃/鍥惧儚</span>
+ </div>
+ <ul class="font-family" style="font-size: 0.13rem; line-height: 2">
+ <li>
+ [1|鍒樼倻,璋㈣搲,寮犵,绛�.鍚戜汉鏂囩爺绌剁殑鍥藉鏁版嵁鍩虹璁炬柦寤鸿[J|.涓浗鍥句功棣嗗鎶�,2016,42(5):29-39.
+ </li>
+ <li>
+ [2|鍛ㄦ櫒.鍥介檯鏁板瓧浜烘枃鐮旂┒鐗瑰緛涓庣煡璇嗙粨鏋剕J鍥句功棣嗚鍧�2017.37(4):1-8.
+ </li>
+ <li>
+ [3]鍌呭痉鍗�,浜庣繝鑹�,鏉庢槬鍗�,鍏充簬鍒涘缓鈥�20
+ 涓栫邯涓浗浜虹墿浼犺璧勬枡鍏ㄦ枃鏁版嵁搴撴不鐨勬瀯鎯砙宸�,涓浗鑰呭紩,2009,714):24-26.
+ </li>
+ <li>
+ [4|浜庣繝鑹�,鍌呭痉鍗�,鏉庢槬鍗�,鍏充簬鈥�20涓栫邯涓浗浜虹墿浼犺璧勬枡鍏ㄦ枃鏁版嵁搴撴不鐨勮繘灞曚笌鍥版儜[J1.涓浗甯稿紩,2012.10111:20-22
+ </li>
+ <li>
+ [5]璐炬銆傘�婃箹鍗楄繎浠ｄ汉鐗╂暟鎹巼銆嬭祫婧愭敹褰曡寖鍥寸爺绌秥J娌冲崡鍥句功棣嗗鍒�,2015,35(7):126.127.140.
+ </li>
+ </ul>
+ </el-card>
+ </div>
+ </el-col>
+ </el-row>
- <!-- 涓汉灏忎紶 -->
- <el-dialog :visible.sync="isProfile">
- <view class="ProfileNav flex flex-center">
- 涓汉灏忎紶
- </view>
- <view style="padding: .44rem .3rem;min-height: 7.32rem;">
- <view
- style="margin-bottom: .2rem; background-color: #F0F0F0;padding: .18rem .1rem .1rem .27rem;font-size: .12rem;line-height: .24rem;font-weight: 400;">
- <view style="color: #2C2C2C;">
- 钑欏睍涓佷笐鍚岄噷鏃ュ博棰濆簭鍏堣�冩湀姹犵縼钁椼�婂洓褰吀鏄庛�嬪叓鍗凤紝鐨嗙簿鎸囧ゥ瀹わ紝鑼傜妧鏈兘鐤�狅紝鐝嶅洜鎾补鎯宠彍锛屽兊鎾版鍞愶紝浠ヤ究鏅虹潧锛屾湇鎸囧崡銆備笘涔嬮浄鐥呴洦瀹讹紝鍜镐互鏈嶇剦棣栧姟锛屼笉鐭ユ淳涔冨洓鑳戒箣鏈紝璋撲箣宸ц�呴洦銆備笂澹鑸嶅叾鍏紝闈炲洓涓嶅彲銆�
- </view>
- <view class="flex">
- <view ></view>
- <view style="font-weight: 700;color: #2C2C2C;">鈥斺�斻�婂鍏湇鑰冦�婸 3</view>
- </view>
- </view>
- </view>
- </el-dialog>
+ <!-- 涓汉灏忎紶 -->
+ <el-dialog :visible.sync="isProfile">
+ <view class="ProfileNav flex flex-center"> 涓汉灏忎紶 </view>
+ <view style="padding: 0.44rem 0.3rem; min-height: 7.32rem">
+ <view
+ style="
+ margin-bottom: 0.2rem;
+ background-color: #f0f0f0;
+ padding: 0.18rem 0.1rem 0.1rem 0.27rem;
+ font-size: 0.12rem;
+ line-height: 0.24rem;
+ font-weight: 400;
+ "
+ >
+ <view style="color: #2c2c2c">
+ 钑欏睍涓佷笐鍚岄噷鏃ュ博棰濆簭鍏堣�冩湀姹犵縼钁椼�婂洓褰吀鏄庛�嬪叓鍗凤紝鐨嗙簿鎸囧ゥ瀹わ紝鑼傜妧鏈兘鐤�狅紝鐝嶅洜鎾补鎯宠彍锛屽兊鎾版鍞愶紝浠ヤ究鏅虹潧锛屾湇鎸囧崡銆備笘涔嬮浄鐥呴洦瀹讹紝鍜镐互鏈嶇剦棣栧姟锛屼笉鐭ユ淳涔冨洓鑳戒箣鏈紝璋撲箣宸ц�呴洦銆備笂澹鑸嶅叾鍏紝闈炲洓涓嶅彲銆�
+ </view>
+ <view class="flex">
+ <view></view>
+ <view style="font-weight: 700; color: #2c2c2c"
+ >鈥斺�斻�婂鍏湇鑰冦�婸 3</view
+ >
+ </view>
+ </view>
+ </view>
+ </el-dialog>
-
-
- <!-- 杩斿洖椤堕儴 -->
- <el-col style="position: absolute;bottom: 1rem;left:1.2rem ;">
- <el-button style="width: .50rem;height: .50rem;font-size: .3rem;" icon="el-icon-top" circle
- @click="scrollToTop"></el-button>
- </el-col>
- </view>
+ <!-- 杩斿洖椤堕儴 -->
+ <el-col style="position: absolute; bottom: 1rem; left: 1.2rem">
+ <el-button
+ style="width: 0.5rem; height: 0.5rem; font-size: 0.3rem"
+ icon="el-icon-top"
+ circle
+ @click="scrollToTop"
+ ></el-button>
+ </el-col>
+ </view>
</template>
<script>
- import * as echarts from 'echarts';
- import 'echarts/extension/bmap/bmap';
- import {
- loadBMap
- } from "@/static/map.js"
- import Table1 from '@/components/table1/table1.vue'
- export default {
- components: {
- Table1
- },
- data() {
- return {
- // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
- idIndex: 0,
- // -------
- // 灏忎紶
- isProfile: false,
- // 鍏崇郴鍥捐氨
- activeName: 'representative',
- // 鍩虹淇℃伅
- tableArr: [{
- 'list': [{
- 'name': '鍒悕',
- 'value': '鏉庝笢鐠с�佽嵂鍦ｃ�佹潕涓変竷'
- },
- {
- 'name': '瀛�',
- 'value': '涓滅挧'
- },
- {
- 'name': '鍙�',
- 'value': '棰戞箹灞变汉'
- },
- {
- 'name': '鎵�澶勬椂鏈�',
- 'value': '鏄庢湞'
- },
- {
- 'name': '姘戞棌',
- 'value': '166g'
- }
- ]
+import * as echarts from "echarts";
+import "echarts/extension/bmap/bmap";
+import { loadBMap } from "@/static/map.js";
+import Table1 from "@/components/table1/table1.vue";
+export default {
+ components: {
+ Table1
+ },
+ data() {
+ return {
+ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
+ idIndex: 0,
+ // -------
+ // 灏忎紶
+ isProfile: false,
+ // 鍏崇郴鍥捐氨
+ activeName: "representative",
+ // 鍩虹淇℃伅
+ tableArr: [
+ {
+ list: [
+ {
+ name: "鍒悕",
+ value: "鏉庝笢鐠с�佽嵂鍦ｃ�佹潕涓変竷"
+ },
+ {
+ name: "瀛�",
+ value: "涓滅挧"
+ },
+ {
+ name: "鍙�",
+ value: "棰戞箹灞变汉"
+ },
+ {
+ name: "鎵�澶勬椂鏈�",
+ value: "鏄庢湞"
+ },
+ {
+ name: "姘戞棌",
+ value: "166g"
+ }
+ ]
+ },
+ {
+ list: [
+ {
+ name: "绫嶈疮",
+ value: "榛勫窞搴滆柂宸� (浠婃箹鍖楃渷钖槬鍘�)"
+ },
+ {
+ name: "鎬у埆",
+ value: "鐢�"
+ },
+ {
+ name: "鑱屽畼",
+ value: "澶尰闄㈠垽"
+ },
+ {
+ name: "娴佹淳",
+ value: "鍖荤粡瀛︽淳"
+ },
+ {
+ name: "瀛︽湳鐗圭偣",
+ value: "鑰冨彜璇佷粖銆佺┓绌剁墿鐞�"
+ }
+ ]
+ }
+ ],
+ // 浠ｈ〃钁椾綔
+ tableColumns: [
+ {
+ prop: "worksName",
+ label: "浣滃搧鍚�"
+ },
+ {
+ prop: "works",
+ label: "浣滃搧"
+ },
+ {
+ prop: "literature",
+ label: "鏂囩尞鍏崇郴"
+ },
+ {
+ prop: "epoch",
+ label: "钁椾綔鏃舵湡"
+ },
+ {
+ prop: "category",
+ label: "绫诲埆"
+ }
+ // { type: 'button', action: 'edit', label: 'Edit' }
+ ],
+ tableData: [
+ {
+ worksName: "鏈崏绾茬洰",
+ works: "鏉庝簩鐗�",
+ literature: "浣滆��",
+ epoch: "鐜颁唬",
+ category: "涓尰瀛�",
+ id: 1
+ },
+ {
+ worksName: "鏈崏绾茬洰",
+ works: "鏉庝簩鐗�",
+ literature: "浣滆��",
+ epoch: "鐜颁唬",
+ category: "涓尰瀛�",
+ id: 1
+ }
+ ]
+ };
+ },
+ onLoad(options) {
+ this.idIndex = options.id;
+ },
+ mounted() {
+ // 鍏崇郴鍥捐氨
+ this.relation();
+ // 鏃剁┖鍦板浘
+ loadBMap("5USVDAhhS4ssz44HLq3gNPZai7naXf4Q").then(() => {
+ this.spaceTime();
+ });
+ this.$nextTick(() => {
+ // 鑾峰彇绗竴涓�夐」鍗＄殑 DOM 鍏冪礌
+ const firstTab = this.$refs.tabs.$el.querySelector(
+ ".el-tabs__active-bar"
+ );
+ firstTab.style.transform = "translateX(" + "-.2rem" + ")";
+ });
- },
- {
- 'list': [{
- 'name': '绫嶈疮',
- 'value': '榛勫窞搴滆柂宸� (浠婃箹鍖楃渷钖槬鍘�)'
- },
- {
- 'name': '鎬у埆',
- 'value': '鐢�'
- },
- {
- 'name': '鑱屽畼',
- 'value': '澶尰闄㈠垽'
- },
- {
- 'name': '娴佹淳',
- 'value': '鍖荤粡瀛︽淳'
- },
- {
- 'name': '瀛︽湳鐗圭偣',
- 'value': '鑰冨彜璇佷粖銆佺┓绌剁墿鐞�'
- }
- ]
- }
- ],
- // 浠ｈ〃钁椾綔
- tableColumns: [{
- prop: 'worksName',
- label: '浣滃搧鍚�'
- },
- {
- prop: 'works',
- label: '浣滃搧'
- },
- {
- prop: 'literature',
- label: '鏂囩尞鍏崇郴'
- },
- {
- prop: 'epoch',
- label: '钁椾綔鏃舵湡'
- }, {
- prop: 'category',
- label: '绫诲埆'
- },
- // { type: 'button', action: 'edit', label: 'Edit' }
- ],
- tableData: [{
- worksName: '鏈崏绾茬洰',
- works: '鏉庝簩鐗�',
- literature: '浣滆��',
- epoch: '鐜颁唬',
- category: '涓尰瀛�',
- id: 1
- }, {
- worksName: '鏈崏绾茬洰',
- works: '鏉庝簩鐗�',
- literature: '浣滆��',
- epoch: '鐜颁唬',
- category: '涓尰瀛�',
- id: 1
+ // 鐩戝惉绐楀彛澶у皬鍙樺寲
+ window.addEventListener("resize", this.relation);
+ },
+ methods: {
+ // 鏀惧ぇ鍦板浘璺宠浆
+ fangdaClick(index) {
+ if (index == 1) {
+ uni.navigateTo({
+ url: "/pages/character/index"
+ });
+ } else if (index == 2) {
+ uni.navigateTo({
+ url: "/pages/characterMap/characterMap"
+ });
+ }
+ },
+ // 灏忎紶
+ ProfileClick() {
+ this.isProfile = !this.isProfile;
+ },
+ // 杩斿洖涓婁竴椤�
+ goBack() {
+ this.$router.go(-1);
+ },
+ // 杩斿洖椤堕儴
+ scrollToTop() {
+ window.scrollTo({
+ top: 0,
+ behavior: "smooth" // 浣跨敤骞虫粦婊氬姩
+ });
+ },
+ handleClick(tab) {
+ let index = tab.$attrs["data-id"] - 1;
+ this.$nextTick(() => {
+ let firstTab = this.$refs.tabs.$el.querySelector(
+ ".el-tabs__active-bar"
+ );
+ if (index == 0) {
+ firstTab.style.transform = "translateX(-" + 0.2 + "rem)";
+ } else if (index == 1) {
+ firstTab.style.transform = "translateX(" + 0.85 * index + "rem)";
+ } else if (index == 2) {
+ firstTab.style.transform = "translateX(" + 0.93 * index + "rem)";
+ } else if (index == 3) {
+ firstTab.style.transform = "translateX(" + 0.95 * index + "rem)";
+ } else if (index == 4) {
+ firstTab.style.transform = "translateX(" + 0.97 * index + "rem)";
+ } else {
+ let firstTab = this.$refs.tabs.$el.querySelector(
+ ".el-tabs__active-bar"
+ );
+ firstTab.style.transform = "translateX(" + "-.2" + "rem)";
+ }
+ });
+ },
+ // 鍏崇郴鍥捐氨
+ relation() {
+ var chartDom = document.getElementById("relation");
+ var myChart = echarts.init(chartDom);
- }]
- }
- },
- onLoad(options) {
- this.idIndex = options.id
- },
- mounted() {
+ // 鍋囪鎮ㄦ湁鑺傜偣鍚嶇О鍜屽畠浠箣闂寸殑鍏崇郴鏁版嵁
+ var nodes = ["鏉庢椂鐝�", "鎴愬氨", "浼犳壙", "浜插弸", "钁椾綔"];
+ var relationships = [
+ {
+ source: "鏉庢椂鐝�",
+ target: "鎴愬氨"
+ },
+ {
+ source: "鏉庢椂鐝�",
+ target: "浼犳壙"
+ },
+ {
+ source: "鏉庢椂鐝�",
+ target: "浜插弸"
+ },
+ {
+ source: "鏉庢椂鐝�",
+ target: "钁椾綔"
+ }
+ // 鍏朵粬鍏崇郴...
+ ];
- // 鍏崇郴鍥捐氨
- this.relation()
- // 鏃剁┖鍦板浘
- loadBMap('5USVDAhhS4ssz44HLq3gNPZai7naXf4Q').then(() => {
- this.spaceTime()
- })
- this.$nextTick(() => {
- // 鑾峰彇绗竴涓�夐」鍗＄殑 DOM 鍏冪礌
- const firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
- firstTab.style.transform = 'translateX(' + '-.2rem' + ')'
- });
+ // 鏍规嵁鍏崇郴鏁版嵁鐢熸垚杩炴帴绾�
+ var links = [];
+ relationships.forEach(function (relationship) {
+ var sourceIndex = nodes.indexOf(relationship.source);
+ var targetIndex = nodes.indexOf(relationship.target);
+ if (sourceIndex !== -1 && targetIndex !== -1) {
+ links.push({
+ source: sourceIndex,
+ target: targetIndex
+ });
+ }
+ });
+ let FontSize = 12; // 瀛椾綋澶у皬
+ let BorderWidth = 2; // 杈规澶у皬
+ let SymbolSize = 80; // 灏哄璺濈
+ // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
+ if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
+ FontSize = 28;
+ BorderWidth = 5;
+ SymbolSize = 100;
+ } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
+ FontSize = 28;
+ BorderWidth = 4;
+ SymbolSize = 90;
+ } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
+ FontSize = 18;
+ BorderWidth = 4;
+ SymbolSize = 70;
+ }
+ // 鏍规嵁nodes鍔ㄦ�佺敓鎴愯妭鐐规暟鎹�
+ var nodeData = nodes.map(function (node, index) {
+ return {
+ name: node,
+ x: Math.random() * 1000, // 璁剧疆闅忔満x鍧愭爣浣嶇疆
+ y: Math.random() * 600, // 璁剧疆闅忔満y鍧愭爣浣嶇疆
+ itemStyle: {
+ color: getColorByIndex(index), // 鍙互鏍规嵁绱㈠紩璁剧疆涓嶅悓鐨勯鑹�
+ borderWidth: BorderWidth,
+ borderColor: getColorByIndex(index + 1)
+ }
+ };
+ });
+ // 璁剧疆棰滆壊
+ function getColorByIndex(index) {
+ var colors = ["#ecf4ff", "#dd9795", "#f1edbe", "#ecf4ff", "#c5dbd8"]; // 鍙互鏍规嵁瀹為檯鎯呭喌璁剧疆棰滆壊鏁扮粍
+ return colors[index % colors.length];
+ }
+ var option;
+ option = {
+ tooltip: {},
+ animationDurationUpdate: 1500,
+ animationEasingUpdate: "quinticInOut",
+ series: [
+ {
+ type: "graph",
+ layout: "none",
+ symbolSize: SymbolSize, // 璋冩暣鑺傜偣澶у皬
+ label: {
+ show: true,
+ color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
+ fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬
+ },
+ edgeSymbol: ["circle"],
+ edgeSymbolSize: [4, 10],
+ edgeLabel: {
+ fontSize: 40
+ },
+ data: nodeData,
+ links: [
+ {
+ source: 0,
+ target: 1,
+ symbolSize: [5, 20]
+ },
+ {
+ source: "Node 2",
+ target: "Node 1"
+ },
+ {
+ source: "Node 1",
+ target: "Node 3"
+ },
+ {
+ source: "Node 2",
+ target: "Node 3"
+ },
+ {
+ source: "Node 2",
+ target: "Node 4"
+ },
+ {
+ source: "Node 1",
+ target: "Node 4"
+ }
+ ],
+ lineStyle: {
+ opacity: 0.9,
+ width: 2,
+ curveness: 0
+ }
+ }
+ ]
+ };
- // 鐩戝惉绐楀彛澶у皬鍙樺寲
- window.addEventListener('resize', this.relation);
- },
- methods: {
- // 鏀惧ぇ鍦板浘璺宠浆
- fangdaClick(index) {
- if (index == 1) {
- uni.navigateTo({
- url: '/pages/character/index'
- })
- } else if (index == 2) {
- uni.navigateTo({
- url: '/pages/characterMap/characterMap'
- })
- }
- },
- // 灏忎紶
- ProfileClick() {
- this.isProfile = !this.isProfile
- },
- // 杩斿洖涓婁竴椤�
- goBack() {
- this.$router.go(-1);
- },
- // 杩斿洖椤堕儴
- scrollToTop() {
- window.scrollTo({
- top: 0,
- behavior: "smooth" // 浣跨敤骞虫粦婊氬姩
- });
- },
- handleClick(tab) {
- let index = tab.$attrs['data-id'] - 1
- this.$nextTick(() => {
- let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
- if (index == 0) {
- firstTab.style.transform = 'translateX(-' + .2 + 'rem)'
- } else if (index == 1) {
- firstTab.style.transform = 'translateX(' + .85 * index + 'rem)'
- } else if (index == 2) {
- firstTab.style.transform = 'translateX(' + .93 * index + 'rem)'
- } else if (index == 3) {
- firstTab.style.transform = 'translateX(' + .95 * index + 'rem)'
- } else if (index == 4) {
- firstTab.style.transform = 'translateX(' + .97 * index + 'rem)'
- } else {
- let firstTab = this.$refs.tabs.$el.querySelector('.el-tabs__active-bar');
- firstTab.style.transform = 'translateX(' + '-.2' + 'rem)'
- }
- })
- },
- // 鍏崇郴鍥捐氨
- relation() {
- var chartDom = document.getElementById('relation');
- var myChart = echarts.init(chartDom);
+ // 灏嗙敓鎴愮殑杩炴帴绾挎坊鍔犲埌echarts鍥捐〃鐨刼ption涓�
+ option.series[0].links = links;
+ option && myChart.setOption(option);
+ },
+ // 鏃剁┖鍦板浘
+ spaceTime() {
+ var chartDom = document.getElementById("spaceTime");
+ var myChart = echarts.init(chartDom);
+ var option;
- // 鍋囪鎮ㄦ湁鑺傜偣鍚嶇О鍜屽畠浠箣闂寸殑鍏崇郴鏁版嵁
- var nodes = ['鏉庢椂鐝�', '鎴愬氨', '浼犳壙', '浜插弸', '钁椾綔'];
- var relationships = [{
- source: '鏉庢椂鐝�',
- target: '鎴愬氨'
- },
- {
- source: '鏉庢椂鐝�',
- target: '浼犳壙'
- },
- {
- source: '鏉庢椂鐝�',
- target: '浜插弸'
- },
- {
- source: '鏉庢椂鐝�',
- target: '钁椾綔'
- },
- // 鍏朵粬鍏崇郴...
- ];
+ const data = [
+ {
+ name: "娴烽棬",
+ value: 9
+ },
+ {
+ name: "閲戞槍",
+ value: 19
+ },
+ {
+ name: "娉夊窞",
+ value: 21
+ },
+ {
+ name: "琛㈠窞",
+ value: 177
+ },
+ {
+ name: "寤婂潑",
+ value: 193
+ },
+ {
+ name: "鑿忔辰",
+ value: 194
+ },
+ {
+ name: "鍚堣偉",
+ value: 229
+ },
+ {
+ name: "姝︽眽",
+ value: 273
+ },
+ {
+ name: "澶у簡",
+ value: 279
+ }
+ ];
+ const geoCoordMap = {
+ 娴烽棬: [121.15, 31.89],
+ 閯傚皵澶氭柉: [109.781327, 39.608266],
+ 鎷涜繙: [120.38, 37.35],
+ 骞抽《灞�: [113.29, 33.75],
+ 閭㈠彴: [114.48, 37.05],
+ 寰峰窞: [116.29, 37.45],
+ 娴庡畞: [116.59, 35.38],
+ 鑽嗗窞: [112.239741, 30.335165],
+ 瀹滄槍: [111.3, 30.7],
+ 涔変箤: [120.06, 29.32],
+ 涓芥按: [119.92, 28.45],
+ 娲涢槼: [112.44, 34.7],
+ 绉︾殗宀�: [119.57, 39.95],
+ 鏍床: [113.16, 27.83],
+ 鐭冲搴�: [114.48, 38.03],
+ 鑾辫姕: [117.67, 36.19],
+ 甯稿痉: [111.69, 29.05],
+ 淇濆畾: [115.48, 38.85],
+ 婀樻江: [112.91, 27.87],
+ 閲戝崕: [119.64, 29.12],
+ 宀抽槼: [113.09, 29.37],
+ 闀挎矙: [113, 28.21],
+ 琛㈠窞: [118.88, 28.97],
+ 寤婂潑: [116.7, 39.53],
+ 鑿忔辰: [115.480656, 35.23375],
+ 鍚堣偉: [117.27, 31.86],
+ 姝︽眽: [114.31, 30.52],
+ 澶у簡: [125.03, 46.58]
+ };
+ const convertData = function (data) {
+ var res = [];
+ for (var i = 0; i < data.length; i++) {
+ var geoCoord = geoCoordMap[data[i].name];
+ if (geoCoord) {
+ res.push({
+ name: data[i].name,
+ value: geoCoord.concat(data[i].value)
+ });
+ }
+ }
+ return res;
+ };
+ option = {
+ tooltip: {
+ trigger: "item"
+ },
+ bmap: {
+ center: [104.114129, 37.550339],
+ zoom: 1,
+ roam: true,
+ mapStyle: {
+ styleJson: [
+ {
+ featureType: "water",
+ elementType: "all",
+ stylers: {
+ color: "#d1d1d1"
+ }
+ },
+ {
+ featureType: "land",
+ elementType: "all",
+ stylers: {
+ color: "#f3f3f3"
+ }
+ },
+ {
+ featureType: "manmade",
+ elementType: "all",
+ stylers: {
+ color: "#d1d1d1"
+ }
+ },
+ {
+ featureType: "local",
+ elementType: "all",
+ stylers: {
+ color: "#d1d1d1"
+ }
+ },
+ {
+ featureType: "arterial",
+ elementType: "labels",
+ stylers: {
+ visibility: "off"
+ }
+ },
+ {
+ featureType: "boundary",
+ elementType: "all",
+ stylers: {
+ color: "#fefefe"
+ }
+ },
+ {
+ featureType: "building",
+ elementType: "all",
+ stylers: {
+ color: "#d1d1d1"
+ }
+ },
+ {
+ featureType: "label",
+ elementType: "labels.text.fill",
+ stylers: {
+ color: "#999999"
+ }
+ }
+ ]
+ }
+ },
+ series: [
+ {
+ name: "pm2.5",
+ type: "scatter",
+ coordinateSystem: "bmap",
+ data: convertData(data),
+ symbolSize: function (val) {
+ return val[2] / 10;
+ },
+ encode: {
+ value: 2
+ },
+ credits: {
+ enabled: false
+ },
+ label: {
+ formatter: "{b}",
+ position: "right",
+ show: false
+ },
+ emphasis: {
+ label: {
+ show: true
+ }
+ }
+ },
+ {
+ name: "Top 5",
+ type: "effectScatter",
+ coordinateSystem: "bmap",
+ data: convertData(
+ data
+ .sort(function (a, b) {
+ return b.value - a.value;
+ })
+ .slice(0, 6)
+ ),
+ symbolSize: function (val) {
+ return val[2] / 10;
+ },
+ encode: {
+ value: 2
+ },
+ showEffectOn: "render",
+ rippleEffect: {
+ brushType: "stroke"
+ },
+ label: {
+ formatter: "{b}",
+ position: "right",
+ show: true
+ },
+ itemStyle: {
+ shadowBlur: 10,
+ shadowColor: "#333"
+ },
+ emphasis: {
+ scale: true
+ },
+ zlevel: 1
+ }
+ ]
+ };
- // 鏍规嵁鍏崇郴鏁版嵁鐢熸垚杩炴帴绾�
- var links = [];
- relationships.forEach(function(relationship) {
- var sourceIndex = nodes.indexOf(relationship.source);
- var targetIndex = nodes.indexOf(relationship.target);
- if (sourceIndex !== -1 && targetIndex !== -1) {
- links.push({
- source: sourceIndex,
- target: targetIndex
- });
- }
-
- });
- let FontSize = 12; // 瀛椾綋澶у皬
- let BorderWidth = 2; // 杈规澶у皬
- let SymbolSize = 80; // 灏哄璺濈
- // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
- if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
- FontSize = 28
- BorderWidth = 5
- SymbolSize = 100
- } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
- FontSize = 28
- BorderWidth = 4
- SymbolSize = 90
- } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
- FontSize = 18
- BorderWidth = 4
- SymbolSize = 70
- }
- // 鏍规嵁nodes鍔ㄦ�佺敓鎴愯妭鐐规暟鎹�
- var nodeData = nodes.map(function(node, index) {
- return {
- name: node,
- x: Math.random() * 1000, // 璁剧疆闅忔満x鍧愭爣浣嶇疆
- y: Math.random() * 600, // 璁剧疆闅忔満y鍧愭爣浣嶇疆
- itemStyle: {
- color: getColorByIndex(index), // 鍙互鏍规嵁绱㈠紩璁剧疆涓嶅悓鐨勯鑹�
- borderWidth: BorderWidth,
- borderColor: getColorByIndex(index + 1),
- }
- };
- });
- // 璁剧疆棰滆壊
- function getColorByIndex(index) {
- var colors = ['#ecf4ff', '#dd9795', '#f1edbe', '#ecf4ff', '#c5dbd8']; // 鍙互鏍规嵁瀹為檯鎯呭喌璁剧疆棰滆壊鏁扮粍
- return colors[index % colors.length];
- }
-
- var option;
- option = {
- tooltip: {},
- animationDurationUpdate: 1500,
- animationEasingUpdate: 'quinticInOut',
- series: [{
- type: 'graph',
- layout: 'none',
- symbolSize: SymbolSize, // 璋冩暣鑺傜偣澶у皬
- label: {
- show: true,
- color: 'black', // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
- fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
- },
- edgeSymbol: ['circle'],
- edgeSymbolSize: [4, 10],
- edgeLabel: {
- fontSize: 40
- },
- data: nodeData,
- links: [{
- source: 0,
- target: 1,
- symbolSize: [5, 20]
- },
- {
- source: 'Node 2',
- target: 'Node 1'
- },
- {
- source: 'Node 1',
- target: 'Node 3'
- },
- {
- source: 'Node 2',
- target: 'Node 3'
- },
- {
- source: 'Node 2',
- target: 'Node 4'
- },
- {
- source: 'Node 1',
- target: 'Node 4'
- }
- ],
- lineStyle: {
- opacity: 0.9,
- width: 2,
- curveness: 0
- }
- }]
- };
-
- // 灏嗙敓鎴愮殑杩炴帴绾挎坊鍔犲埌echarts鍥捐〃鐨刼ption涓�
- option.series[0].links = links;
- option && myChart.setOption(option);
- },
- // 鏃剁┖鍦板浘
- spaceTime() {
- var chartDom = document.getElementById('spaceTime');
- var myChart = echarts.init(chartDom);
- var option;
-
- const data = [{
- name: '娴烽棬',
- value: 9
- },
- {
- name: '閲戞槍',
- value: 19
- },
- {
- name: '娉夊窞',
- value: 21
- },
- {
- name: '琛㈠窞',
- value: 177
- },
- {
- name: '寤婂潑',
- value: 193
- },
- {
- name: '鑿忔辰',
- value: 194
- },
- {
- name: '鍚堣偉',
- value: 229
- },
- {
- name: '姝︽眽',
- value: 273
- },
- {
- name: '澶у簡',
- value: 279
- }
- ];
- const geoCoordMap = {
- 娴烽棬: [121.15, 31.89],
- 閯傚皵澶氭柉: [109.781327, 39.608266],
- 鎷涜繙: [120.38, 37.35],
- 骞抽《灞�: [113.29, 33.75],
- 閭㈠彴: [114.48, 37.05],
- 寰峰窞: [116.29, 37.45],
- 娴庡畞: [116.59, 35.38],
- 鑽嗗窞: [112.239741, 30.335165],
- 瀹滄槍: [111.3, 30.7],
- 涔変箤: [120.06, 29.32],
- 涓芥按: [119.92, 28.45],
- 娲涢槼: [112.44, 34.7],
- 绉︾殗宀�: [119.57, 39.95],
- 鏍床: [113.16, 27.83],
- 鐭冲搴�: [114.48, 38.03],
- 鑾辫姕: [117.67, 36.19],
- 甯稿痉: [111.69, 29.05],
- 淇濆畾: [115.48, 38.85],
- 婀樻江: [112.91, 27.87],
- 閲戝崕: [119.64, 29.12],
- 宀抽槼: [113.09, 29.37],
- 闀挎矙: [113, 28.21],
- 琛㈠窞: [118.88, 28.97],
- 寤婂潑: [116.7, 39.53],
- 鑿忔辰: [115.480656, 35.23375],
- 鍚堣偉: [117.27, 31.86],
- 姝︽眽: [114.31, 30.52],
- 澶у簡: [125.03, 46.58]
- };
- const convertData = function(data) {
- var res = [];
- for (var i = 0; i < data.length; i++) {
- var geoCoord = geoCoordMap[data[i].name];
- if (geoCoord) {
- res.push({
- name: data[i].name,
- value: geoCoord.concat(data[i].value)
- });
- }
- }
- return res;
- };
- option = {
- tooltip: {
- trigger: 'item'
- },
- bmap: {
- center: [104.114129, 37.550339],
- zoom: 1,
- roam: true,
- mapStyle: {
- styleJson: [{
- featureType: 'water',
- elementType: 'all',
- stylers: {
- color: '#d1d1d1'
- }
- },
- {
- featureType: 'land',
- elementType: 'all',
- stylers: {
- color: '#f3f3f3'
- }
- },
- {
- featureType: 'manmade',
- elementType: 'all',
- stylers: {
- color: '#d1d1d1'
- }
- },
- {
- featureType: 'local',
- elementType: 'all',
- stylers: {
- color: '#d1d1d1'
- }
- },
- {
- featureType: 'arterial',
- elementType: 'labels',
- stylers: {
- visibility: 'off'
- }
- },
- {
- featureType: 'boundary',
- elementType: 'all',
- stylers: {
- color: '#fefefe'
- }
- },
- {
- featureType: 'building',
- elementType: 'all',
- stylers: {
- color: '#d1d1d1'
- }
- },
- {
- featureType: 'label',
- elementType: 'labels.text.fill',
- stylers: {
- color: '#999999'
- }
- }
- ]
- }
- },
- series: [{
- name: 'pm2.5',
- type: 'scatter',
- coordinateSystem: 'bmap',
- data: convertData(data),
- symbolSize: function(val) {
- return val[2] / 10;
- },
- encode: {
- value: 2
- },
- credits: {
- enabled: false
- },
- label: {
- formatter: '{b}',
- position: 'right',
- show: false
- },
- emphasis: {
- label: {
- show: true
- }
- }
- },
- {
- name: 'Top 5',
- type: 'effectScatter',
- coordinateSystem: 'bmap',
- data: convertData(
- data
- .sort(function(a, b) {
- return b.value - a.value;
- })
- .slice(0, 6)
- ),
- symbolSize: function(val) {
- return val[2] / 10;
- },
- encode: {
- value: 2
- },
- showEffectOn: 'render',
- rippleEffect: {
- brushType: 'stroke'
- },
- label: {
- formatter: '{b}',
- position: 'right',
- show: true
- },
- itemStyle: {
- shadowBlur: 10,
- shadowColor: '#333'
- },
- emphasis: {
- scale: true
- },
- zlevel: 1
- }
- ]
- };
-
-
- option && myChart.setOption(option);
-
- },
-
- }
- }
+ option && myChart.setOption(option);
+ }
+ }
+};
</script>
<style>
- /* Table1琛ㄦ牸閲岄潰鐨勬暟鎹� */
- ::v-deep .is-leaf {
- .cell {
- font-size: .14rem !important;
- height: .4rem !important;
- line-height: .4rem !important;
- }
- }
+/* Table1琛ㄦ牸閲岄潰鐨勬暟鎹� */
+::v-deep .is-leaf {
+ .cell {
+ font-size: 0.14rem !important;
+ height: 0.4rem !important;
+ line-height: 0.4rem !important;
+ }
+}
- ::v-deep .el-table__body {
- .cell {
- font-size: .14rem !important;
- height: .4rem !important;
- line-height: .4rem !important;
- }
- }
+::v-deep .el-table__body {
+ .cell {
+ font-size: 0.14rem !important;
+ height: 0.4rem !important;
+ line-height: 0.4rem !important;
+ }
+}
- /* --------------- */
+/* --------------- */
- .BoxLeft ::v-deep.el-card__body {
- padding: .1rem .11rem !important;
- }
+.BoxLeft ::v-deep.el-card__body {
+ padding: 0.1rem 0.11rem !important;
+}
- ::v-deep .el-tabs__content {
- line-height: 1;
- }
+::v-deep .el-tabs__content {
+ line-height: 1;
+}
+/* 涓汉灏忎紶 ------------------*/
+::v-deep .el-dialog__header {
+ display: none;
+}
- /* 涓汉灏忎紶 ------------------*/
- ::v-deep .el-dialog__header {
- display: none;
- }
+::v-deep .el-dialog__body {
+ padding: 0;
+}
- ::v-deep .el-dialog__body {
- padding: 0;
- }
+.ProfileNav {
+ width: 100%;
+ height: 0.7rem;
+ background: url(@/static/image/ProfileBg.png);
+ background-size: 100% 100%;
+ font-size: 0.24rem;
+ color: #2c2c2c;
+ font-weight: bold;
+}
- .ProfileNav {
- width: 100%;
- height: 0.7rem;
- background: url(@/static/image/ProfileBg.png);
- background-size: 100% 100%;
- font-size: .24rem;
- color: #2C2C2C;
- font-weight: bold;
- }
+/* ------------------- */
- /* ------------------- */
+img {
+ width: 100%;
+ height: 100%;
+}
+* {
+ box-sizing: border-box;
+}
- img {
- width: 100%;
- height: 100%;
- }
+.NavTop {
+ background-color: #0c274c;
+ padding: 15rpx 25rpx;
+ color: #fff !important;
+}
+.NavTop img {
+ width: 30rpx;
+ height: 30rpx;
+ vertical-align: middle;
+}
- * {
- box-sizing: border-box;
- }
+.NavTop .NavTopr {
+ img {
+ margin-right: 10rpx;
+ }
+}
- .NavTop {
- background-color: #0c274c;
- padding: 15rpx 25rpx;
- color: #fff !important;
+.mImage {
+ width: 100%;
+ height: 30rpx;
+}
+.mImage img {
+ vertical-align: top;
+}
- img {
- width: 30rpx;
- height: 30rpx;
- vertical-align: middle;
- }
+.Midde {
+ /* background-color: #dbeafd; */
+ background-image: url(@/static/image/yongBg.png);
+ background-size: 100% 100%;
+ color: #000;
+ align-items: flex-start;
+ padding: 0.18rem 0.24rem;
+}
+.Midde view {
+ color: #000;
+}
- .NavTopr {
- img {
- margin-right: 10rpx;
- }
- }
- }
+.Midde .MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: 0.12rem;
+ padding: 0;
+ border: 1px solid #9e9e9e;
+}
- .mImage {
- width: 100%;
- height: 30rpx;
+.yinyong {
+ font-size: 0.12rem;
+}
+.yinyong img {
+ width: 0.12rem;
+ height: 0.1rem;
+ vertical-align: top;
+ margin-right: 0.03rem;
+}
- img {
- vertical-align: top;
- }
- }
+.el-dialog__wrapper {
+ background: rgba(0, 0, 0, 0.3);
+}
- .Midde {
- /* background-color: #dbeafd; */
- background-image: url(@/static/image/yongBg.png);
- background-size: 100% 100%;
- color: #000;
- align-items: flex-start;
- padding: .18rem .24rem ;
-
- view {
- color: #000;
- }
-
- .MiddeBack {
- width: 0.6rem;
- height: 0.24rem;
- font-size: .12rem;
- padding: 0;
- border: 1px solid #9E9E9E;
- }
- }
-
- .yinyong {
- font-size: .12rem;
-
- img {
- width: .12rem;
- height: .1rem;
- vertical-align: top;
- margin-right: .03rem;
- }
- }
-
- .el-dialog__wrapper {
- background: rgba(0, 0, 0, .3);
- }
-
- .fz {
- /* line-height: 1.3;
+.fz {
+ /* line-height: 1.3;
height: 100rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; */
- color: #2C2C2C;
- }
+ color: #2c2c2c;
+}
- ::v-deep .el-card__body {
- padding: .1rem !important;
- }
+::v-deep .el-card__body {
+ padding: 0.1rem !important;
+}
- /* echart鍦板浘姘村嵃 */
- ::v-deep .BMap_cpyCtrl {
- display: none;
- }
+/* echart鍦板浘姘村嵃 */
+::v-deep .BMap_cpyCtrl {
+ display: none;
+}
- ::v-deep .anchorBL {
- display: none;
- }
+::v-deep .anchorBL {
+ display: none;
+}
- ::v-deep .el-tabs__nav-wrap::after {
- background-color: transparent;
- }
+::v-deep .el-tabs__nav-wrap::after {
+ background-color: transparent;
+}
- ::v-deep .el-tabs__nav {
- margin-bottom: .1rem !important;
+::v-deep .el-tabs__nav {
+ margin-bottom: 0.1rem !important;
+}
- }
+::v-deep .el-tabs__nav-scroll {
+ display: flex;
+ justify-content: center;
+}
- ::v-deep .el-tabs__nav-scroll {
- display: flex;
- justify-content: center;
- }
+::v-deep .el-tabs__item {
+ width: 1rem;
+ font-size: 0.14rem;
+ line-height: 0.4rem;
+ height: 0.4rem;
+}
- ::v-deep .el-tabs__item {
- width: 1rem;
- font-size: .14rem;
- line-height: .4rem;
- height: .4rem;
- }
+::v-deep .el-tabs__header {
+ margin: 0 0 10rpx;
+}
- ::v-deep .el-tabs__header {
- margin: 0 0 10rpx;
- }
+::v-deep .el-tabs__active-bar {
+ /* 璁剧疆婊氬姩鏉″搴� */
+ width: 1rem !important;
+ height: 0.03rem !important;
+ background-color: #597aa5;
+ transform: translateX(-20px);
+ /* margin-top: .09rem; */
+}
- ::v-deep .el-tabs__active-bar {
- /* 璁剧疆婊氬姩鏉″搴� */
- width: 1rem !important;
- height: .03rem !important;
- background-color: #597AA5;
- transform: translateX(-20px);
- /* margin-top: .09rem; */
- }
+::v-deep .el-tabs__active-bar {
+ top: 0.37rem !important;
+}
- ::v-deep .el-tabs__active-bar {
- top: .37rem !important;
- }
+::v-deep .el-table::before {
+ background-color: #fff !important;
+}
- ::v-deep .el-table::before {
- background-color: #fff !important;
- }
+.BoxRight ::v-deep.el-card__body {
+ padding: 0.2rem 0.14rem !important;
+}
- .BoxRight ::v-deep.el-card__body {
- padding: .2rem .14rem !important;
-
- }
-
- .BoxRight .box-card {
- margin-bottom: .2rem !important;
- }
-</style>
\ No newline at end of file
+.BoxRight .box-card {
+ margin-bottom: 0.2rem !important;
+}
+</style>
diff --git a/src/pages/zhongyi/zhongyi.vue b/src/pages/zhongyi/zhongyi.vue
index 1e62745..f9ee5e6 100644
--- a/src/pages/zhongyi/zhongyi.vue
+++ b/src/pages/zhongyi/zhongyi.vue
@@ -1,642 +1,657 @@
<template>
- <view >
- <headNav :idIndex="idIndex" :searchBg="false" text="瀹跺浼犳壙" bg="/static/image/topBg1.png"
- bg1="/static/image/line1.png" />
+ <view>
+ <headNav
+ :idIndex="idIndex"
+ :searchBg="false"
+ text="瀹跺浼犳壙"
+ bg="/static/image/topBg1.png"
+ bg1="/static/image/line1.png"
+ />
- <view class="flex" style="padding: .24rem 1.21rem ;background-color: #f0f0f0;">
- <view class="flex">
- <el-button class="MiddeBack flex flex-center" @click="goBack">杩斿洖</el-button>
- <h3 style="margin-left: .22rem;font-size: .28erm;font-weight: 500;">閭电櫥鐎�</h3>
- </view>
- <ul class="flex Lists">
- <li style="background-color: #DA7A2B;color: #fff;">涓栧尰浼犳壙</li>
- <li @click="ListClick" style="background-color: #fff;color: #DA7A2B;" >涓栧尰浼犳壙</li>
- </ul>
- <view style="width: 1rem;"></view>
- </view>
- <!-- echarts鍥� -->
- <div class="barChart" ref="barChart"></div>
- </view>
+ <view
+ class="flex"
+ style="padding: 0.24rem 1.21rem; background-color: #f0f0f0"
+ >
+ <view class="flex">
+ <el-button class="MiddeBack flex flex-center" @click="goBack"
+ >杩斿洖</el-button
+ >
+ <h3 style="margin-left: 0.22rem; font-size: 0.28erm; font-weight: 500">
+ 閭电櫥鐎�
+ </h3>
+ </view>
+ <ul class="flex Lists">
+ <li style="background-color: #da7a2b; color: #fff">涓栧尰浼犳壙</li>
+ <li @click="ListClick" style="background-color: #fff; color: #da7a2b">
+ 涓栧尰浼犳壙
+ </li>
+ </ul>
+ <view style="width: 1rem"></view>
+ </view>
+ <!-- echarts鍥� -->
+ <div class="barChart" ref="barChart"></div>
+ </view>
</template>
<script>
- import * as echarts from "echarts";
- export default {
- data() {
- return {
- // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
- idIndex: 0,
- activeIndex: 1
- }
- },
- onLoad(options) {
- this.idIndex = options.id
- },
- mounted() {
- // 鍒濆鍖� echarts
- this.initBarChart();
- },
- methods: {
- initBarChart() {
- // WMBg
- //閫氳繃 $ref 杩涜鎸傝浇
- let myChart = echarts.init(this.$refs.barChart);
+import * as echarts from "echarts";
+export default {
+ data() {
+ return {
+ // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ
+ idIndex: 0,
+ activeIndex: 1
+ };
+ },
+ onLoad(options) {
+ this.idIndex = options.id;
+ },
+ mounted() {
+ // 鍒濆鍖� echarts
+ this.initBarChart();
+ },
+ methods: {
+ initBarChart() {
+ // WMBg
+ //閫氳繃 $ref 杩涜鎸傝浇
+ let myChart = echarts.init(this.$refs.barChart);
- let FontSize = 12; // 瀛椾綋澶у皬
- let BorderWidth = 2; // 杈规澶у皬
- let SymbolSize = 80; // 灏哄璺濈
- let Distance = 10;
- // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
- if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
- FontSize = 28
- BorderWidth = 5
- SymbolSize = 100
- Distance = 33
- } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
- FontSize = 28
- BorderWidth = 4
- SymbolSize = 90
- Distance = 22
- } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
- FontSize = 18
- BorderWidth = 4
- SymbolSize = 70
- Distance = 22
- }
+ let FontSize = 12; // 瀛椾綋澶у皬
+ let BorderWidth = 2; // 杈规澶у皬
+ let SymbolSize = 80; // 灏哄璺濈
+ let Distance = 10;
+ // 涓嶅悓灏哄涓嬩慨鏀筫charts鐨勫瓧浣�
+ if (window.innerWidth > 2560 && window.innerWidth <= 3840) {
+ FontSize = 28;
+ BorderWidth = 5;
+ SymbolSize = 100;
+ Distance = 33;
+ } else if (window.innerWidth > 1920 && window.innerWidth <= 2560) {
+ FontSize = 28;
+ BorderWidth = 4;
+ SymbolSize = 90;
+ Distance = 22;
+ } else if (window.innerWidth >= 1366 && window.innerWidth <= 1920) {
+ FontSize = 18;
+ BorderWidth = 4;
+ SymbolSize = 70;
+ Distance = 22;
+ }
- let option = {
- title: {
- text: [""],
- },
- backgroundColor: {
- type: 'image',
- image: '/static/image/WMBg.png',
- repeat: 'repeat-x', // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
- size: '100% 100%', // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
- position: 'center center' // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
- },
- tooltip: {},
- animationDurationUpdate: 1500,
- animationEasingUpdate: "quinticInOut",
- series: [{
- type: "graph",
- layout: "none",
- symbolSize: SymbolSize + 20,
- //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
- roam: false,
- label: {
- show: true,
- color: 'black', // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
- fontSize: FontSize, // 璁剧疆鏂囧瓧澶у皬
- },
- edgeSymbol: ["circle", "arrow"],
- edgeSymbolSize: [4, 10],
+ let option = {
+ title: {
+ text: [""]
+ },
+ backgroundColor: {
+ type: "image",
+ image: "/static/image/WMBg.png",
+ repeat: "repeat-x", // 鏄惁骞抽摵锛屽彲浠ユ槸 'repeat-x', 'repeat-y', 'no-repeat'
+ size: "100% 100%", // 鑳屾櫙鍥剧墖鐨勫昂瀵革紝鍙互鏄櫨鍒嗘瘮鎴栬�呭儚绱�
+ position: "center center" // 鑳屾櫙鍥剧墖鐨勪綅缃紝鍙互鏄� top, bottom, middle 鎴栬�呯櫨鍒嗘瘮
+ },
+ tooltip: {},
+ animationDurationUpdate: 1500,
+ animationEasingUpdate: "quinticInOut",
+ series: [
+ {
+ type: "graph",
+ layout: "none",
+ symbolSize: SymbolSize + 20,
+ //鏄惁鍏佽鐢ㄦ埛鎷栧姩鍥剧墖
+ roam: false,
+ label: {
+ show: true,
+ color: "black", // 璁剧疆鑺傜偣鏂囧瓧棰滆壊涓洪粦鑹�
+ fontSize: FontSize // 璁剧疆鏂囧瓧澶у皬
+ },
+ edgeSymbol: ["circle", "arrow"],
+ edgeSymbolSize: [4, 10],
- edgeLabel: {
- show: true,
- fontSize: FontSize, //鏇存敼涓よ�呭叧绯荤殑瀛椾綋
- position: "middle",
- //杩欓噷璁剧疆鍏崇郴鏂囧瓧鏄惁鍜岀嚎娈甸噸鍙�
- // padding: [0, 0], // 璋冩暣鍐呰竟璺濅互纭繚鏍囩涓庣嚎娈电揣瀵嗚创鍚�
- // verticalAlign: 'middle', // 璁剧疆鏂囨湰鐨勫瀭鐩村榻愭柟寮忎负灞呬腑
- formatter: function(params) {
- // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
- // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
- return params.data.relationName ||
- "鐖跺瓙"; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
- },
- },
- //鍚勪釜鑺傜偣
- data: [{
- name: "钖涢洩",
- x: 300,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭电櫥鐎�",
- x: 400,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭甸瞾鐬�",
- x: 500,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫槬娉�",
- x: 600,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "寰愰敠",
- x: 650,
- y: 400,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "閭典笝鎵�",
- x: 700,
- y: 300,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "鍐鑺�",
- x: 720,
- y: 400,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏉庨缚绔�",
- x: 740,
- y: 500,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫櫙灏�",
- x: 800,
- y: 200,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "閭垫櫙搴�",
- x: 800,
- y: 400,
- itemStyle: {
- color: "#F8E2D7",
- borderColor: "#F3AA78",
- borderWidth: "3",
- },
- },
- {
- name: "椴嶆槆",
- x: 750,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏂囬緳",
- x: 850,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鍌呭簡璐�",
- x: 950,
- y: 50,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鎴愬厑",
- x: 950,
- y: 100,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鑳＄帀鍧�",
- x: 950,
- y: 150,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "瑁曠",
- x: 950,
- y: 200,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "闄嗕箖鏄�",
- x: 950,
- y: 250,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鍒樹紶绁�",
- x: 950,
- y: 300,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "閭佃瘹",
- x: 950,
- y: 350,
- itemStyle: {
- color: "#DCE7EB",
- borderColor: "#5F81A4",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�",
- x: 1050,
- y: 200,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�01",
- x: 1050,
- y: 50,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- {
- name: "鏇惧浗钘�02",
- x: 1050,
- y: 350,
- itemStyle: {
- color: "#E1E1E1",
- borderColor: "#888888",
- borderWidth: "3",
- },
- },
- ],
- //鍏崇郴杩炴帴
- links: [{
- source: "钖涢洩",
- target: "閭电櫥鐎�",
- relationName: "甯堝緬",
- hasArrow: "true",
- },
- {
- source: "閭电櫥鐎�",
- target: "閭甸瞾鐬�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭甸瞾鐬�",
- target: "閭垫槬娉�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭垫槬娉�",
- target: "閭典笝鎵�",
- relationName: "鍙斾緞",
- },
- //鏇茬嚎
- {
- source: "閭垫槬娉�",
- target: "寰愰敠",
- relationName: "鏈嬪弸",
- //杩欓噷璁剧疆涓轰笉甯︾澶�
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭典笝鎵�",
- target: "閭垫櫙灏�",
- relationName: "鐖跺瓙",
- },
- {
- source: "閭典笝鎵�",
- target: "閭垫櫙搴�",
- relationName: "鐖跺瓙",
- },
- //鏇茬嚎
- {
- source: "閭典笝鎵�",
- target: "鍐鑺�",
- relationName: "鏈嬪弸",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- //鏇茬嚎
- {
- source: "閭典笝鎵�",
- target: "椴嶆槆",
- relationName: "甯堝緬",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: 0.2,
- },
- },
- //鏇茬嚎
- {
- source: "鍐鑺�",
- target: "鏉庨缚绔�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "閭垫櫙搴�",
- relationName: "鍏勫紵",
- },
- {
- source: "閭垫櫙搴�",
- target: "閭垫櫙灏�",
- relationName: "鍏勫紵",
- },
- {
- source: "閭垫櫙灏�",
- target: "椴嶆槆",
- relationName: "濮讳翰",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鏂囬緳",
- relationName: "鏈嬪弸",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: 0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鍌呭簡璐�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.1,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鎴愬厑",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鑳＄帀鍧�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "瑁曠",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "闄嗕箖鏄�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "鍒樹紶绁�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "閭垫櫙灏�",
- target: "閭佃瘹",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- curveness: -0.2,
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鑳＄帀鍧�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "瑁曠",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "闄嗕箖鏄�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鍒樹紶绁�",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鎴愬厑",
- target: "鏇惧浗钘�",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "鍌呭簡璐�",
- target: "鏇惧浗钘�01",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- {
- source: "閭佃瘹",
- target: "鏇惧浗钘�02",
- relationName: "鍚屽儦",
- symbol: ["none", "none"],
- lineStyle: {
- color: "#6584B1",
- },
- },
- ],
- lineStyle: {
- color: "#000000",
- opacity: 0.9,
- width: 2,
- curveness: 0,
- },
- }, ],
- };
- //杩涜娓叉煋
- myChart.setOption(option);
- },
- // 杩斿洖鎸夐挳
- goBack() {
- this.$router.go(-1);
- },
- }
- }
+ edgeLabel: {
+ show: true,
+ fontSize: FontSize, //鏇存敼涓よ�呭叧绯荤殑瀛椾綋
+ position: "middle",
+ //杩欓噷璁剧疆鍏崇郴鏂囧瓧鏄惁鍜岀嚎娈甸噸鍙�
+ // padding: [0, 0], // 璋冩暣鍐呰竟璺濅互纭繚鏍囩涓庣嚎娈电揣瀵嗚创鍚�
+ // verticalAlign: 'middle', // 璁剧疆鏂囨湰鐨勫瀭鐩村榻愭柟寮忎负灞呬腑
+ formatter: function (params) {
+ // params.data 鏄竟鐨勬暟鎹璞★紝浣犲彲浠ュ湪杩欓噷瀹氫箟鍏崇郴鍚�
+ // 渚嬪锛屼綘鍙互鏍规嵁 source 鍜� target 鐨勫悕绉版潵瀹氫箟鍏崇郴鍚�
+ return params.data.relationName || "鐖跺瓙"; // 濡傛灉瀹氫箟浜� relationName 鍒欐樉绀哄畠锛屽惁鍒欐樉绀衡�滅埗瀛愨��
+ }
+ },
+ //鍚勪釜鑺傜偣
+ data: [
+ {
+ name: "钖涢洩",
+ x: 300,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭电櫥鐎�",
+ x: 400,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭甸瞾鐬�",
+ x: 500,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫槬娉�",
+ x: 600,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "寰愰敠",
+ x: 650,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭典笝鎵�",
+ x: 700,
+ y: 300,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍐鑺�",
+ x: 720,
+ y: 400,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏉庨缚绔�",
+ x: 740,
+ y: 500,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫櫙灏�",
+ x: 800,
+ y: 200,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭垫櫙搴�",
+ x: 800,
+ y: 400,
+ itemStyle: {
+ color: "#F8E2D7",
+ borderColor: "#F3AA78",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "椴嶆槆",
+ x: 750,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏂囬緳",
+ x: 850,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍌呭簡璐�",
+ x: 950,
+ y: 50,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鎴愬厑",
+ x: 950,
+ y: 100,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鑳＄帀鍧�",
+ x: 950,
+ y: 150,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "瑁曠",
+ x: 950,
+ y: 200,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "闄嗕箖鏄�",
+ x: 950,
+ y: 250,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鍒樹紶绁�",
+ x: 950,
+ y: 300,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "閭佃瘹",
+ x: 950,
+ y: 350,
+ itemStyle: {
+ color: "#DCE7EB",
+ borderColor: "#5F81A4",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�",
+ x: 1050,
+ y: 200,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�01",
+ x: 1050,
+ y: 50,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ },
+ {
+ name: "鏇惧浗钘�02",
+ x: 1050,
+ y: 350,
+ itemStyle: {
+ color: "#E1E1E1",
+ borderColor: "#888888",
+ borderWidth: "3"
+ }
+ }
+ ],
+ //鍏崇郴杩炴帴
+ links: [
+ {
+ source: "钖涢洩",
+ target: "閭电櫥鐎�",
+ relationName: "甯堝緬",
+ hasArrow: "true"
+ },
+ {
+ source: "閭电櫥鐎�",
+ target: "閭甸瞾鐬�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭甸瞾鐬�",
+ target: "閭垫槬娉�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭垫槬娉�",
+ target: "閭典笝鎵�",
+ relationName: "鍙斾緞"
+ },
+ //鏇茬嚎
+ {
+ source: "閭垫槬娉�",
+ target: "寰愰敠",
+ relationName: "鏈嬪弸",
+ //杩欓噷璁剧疆涓轰笉甯︾澶�
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙灏�",
+ relationName: "鐖跺瓙"
+ },
+ {
+ source: "閭典笝鎵�",
+ target: "閭垫櫙搴�",
+ relationName: "鐖跺瓙"
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "鍐鑺�",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ //鏇茬嚎
+ {
+ source: "閭典笝鎵�",
+ target: "椴嶆槆",
+ relationName: "甯堝緬",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2
+ }
+ },
+ //鏇茬嚎
+ {
+ source: "鍐鑺�",
+ target: "鏉庨缚绔�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭垫櫙搴�",
+ relationName: "鍏勫紵"
+ },
+ {
+ source: "閭垫櫙搴�",
+ target: "閭垫櫙灏�",
+ relationName: "鍏勫紵"
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "椴嶆槆",
+ relationName: "濮讳翰",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鏂囬緳",
+ relationName: "鏈嬪弸",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: 0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍌呭簡璐�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.1
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鎴愬厑",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鑳＄帀鍧�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "瑁曠",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "闄嗕箖鏄�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "鍒樹紶绁�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "閭垫櫙灏�",
+ target: "閭佃瘹",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1",
+ curveness: -0.2
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鑳＄帀鍧�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "瑁曠",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "闄嗕箖鏄�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鍒樹紶绁�",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鎴愬厑",
+ target: "鏇惧浗钘�",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "鍌呭簡璐�",
+ target: "鏇惧浗钘�01",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ },
+ {
+ source: "閭佃瘹",
+ target: "鏇惧浗钘�02",
+ relationName: "鍚屽儦",
+ symbol: ["none", "none"],
+ lineStyle: {
+ color: "#6584B1"
+ }
+ }
+ ],
+ lineStyle: {
+ color: "#000000",
+ opacity: 0.9,
+ width: 2,
+ curveness: 0
+ }
+ }
+ ]
+ };
+ //杩涜娓叉煋
+ myChart.setOption(option);
+ },
+ // 杩斿洖鎸夐挳
+ goBack() {
+ this.$router.go(-1);
+ }
+ }
+};
</script>
<style scoped>
- .Lists {
- li {
- /* background-color: #e4ebf3;
+.Lists li {
+ /* background-color: #e4ebf3;
border: 1rpx solid #5778a2;
padding: 5rpx 10rpx;
font-size: 18rpx; */
- width: 0.96rem;
- height: .3rem;
- border: 1px solid #DA7A2B;
- line-height: .3rem;
- text-align: center;
- font-size: .14rem;
- }
- }
- .MiddeBack {
- width: 0.6rem;
- height: 0.24rem;
- font-size: .12rem;
- padding: 0;
-
- }
- .barChart {
- width: 100vw;
- height: 80vh;
- }
-</style>
\ No newline at end of file
+ width: 0.96rem;
+ height: 0.3rem;
+ border: 1px solid #da7a2b;
+ line-height: 0.3rem;
+ text-align: center;
+ font-size: 0.14rem;
+}
+
+.MiddeBack {
+ width: 0.6rem;
+ height: 0.24rem;
+ font-size: 0.12rem;
+ padding: 0;
+}
+.barChart {
+ width: 100vw;
+ height: 80vh;
+}
+</style>
diff --git a/src/uni_modules/csr-tab/components/csr-tab/csr-tab.vue b/src/uni_modules/csr-tab/components/csr-tab/csr-tab.vue
index f2c2ed8..7cb4a6c 100644
--- a/src/uni_modules/csr-tab/components/csr-tab/csr-tab.vue
+++ b/src/uni_modules/csr-tab/components/csr-tab/csr-tab.vue
@@ -132,11 +132,8 @@
font-size: 14px;
height: 44px;
line-height: 44px;
- // sdsd
- // justify-content: center;
.uni-tab-item {
flex: 1;
- // width: 20% !important;
height: 100%;
text-align: center;
box-sizing: border-box;
diff --git a/src/uni_modules/jc-form/components/jc-form-item/jc-form-item.vue b/src/uni_modules/jc-form/components/jc-form-item/jc-form-item.vue
index d6ca815..cc43904 100644
--- a/src/uni_modules/jc-form/components/jc-form-item/jc-form-item.vue
+++ b/src/uni_modules/jc-form/components/jc-form-item/jc-form-item.vue
@@ -101,14 +101,6 @@
</template>
<style lang="scss" scoped>
- // // 绌块�忛殧绂籧ss
- // ::v-deep input {
- // height: 100rpx;
-
- // &:active {
- // background: rgba(0, 0, 0, .02);
- // }
- // }
.jc-form-item {
display: flex;
align-items: center;
diff --git a/src/uni_modules/next-search-more/components/next-search-more/next-search-more.vue b/src/uni_modules/next-search-more/components/next-search-more/next-search-more.vue
index b62e99f..3b92595 100644
--- a/src/uni_modules/next-search-more/components/next-search-more/next-search-more.vue
+++ b/src/uni_modules/next-search-more/components/next-search-more/next-search-more.vue
@@ -230,7 +230,6 @@
}
::v-deep .content {
border-radius: 0 !important;
- // border: 1px solid #7d8ea5 !important;
}
::v-deep .button-item {
width: 100% !important;
@@ -245,7 +244,6 @@
width: 100%;
border-bottom: 1px #f5f5f5 solid;
box-sizing: border-box;
- // padding: 15upx;
border-radius: 35rpx;
font-size: $uni-font-size-base;
background: #fff;
--
Gitblit v1.9.1