0802
This commit is contained in:
parent
ad71e379a9
commit
834401908c
|
|
@ -37,8 +37,14 @@ const install = (Vue, vm) => {
|
|||
let deliver = (id,data={})=>vm.$u.get(`/wf/ticket/${id}/deliver/`,data);//转交工单
|
||||
let ticketHandle = (id,data={})=>vm.$u.get(`/wf/ticket/${id}/handle/`,data);//工单处理
|
||||
|
||||
|
||||
let operationCreat = (data = {}) => vm.$u.post('/opm/operation/', data);//作业
|
||||
let operationItem = (id) => vm.$u.get(`/opm/operation/${id}/`);//作业许可证类型
|
||||
let getOpreation = (id)=>vm.$u.get(`/opm/operation/${id}/`);//rpj查询
|
||||
let getOpl = (id)=>vm.$u.get(`/opm/opl/${id}/`);//opl作业许可证查询
|
||||
let oplLists = (data = {}) => vm.$u.get('/opm/opl/', data);//作业许可证
|
||||
let oplCate = (data = {}) => vm.$u.get('/opm/opl_cate/', data);//作业许可证类型
|
||||
let oplCateItem = (id) => vm.$u.get(`/opm/opl_cate/${id}/`);//作业许可证类型详情
|
||||
|
||||
|
||||
let areaLists = (data = {}) => vm.$u.get('/am/area/', data);//作业区域
|
||||
|
||||
|
|
@ -47,8 +53,7 @@ const install = (Vue, vm) => {
|
|||
let addVisitor = (data={})=>vm.$u.post(`vm/visitor/`,data);//visitor添加
|
||||
|
||||
let getRpj = (id)=>vm.$u.get(`/rpm/rpj/${id}`);//rpj查询
|
||||
let getOpreation = (id)=>vm.$u.get(`/opm/operation/${id}/`);//rpj查询
|
||||
let getOpl = (id)=>vm.$u.get(`/opm/opl/${id}/`);//opl作业许可证查询
|
||||
|
||||
|
||||
vm.$u.api = {getUserInfo,
|
||||
getCode,
|
||||
|
|
@ -69,8 +74,11 @@ const install = (Vue, vm) => {
|
|||
addVisitor,
|
||||
getRpj,
|
||||
getOpreation,
|
||||
oplCateItem,
|
||||
oplLists,
|
||||
getOpl,
|
||||
|
||||
oplCate,
|
||||
operationItem,
|
||||
operationCreat,
|
||||
areaLists
|
||||
};
|
||||
|
|
|
|||
16
pages.json
16
pages.json
|
|
@ -139,6 +139,14 @@
|
|||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/workSpace/list/oplCate",
|
||||
"style": {
|
||||
"navigationBarTitleText": "许可证类型",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/workSpace/list/rpj",
|
||||
"style": {
|
||||
|
|
@ -155,6 +163,14 @@
|
|||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/workSpace/opls/fire",
|
||||
"style": {
|
||||
"navigationBarTitleText": "动火许可证",
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/my",
|
||||
"style": {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,142 @@
|
|||
<template>
|
||||
<view class="list-body">
|
||||
<uni-nav-bar @clickLeft="goBack()" class="nav-bar" height="110rpx" leftWidth="400rpx" leftText="添加作业许可证"
|
||||
leftIcon="left" border backgroundColor="#2cade8" color="#fff" fixed statusBar shadow></uni-nav-bar>
|
||||
<view class="apply-info">
|
||||
<view class="uni-list-cell uni-list-cell-pd" v-for="row in oplCateList" :key="row.id">
|
||||
<view>
|
||||
<view class="name" @click="addCate(row)">{{row.name}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <checkbox-group @change="checkboxChange">
|
||||
<label class="uni-list-cell uni-list-cell-pd" v-for="row in oplCateList" :key="row.id">
|
||||
<view>
|
||||
<checkbox :value="row.value" :checked="row.checked" />
|
||||
</view>
|
||||
<view>
|
||||
<view class="name">{{row.name}}</view>
|
||||
</view>
|
||||
</label>
|
||||
</checkbox-group> -->
|
||||
</view>
|
||||
<!-- <view class="add">
|
||||
<view class="btn">
|
||||
<button type="primary" class="save-btn" @click="add">添加许可证</button>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "oplCate",
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
name: '',
|
||||
},
|
||||
oplCateList: [],
|
||||
}
|
||||
},
|
||||
onLoad(params) {
|
||||
debugger;
|
||||
console.log(params)
|
||||
this.operationId = params.operationId;
|
||||
},
|
||||
onShow() {
|
||||
this.getOplCate();
|
||||
},
|
||||
methods: {
|
||||
//获取用户
|
||||
getOplCate() {
|
||||
this.$u.api.oplCate({
|
||||
page: 0
|
||||
}).then(res => {
|
||||
debugger;
|
||||
console.log(res)
|
||||
this.oplCateList = res;
|
||||
})
|
||||
},
|
||||
addCate(row) {
|
||||
const params = `?oplcateId=${row.id}&operationId=${this.operationId}&type='add'`;
|
||||
uni.navigateTo({
|
||||
url: '../opls/fire' + params
|
||||
})
|
||||
},
|
||||
select(row) {},
|
||||
goBack() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
|
||||
add() {
|
||||
uni.navigateTo({
|
||||
url: '../opls/fire'
|
||||
})
|
||||
},
|
||||
edit(row) {},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
>>>.uni-navbar__header,
|
||||
>>>.uni-status-bar {
|
||||
background-image: linear-gradient(90deg, #164cc3 0%, #2c6fd9 100%), linear-gradient(#e60012, #e60012) !important;
|
||||
}
|
||||
|
||||
.list-body {
|
||||
background-color: #f3fbff;
|
||||
padding-bottom: 113px;
|
||||
}
|
||||
|
||||
.apply-info {
|
||||
min-height: 70vh;
|
||||
width: 360px;
|
||||
margin: 0 auto;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
padding: 12px 16px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 10upx;
|
||||
margin-bottom: 20upx;
|
||||
border-bottom: 1upx solid #eeeeee;
|
||||
}
|
||||
|
||||
.uni-list-cell {
|
||||
display: flex;
|
||||
padding: 10upx;
|
||||
margin-bottom: 20upx;
|
||||
padding: 30upx 0;
|
||||
|
||||
border-bottom: 1upx solid #eeeeee;
|
||||
}
|
||||
|
||||
.add {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 120upx;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: auto;
|
||||
box-shadow: 0upx 5upx 10upx rgba(0, 0, 0, 0.4);
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
height: 80rpx;
|
||||
color: #fff;
|
||||
font-size: 30upx;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -76,12 +76,18 @@
|
|||
methods: {
|
||||
//获取用户
|
||||
getUserRange() {
|
||||
let that = this;
|
||||
this.$u.api.vmVisitor({
|
||||
page: 0
|
||||
}).then(res => {
|
||||
debugger;
|
||||
console.log(res)
|
||||
this.userRange = res;
|
||||
that.userRange = [];
|
||||
res.forEach(item=>{
|
||||
let obj = {};
|
||||
obj=item;
|
||||
obj.checked = false;
|
||||
that.userRange.push(obj)
|
||||
})
|
||||
|
||||
})
|
||||
},
|
||||
select(row) {},
|
||||
|
|
@ -114,7 +120,7 @@
|
|||
|
||||
.apply-info {
|
||||
min-height: 70vh;
|
||||
width: 360px;
|
||||
width: 710upx;
|
||||
margin: 0 auto;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
<text class="form-left-text">来访事由</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.purpose" :localdata="range" label="来访事由">
|
||||
<uni-data-select v-model="formData.purpose" :localdata="range">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<text class="form-left-text">接待人</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.receptionist" :localdata="userRange" label="相关方">
|
||||
<uni-data-select v-model="formData.receptionist" :localdata="userRange">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
<text class="form-left-text">来访级别</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.level" :localdata="levelRange" label="来访级别">
|
||||
<uni-data-select v-model="formData.level" :localdata="levelRange">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -91,7 +91,7 @@
|
|||
<text class="form-left-text">来访人数</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<input type="number" v-model="formData.count_people" maxlength="50" placeholder="来访人数" />
|
||||
<input type="number" v-model="formData.count_people" maxlength="50" placeholder="来访人数(整数)" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn">
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<text class="form-left-text">生产状态</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.state_work" :localdata="stateRange" label="生产状态">
|
||||
<uni-data-select v-model="formData.state_work" :localdata="stateRange">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
<text class="form-left-text">作业区域</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.area" :localdata="range" label="作业区域">
|
||||
<uni-data-select v-model="formData.area" :localdata="range">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -82,7 +82,7 @@
|
|||
<text class="form-left-text">部门协调员</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.coordinator" :localdata="userRange" label="部门协调员">
|
||||
<uni-data-select v-model="formData.coordinator" :localdata="userRange">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -121,7 +121,7 @@
|
|||
date: currentDate,
|
||||
formData: {
|
||||
name: '', //作业简述
|
||||
state: '', //作业状态
|
||||
// state: '', //作业状态
|
||||
place: '', //具体地点
|
||||
start_time: currentDate, //作业开始时间
|
||||
end_time: currentDate, //作业结束时间
|
||||
|
|
@ -198,12 +198,15 @@
|
|||
},
|
||||
methods: {
|
||||
saveSubmit() {
|
||||
debugger;
|
||||
console.log(this.formData)
|
||||
that.$u.api.operationCreat(this.formData).then(res => {
|
||||
that.depRange = that.redata(res);
|
||||
this.formData.start_time = new Date(this.formData.start_time).toISOString();
|
||||
this.formData.end_time = new Date(this.formData.end_time).toISOString();
|
||||
this.$u.api.operationCreat(this.formData).then(res => {
|
||||
debugger;
|
||||
console.log(that.depRange)
|
||||
let params = `?operationId=${res.id}`;
|
||||
uni.navigateTo({
|
||||
url: '/pages/workSpace/list/oplCate'+params
|
||||
})
|
||||
})
|
||||
},
|
||||
//获取dept
|
||||
|
|
@ -211,7 +214,7 @@
|
|||
let that = this;
|
||||
that.$u.api.deptList({page: 0}).then(res => {
|
||||
that.depRange = that.redata(res);
|
||||
debugger;
|
||||
|
||||
console.log(that.depRange)
|
||||
})
|
||||
},
|
||||
|
|
@ -603,15 +606,19 @@
|
|||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* 主体 */
|
||||
>>>.uni-navbar__header,
|
||||
>>>.uni-status-bar {
|
||||
background-image: linear-gradient(90deg, #164cc3 0%, #2c6fd9 100%), linear-gradient(#e60012, #e60012) !important;
|
||||
}
|
||||
.qingjia-apply {
|
||||
background-color: #f3fbff;
|
||||
padding-bottom: 227rpx;
|
||||
}
|
||||
|
||||
/*
|
||||
>>>.uni-status-bar {
|
||||
height: 0 !important;
|
||||
} */
|
||||
.qingjia-apply>>>uni-input {
|
||||
/* height: 100%; */
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
>>>.uni-navbar-btn-text text {
|
||||
font-size: 32rpx !important;
|
||||
|
|
@ -657,10 +664,8 @@
|
|||
}
|
||||
|
||||
.form-item {
|
||||
/* display: flex; */
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 30rpx;
|
||||
/* line-height: 97rpx; */
|
||||
height: 200rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -673,7 +678,6 @@
|
|||
}
|
||||
|
||||
.form-left {
|
||||
/* min-width: 160rpx; */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -684,8 +688,6 @@
|
|||
}
|
||||
|
||||
.form-right input {
|
||||
/* height: 100%; */
|
||||
/* height: 60rpx; */
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
|
|
@ -698,10 +700,6 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.qingjia-apply>>>uni-input {
|
||||
/* height: 100%; */
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.apply-reason-text {
|
||||
width: 653rpx;
|
||||
|
|
@ -718,68 +716,6 @@
|
|||
margin-top: 0rpx !important;
|
||||
}
|
||||
|
||||
.file-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
padding-top: 13rpx;
|
||||
}
|
||||
|
||||
.file-wrap {
|
||||
|
||||
margin-top: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.file-item {
|
||||
width: 155rpx;
|
||||
height: 155rpx;
|
||||
border: solid 1rpx #e5e5e5;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.file-content {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.file-item .file-icon {
|
||||
width: 37rpx;
|
||||
height: 37rpx;
|
||||
|
||||
}
|
||||
|
||||
.file-item .file-name {
|
||||
font-family: PingFang-SC-Regular;
|
||||
font-size: 20rpx;
|
||||
line-height: 17rpx;
|
||||
color: #313131;
|
||||
margin-top: 11rpx;
|
||||
padding: 10rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.file-item>>>.uni-icons {
|
||||
width: 26rpx;
|
||||
height: 26rpx;
|
||||
position: absolute;
|
||||
right: -8rpx;
|
||||
top: -22rpx;
|
||||
/*
|
||||
background-color: #d81e06;
|
||||
border-radius: 50%;
|
||||
font-size: 20rpx !important;
|
||||
padding: 5rpx;
|
||||
*/
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-right {
|
||||
flex: 1;
|
||||
color: #414141;
|
||||
|
|
@ -791,254 +727,6 @@
|
|||
border: none !important;
|
||||
}
|
||||
|
||||
.my-data-picker>>>.input-value-border {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
>>>.input-value {
|
||||
font-size: 30rpx !important;
|
||||
;
|
||||
}
|
||||
|
||||
.my-data-picker uni-data-picker {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.my-data-picker {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-left: -10rpx;
|
||||
}
|
||||
|
||||
/* 主体 */
|
||||
>>>.uni-navbar__header,
|
||||
>>>.uni-status-bar {
|
||||
background-image: linear-gradient(90deg, #164cc3 0%, #2c6fd9 100%), linear-gradient(#e60012, #e60012) !important;
|
||||
}
|
||||
|
||||
hongtouwenjian-top {
|
||||
box-sizing: border-box;
|
||||
padding-top: 24rpx;
|
||||
padding-right: 15rpx;
|
||||
padding-bottom: 20rpx;
|
||||
padding-left: 15rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c {
|
||||
background-color: #ffffff;
|
||||
border-radius: 10rpx;
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 85rpx;
|
||||
border-bottom: 1px solid #eeeeee;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-title-mark {
|
||||
width: 6rpx;
|
||||
height: 29rpx;
|
||||
background-image: linear-gradient(90deg, #164cc3 0%, #2c6fd9 100%), linear-gradient(#f3fbff, #f3fbff);
|
||||
background-blend-mode: normal, normal;
|
||||
border-radius: 3rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-title-txt {
|
||||
font-size: 34rpx;
|
||||
color: #383838;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item {
|
||||
/* display: flex; */
|
||||
align-items: center;
|
||||
/* height: 100rpx; */
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
box-sizing: border-box;
|
||||
padding-left: 3rpx;
|
||||
padding-right: 12rpx;
|
||||
width: 100%;
|
||||
line-height: 97rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 164rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-left-mark {
|
||||
font-size: 30rpx;
|
||||
color: #f00808;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-left-txt {
|
||||
font-size: 30rpx;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-middle {
|
||||
margin-left: 20rpx;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-middle-txt {
|
||||
font-size: 30rpx;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-middle-input {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
width: 100%;
|
||||
/* height: 100%; */
|
||||
height: 60rpx;
|
||||
font-size: 30rpx;
|
||||
color: #414141;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hongtouwenjian-top-c-item-right {
|
||||
width: 22rpx;
|
||||
height: 25rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-addbtn {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
box-sizing: border-box;
|
||||
padding-right: 19rpx;
|
||||
}
|
||||
|
||||
.hongtouwenjian-addbtn-w {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
outline: none;
|
||||
background-color: transparent;
|
||||
width: 90rpx;
|
||||
height: 46rpx;
|
||||
line-height: 46rpx;
|
||||
text-align: center;
|
||||
background-color: #0075ff;
|
||||
border-radius: 10rpx;
|
||||
font-size: 26rpx;
|
||||
color: #f3fbff;
|
||||
}
|
||||
|
||||
/* 物品列表 */
|
||||
.fixed-assets-listBig {
|
||||
width: 100%;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.fixed-assets-list {
|
||||
width: 100%;
|
||||
background-color: #FFFFFF;
|
||||
padding: 0 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.fixed-assets-list .apply-info {
|
||||
padding-top: 0rpx;
|
||||
}
|
||||
|
||||
.fixed-assets-list .top {
|
||||
height: 108rpx;
|
||||
line-height: 108rpx;
|
||||
border-bottom: 1rpx solid #eeeeee;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.fixed-assets-list .top-left-text {
|
||||
flex: 1;
|
||||
display: -webkit-box;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
font-size: 30rpx;
|
||||
color: #212121;
|
||||
}
|
||||
|
||||
.fixed-assets-list .top-right image {
|
||||
width: 26rpx;
|
||||
height: 28rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fixed-assets-list .top-right view {
|
||||
height: auto;
|
||||
padding-left: 10rpx;
|
||||
font-size: 26rpx;
|
||||
color: #8b8b8b;
|
||||
}
|
||||
|
||||
/* .fixed-assets-list .bottomBig{
|
||||
width: 100%;
|
||||
} */
|
||||
.fixed-assets-list .bottom {
|
||||
/* display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center; */
|
||||
padding-top: 25rpx;
|
||||
font-size: 28rpx;
|
||||
color: #616161;
|
||||
line-height: 72rpx;
|
||||
}
|
||||
|
||||
.fixed-assets-list .bottom-left+.bottom-right {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* 文件上传进度样式*/
|
||||
.u-progress-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.u-progress-dot {
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #fb9126;
|
||||
}
|
||||
|
||||
.u-progress-info {
|
||||
font-size: 24rpx;
|
||||
padding-left: 10rpx;
|
||||
letter-spacing: 2rpx
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.title {
|
||||
font-size: 14px;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,446 @@
|
|||
<template>
|
||||
<view class="list-body">
|
||||
<uni-nav-bar @clickLeft="goBack()" class="nav-bar" height="110rpx" leftWidth="400rpx" leftText="添加作业许可证"
|
||||
leftIcon="left" border backgroundColor="#2cade8" color="#fff" fixed statusBar shadow></uni-nav-bar>
|
||||
<view class="form-info">
|
||||
<view class="form-item border-bottom" style="height: 100rpx;">
|
||||
<view class="">
|
||||
<text class="form-left-text">关联作业</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<view>{{operationName}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item" style="height: 100rpx;">
|
||||
<view class="">
|
||||
<text class="form-left-text">许可证类型</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<view>动火</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-info">
|
||||
<view class="form-content ">
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">开始时间</text>
|
||||
</view>
|
||||
<view class="form-right form-date">
|
||||
<picker mode="date" :value="formData.start_time" @change="bindStartDateChange">
|
||||
<view class="uni-input">{{formData.start_time}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">结束时间</text>
|
||||
</view>
|
||||
<view class="form-right form-date">
|
||||
<picker mode="date" :value="formData.end_time" @change="bindEndDateChange">
|
||||
<view class="uni-input">{{formData.end_time}}</view>
|
||||
</picker>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">作业级别</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.level" :localdata="leveloptions" >
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">作业部门</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-picker placeholder="请选择业务部门" popup-title="请选择业务部门" :localdata="depRange"
|
||||
v-model="formData.dept_do">
|
||||
</uni-data-picker>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">作业负责人</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.charger" :localdata="userRange">
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">作业监护人</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<uni-data-select v-model="formData.monitor" :localdata="userRange" >
|
||||
</uni-data-select>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom" style="height: fit-content;">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">风险选择</text>
|
||||
<!-- risks_checked -->
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<checkbox-group>
|
||||
<label v-for="(item,index) in risklist" :key="item.value">
|
||||
<checkbox :value="item.id" :checked="item.checked" />{{item.name}}
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">其他风险</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<input type="text" v-model="formData.other_risk" maxlength="50" placeholder="请输入" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom" style="height: fit-content;">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">措施选择</text>
|
||||
<!-- measures_checked -->
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<checkbox-group>
|
||||
<label v-for="(item,index) in measurelist" :key="item.value" style="margin-right: 20rpx;margin-bottom: 20rpx;">
|
||||
<checkbox :value="item.id" :checked="item.checked" />{{item.name}}
|
||||
</label>
|
||||
</checkbox-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="form-item border-bottom">
|
||||
<view class="form-left">
|
||||
<text class="star">*</text>
|
||||
<text class="form-left-text">其他应急处置</text>
|
||||
</view>
|
||||
<view class="form-right">
|
||||
<input type="text" v-model="formData.other_emr" maxlength="50" placeholder="请输入" />
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="btn">
|
||||
<button type="primary" class="save-btn" @click="saveSubmit">下一步</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "fire",
|
||||
data() {
|
||||
return {
|
||||
formData: {
|
||||
id: "",
|
||||
start_time: null,
|
||||
end_time: null,
|
||||
operation: "",
|
||||
cate: "",
|
||||
level: '',
|
||||
dept_do: '',
|
||||
charger: '',
|
||||
monitor: '',
|
||||
other_emr: '',
|
||||
other_risk: '',
|
||||
risks_checked: [],
|
||||
measures_checked: [],
|
||||
},
|
||||
operationName: '',
|
||||
oplCateName: '',
|
||||
risklist: [],
|
||||
measurelist: [],
|
||||
range: [],
|
||||
userRange: [],
|
||||
//部门
|
||||
depRange: [],
|
||||
leveloptions: [{
|
||||
value: 10,
|
||||
text: "特殊动火"
|
||||
},
|
||||
{
|
||||
value: 20,
|
||||
text: "一级动火"
|
||||
},
|
||||
{
|
||||
value: 30,
|
||||
text: "二级动火"
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
onLoad(params) {
|
||||
// debugger;
|
||||
console.log(params)
|
||||
this.operationId = params.operationId;
|
||||
this.oplcateId = params.oplcateId;
|
||||
this.formData.cate = this.oplcateId;
|
||||
this.formData.operation = this.operationId;
|
||||
},
|
||||
onShow() {
|
||||
debugger;
|
||||
this.getOperation();
|
||||
this.getOplcates();
|
||||
this.getdept();
|
||||
this.getRange();
|
||||
this.getUserRange();
|
||||
},
|
||||
methods: {
|
||||
//获取工作operation
|
||||
getOperation() {
|
||||
let that = this;
|
||||
that.$u.api.operationItem(that.operationId).then((res) => {
|
||||
that.formData.start_time = res.start_time; //作业开始时间
|
||||
that.formData.end_time = res.end_time; //作业结束时间
|
||||
that.operationName = res.name; //作业
|
||||
console.log(res);
|
||||
});
|
||||
},
|
||||
//根据作业许可证类别ID获取，风险、措施===>作业许可证类别详情
|
||||
getOplcates() {
|
||||
let that = this;
|
||||
that.$u.api.oplCateItem(that.oplcateId).then((res) => {
|
||||
console.log(res); //
|
||||
that.oplCateName = res.name;
|
||||
that.oplcateCode = res.code;
|
||||
let risklist = res.risk_options_; //风险缝隙
|
||||
that.risklist = [];
|
||||
risklist.forEach(item=>{
|
||||
let obj = {};
|
||||
obj=item;
|
||||
obj.checked = false;
|
||||
that.risklist.push(obj)
|
||||
})
|
||||
|
||||
let measurelist = res.measure_options_; //风险缝隙
|
||||
that.measurelist = [];
|
||||
measurelist.forEach(item=>{
|
||||
let obj = {};
|
||||
obj=item;
|
||||
obj.checked = false;
|
||||
that.measurelist.push(obj)
|
||||
})
|
||||
});
|
||||
},
|
||||
//获取作业区域
|
||||
getRange() {
|
||||
this.$u.api.areaLists({page: 0}).then(res => {
|
||||
let range = [];
|
||||
let obj = {};
|
||||
res.forEach(item => {
|
||||
obj = {value: null,text: ''};
|
||||
obj.value = item.id;
|
||||
obj.text = item.name;
|
||||
range.push(obj);
|
||||
})
|
||||
this.range = range
|
||||
})
|
||||
},
|
||||
//获取用户
|
||||
getUserRange() {
|
||||
this.$u.api.userList({page: 0}).then(res => {
|
||||
let user = [];
|
||||
let obj = {};
|
||||
res.forEach(item => {
|
||||
obj = {value: null,text: ''};
|
||||
obj.value = item.id;
|
||||
obj.text = item.name;
|
||||
user.push(obj);
|
||||
})
|
||||
this.userRange = user
|
||||
})
|
||||
},
|
||||
//获取dept
|
||||
getdept() {
|
||||
let that = this;
|
||||
that.$u.api.deptList({page: 0}).then(res => {
|
||||
that.depRange = that.redata(res);
|
||||
|
||||
console.log(that.depRange)
|
||||
})
|
||||
},
|
||||
redata(postList) {
|
||||
let posts = [];
|
||||
postList.forEach((item) => {
|
||||
let obj = new Object();
|
||||
obj = {
|
||||
...item
|
||||
};
|
||||
obj.value = item.id;
|
||||
obj.text = item.name;
|
||||
obj.parentId = item.parent;
|
||||
posts.push(obj);
|
||||
});
|
||||
let obj = posts.reduce((res, v) => ((res[v.id] = v), res), {}); //Object
|
||||
let arr = [];
|
||||
for (let item of posts) {
|
||||
if (item.parentId == null) {
|
||||
arr.push(item);
|
||||
continue;
|
||||
}
|
||||
let parent = obj[item.parentId];
|
||||
parent.children = parent.children ? parent.children : [];
|
||||
parent.children.push(item);
|
||||
}
|
||||
console.log(arr);
|
||||
return arr;
|
||||
},
|
||||
select(row) {},
|
||||
goBack() {
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
|
||||
add() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/workSpace/newWork/addUser'
|
||||
})
|
||||
},
|
||||
edit(row) {},
|
||||
saveSubmit(){
|
||||
//添加人员
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
>>>.uni-navbar__header,
|
||||
>>>.uni-status-bar {
|
||||
background-image: linear-gradient(90deg, #164cc3 0%, #2c6fd9 100%), linear-gradient(#e60012, #e60012) !important;
|
||||
}
|
||||
|
||||
.list-body {
|
||||
background-color: #f3fbff;
|
||||
padding-bottom: 113px;
|
||||
}
|
||||
|
||||
.form-info {
|
||||
width: 710upx;
|
||||
margin: 0 auto;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
padding: 12px 16px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.row {
|
||||
padding: 10upx;
|
||||
margin-bottom: 20upx;
|
||||
border-bottom: 1upx solid #eeeeee;
|
||||
}
|
||||
|
||||
.uni-list-cell {
|
||||
display: flex;
|
||||
padding: 10upx;
|
||||
margin-bottom: 20upx;
|
||||
border-bottom: 1upx solid #eeeeee;
|
||||
}
|
||||
|
||||
.add {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 120upx;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin: auto;
|
||||
box-shadow: 0upx 5upx 10upx rgba(0, 0, 0, 0.4);
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.save-btn {
|
||||
height: 80rpx;
|
||||
color: #fff;
|
||||
font-size: 30upx;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
font-family: PingFang-SC-Medium;
|
||||
font-size: 30rpx;
|
||||
height: 200rpx;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.form-left-text {
|
||||
color: #212121;
|
||||
margin-bottom: 33rpx;
|
||||
}
|
||||
|
||||
.form-left {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-right {
|
||||
margin-left: 20rpx;
|
||||
flex: 1;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
.form-right input {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.form-date>>>.uni-date__x-input {
|
||||
height: 97rpx;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.form-date>>>.uni-icons {
|
||||
display: none;
|
||||
}
|
||||
.form-right>>>.uni-label-pointer{
|
||||
min-width: 50%;
|
||||
display: inline-block;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.apply-reason-text {
|
||||
width: 653rpx;
|
||||
height: 179rpx;
|
||||
background-color: #f6f8fc;
|
||||
border: solid 1rpx #e5e5e5;
|
||||
margin-top: 21rpx;
|
||||
padding: 14rpx 24rpx;
|
||||
font-size: 26rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.apply_require {
|
||||
margin-top: 0rpx !important;
|
||||
}
|
||||
|
||||
.form-right {
|
||||
flex: 1;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
.border-bottom {
|
||||
border-bottom: 1rpx solid #eeeeee;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue