修改size为mini,添加检索条件

This commit is contained in:
熊丽君
2020-12-24 16:27:26 +08:00
parent a7323530f4
commit 97dd60a94b
18 changed files with 65 additions and 45 deletions

View File

@ -35,6 +35,7 @@ Vue.prototype.selectDictLabel = selectDictLabel
Vue.prototype.selectDictLabels = selectDictLabels Vue.prototype.selectDictLabels = selectDictLabels
Vue.prototype.download = download Vue.prototype.download = download
Vue.prototype.handleTree = handleTree Vue.prototype.handleTree = handleTree
Vue.prototype.size = 'mini'
Vue.prototype.msgSuccess = function (msg) { Vue.prototype.msgSuccess = function (msg) {
this.$message({ showClose: true, message: msg, type: "success" }); this.$message({ showClose: true, message: msg, type: "success" });

View File

@ -7,7 +7,7 @@
</el-col> </el-col>
<!-- form表单 --> <!-- form表单 -->
<el-col :span="20"> <el-col :span="20">
<el-form size="mini" :model="queryParams" :inline="true" ref="queryForm" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" :inline="true" ref="queryForm" v-show="showSearch" label-width="68px">
<!-- 第一行 --> <!-- 第一行 -->
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">

View File

@ -2,7 +2,7 @@
<section class="app-container"> <section class="app-container">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form size="mini" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px">
<el-form-item label="故障名称"> <el-form-item label="故障名称">
<el-input v-model="queryParams.faultName" placeholder="请输入故障名称" clearable style="width: 200px" <el-input v-model="queryParams.faultName" placeholder="请输入故障名称" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />

View File

@ -1,6 +1,6 @@
<template> <template>
<section class="app-container" v-loading="loading"> <section class="app-container" v-loading="loading">
<el-form> <el-form :size="size">
<el-scrollbar class="scrollbar" wrap-class="scrollbar-wrapper"> <el-scrollbar class="scrollbar" wrap-class="scrollbar-wrapper">
<el-form-item v-for="item1 in formTitle" :key="item1.id"> <el-form-item v-for="item1 in formTitle" :key="item1.id">
<section> <section>

View File

@ -1,8 +1,8 @@
<template> <template>
<section class="app-container"> <section class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="固件名称"> <el-form-item label="固件名称">
<el-input v-model="queryParams.fileName" placeholder="请输入固件名称" clearable size="small" style="width: 240px" <el-input v-model="queryParams.fileName" placeholder="请输入固件名称" clearable style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="产品"> <el-form-item label="产品">

View File

@ -5,7 +5,7 @@
<region @selectdRegionCode="selectdRegionCode" :currentNodeKey.sync="queryParams.provinceCode"></region> <region @selectdRegionCode="selectdRegionCode" :currentNodeKey.sync="queryParams.provinceCode"></region>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form :inline="true" size="small" v-show="showSearch"> <el-form :size="size" :inline="true" v-show="showSearch">
<el-form-item label="产品"> <el-form-item label="产品">
<el-select v-model="queryParams.productId" clearable placeholder="请选择" @change="queryProductIdChange"> <el-select v-model="queryParams.productId" clearable placeholder="请选择" @change="queryProductIdChange">
<el-option v-for="item in queryProductSelectList" :key="item.id" :label="item.productName" :value="item.productId"> <el-option v-for="item in queryProductSelectList" :key="item.id" :label="item.productName" :value="item.productId">

View File

@ -5,13 +5,21 @@
<region @selectdRegionCode="selectdRegionCode" :currentNodeKey.sync="queryParams.provinceCode"></region> <region @selectdRegionCode="selectdRegionCode" :currentNodeKey.sync="queryParams.provinceCode"></region>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="20">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="产品SN"> <el-form-item label="产品">
<el-input v-model="queryParams.productId" placeholder="请输入产品SN" clearable size="small" style="width: 240px" <el-select v-model="queryParams.productId" clearable placeholder="请选择产品SN">
@keyup.enter.native="handleQuery" /> <el-option v-for="item in queryProductSelectList" :key="item.id" :label="item.productName" :value="item.productId">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="项目" prop="projectId">
<el-select v-model="queryParams.projectId" clearable placeholder="请选择项目SN">
<el-option v-for="item in queryProjectSelectList" :key="item.id" :label="item.projectName" :value="item.projectId">
</el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="设备名称"> <el-form-item label="设备名称">
<el-input v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable size="small" style="width: 240px" <el-input v-model="queryParams.deviceName" placeholder="请输入设备名称或SN" clearable style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="设备类型"> <el-form-item label="设备类型">
@ -60,12 +68,14 @@
<el-link type="primary" :href="'./detail?id=' + scope.row.id " target="_blank">{{scope.row.deviceName}}</el-link> <el-link type="primary" :href="'./detail?id=' + scope.row.id " target="_blank">{{scope.row.deviceName}}</el-link>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="projectName" align="center" label="项目名称" min-width="150">
</el-table-column>
<el-table-column prop="deviceType" align="center" label="类型"> <el-table-column prop="deviceType" align="center" label="类型">
<template slot-scope="scope">{{getDeviceTypeLabel(scope.row.deviceType)}}</template> <template slot-scope="scope">{{getDeviceTypeLabel(scope.row.deviceType)}}</template>
<!-- <template slot-scope="scope">{{scope.row.deviceType}}</template> --> <!-- <template slot-scope="scope">{{scope.row.deviceType}}</template> -->
<!-- <template slot-scope="scope">{{deviceTypeList.find(v=> v.value == scope.row.deviceType).label}}</template> --> <!-- <template slot-scope="scope">{{deviceTypeList.find(v=> v.value == scope.row.deviceType).label}}</template> -->
</el-table-column> </el-table-column>
<el-table-column prop="productId" align="center" label="产品SN" min-width="200"> <el-table-column prop="productName" align="center" label="产品SN" min-width="200">
</el-table-column> </el-table-column>
<!-- <el-table-column prop="deviceCode" align="center" label="设备编码"> <!-- <el-table-column prop="deviceCode" align="center" label="设备编码">
</el-table-column> </el-table-column>
@ -272,6 +282,8 @@ export default {
return { return {
snapDeviceInfo: {}, snapDeviceInfo: {},
// 产品下拉列表 // 产品下拉列表
queryProductSelectList: [],
queryProjectSelectList: [],
productSelectList: [], productSelectList: [],
userSelectList: [], userSelectList: [],
projectSelectList: [], projectSelectList: [],
@ -372,6 +384,7 @@ export default {
created () { created () {
productSelect().then(({ code, msg, select }) => { productSelect().then(({ code, msg, select }) => {
if (code == 200) { if (code == 200) {
this.queryProductSelectList = select;
this.productSelectList = select; this.productSelectList = select;
} else { } else {
this.$message.error(msg); this.$message.error(msg);
@ -392,6 +405,13 @@ export default {
this.$message.error(msg); this.$message.error(msg);
} }
}) })
projectSelect().then(({code,select})=>{
if (code == 200) {
this.queryProjectSelectList = select;
} else {
this.$message.error(msg);
}
})
this.getList(); this.getList();
}, },
methods: { methods: {

View File

@ -2,9 +2,9 @@
<section class="app-container"> <section class="app-container">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="名称" prop="productName"> <el-form-item label="名称" prop="productName">
<el-input v-model="queryParams.productName" placeholder="请输入名称" clearable size="small" style="width: 240px" <el-input v-model="queryParams.productName" placeholder="请输入名称" clearable style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>

View File

@ -2,9 +2,9 @@
<section class="app-container"> <section class="app-container">
<el-row> <el-row>
<el-col> <el-col>
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="项目名称" prop="projectName"> <el-form-item label="项目名称" prop="projectName">
<el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable size="small" style="width: 240px" <el-input v-model="queryParams.projectName" placeholder="请输入项目名称" clearable style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>

View File

@ -2,25 +2,25 @@
<section class="app-container"> <section class="app-container">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="90px">
<el-form-item label="信号编码"> <el-form-item label="信号编码">
<el-input v-model="queryParams.signalCode" placeholder="请输入信号编码" clearable size="small" style="width: 200px" <el-input v-model="queryParams.signalCode" placeholder="请输入信号编码" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="信号名称"> <el-form-item label="信号名称">
<el-input v-model="queryParams.signalName" placeholder="请输入信号名称" clearable size="small" style="width: 200px" <el-input v-model="queryParams.signalName" placeholder="请输入信号名称" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="信号量"> <el-form-item label="信号量">
<el-input v-model="queryParams.signalValue" placeholder="请输入信号量" clearable size="small" style="width: 200px" <el-input v-model="queryParams.signalValue" placeholder="请输入信号量" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="信号量范围"> <el-form-item label="信号量范围">
<el-input v-model="queryParams.signalValueRange" placeholder="信号量范围" clearable size="small" style="width: 200px" <el-input v-model="queryParams.signalValueRange" placeholder="信号量范围" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="类型"> <el-form-item label="类型">
<el-input v-model="queryParams.signalType" placeholder="类型" clearable size="small" style="width: 200px" <el-input v-model="queryParams.signalType" placeholder="类型" clearable style="width: 200px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
<el-form-item label="部门名称" prop="deptName"> <el-form-item label="部门名称" prop="deptName">
<el-input <el-input
v-model="queryParams.deptName" v-model="queryParams.deptName"

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
<el-form-item label="菜单名称" prop="menuName"> <el-form-item label="菜单名称" prop="menuName">
<el-input <el-input
v-model="queryParams.menuName" v-model="queryParams.menuName"

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="公告标题" prop="noticeTitle"> <el-form-item label="公告标题" prop="noticeTitle">
<el-input <el-input
v-model="queryParams.noticeTitle" v-model="queryParams.noticeTitle"

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="岗位编码" prop="postCode"> <el-form-item label="岗位编码" prop="postCode">
<el-input <el-input
v-model="queryParams.postCode" v-model="queryParams.postCode"

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true"> <el-form :size="size" :model="queryParams" ref="queryForm" v-show="showSearch" :inline="true">
<el-form-item label="角色名称" prop="roleName"> <el-form-item label="角色名称" prop="roleName">
<el-input <el-input
v-model="queryParams.roleName" v-model="queryParams.roleName"

View File

@ -4,7 +4,7 @@
<!--部门数据--> <!--部门数据-->
<el-col :span="4" :xs="24"> <el-col :span="4" :xs="24">
<div class="head-container"> <div class="head-container">
<el-input v-model="deptName" placeholder="请输入部门名称" clearable size="small" prefix-icon="el-icon-search" <el-input v-model="deptName" placeholder="请输入部门名称" clearable :size="size" prefix-icon="el-icon-search"
style="margin-bottom: 20px" /> style="margin-bottom: 20px" />
</div> </div>
<div class="head-container"> <div class="head-container">
@ -14,22 +14,22 @@
</el-col> </el-col>
<!--用户数据--> <!--用户数据-->
<el-col :span="20" :xs="24"> <el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="用户名称" prop="userName"> <el-form-item label="用户名称" prop="userName">
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable size="small" style="width: 240px" <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable :size="size" style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="手机号码" prop="phonenumber"> <el-form-item label="手机号码" prop="phonenumber">
<el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable size="small" style="width: 240px" <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable :size="size" style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="status"> <el-form-item label="状态" prop="status">
<el-select v-model="queryParams.status" placeholder="用户状态" clearable size="small" style="width: 240px"> <el-select v-model="queryParams.status" placeholder="用户状态" clearable :size="size" style="width: 240px">
<el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" /> <el-option v-for="dict in statusOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd" type="daterange" <el-date-picker v-model="dateRange" :size="size" style="width: 240px" value-format="yyyy-MM-dd" type="daterange"
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>

View File

@ -2,7 +2,7 @@
<section class="app-container"> <section class="app-container">
<el-row> <el-row>
<el-col :span="24"> <el-col :span="24">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
<el-form-item label="topicID"> <el-form-item label="topicID">
<el-input v-model="queryParams.topicId" placeholder="请输入topicID" clearable size="small" style="width: 240px" <el-input v-model="queryParams.topicId" placeholder="请输入topicID" clearable size="small" style="width: 240px"
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
@ -253,22 +253,21 @@ export default {
this.snapRow = Object.assign({}, row); this.snapRow = Object.assign({}, row);
this.projectListOpen = true; this.projectListOpen = true;
}, },
handleTopicProjectSave (row) { async handleTopicProjectSave (row) {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: '添加中', text: '添加中',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.3)' background: 'rgba(0, 0, 0, 0.3)'
}); });
save({ topicId: this.snapRow.topicId, projectId: row.projectId }).then(res => { const {result} = await save({ topicId: this.snapRow.topicId, projectId: row.projectId })
if (200 == res.code) { if(result==-1){
this.msgError('改项目已被其它topic占用');
}else{
this.topicProSelect(this.row); this.topicProSelect(this.row);
this.getProjectList(); this.getProjectList();
} else {
this.msgError(res.msg);
} }
loading.close(); loading.close();
});
}, },
handleTopicProDel ({ id }) { handleTopicProDel ({ id }) {
const loading = this.$loading({ const loading = this.$loading({

View File

@ -7,7 +7,7 @@
</el-col> </el-col>
<!-- form表单 --> <!-- form表单 -->
<el-col :span="20"> <el-col :span="20">
<el-form size="mini" :model="queryParams" :inline="true" ref="queryForm" v-show="showSearch" label-width="68px"> <el-form :size="size" :model="queryParams" :inline="true" ref="queryForm" v-show="showSearch" label-width="68px">
<!-- 第一行 --> <!-- 第一行 -->
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">