Skip to content

郑艺斌 / emaint-web-master

Go to a project
Commit 9a4daf48 by 郑艺斌
Options

2022/11/29

parent 57f6a1fd
Expand all
Inline Side-by-side
Showing with 164 additions and 97 deletions
src/assets/js/request.js
......@@ -3,6 +3,7 @@ import qs from "qs";
import { Message } from "iview";
axios.defaults.baseURL = "https://emaint.meiqicloud.com";
// axios.defaults.baseURL = "http://172.16.4.29:8063";
// axios.defaults.baseURL='http://localhost:8063'
export function qsdata(data) {
return qs.parse(qs.stringify(data));
......
src/views/problemConfiguration/index.vue
......@@ -27,7 +27,8 @@
<Card>
<div class="search-row">
<Row>
<Col>
</Col>
<Col>
<template>
<Tree :data="questionlis" @on-select-change="showchildren" :empty-text="'暂无数据'"></Tree>
......@@ -35,7 +36,6 @@
</Col>
</Row>
</div>
</Card>
</Col>
</Row>
......@@ -47,7 +47,12 @@
<p slot="title">
问题新增
</p>
<i-form :model="addformdata" :rules="ruleValidate" :label-width="90" class="addform">
<i-form ref="formValidate" :model="addformdata" :rules="ruleValidate" :label-width="100" class="addform">
<Form-item label="问题分类分组" prop="dataSource">
<RadioGroup v-model="addformdata.dataSource" @on-change="getParent">
<Radio :label="item.value" v-for="item in mechanism" :key="item.value">{{ item.label }}</Radio>
</RadioGroup>
</Form-item>
<Form-item label="类型名称" prop="problem">
<i-input placeholder="请输入类型名称" v-model="addformdata.problem"></i-input>
</Form-item>
......@@ -55,7 +60,7 @@
<Form-item label="父级类目">
<i-select placeholder="请选择父级" v-model="addformdata.parentId" style="text-align:left">
<i-option value="">无</i-option>
<i-option :value="item.parentId" v-for="(item, index) in questionlis" :key="index">{{ item.parentProblem
<i-option :value="item.parentId" v-for="(item, index) in questionlis1" :key="index">{{ item.parentProblem
}}
</i-option>
......@@ -96,9 +101,8 @@
</template>
</div>
<Upload v-if="!uploadList.length || uploadList.length < 1" ref="upload" :show-upload-list="false"
:on-success="handleSuccess" :format="['jpg', 'png']" :max-size="2048" type="drag"
:action="uploadUrl" :before-upload="handleBeforeUpload"
style="display: inline-block;width:58px;">
:on-success="handleSuccess" :format="['jpg', 'png']" :max-size="2048" type="drag" :action="uploadUrl"
:before-upload="handleBeforeUpload" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-plus-empty" size="20"></Icon>
</div>
......@@ -125,7 +129,12 @@
<p slot="title">
问题编辑
</p>
<i-form :model="updatedata" :rules="ruleValidate" :label-width="90" class="addform">
<i-form ref="formValidate" :model="updatedata" :rules="ruleValidate" :label-width="100" class="addform">
<Form-item label="问题分类分组" prop="dataSource">
<RadioGroup v-model="updatedata.dataSource" @on-change="getParent">
<Radio :label="item.value" v-for="item in mechanism" :key="item.value">{{ item.label }}</Radio>
</RadioGroup>
</Form-item>
<Form-item label="类型名称" prop="problem">
<i-input placeholder="请输入类型名称" v-model="updatedata.problem"></i-input>
</Form-item>
......@@ -134,7 +143,7 @@
<i-select :placeholder="updatedata.treeLevel == 1 ? '已属于顶级类目' : '请选择父级类目'" style="text-align:left"
v-model="updatedata.parentId" :disabled="updatedata.treeLevel == 1 ? true : false">
<i-option value="">无</i-option>
<i-option :value="item.parentId" v-for="(item, index) in questionlis" :key="index">{{ item.parentProblem
<i-option :value="item.parentId" v-for="(item, index) in questionlis1" :key="index">{{ item.parentProblem
}}
</i-option>
</i-select>
......@@ -171,9 +180,8 @@
</template>
</div>
<Upload v-if="!uploadList.length || uploadList.length < 1" ref="upload" :show-upload-list="false"
:on-success="handleSuccess" :format="['jpg', 'png']" :max-size="2048" type="drag"
:action="uploadUrl" :before-upload="handleBeforeUpload"
style="display: inline-block;width:58px;">
:on-success="handleSuccess" :format="['jpg', 'png']" :max-size="2048" type="drag" :action="uploadUrl"
:before-upload="handleBeforeUpload" style="display: inline-block;width:58px;">
<div style="width: 58px;height:58px;line-height: 58px;">
<Icon type="ios-plus-empty" size="20"></Icon>
</div>
......@@ -220,6 +228,12 @@ export default {
defaultExecutorName: '',
},
ruleValidate: {
dataSource: [
{ required: true, message: "请选择问题分类分组", trigger: "change" }
],
parent: [
{ required: true, message: "请选择组织机构", trigger: "change" }
],
problem: [
{ required: true, message: "类型名称不能为空", trigger: "blur" }
]
......@@ -230,7 +244,8 @@ export default {
},
updatedata: {},
questionlis: [],
questionlis1: [],
mechanism: [],
//新增-表单
addForm: {
areaId: "",
......@@ -252,8 +267,9 @@ export default {
deliveryDate: "",
actualDate: "",
orgId: "",
projectId: ""
}
projectId: "",
},
projectList: []
};
},
computed: {
......@@ -299,7 +315,7 @@ export default {
this.uploadList.splice(fileList.indexOf(item), 1);
},
async handleBeforeUpload (res) {
return this.checkImageWH(res, 64, 64)
// return this.checkImageWH(res, 64, 64)
},
handleSuccess (res, file) {
this.seriesImage = res.responseResult
......@@ -373,6 +389,8 @@ export default {
}
},
save (type) {
this.$refs['formValidate'].validate((valid) => {
if (valid) {
if (type == "add") {
this.$request.post(
"/api/emaint/problem-base/save",
......@@ -396,6 +414,11 @@ export default {
}
);
}
} else {
this.$Message.error('请输入必填项!');
}
})
return
},
addquestion () {
this.addformdata.parentId = this.activeli.id;
......@@ -418,10 +441,10 @@ export default {
res => {
this.$set(this.$data, 'updatedata', {})
this.uploadList = []
if (res.responseResult.iconImgs !== null && res.responseResult.iconImgs !== "") {
let obj = {
status: 'finished',
}
if (res.responseResult.iconImgs !== null) {
obj.status = 'finished'
obj.url = res.responseResult.iconImgs
this.uploadList.push(obj)
}
......@@ -449,26 +472,54 @@ export default {
getlist () {
// 查询一级问题
this.$request.post(
"/api/emaint/problem-base/treeList",
"/api/emaint/problem-base/a/treeList",
{},
data => {
let mechanism = []
data.responseResult.forEach(v => {
v.title = v.parentProblem;
if (v.dataSource == '0') {
v.title = '特房集团'
mechanism.push({ label: '特房集团', value: v.dataSource })
} else if (v.dataSource == '1') {
v.title = '塔楼客户'
mechanism.push({ label: '塔楼客户', value: v.dataSource })
} else if (v.dataSource == '2') {
v.title = '轨道集团'
mechanism.push({ label: '轨道集团', value: v.dataSource })
}
v.children = v.childList;
v.disabled = true
v.expand = true
if (v.children.length > 0) {
v.expand = false;
v.children.forEach(v1 => {
v1.title = v1.problem;
v.expand = false;
v1.title = v1.parentProblem;
v1.children = v1.childList;
if (v1.children.length > 0) {
v1.children.forEach(v2 => {
v2.title = v2.problem;
})
}
});
}
});
this.questionlis = data.responseResult;
this.mechanism = mechanism
data.responseResult.forEach(item => {
if (item.childList.length) {
item.childList.forEach(item1 => {
this.questionlis1.push(item1)
})
}
})
},
data => {
}
);
},
getParent (value) {
let arr = this.questionlis.filter(item => item.dataSource == value)
this.questionlis1 = arr[0].childList
},
// 删除问题
delquestion () {
if (this.activeli.id == "") {
......@@ -612,6 +663,10 @@ div.controlbutton button {
cursor: pointer;
margin: 0 2px;
}
.search-row .title {
padding: 8px 0;
}
</style>
src/views/report/overview/index.vue
......@@ -4,7 +4,7 @@
<Col span="24">
<Card class="search-card">
<p slot="title">
{{$route.meta.title}}
{{ $route.meta.title }}
<collapse-icon foldPart="search-body"></collapse-icon>
</p>
<div id="search-body">
......@@ -13,7 +13,8 @@
<Col span="6">
<FormItem label="时间">
<DatePicker type="daterange" v-model="createdTime" split-panels placeholder="请选择起始时间" style="width: 200px" @on-change="getcreatedTime"></DatePicker>
<DatePicker type="daterange" v-model="createdTime" split-panels placeholder="请选择起始时间"
style="width: 200px" @on-change="getcreatedTime"></DatePicker>
</FormItem>
</Col>
</Row>
......@@ -54,119 +55,129 @@
</div>
</template>
<style>
textarea{
resize:none;
}
.test{
textarea {
resize: none;
}
.test {
display: inline-block;
width:50px;
height:30px;
width: 50px;
height: 30px;
text-align: center;
line-height: 30px;
margin-right: 5px;
margin-bottom: 5px;
color: white;
position: relative;
}
.house{
width:40px;
height:30px;
}
.house {
width: 40px;
height: 30px;
text-align: center;
line-height: 30px;
color: white;
margin: 0 3px 9px 3px;
}
.bg-gray{
}
.bg-gray {
background-color: #808080;
color: white;
}
.bg-green{
}
.bg-green {
background-color: #1cad1f;
color: white;
}
.bg-red{
}
.bg-red {
background-color: #e42a2d;
color: white;
}
.img-position{
}
.img-position {
position: absolute;
top: 2px;
right: 3px;
}
.batch-house-tips{
}
.batch-house-tips {
display: inline-block;
font-size: 12px;
margin-right: 10px;
margin-bottom: 10px;
}
.batch-house-red{
}
.batch-house-red {
background-color: #e42a2d;
padding: 5px;
color: #ffffff;
}
.batch-house-green{
}
.batch-house-green {
background-color: #1cad1f;
padding: 5px;
color: #ffffff;
justify-content: center;
}
.batch-house-gray{
}
.batch-house-gray {
background-color: #808080;
padding: 5px;
color: #ffffff;
}
}
</style>
<script type="text/ecmascript-6">
import qs from "qs";
import axios from 'axios'
import index from "@/router"
export default {
import qs from "qs";
import axios from 'axios'
import index from "@/router"
export default {
data () {
return {
auth:JSON.parse(sessionStorage.auth),//登录用户的角色权限
auth: JSON.parse(sessionStorage.auth),//登录用户的角色权限
isFirst: false, //首页.
tableLoading: false,
maintUsers: [],
//表单
formItem: {
beginDate:"",
endDate:"",
beginDate: "",
endDate: "",
},
endDate:"",
beginDate:"",
endDate: "",
beginDate: "",
// 设置结束时间大于开始时间
end:{
disabledDate :(function(date){
return date.valueOf() < new Date( this.formItem.beginDate)
end: {
disabledDate: (function (date) {
return date.valueOf() < new Date(this.formItem.beginDate)
}).bind(this)
},
createdTime:[],
columns:[],
createdTime: [],
columns: [],
//表格
tableData: []
}
},
created(){
var dd=new Date()
var ff=new Date()
created () {
var dd = new Date()
var ff = new Date()
var week = dd.getDay(); //获取时间的星期数
var minus = week ? week - 1 : 6;
dd.setDate(dd.getDate() - minus); //获取minus天前的日期
var y = dd.getFullYear();
var m = (dd.getMonth()+1) < 10 ? "0"+(dd.getMonth() + 1):(dd.getMonth()+1); //获取月份
var d = dd.getDate() < 10 ?( '0' + dd.getDate()):dd.getDate()
this.formItem.beginDate=(y + "-" + m + "-" + d)
this.beginDate=this.formItem.beginDate
var m = (dd.getMonth() + 1) < 10 ? "0" + (dd.getMonth() + 1) : (dd.getMonth() + 1); //获取月份
var d = dd.getDate() < 10 ? ('0' + dd.getDate()) : dd.getDate()
this.formItem.beginDate = (y + "-" + m + "-" + d)
this.beginDate = this.formItem.beginDate
this.createdTime.push(this.beginDate)
var week = ff.getDay(); //获取时间的星期数
var maxus = week ? 7 - week : 0;
ff.setDate(ff.getDate() + maxus); //获取minus天前的日期
var a = ff.getFullYear();
var b = (ff.getMonth()+1) < 10 ? "0"+(ff.getMonth() + 1):(ff.getMonth()+1); //获取月份
var c = ff.getDate() < 10 ?( '0' + ff.getDate()):ff.getDate()
this.formItem.endDate=(a + "-" + b + "-" + c)
this.endDate=this.formItem.endDate
var b = (ff.getMonth() + 1) < 10 ? "0" + (ff.getMonth() + 1) : (ff.getMonth() + 1); //获取月份
var c = ff.getDate() < 10 ? ('0' + ff.getDate()) : ff.getDate()
this.formItem.endDate = (a + "-" + b + "-" + c)
this.endDate = this.formItem.endDate
this.createdTime.push(this.endDate)
// 获取运维人员构建表头
......@@ -174,7 +185,7 @@
},
methods: {
createTable(){
createTable () {
let self = this
this.$request.get(
"/api/user/getMaintainUser",
......@@ -185,8 +196,8 @@
self.columns = [{
title: '公司',
key: 'companyName',
width:120,
align:"center"
width: 120,
align: "center"
}]
self.maintUsers.forEach(v => {
self.columns.push({
......@@ -232,7 +243,7 @@
},
// 导出
loadData(){
loadData () {
let self = this
this.tableLoading = true
this.$request.post(
......@@ -283,40 +294,40 @@
},
// 导出
exportTabel(){
exportTabel () {
this.$refs.table.exportCsv({
filename: '运维统计报表'
});
},
//搜索
searchSubmit () {
if(this.formItem.beginDate!="" && this.formItem.endDate !=""){
if (this.formItem.beginDate != "" && this.formItem.endDate != "") {
this.isFirst = true
this.loadData()
}else{
this.$Modal.error({title: '提示信息', content: "请输入进行检索的完整起始时间"})
} else {
this.$Modal.error({ title: '提示信息', content: "请输入进行检索的完整起始时间" })
}
},
//重置
searchCancel(){
this.formItem.beginDate=""
this.formItem.endDate=""
this.beginDate=""
this.endDate=""
searchCancel () {
this.formItem.beginDate = ""
this.formItem.endDate = ""
this.beginDate = ""
this.endDate = ""
this.isFirst = true
this.createdTime=[]
setTimeout(()=>{
this.createdTime = []
setTimeout(() => {
this.$refs.table.init()
this.isFirst = false
},200)
}, 200)
},
getcreatedTime(createdTime) {
this.formItem.beginDate=createdTime[0]
this.formItem.endDate=createdTime[1]
getcreatedTime (createdTime) {
this.formItem.beginDate = createdTime[0]
this.formItem.endDate = createdTime[1]
},
}
}
}
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment