Commit 8671bdc1 authored by zhoumaotao's avatar zhoumaotao

页面调整6

parent 2edc5eec
<template> <template>
<div class="min_full" style="height: 140vh;"> <div class="min_full" style="height: 140vh;">
<div class="min_full" style="height: 40%;"> <div class="min_full" style="height: 40%;">
<!-- 查询条件--> <!-- 查询条件-->
<div class="search" v-condition> <div class="search" v-condition>
<SearchButton :app='app'></SearchButton> <SearchButton :app='app'></SearchButton>
<el-row :gutter="20" class="search-row-1"> <el-row :gutter="20" class="search-row-1">
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">日期:</span> <span class="search-span">开始日期:</span>
<el-date-picker v-model="queryParams.date" ></el-date-picker> <el-date-picker v-model="queryParams.ksrq"></el-date-picker>
</div> </div>
</el-col> </el-col>
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">作业类型:</span> <span class="search-span">结束日期:</span>
<RelSelect src='/aqgl/rcgl/fcgzy/init/zylx' clearable :match="{value:'id',label:'name'}" v-model='queryParams.flid' ></RelSelect> <el-date-picker v-model="queryParams.jsrq"></el-date-picker>
</div> </div>
</el-col>
<el-col :span="6" class="search-col">
<div class="search-item">
<span class="search-span">作业类型:</span>
<RelSelect src='/aqgl/rcgl/fcgzy/init/zylx' clearable :match="{value:'id',label:'name'}" v-model='queryParams.flid' ></RelSelect>
</div>
</el-col> </el-col>
<el-col :span="6" class="search-col"> <el-col :span="6" class="search-col">
<div class="search-item"> <div class="search-item">
<span class="search-span">风险级别:</span> <span class="search-span">风险级别:</span>
<RelSelect src='aqgl/fxyk/fxpc/init/wxdj' clearable :match="{value:'id',label:'name'}" v-model='queryParams.fxjb' ></RelSelect> <RelSelect src='aqgl/fxyk/fxpc/init/wxdj' clearable :match="{value:'id',label:'name'}" v-model='queryParams.fxjb' ></RelSelect>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
<!-- 按钮操作--> <!-- 按钮操作-->
<el-row class="tool-bar"> <el-row class="tool-bar">
<PrintButton :app='app'></PrintButton> <PrintButton :app='app'></PrintButton>
<ViewButton ref="view" :app='app'></ViewButton> <ViewButton ref="view" :app='app'></ViewButton>
<AddButton ref="add" :app='app'></AddButton> <AddButton ref="add" :app='app'></AddButton>
<CopyButton ref="copy" :app='app'></CopyButton> <CopyButton ref="copy" :app='app'></CopyButton>
<EditButton ref="edit" :app='app'></EditButton> <EditButton ref="edit" :app='app'></EditButton>
<AttachFileButton :app='app'></AttachFileButton> <AttachFileButton :app='app'></AttachFileButton>
<FieldButton :app='app'></FieldButton> <FieldButton :app='app'></FieldButton>
<ExcelButton :app='app'></ExcelButton> <ExcelButton :app='app'></ExcelButton>
<!-- 额外按钮--> <!-- 额外按钮-->
<!-- 表头设置 --> <!-- 表头设置 -->
<!-- 权限--> <!-- 权限-->
</el-row> </el-row>
<!-- 表格--> <!-- 表格-->
<div class="tablePagers"> <div class="tablePagers">
<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem' <TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
@getRow='getRow'> @getRow='getRow'>
</TablePager> </TablePager>
</div> </div>
</div> </div>
<div class="min_full" style="height: 60%;padding: 10px;"> <div class="min_full" style="height: 60%;padding: 10px;">
<!-- tabs --> <!-- tabs -->
<el-tabs v-model="activeName" @tab-click="handleClick" > <el-tabs v-model="activeName" @tab-click="handleClick" >
<el-tab-pane v-if="sqxList.indexOf('DZ')!=-1" label="吊装作业" name="DZ" > <el-tab-pane v-if="sqxList.indexOf('DZ')!=-1" label="吊装作业" name="DZ" >
<Exposure /> <Exposure />
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-if="sqxList.indexOf('DL')!=-1" label="断路作业" name="DL"> <el-tab-pane v-if="sqxList.indexOf('DL')!=-1" label="断路作业" name="DL">
<!-- <SafetyCourse /> --> <!-- <SafetyCourse /> -->
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-if="sqxList.indexOf('YXKJ')!=-1" label="有限空间作业" name="YXKJ"> <el-tab-pane v-if="sqxList.indexOf('YXKJ')!=-1" label="有限空间作业" name="YXKJ">
<!-- <Reflect /> --> <!-- <Reflect /> -->
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-if="sqxList.indexOf('DHZY')!=-1" label="动火作业" name="DHZY"> <el-tab-pane v-if="sqxList.indexOf('DHZY')!=-1" label="动火作业" name="DHZY">
<!-- <Leadership /> --> <!-- <Leadership /> -->
</el-tab-pane> </el-tab-pane>
...@@ -77,56 +83,58 @@ ...@@ -77,56 +83,58 @@
</el-tab-pane> </el-tab-pane>
<el-tab-pane v-if="sqxList.indexOf('MQMB')!=-1" label="煤气盲板抽堵作业" name="MQMB"> <el-tab-pane v-if="sqxList.indexOf('MQMB')!=-1" label="煤气盲板抽堵作业" name="MQMB">
<!-- <Family /> --> <!-- <Family /> -->
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
/* 引入需要的接口*/ /* 引入需要的接口*/
import { import {
doQuery, doQuery,
doAdd, doAdd,
doUpdate, doUpdate,
doDelete doDelete
} from '@/api/daily/nroa.js'; } from '@/api/daily/nroa.js';
/* edit页面*/ /* edit页面*/
import Edit from './edit' import Edit from './edit'
import Exposure from './exposure.vue' import Exposure from './exposure.vue'
import SafetyCourse from './safetyCourse.vue' import SafetyCourse from './safetyCourse.vue'
import Reflect from './reflect.vue' import Leadership from './leadership.vue' import Reflect from './reflect.vue'
import Family from './family.vue' import Leadership from './leadership.vue'
import { import Family from './family.vue'
tableMixin import {
} from 'common' tableMixin
export default { } from 'common'
mixins: [tableMixin], export default {
name: 'appVersion', mixins: [tableMixin],
name: 'appVersion',
/* 初始额外赋值*/
async mounted() { /* 初始额外赋值*/
this.$refs['TablePager'].pageQuery({setFirstCurrent:true}) async mounted() {
}, this.$refs['TablePager'].pageQuery({setFirstCurrent:true})
data() { },
data() {
return { return {
sqxList:[], sqxList:[],
activeName: '', activeName: '',
/*需要的额外参数 */ /*需要的额外参数 */
showDialog: false, showDialog: false,
DialogName: '', DialogName: '',
type: '', type: '',
DialogTitle: '', DialogTitle: '',
/* 基础url*/ /* 基础url*/
baseUrl: '/aqgl/rcgl/fcgzy', baseUrl: '/aqgl/rcgl/fcgzy',
/* 查询参数*/ /* 查询参数*/
queryParams: { queryParams: {
date: new Date().getTime(), ksrq: '',
jsrq: '',
flid: '', flid: '',
fxjb:'' fxjb:''
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{label: "申请单号", prop: "djid", fieldType: "ftString",width:120}, {label: "申请单号", prop: "djid", fieldType: "ftString",width:120},
{label: "申请日期", prop: "sqrq", fieldType: "ftDateTime"}, {label: "申请日期", prop: "sqrq", fieldType: "ftDateTime"},
...@@ -148,10 +156,10 @@ ...@@ -148,10 +156,10 @@
{label: "创建人", prop: "cjr", fieldType: "ftString"}, {label: "创建人", prop: "cjr", fieldType: "ftString"},
{label: "创建时间", prop: "cjsj", fieldType: "ftDateTime"}, {label: "创建时间", prop: "cjsj", fieldType: "ftDateTime"},
{label: "状态", prop: "zt", fieldType: "ftString",width:6}, {label: "状态", prop: "zt", fieldType: "ftString",width:6},
{label: "工作流状态", prop: "wfpname", fieldType: "ftString",width:300}, {label: "工作流状态", prop: "wfpname", fieldType: "ftString",width:300},
] ]
} }
}, },
methods: { methods: {
/* 获取当前点击的数据*/ /* 获取当前点击的数据*/
getRow: function(e) { getRow: function(e) {
...@@ -162,40 +170,40 @@ ...@@ -162,40 +170,40 @@
}else{ }else{
this.activeName="" this.activeName=""
} }
}, },
handleClick(val){ handleClick(val){
console.log(val,'val') console.log(val,'val')
}, },
query: doQuery, query: doQuery,
/* 基础增*/ /* 基础增*/
apiAdd: doAdd, apiAdd: doAdd,
/* 基础更新*/ /* 基础更新*/
apiUpdate: doUpdate, apiUpdate: doUpdate,
/* 删除操作*/ /* 删除操作*/
apiDelete: doDelete, apiDelete: doDelete,
/* 初始化赋值操作*/ /* 初始化赋值操作*/
init() { init() {
} }
/* 启用停用*/ /* 启用停用*/
}, },
components: { components: {
Edit, Edit,
Exposure, Exposure,
SafetyCourse, SafetyCourse,
Leadership, Leadership,
Reflect, Reflect,
Family Family
} }
} }
</script> </script>
<style scoped> <style scoped>
/deep/.el-tabs__item { /deep/.el-tabs__item {
font-size: 13px; font-size: 13px;
color: #666; color: #666;
} }
</style> </style>
...@@ -74,9 +74,9 @@ ...@@ -74,9 +74,9 @@
}, },
/* 表格标题对应参数*/ /* 表格标题对应参数*/
tableTitle: [ tableTitle: [
{label: "序号", prop: "xh", fieldType: "int"},
{label: "名称", prop: "name", fieldType: "ftString",width:300}, {label: "名称", prop: "name", fieldType: "ftString",width:300},
{label: "备注", prop: "bz", fieldType: "ftString",width:300}, {label: "备注", prop: "bz", fieldType: "ftString",width:300},
{label: "序号", prop: "xh", fieldType: "int",width:100},
{label: "维护人", prop: "whr", fieldType: "ftString"}, {label: "维护人", prop: "whr", fieldType: "ftString"},
{label: "维护时间", prop: "whsj", fieldType: "ftDateTime"} {label: "维护时间", prop: "whsj", fieldType: "ftDateTime"}
] ]
......
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 to comment