268 lines
7.1 KiB
Vue
268 lines
7.1 KiB
Vue
<template>
|
||
<page-meta :page-font-size="$store.state.vuex_fontsize+'px'"
|
||
:root-font-size="$store.state.vuex_fontsize+'px'"></page-meta>
|
||
<view>
|
||
<view class="qjtx">
|
||
<u--form labelPosition="left" :model="projInfo" ref="form1" :rules="rules">
|
||
<u-form-item label="工程名称" required prop="name" borderBottom labelWidth="120">
|
||
<u--input v-model="projInfo.name" placeholder="请输入工程名称"></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="工程简写" required prop="abbreviation" borderBottom labelWidth="120">
|
||
<u--input v-model="projInfo.abbreviation" placeholder="请输入工程简写"></u--input>
|
||
</u-form-item>
|
||
|
||
<u-form-item label="工程类型" required prop="proType" borderBottom @click="showProjType = true; hideKeyboard()"
|
||
ref="item1" labelWidth="120">
|
||
<u--input @click="showProjType = true; hideKeyboard()" v-model="projInfo.proType"
|
||
placeholder="请选择工程类型"></u--input>
|
||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||
</u-form-item>
|
||
|
||
<u-form-item label="工程状态" required prop="status" borderBottom @click="showStatus = true; hideKeyboard()"
|
||
ref="item1" labelWidth="120">
|
||
<u--input @click="showStatus = true; hideKeyboard()" v-model="projInfo.status"
|
||
placeholder="请选择工程状态"></u--input>
|
||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||
</u-form-item>
|
||
|
||
<u-form-item label="所属分公司" required prop="companyName" borderBottom @click="showCompany = true; hideKeyboard()"
|
||
ref="item1" labelWidth="120">
|
||
<u--input @click="showCompany = true; hideKeyboard()" v-model="projInfo.companyName"
|
||
placeholder="请选择所属分公司"></u--input>
|
||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||
</u-form-item>
|
||
|
||
<u-form-item label="电压等级" required prop="voltageLevel" borderBottom @click="showPvl = true; hideKeyboard()"
|
||
ref="item1" labelWidth="120">
|
||
<u--input @click="showPvl = true; hideKeyboard()" v-model="projInfo.voltageLevelName"
|
||
placeholder="请选择电压等级"></u--input>
|
||
<u-icon slot="right" name="arrow-right"></u-icon>
|
||
</u-form-item>
|
||
|
||
<u-form-item label="工程联系人" prop="projectManager" borderBottom labelWidth="150">
|
||
<u--input v-model="projInfo.projectManager" placeholder="请输入工程联系人"></u--input>
|
||
</u-form-item>
|
||
<u-form-item label="联系人电话" prop="projectManagerPhone" borderBottom labelWidth="150">
|
||
<u--input v-model="projInfo.projectManagerPhone" placeholder="请输入联系人电话"></u--input>
|
||
</u-form-item>
|
||
|
||
|
||
</u--form>
|
||
<u-button type="primary" text="添加" customStyle="margin-top: 50px" @click="submit" style="width: 50%;background-color:#00b27b;border-color:#00b27b;"></u-button>
|
||
<!-- <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button> -->
|
||
<u-action-sheet :show="showProjType" :actions="projectTypeList" title="请选择工程类型" @close="showProjType = false"
|
||
@select="projTypeSelect">
|
||
</u-action-sheet>
|
||
|
||
<u-action-sheet :show="showStatus" :actions="statusList" title="请选择工程状态" @close="showStatus = false"
|
||
@select="statusSelect">
|
||
</u-action-sheet>
|
||
<u-action-sheet :show="showPvl" :actions="pVoltageLevel" title="请选择电压等级" @close="showPvl = false"
|
||
@select="pvlSelect">
|
||
</u-action-sheet>
|
||
|
||
<u-action-sheet :show="showCompany" :actions="companyData" title="请选择电压等级" @close="showCompany = false"
|
||
@select="companySelect">
|
||
</u-action-sheet>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
dictList,
|
||
companyTreeSelect,
|
||
addProject
|
||
} from '@/api/handbook.js'
|
||
|
||
export default {
|
||
data() {
|
||
return {
|
||
showCalendar: false,
|
||
projInfo: {
|
||
name: "",
|
||
abbreviation: "",
|
||
proType: "",
|
||
status: "",
|
||
companyId: "",
|
||
companyName:"",
|
||
voltageLevel: "",
|
||
voltageLevelName: "",
|
||
projectManager: "",
|
||
projectManagerPhone: "",
|
||
},
|
||
rules: {
|
||
name: {
|
||
required: true,
|
||
message: '工程名称不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
abbreviation: {
|
||
required: true,
|
||
message: '工程简写不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
proType: {
|
||
required: true,
|
||
message: '工程类型不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
status: {
|
||
required: true,
|
||
message: '工程状态不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
companyName: {
|
||
required: true,
|
||
message: '所属分公司不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
voltageLevel: {
|
||
required: true,
|
||
message: '电压等级不能为空',
|
||
trigger: ['blur']
|
||
},
|
||
|
||
},
|
||
leaveType: [],
|
||
leaveList: [],
|
||
pageNum: 1,
|
||
total: 0,
|
||
|
||
pVoltageLevel:[],
|
||
showPvl:false,
|
||
statusList:[],
|
||
showStatus: false,
|
||
projectTypeList:[],
|
||
showProjType:false,
|
||
companyData:[],
|
||
showCompany:false,
|
||
|
||
|
||
}
|
||
},
|
||
onLoad(option) {
|
||
this.dictList();
|
||
this.companyTreeSelect();
|
||
},
|
||
methods: {
|
||
dictList() {
|
||
dictList({
|
||
pageNum: 1,
|
||
pageSize: 1000,
|
||
dictType: 'sys_project_voltage_level'
|
||
|
||
}).then(res => {
|
||
res.rows.forEach(item => {
|
||
this.pVoltageLevel.push({
|
||
name: item.dictLabel,
|
||
id:item.dictValue
|
||
})
|
||
})
|
||
|
||
})
|
||
dictList({
|
||
pageNum: 1,
|
||
pageSize: 1000,
|
||
dictType: 'sys_project_status'
|
||
|
||
}).then(res => {
|
||
res.rows.forEach(item => {
|
||
this.statusList.push({
|
||
name: item.dictLabel
|
||
})
|
||
})
|
||
|
||
})
|
||
dictList({
|
||
pageNum: 1,
|
||
pageSize: 1000,
|
||
dictType: 'sys_project_type'
|
||
|
||
}).then(res => {
|
||
res.rows.forEach(item => {
|
||
this.projectTypeList.push({
|
||
name: item.dictLabel
|
||
})
|
||
})
|
||
|
||
})
|
||
|
||
},
|
||
|
||
|
||
// 查询分公司
|
||
companyTreeSelect() {
|
||
companyTreeSelect({}).then(res => {
|
||
res.rows.forEach(e => {
|
||
this.companyData.push({
|
||
name: e.deptName,
|
||
id: e.deptId,
|
||
|
||
})
|
||
})
|
||
})
|
||
},
|
||
projTypeSelect(e){
|
||
this.projInfo.proType=e.name;
|
||
},
|
||
statusSelect(e){
|
||
this.projInfo.status=e.name;
|
||
},
|
||
pvlSelect(e){
|
||
this.projInfo.voltageLevel=e.id;
|
||
this.projInfo.voltageLevelName=e.name;
|
||
},
|
||
companySelect(e){
|
||
this.projInfo.companyId=e.id;
|
||
this.projInfo.companyName=e.name;
|
||
|
||
},
|
||
submit() {
|
||
// 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
|
||
console.log(this.projInfo)
|
||
this.$refs.form1.validate().then(res => {
|
||
addProject(this.projInfo).then(res => {
|
||
if (res.code == 200) {
|
||
uni.$u.toast('添加成功')
|
||
setTimeout(() => {
|
||
uni.navigateBack();
|
||
}, 1000)
|
||
|
||
}
|
||
|
||
})
|
||
}).catch(errors => {
|
||
// uni.$u.toast('校验失败')
|
||
})
|
||
},
|
||
hideKeyboard() {
|
||
uni.hideKeyboard()
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
uni-page-body {
|
||
height: 100%;
|
||
padding: 10rpx;
|
||
background-color: #fff;
|
||
}
|
||
.qjtx {
|
||
padding: 20rpx;
|
||
}
|
||
|
||
::v-deep .uni-input-input {
|
||
font-size: 13px !important;
|
||
}
|
||
|
||
::v-deep .input-placeholder {
|
||
font-size: 13px !important;
|
||
}
|
||
::v-deep .u-form-item__body__left {
|
||
width: 80px !important;
|
||
}
|
||
|
||
|
||
</style> |