suzhou-jichuang-lanhai
/
jin_ji_hu
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

政务端工作台样式修改、企业端首页样式修改、登录页样式修改

Browse Source
master
吕天方 11 months ago
parent ce5f99695c
commit c709a76189
10 changed files with 271 additions and 194 deletions
Show Stats Download Patch File Download Diff File

2
package.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"name": "ruoyi", "name": "ruoyi",
"version": "1.0.202408070944", "version": "1.0.202408091105",
"description": "金鸡湖现代服务业品牌管理系统", "description": "金鸡湖现代服务业品牌管理系统",
"author": "若依", "author": "若依",
"license": "MIT", "license": "MIT",

108
src/assets/styles/public.scss
Unescape View File

@ -1915,17 +1915,17 @@
height: 815px; height: 815px;
.col-left-box { .col-left-box {
margin-right: 10px; margin-right: 10px;
// display: grid; .change-August-eight-th-style-row {
// grid-template-columns: 1fr; height: 50%;
// row-gap: 10px;
// height: 100%;
display: flex;
flex-direction: column;
.appropriate-analyse-box {
margin-bottom: 10px; margin-bottom: 10px;
display: flex;
}
.change-August-eight-th-style {
margin-right: 10px;
} }
.appropriate-analyse-box, .promote-analyse-box { .appropriate-analyse-box, .promote-analyse-box,.bottombox-right-box {
height: calc(50% - 5px); height: calc(50% - 5px);
// width: 100%;
// flex: 1; // flex: 1;
background-color: #F5F8FA; background-color: #F5F8FA;
// height: 100%; // height: 100%;
@ -1949,6 +1949,53 @@
color: #383838; color: #383838;
} }
} }
// 产业品牌打造宣传
.brandPublicity-box {
padding: 20px 0;
height: 100%;
.promoteProject-box-wai-box {
height: calc(100% - 20px);
overflow-y: auto;
display: grid;
grid-template-columns: 1fr;
row-gap: 15px;
}
.promoteProject-box-div {
background: #FFFFFF;
padding: 18px 14px;
.promoteProject-top {
.span-one {
font-family: AlibabaPuHuiTiM;
font-size: 16px;
color: #1890FF;
font-style: normal;
text-decoration-line: underline;
text-transform: none;
}
}
.promoteProject-bottom {
margin-top: 16px;
display: flex;
justify-content: space-between;
.promoteProject-bottom-left {
font-family: AlibabaPuHuiTiR;
font-size: 14px;
color: #666666;
.span-two {
font-family: AlibabaPuHuiTiM;
}
}
.promoteProject-bottom-right {
font-family: AlibabaPuHuiTiR;
font-size: 14px;
color: #666666;
.span-three {
font-family: ArialB;
}
}
}
}
}
.capital-appropriate-analyse-box { .capital-appropriate-analyse-box {
height: 400px; height: 400px;
#echartsFour { #echartsFour {
@ -2038,6 +2085,9 @@
} }
} }
} }
.appropriate-analyse-box,.bottombox-right-box {
height: calc(100% - 5px);
}
} }
.col-right-box { .col-right-box {
background-color: #F5F8FA; background-color: #F5F8FA;
@ -2165,14 +2215,27 @@
} }
} }
} }
.main-row-three-bottombox { // .main-row-three-bottombox {
display: flex; // display: flex;
height: 370px; // height: 370px;
margin-top: 10px; // margin-top: 10px;
// }
}
}
}
// 企业端首页
.home-index-main {
height: calc(100% - 55px);
padding: 10px;
box-sizing: border-box;
}
}
// 政务端工作台的 重点及特色项目/产业品牌打造宣传 样式
.bottombox-left-box { .bottombox-left-box {
margin-right: 10px; margin-right: 10px;
} }
.bottombox-left-box,.bottombox-right-box { .bottombox-left-box {
background-color: #F5F8FA; background-color: #F5F8FA;
height: 100%; height: 100%;
padding: 20px 20px 10px; padding: 20px 20px 10px;
@ -2195,13 +2258,15 @@
color: #383838; color: #383838;
} }
} }
.featureProject-box,.brandPublicity-box { .featureProject-box {
// flex: 1; // flex: 1;
padding: 20px 0; padding: 20px 0;
height: calc(100% - 20px); height: 100%;
overflow-y: auto;
// height: calc(100% - 95px); // height: calc(100% - 95px);
.promoteProject-box-wai-box { .promoteProject-box-wai-box {
height: calc(100% - 20px);
overflow-y: auto;
// height: calc(100% - 105px); // height: calc(100% - 105px);
// overflow-y: auto; // overflow-y: auto;
display: grid; display: grid;
@ -2247,18 +2312,7 @@
} }
} }
} }
}
}
}
}
// 企业端首页
.home-index-main {
height: calc(100% - 55px);
padding: 10px;
box-sizing: border-box;
}
}
// 企业端工作台 // 企业端工作台
.home-box { .home-box {
height: 100%; height: 100%;

2
src/store/modules/user.js
Unescape View File

@ -177,7 +177,7 @@ const user = {
}).catch(error => { }).catch(error => {
reject(error) reject(error)
}) })
} else if(state.userType == "01") { } else if(state.token && state.clientToken) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
enterpriseLogout({clienttoken: state.clientToken}).then(()=>{ enterpriseLogout({clienttoken: state.clientToken}).then(()=>{
commit('SET_CLIENTTOKEN', '') commit('SET_CLIENTTOKEN', '')

3
src/views/dataCloudMap/index.vue
Unescape View File

@ -98,7 +98,8 @@
<!-- 第一个卡片 --> <!-- 第一个卡片 -->
<el-card shadow="always" v-for="(item,index) in cardData" :key="index"> <el-card shadow="always" v-for="(item,index) in cardData" :key="index">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span>{{ item.servicesType == 1 ? '生产性服务业' : item.servicesType == 2 ? '生活性服务业' : item.servicesType == 3 ? '新兴服务业' : item.servicesType == 4 ? '限上批零住餐' : '' }}</span> <!-- <span>{{ item.servicesType == 1 ? '生产性服务业' : item.servicesType == 2 ? '生活性服务业' : item.servicesType == 3 ? '新兴服务业' : item.servicesType == 4 ? '限上批零住餐' : '' }}</span> -->
<span>{{ item.servicesType == 1 ? '生产性服务业' : item.servicesType == 2 ? '生活性服务业' : item.servicesType == 3 ? '规上服务业' : item.servicesType == 4 ? '限上批零住餐' : '' }}</span>
</div> </div>
<div class="card-items"> <div class="card-items">
<div class="card-item-left"> <div class="card-item-left">

4
src/views/home/index.vue
Unescape View File

@ -101,7 +101,7 @@
</el-col> </el-col>
<el-col :span="8" class="home-main-right"> <el-col :span="8" class="home-main-right">
<el-row type="flex" class="main-two-row"> <el-row type="flex" class="main-two-row">
<el-col :span="24" class="work-main-left" style="height: 64.5%;"> <el-col :span="24" class="work-main-left" style="height: 49.5%;">
<div class="main-left"> <div class="main-left">
<div class="left-header"> <div class="left-header">
<div class="left-header-titleS"> <div class="left-header-titleS">
@ -160,7 +160,7 @@
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :span="24" class="work-main-right" style="height: 34.5%;"> <el-col :span="24" class="work-main-right" style="height: 49.5%;">
<div class="main-right" id="task-box"> <div class="main-right" id="task-box">
<div class="right-header" id="task-header"> <div class="right-header" id="task-header">
<div class="right-header-box"> <div class="right-header-box">

45
src/views/login.vue
Unescape View File

@ -11,7 +11,8 @@
<el-tab-pane label="企业用户登录" name="01"></el-tab-pane> <el-tab-pane label="企业用户登录" name="01"></el-tab-pane>
<el-tab-pane label="政务用户登录" name="02"></el-tab-pane> <el-tab-pane label="政务用户登录" name="02"></el-tab-pane>
</el-tabs> </el-tabs>
<el-form-item prop="username" v-show="userType == '02'"> <!-- v-show="userType == '02'" -->
<el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
type="text" type="text"
@ -25,7 +26,7 @@
/> />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password" v-show="userType == '02'"> <el-form-item prop="password">
<el-input <el-input
v-model="loginForm.password" v-model="loginForm.password"
type="password" type="password"
@ -40,7 +41,7 @@
/> />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" v-if="captchaEnabled && userType == '02'"> <el-form-item prop="code" v-if="captchaEnabled">
<el-input <el-input
v-model="loginForm.code" v-model="loginForm.code"
auto-complete="off" auto-complete="off"
@ -60,11 +61,10 @@
</el-form-item> </el-form-item>
<el-checkbox <el-checkbox
v-model="loginForm.rememberMe" v-model="loginForm.rememberMe"
v-show="userType == '02'"
style="margin: 0px 0px 25px 0px" style="margin: 0px 0px 25px 0px"
>记住密码</el-checkbox >记住密码</el-checkbox
> >
<el-form-item style="width: 100%" v-if="userType == '02'"> <el-form-item style="width: 100%">
<el-button <el-button
:loading="loading" :loading="loading"
size="medium" size="medium"
@ -78,11 +78,20 @@
<el-button <el-button
size="medium" size="medium"
type="primary" type="primary"
v-if="userType == '02'"
style="width: 100%;margin-left: 0;margin-top: 20px;" style="width: 100%;margin-left: 0;margin-top: 20px;"
@click.native.prevent="changeHttp" @click.native.prevent="changeHttp"
> >
<span>政务通统一身份认证登录</span> <span>政务通统一身份认证登录</span>
<!-- <span v-else>登 录 中...</span> --> </el-button>
<el-button
size="medium"
type="primary"
v-if="userType == '01'"
style="width: 100%;margin-left: 0;margin-top: 20px;"
@click.native.prevent="changeHttp"
>
<span>企业统一身份认证登录</span>
</el-button> </el-button>
<div style="float: right" v-if="register"> <div style="float: right" v-if="register">
<router-link class="link-type" :to="'/register'" <router-link class="link-type" :to="'/register'"
@ -90,7 +99,7 @@
> >
</div> </div>
</el-form-item> </el-form-item>
<el-form-item style="width: 100%" v-else class="enterBtnLogin"> <!-- <el-form-item style="width: 100%" class="enterBtnLogin">
<div class="wai-box"> <div class="wai-box">
<el-button <el-button
:loading="loading" :loading="loading"
@ -103,7 +112,7 @@
<span v-else>登 录 中...</span> <span v-else>登 录 中...</span>
</el-button> </el-button>
</div> </div>
</el-form-item> </el-form-item> -->
</el-form> </el-form>
<!-- 底部 --> <!-- 底部 -->
<!-- <div class="el-login-footer"> <!-- <div class="el-login-footer">
@ -160,14 +169,14 @@ export default {
}, },
}, },
created() { created() {
// this.getCode(); this.getCode();
this.getCookie(); this.getCookie();
}, },
methods: { methods: {
handleClick(tab){ handleClick(tab){
if(tab.index == "1") { // if(tab.index == "1") {
this.getCode(); // this.getCode();
} // }
}, },
getCode() { getCode() {
getCodeImg().then((res) => { getCodeImg().then((res) => {
@ -191,9 +200,6 @@ export default {
}; };
}, },
handleLogin() { handleLogin() {
if(this.userType == '01') {
location.href = process.env.VUE_APP_BASE_API + "/system/singlelogin/login"
} else {
this.$refs.loginForm.validate((valid) => { this.$refs.loginForm.validate((valid) => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
@ -218,17 +224,20 @@ export default {
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
if (this.captchaEnabled) { if (this.captchaEnabled) {
if(this.userType == "02") { // if(this.userType == "02") {
this.getCode(); this.getCode();
} // }
} }
}); });
} }
}); });
}
}, },
changeHttp(){ changeHttp(){
if(this.userType == '01') {
location.href = process.env.VUE_APP_BASE_API + "/system/singlelogin/login"
} else {
location.href = "https://qyt.sipac.gov.cn/sipsg-enterprise-mobile-manage/#/login" location.href = "https://qyt.sipac.gov.cn/sipsg-enterprise-mobile-manage/#/login"
}
}, },
}, },
}; };

12
src/views/login_v1.vue
Unescape View File

@ -40,7 +40,7 @@
/> />
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code"> <el-form-item prop="code" v-if="false">
<el-input <el-input
v-model="loginForm.code" v-model="loginForm.code"
auto-complete="off" auto-complete="off"
@ -144,7 +144,7 @@ export default {
}, },
}, },
created() { created() {
this.getCode(); // this.getCode();
this.getCookie(); this.getCookie();
}, },
methods: { methods: {
@ -198,9 +198,9 @@ export default {
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false;
if (this.captchaEnabled) { // if (this.captchaEnabled) {
this.getCode(); // this.getCode();
} // }
}); });
} }
}); });
@ -241,7 +241,7 @@ export default {
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 400px; width: 400px;
height: 380px; height: 330px;
padding: 25px 25px 5px 25px; padding: 25px 25px 5px 25px;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15);
.el-input { .el-input {

8
src/views/workbench/components/brandPublicity/index.vue
Unescape View File

@ -39,6 +39,14 @@ export default {
projectName:"产业活动名称", projectName:"产业活动名称",
enterprice:"省级", enterprice:"省级",
time:"2023-02-11", time:"2023-02-11",
},{
projectName:"产业活动名称",
enterprice:"省级",
time:"2023-02-11",
},{
projectName:"产业活动名称",
enterprice:"省级",
time:"2023-02-11",
}, },
] ]
} }

46
src/views/workbench/components/capitalAppropriateAnalyse/index.vue
Unescape View File

@ -6,13 +6,14 @@
import * as echarts from "echarts"; import * as echarts from "echarts";
export default { export default {
data() { data() {
let colors = ['#EE462A','#FF8929', '#FFBB00', '#5CBC69', '#00AEFF'] // '#EE462A','#FF8929',
let colors = ['#FFBB00', '#5CBC69', '#00AEFF']
let datas = [ let datas = [
{ value: 300, proportion: 16, name: '制造业服务化奖励', label:{color:"#EE462A"}}, // { value: 300, proportion: 16, name: '制造业服务化奖励', label:{color:"#EE462A"}},
{ value: 500, proportion: 16, name: '鼓励社会信用体系建设', label:{color:"#FF8929"}}, // { value: 500, proportion: 16, name: '鼓励社会信用体系建设', label:{color:"#FF8929"}},
{ value: 400, proportion: 36, name: '产业提升和品牌建设奖励', label:{color:"#FFBB00"}}, { value: 400, proportion: 36, name: '区级总部', label:{color:"#FFBB00"}},
{ value: 500, proportion: 16, name: '经营奖励', label:{color:"#5CBC69"}}, { value: 500, proportion: 16, name: '市级服务业领军', label:{color:"#5CBC69"}},
{ value: 200, proportion: 16, name: '一事一议', label:{color:"#00AEFF"}}, { value: 200, proportion: 16, name: '其他', label:{color:"#00AEFF"}},
]; ];
// 公用调整 // 公用调整
let itemStyle = { let itemStyle = {
@ -30,32 +31,11 @@ export default {
sum: 5000, sum: 5000,
option: { option: {
color:colors, color:colors,
// grid: {
// top: "0%",
// left: "5%",
// right: "80%",
// bottom: "8%", //也可设置left和right设置距离来控制图表的大小
// },
// title: {
// text: "总额",
// subtext: 800,
// textStyle: {
// color: "#65FDFD",
// fontSize: 32,
// // align: 'center'
// },
// subtextStyle: {
// fontSize: 36,
// color: "#ffc20e",
// fontWeight: "bold"
// },
// x: "center",
// y: "center",
// },
legend: { legend: {
bottom: '32%', bottom: '2%',
right: '2%', right: '0%',
orient: 'vertical', left: '0%',
orient: 'horizontal',
data: datas, data: datas,
icon: 'square', icon: 'square',
itemWith: 14, itemWith: 14,
@ -85,7 +65,7 @@ export default {
type: "pie", type: "pie",
zlevel: 3, zlevel: 3,
radius: ["40%", "55%"], radius: ["40%", "55%"],
center: ["35%", "50%"], center: ["50%", "50%"],
itemStyle: itemStyle, itemStyle: itemStyle,
emphasis: { emphasis: {
scale: true, scale: true,
@ -142,7 +122,7 @@ export default {
name: "阴影圈", name: "阴影圈",
type: "pie", type: "pie",
radius: ["0%", "35%"], radius: ["0%", "35%"],
center: ["35%", "50%"], center: ["50%", "50%"],
hoverAnimation: false, hoverAnimation: false,
label: { label: {
normal: { normal: {

33
src/views/workbench/index.vue
Unescape View File

@ -188,7 +188,7 @@
</div> </div>
<div class="industry-main"> <div class="industry-main">
<el-row class="main-row-three-topbox"> <el-row class="main-row-three-topbox">
<el-col :span="8" class="industry-top-left-box" id="zhijinyindao-qingkuang"> <!-- <el-col :span="8" class="industry-top-left-box" id="zhijinyindao-qingkuang">
<div class="box-header" id="zhijinyindao-header-id"> <div class="box-header" id="zhijinyindao-header-id">
<span class="garden"></span> <span class="garden"></span>
<span class="box-header-title">资金引导情况分析</span> <span class="box-header-title">资金引导情况分析</span>
@ -196,7 +196,7 @@
<div class="capitalCondition-box"> <div class="capitalCondition-box">
<table-two></table-two> <table-two></table-two>
</div> </div>
</el-col> </el-col> -->
<el-col :span="8" class="industry-top-middle-box" id="zhijinbofu-qingkaung"> <el-col :span="8" class="industry-top-middle-box" id="zhijinbofu-qingkaung">
<div class="box-header" id="zhijinbofu-header-id"> <div class="box-header" id="zhijinbofu-header-id">
<span class="garden"></span> <span class="garden"></span>
@ -206,6 +206,15 @@
<table-three></table-three> <table-three></table-three>
</div> </div>
</el-col> </el-col>
<el-col :span="8" class="bottombox-left-box">
<div class="box-header">
<span class="garden"></span>
<span class="box-header-title">重点及特色项目</span>
</div>
<div class="featureProject-box">
<TableSeven></TableSeven>
</div>
</el-col>
<el-col :span="8" class="industry-top-right-box"> <el-col :span="8" class="industry-top-right-box">
<div class="box-header"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
@ -218,6 +227,8 @@
</el-row> </el-row>
<el-row class="main-row-three-minddlebox"> <el-row class="main-row-three-minddlebox">
<el-col :span="12" class="col-left-box"> <el-col :span="12" class="col-left-box">
<el-row class="change-August-eight-th-style-row">
<el-col :span="12" class="change-August-eight-th-style">
<div class="appropriate-analyse-box"> <div class="appropriate-analyse-box">
<div class="box-header"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
@ -227,6 +238,17 @@
<echartDataFour></echartDataFour> <echartDataFour></echartDataFour>
</div> </div>
</div> </div>
</el-col>
<el-col :span="12" class="bottombox-right-box">
<div class="box-header">
<span class="garden"></span>
<span class="box-header-title">产业品牌打造宣传</span>
</div>
<div class="brandPublicity-box">
<TableEight></TableEight>
</div>
</el-col>
</el-row>
<div class="promote-analyse-box"> <div class="promote-analyse-box">
<div class="box-header"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
@ -262,7 +284,7 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row class="main-row-three-bottombox"> <!-- <el-row class="main-row-three-bottombox">
<el-col :span="12" class="bottombox-left-box"> <el-col :span="12" class="bottombox-left-box">
<div class="box-header"> <div class="box-header">
<span class="garden"></span> <span class="garden"></span>
@ -281,7 +303,7 @@
<TableEight></TableEight> <TableEight></TableEight>
</div> </div>
</el-col> </el-col>
</el-row> </el-row> -->
</div> </div>
</el-row> </el-row>
</main> </main>
@ -295,8 +317,11 @@
<div>{{ info.alertContent }}</div> <div>{{ info.alertContent }}</div>
</div> </div>
</el-dialog> </el-dialog>
<!-- 行业纵深弹框 -->
<collectDialog ref="collectDialog" /> <collectDialog ref="collectDialog" />
<!-- 智能提醒弹框 -->
<zhinengtixing ref="zhinengtixing" @changeIsRead="govRemind()" /> <zhinengtixing ref="zhinengtixing" @changeIsRead="govRemind()" />
<!-- 待办任务弹框 -->
<daibanrenwu ref="daibanrenwu" /> <daibanrenwu ref="daibanrenwu" />
</div> </div>
<homeIndex v-else-if="userType == '01'" /> <homeIndex v-else-if="userType == '01'" />

Write Preview
Loading…
Cancel
Save