main
parent
0f6e9cbe4b
commit
f084772a46
@ -0,0 +1,128 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<u-navbar
|
||||
leftText="返回"
|
||||
title="水生态治理科教"
|
||||
:autoBack="true"
|
||||
:placeholder="true"
|
||||
>
|
||||
</u-navbar>
|
||||
<u-search
|
||||
height="75rpx"
|
||||
placeholder="搜索关键词"
|
||||
v-model="queryParams.sbLevelName"
|
||||
shape="square"
|
||||
:showAction="false"
|
||||
:clearabled="true"
|
||||
class="view-global"
|
||||
bgColor="#fff"
|
||||
@search="onSearch"
|
||||
@clear="onClear"
|
||||
></u-search>
|
||||
<view></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listLevel } from "../../api/jn/level";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
// 表单参数
|
||||
form: {},
|
||||
levelList: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
sbLevelName: null,
|
||||
},
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
onSearch() {
|
||||
this.getList();
|
||||
},
|
||||
onClear() {
|
||||
this.queryParams.sbLevelName = "";
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
listLevel(this.queryParams).then((res) => {
|
||||
// console.log(res);
|
||||
this.levelList = res.rows;
|
||||
});
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
activeName: null,
|
||||
activeStart: null,
|
||||
activeEnd: null,
|
||||
activeContent: null,
|
||||
activePoint: null,
|
||||
joinRequire: null,
|
||||
activeState: null,
|
||||
createId: null,
|
||||
createBy: null,
|
||||
createTime: null,
|
||||
updateId: null,
|
||||
updateBy: null,
|
||||
updateTime: null,
|
||||
remark: null,
|
||||
gridId: null,
|
||||
gridName: null,
|
||||
partId: null,
|
||||
partName: null,
|
||||
};
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-container {
|
||||
.list-item {
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx;
|
||||
margin-bottom: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
.item-cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.cell-lable {
|
||||
width: 200rpx;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #9da2ab;
|
||||
}
|
||||
|
||||
.cell-value {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #2e2f31;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-btn {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
& > view:not(.cell-btn) {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
& > .list-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
@ -1,237 +0,0 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<u-navbar
|
||||
title="通讯录"
|
||||
:autoBack="true"
|
||||
:placeholder="true"
|
||||
leftText="返回"
|
||||
>
|
||||
<view slot="right">
|
||||
<text class="nav-right">消息</text>
|
||||
</view>
|
||||
</u-navbar>
|
||||
<u-search
|
||||
placeholder="搜索关键词"
|
||||
v-model="keyword"
|
||||
shape="square"
|
||||
:showAction="false"
|
||||
bgColor="#FFFFFF"
|
||||
class="view-global"
|
||||
height="74rpx"
|
||||
></u-search>
|
||||
<view class="grid-title">
|
||||
<image
|
||||
src="/static/images/grid-icon.png"
|
||||
mode="aspectFit"
|
||||
class="grid-icon"
|
||||
></image>
|
||||
<text class="grid-main-title">常用联系人</text>
|
||||
</view>
|
||||
<view class="linkMan-list view-global">
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">张三</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">李四</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">王五</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">陈二</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">葛云</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
<view class="link-item">
|
||||
<view class="link-data">
|
||||
<image
|
||||
src="/static/images/linkMan.png"
|
||||
class="linkMan-icon"
|
||||
mode=""
|
||||
></image>
|
||||
<text class="linkMan-name">马天笑</text>
|
||||
</view>
|
||||
<view class="link-btn"
|
||||
><u-button
|
||||
text="呼叫"
|
||||
icon="mic"
|
||||
size="small"
|
||||
color="#32B78B"
|
||||
iconColor="#fff"
|
||||
></u-button
|
||||
></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
keyword: null,
|
||||
sysHeigth: 0,
|
||||
};
|
||||
},
|
||||
onLoad() {
|
||||
this.sysHeigth = uni.$u.sys().statusBarHeight + (44 + 12.5);
|
||||
console.log(this.sysHeigth);
|
||||
},
|
||||
methods: {
|
||||
back() {
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
});
|
||||
},
|
||||
//单击了导航栏右侧按钮
|
||||
rightClick() {
|
||||
console.log("单击了");
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-container {
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx 20rpx;
|
||||
|
||||
.grid-title {
|
||||
margin: 30rpx 0 20rpx 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.grid-icon {
|
||||
width: 40rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
|
||||
.grid-main-title {
|
||||
margin-left: 25rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: bold;
|
||||
color: #0f1316;
|
||||
}
|
||||
}
|
||||
|
||||
.linkMan-list {
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx;
|
||||
|
||||
.link-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
.link-data {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.linkMan-icon {
|
||||
height: 55rpx;
|
||||
width: 55rpx;
|
||||
}
|
||||
|
||||
.linkMan-name {
|
||||
margin-left: 25rpx;
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
color: #34373b;
|
||||
}
|
||||
}
|
||||
|
||||
.link-btn {
|
||||
width: 132rpx;
|
||||
}
|
||||
}
|
||||
|
||||
& > .link-item:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@ -1,245 +0,0 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<u-navbar
|
||||
leftText="返回"
|
||||
:title="title"
|
||||
:autoBack="true"
|
||||
:placeholder="true"
|
||||
/>
|
||||
<view class="form-item">
|
||||
<view class="form-title">
|
||||
信息标题
|
||||
<text></text>
|
||||
</view>
|
||||
<view class="item-input view-global">
|
||||
<u--input
|
||||
placeholder="请输入标题"
|
||||
border="none"
|
||||
:customStyle="{ height: '45rpx' }"
|
||||
v-model="value"
|
||||
></u--input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-title">
|
||||
信息内容
|
||||
<text></text>
|
||||
</view>
|
||||
<view class="item-input view-global">
|
||||
<u--textarea
|
||||
v-model="value"
|
||||
placeholder="请输入内容"
|
||||
border="none"
|
||||
></u--textarea>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<view class="form-title">
|
||||
推送店铺
|
||||
<text></text>
|
||||
</view>
|
||||
<view class="sel-cell view-global">
|
||||
<view class="item-input" style="flex: 1; margin: 0 20rpx 0 0">
|
||||
<u--input
|
||||
placeholder="请输入标题"
|
||||
border="none"
|
||||
:customStyle="{ height: '45rpx' }"
|
||||
v-model="value"
|
||||
></u--input>
|
||||
</view>
|
||||
<u-button
|
||||
text="店铺列表"
|
||||
size="small"
|
||||
color="linear-gradient(90deg, #32B78B 0%, #00B579 100%)"
|
||||
:custom-style="{
|
||||
width: '130rpx',
|
||||
height: '75rpx',
|
||||
margin: '0',
|
||||
}"
|
||||
@click="handleList()"
|
||||
></u-button>
|
||||
</view>
|
||||
</view>
|
||||
<u-popup :show="show" @close="close">
|
||||
<view class="shop-main">
|
||||
<!-- @scrolltolower="reachBottom()" -->
|
||||
<u-search
|
||||
height="75rpx"
|
||||
placeholder="搜索关键词"
|
||||
v-model="keyword"
|
||||
shape="square"
|
||||
:showAction="false"
|
||||
></u-search>
|
||||
<scroll-view
|
||||
scroll-y
|
||||
:style="{
|
||||
height: 'calc(100% - (75rpx + 20rpx + 100rpx))',
|
||||
marginTop: '20rpx',
|
||||
border: '1px soild red',
|
||||
}"
|
||||
>
|
||||
<u-radio-group
|
||||
v-model="radio"
|
||||
:borderBottom="true"
|
||||
placement="column"
|
||||
:labelDisabled="false"
|
||||
>
|
||||
<u-radio
|
||||
activeColor="#367BEF"
|
||||
:customStyle="{ padding: '20rpx' }"
|
||||
v-for="item in 10"
|
||||
:key="item"
|
||||
>
|
||||
<view class="radio-cell">
|
||||
<text class="cell-mainTitle">xxxxxx店铺1</text>
|
||||
<view class="cell-sub">
|
||||
<view class="sub-data">
|
||||
<view class="sub-icon"></view>
|
||||
<view class="sub-name">食品销售</view>
|
||||
</view>
|
||||
<view class="sub-data">
|
||||
<view class="sub-icon"></view>
|
||||
<view class="sub-name">xxxx街道xxxx路xxx号</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-radio>
|
||||
</u-radio-group>
|
||||
</scroll-view>
|
||||
<view class="shop-btn">
|
||||
<u-button
|
||||
text="重置"
|
||||
size="small"
|
||||
:custom-style="{
|
||||
width: '160rpx',
|
||||
height: '75rpx',
|
||||
margin: '0',
|
||||
}"
|
||||
@click="handleList()"
|
||||
></u-button>
|
||||
<u-button
|
||||
text="确认(2/601)"
|
||||
size="small"
|
||||
color="linear-gradient(90deg, #3976F1 0%, #3CA0F6 100%)"
|
||||
:custom-style="{
|
||||
flex: '1',
|
||||
height: '75rpx',
|
||||
margin: '0 0 0 20rpx',
|
||||
}"
|
||||
@click="handleList()"
|
||||
></u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<fixed-buttom title="发布"></fixed-buttom>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
radio: null,
|
||||
value: "",
|
||||
show: false,
|
||||
keyword: "",
|
||||
title: "",
|
||||
};
|
||||
},
|
||||
onLoad(option) {
|
||||
this.title = option.id ? "编辑信息" : "新增信息";
|
||||
},
|
||||
methods: {
|
||||
close() {
|
||||
this.show = false;
|
||||
},
|
||||
handleList() {
|
||||
this.show = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.form-item {
|
||||
.form-title {
|
||||
position: relative;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
color: #2e2f31;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.form-title text {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 12rpx;
|
||||
width: 140rpx;
|
||||
background: url("/static/images/juxing.png");
|
||||
background-size: cover;
|
||||
max-width: 300rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.item-input {
|
||||
margin-bottom: 30rpx;
|
||||
border-radius: 16rpx;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 25rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.sel-cell {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.shop-main {
|
||||
height: 80vh;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx;
|
||||
position: relative;
|
||||
|
||||
.shop-btn {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 20rpx;
|
||||
border-top: 1px solid #dce3ec;
|
||||
box-shadow: 10rpx 0rpx 20rpx rgba(57, 118, 241, 0.06);
|
||||
}
|
||||
}
|
||||
|
||||
.radio-cell {
|
||||
.cell-mainTitle {
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #34373b;
|
||||
}
|
||||
|
||||
.cell-sub {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.sub-data {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.sub-name {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #9da2ab;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@ -1,132 +0,0 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<u-navbar
|
||||
leftText="返回"
|
||||
title="安全生产监督"
|
||||
:autoBack="true"
|
||||
:placeholder="true"
|
||||
/>
|
||||
<view class="codes-cell view-global" @click="handelCode()">
|
||||
<image src="/static/images/code.png" class="codes-icon" mode=""></image>
|
||||
<text class="codes-title">扫描商家二维码</text>
|
||||
</view>
|
||||
|
||||
<view class="cell-list">
|
||||
<view
|
||||
class="cell-item view-global"
|
||||
v-for="(item, index) in cellList"
|
||||
@click="handelPath(item.path)"
|
||||
:style="{
|
||||
color: index == 0 ? '#C06E37' : index == 1 ? '#6664BE' : '#6682A4',
|
||||
}"
|
||||
:key="index"
|
||||
:class="'cell' + index"
|
||||
>
|
||||
{{ item.name }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
cellList: [
|
||||
{
|
||||
name: "现场检查",
|
||||
path: "/subViolation/ShengchanJiandu/FieldTest/FieldTest",
|
||||
},
|
||||
{
|
||||
name: "整改工单",
|
||||
path: "/subViolation/ShengchanJiandu/WorkOrder/WorkOrder",
|
||||
},
|
||||
{
|
||||
name: "信息发布",
|
||||
path: "/subViolation/ShengchanJiandu/MsgIssue/MsgIssue",
|
||||
},
|
||||
],
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//扫码
|
||||
handelCode() {
|
||||
// // #ifdef H5
|
||||
// uni.showToast({
|
||||
// title: 'H5暂不支持扫码',
|
||||
// icon: 'none'
|
||||
// })
|
||||
// return
|
||||
// // #endif
|
||||
// uni.scanCode({
|
||||
// success: () => {
|
||||
uni.$u.route({
|
||||
url: "/subViolation/ShengchanJiandu/CodesInfo",
|
||||
});
|
||||
|
||||
// }
|
||||
// })
|
||||
},
|
||||
handelPath(path) {
|
||||
uni.$u.route({
|
||||
url: path,
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.app-container {
|
||||
padding: 40rpx 20rpx 20rpx 20rpx;
|
||||
|
||||
.codes-cell {
|
||||
height: 118rpx;
|
||||
background: linear-gradient(180deg, #7cadff 0%, #367bef 100%);
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.codes-icon {
|
||||
height: 72rpx;
|
||||
width: 72rpx;
|
||||
margin-right: 50rpx;
|
||||
}
|
||||
|
||||
.codes-title {
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
.cell-list {
|
||||
margin-top: 45rpx;
|
||||
|
||||
& > .cell-item {
|
||||
height: 176rpx;
|
||||
line-height: 176rpx;
|
||||
font-size: 38rpx;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
padding-left: 70rpx;
|
||||
border-radius: 16rpx;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cell0 {
|
||||
background: url("@/static/images/cell0.png");
|
||||
}
|
||||
|
||||
.cell1 {
|
||||
background: url("@/static/images/cell1.png");
|
||||
}
|
||||
|
||||
.cell2 {
|
||||
background: url("@/static/images/cell2.png");
|
||||
}
|
||||
</style>
|
Loading…
Reference in new issue