ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update:更新样式

Browse Source
This commit is contained in:
lisl
2021-09-10 16:13:44 +08:00
parent ec259ecaa3
commit 2f169da0d1
4 changed files with 91 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
FrontCode2/sunshine_levy/src/elementui/index.js
View File

@@ -1,8 +1,8 @@
import Vue from 'vue' import Vue from "vue";
import { Form, FormItem, Button, Card } from 'element-ui' import { Form, FormItem, Button, Card } from "element-ui";
Vue.use(Form) Vue.use(Form);
Vue.use(FormItem) Vue.use(FormItem);
Vue.use(Button) Vue.use(Button);
Vue.use(Card) Vue.use(Card);

51
FrontCode2/sunshine_levy/src/main.js
View File

@@ -1,54 +1,57 @@
// The Vue build version to load with the `import` command // The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias. // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import './assets/reset.css'; // import "./assets/reset.css";
import 'lib-flexible/flexible'; import "lib-flexible/flexible";
import '@/elementui' import "@/elementui";
import ElementUI from 'element-ui' import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css' import "element-ui/lib/theme-chalk/index.css";
import Vue from 'vue' import Vue from "vue";
import App from './App' import App from "./App";
import router from './router' import router from "./router";
import { Button, NavBar, Cell, CellGroup } from 'vant'; import { Button, NavBar, Cell, CellGroup } from "vant";
Vue.use(Button)
.use(NavBar)
.use(Cell)
.use(CellGroup)
.use(ElementUI);
Vue.use(Button).use(NavBar).use(Cell).use(CellGroup); import { Image as VanImage } from "vant";
import { Image as VanImage } from 'vant';
Vue.use(VanImage); Vue.use(VanImage);
import { Col, Row } from 'vant'; import { Col, Row } from "vant";
Vue.use(Col); Vue.use(Col);
Vue.use(Row); Vue.use(Row);
import { Grid, GridItem } from 'vant'; import { Grid, GridItem } from "vant";
Vue.use(Grid); Vue.use(Grid);
Vue.use(GridItem); Vue.use(GridItem);
import { Icon } from 'vant'; import { Icon } from "vant";
Vue.use(Icon); Vue.use(Icon);
import { List } from 'vant'; import { List } from "vant";
Vue.use(List); Vue.use(List);
import { Divider } from 'vant'; import { Divider } from "vant";
Vue.use(Divider); Vue.use(Divider);
Vue.config.productionTip = false Vue.config.productionTip = false;
import md5 from 'js-md5' import md5 from "js-md5";
Vue.prototype.$md5 = md5 Vue.prototype.$md5 = md5;
/* eslint-disable no-new */ /* eslint-disable no-new */
const vm = new Vue({ const vm = new Vue({
el: '#app', el: "#app",
router, router,
components: { App }, components: { App },
template: '<App/>' template: "<App/>"
}) });
export default vm export default vm;

45
FrontCode2/sunshine_levy/src/views/index.vue
View File

@@ -25,7 +25,10 @@
</div> </div>
<div> <div>
<div class="gridBg centerMagin"> <div class="gridBg centerMagin">
<van-image :src="require('@/assets/img/scan.png')" class="gridImg" /> <van-image
:src="require('@/assets/img/scan.png')"
class="gridImg"
/>
<van-image <van-image
:src="require('@/assets/img/evaluation .png')" :src="require('@/assets/img/evaluation .png')"
@click="gotoProject('pg')" @click="gotoProject('pg')"
@@ -188,7 +191,7 @@
<div class="centerMagin"> <div class="centerMagin">
<span class="projectTitle" style="color:#202020">征收政策</span> <span class="projectTitle" style="color:#202020">征收政策</span>
<div class="assessBox" style="padding-left: 5px;padding-right: 5px;"> <div class="assessBox" style="padding-left: 5px;padding-right: 5px;">
<span class="font11" style="color:#2c2b2b">共{{total}}条</span> <span class="font11" style="color:#2c2b2b">共{{ total }}条</span>
<!-- <div> <!-- <div>
<span class="font11">查看全部</span> <span class="font11">查看全部</span>
<van-icon color="#1989fa" name="arrow" /> <van-icon color="#1989fa" name="arrow" />
@@ -266,22 +269,22 @@ export default {
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4", prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
assessmentNo: "0513", assessmentNo: "0513",
houseAddress: "高桥镇", houseAddress: "高桥镇",
countValue: "137654.00", countValue: "137654.00"
}, }
], ],
bcxyList: [ bcxyList: [
{ {
prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4", prjId: "936d98a8-2c8f-410f-b126-68a7568f60c4",
xyNo: "海政发2021513-0513-1", xyNo: "海政发2021513-0513-1",
houseAddress: "高桥镇", houseAddress: "高桥镇",
summationShouldCompensateMoney: "137654.00", summationShouldCompensateMoney: "137654.00"
}, }
], ]
}, }
], ]
}, },
extras: null, extras: null,
timestamp: 1631256680049, timestamp: 1631256680049
}, },
// user: { // user: {
// name: "加载中...", // name: "加载中...",
@@ -311,27 +314,27 @@ export default {
id: 11, id: 11,
area: "全大市", area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策", title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日", publish_date: "2021年09月05日"
}, },
{ {
id: 22, id: 22,
area: "全大市", area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策", title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日", publish_date: "2021年09月05日"
}, },
{ {
id: 33, id: 33,
area: "全大市", area: "全大市",
title: "宁波市住房和城乡建设委员会开展关于住房的政策", title: "宁波市住房和城乡建设委员会开展关于住房的政策",
publish_date: "2021年09月05日", publish_date: "2021年09月05日"
}, }
], ],
loading: false, loading: false,
finished: true, finished: true
}; };
}, },
created() { created() {
this.onInit(); // this.onInit();
}, },
methods: { methods: {
onLoad() {}, onLoad() {},
@@ -347,7 +350,7 @@ export default {
// }); // });
}, },
gotoProject(type) { gotoProject(type) {
this.$router.push({ name: 'projectSelect', params: { type: type } }); this.$router.push({ name: "projectSelect", params: { type: type } });
}, },
onLogin() { onLogin() {
// this.loading = true; // this.loading = true;
@@ -365,7 +368,7 @@ export default {
this.onLoadUserInfo(); this.onLoadUserInfo();
this.onLoadStatistic(); this.onLoadStatistic();
}) })
.catch((err) => { .catch(err => {
debugger; debugger;
// this.$toast(err); // this.$toast(err);
}); });
@@ -390,9 +393,7 @@ export default {
if (len <= 0) return num; if (len <= 0) return num;
if (!tbl[len]) tbl[len] = new Array(len + 1).join("0"); if (!tbl[len]) tbl[len] = new Array(len + 1).join("0");
return tbl[len] + num; return tbl[len] + num;
}, }
}, }
}; };
</script> </script>

63
FrontCode2/sunshine_levy/src/views/report/compensate.vue
View File

@@ -26,12 +26,12 @@
评估总金额： 评估总金额：
<b style="color: red">{{ item.money }}</b> <b style="color: red">{{ item.money }}</b>
</div> </div>
<div class="flex"> <div class="content">
<div class="flex backgroundColor"> <div class=" backgroundColor">
<img alt src="@/assets/img/renyuan.png" /> <img alt src="@/assets/img/renyuan.png" />
评估人员：{{ item.person }} 评估人员：{{ item.person }}
</div> </div>
<div class="flex backgroundColor"> <div class="backgroundColor">
<img alt src="@/assets/img/shijian.png" /> <img alt src="@/assets/img/shijian.png" />
评估时间：{{ item.time }} 评估时间：{{ item.time }}
</div> </div>
@@ -44,25 +44,25 @@
export default { export default {
data() { data() {
return { return {
result: '2', result: "2",
info: [ info: [
{ {
number: '044', number: "044",
name: '胡守钧', name: "胡守钧",
address: '宁波市江北区四洲街16号404', address: "宁波市江北区四洲街16号404",
money: '180234元', money: "180234元",
person: '王勇', person: "王勇",
time: '2021-9-1', time: "2021-9-1"
}, },
{ {
number: '044', number: "044",
name: '胡守钧', name: "胡守钧",
address: '宁波市江北区四洲街16号404', address: "宁波市江北区四洲街16号404",
money: '180234元', money: "180234元",
person: '王勇', person: "王勇",
time: '2021-9-1', time: "2021-9-1"
}, }
], ]
}; };
}, },
created() { created() {
@@ -76,8 +76,8 @@ export default {
onLoadData() { onLoadData() {
console.log(this.$route.params); console.log(this.$route.params);
this.type = this.$route.params.type; this.type = this.$route.params.type;
}, }
}, }
}; };
</script> </script>
@@ -99,19 +99,26 @@ export default {
} }
.el-card { .el-card {
margin: 0 10px 10px; margin: 0 10px 10px;
::v-deep.el-card__body { .el-card__body {
padding: 0 10px; padding: 0;
>div { > div {
margin: 10px 0; margin: 10px 0;
} }
.backgroundColor { .content {
background-color: #e3ebfd; display: flex;
img { background-color: #2d6df2;
margin-right: 10px; > div {
display: flex;
align-items: center;
}
.backgroundColor {
background-color: #e3ebfd;
img {
margin-right: 10px;
}
} }
} }
} }
} }
} }
</style> </style>