wangpeng
/
integrated_traffic_admin_vue
forked from integrated_whb/integrated_whb_admin_vue
1
0
Fork 0
Code Pull Requests Activity

通用标准页面排版

pull/1/head
wangpeng 2024-02-20 14:58:38 +08:00
parent 97564dc7cb
commit a59339b29a
2 changed files with 72 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/CascaderDict/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="position: relative">
<el-cascader <el-cascader
ref="cascader" ref="cascader"
:value="value" :value="value"
@ -11,7 +11,7 @@
:clearable = "clearable" :clearable = "clearable"
style="width: 100%" style="width: 100%"
@change="cascaderChange" /> @change="cascaderChange" />
<i v-show="loading" class="el-icon-loading"/> <i v-show="loading" class="el-icon-loading" style="position: absolute;top: 10px;right: 25px;"/>
</div> </div>
</template> </template>
<script> <script>

123
src/views/hiddenDangerCheckStandardLibrary/common/components/list.vue
View File

@ -1,56 +1,62 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="filter-container"> <div class="filter-container">
<el-row :gutter="20"> <div class="filter-row mb-10">
<el-form label-width="80px"> <el-form label-width="80px">
<el-col :span="8"> <el-row :gutter="20">
<el-form-item label="行业类型"> <el-col :span="6">
<cascader-dict <el-form-item label="行业类型">
v-model = "searchForm.INDUSTRY_TYPE_ARR" <cascader-dict
:form.sync="searchForm" v-model = "searchForm.INDUSTRY_TYPE_ARR"
:dict-id = "dictId" :form.sync="searchForm"
/> :dict-id = "dictId"
</el-form-item> />
</el-col> </el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="标准名称"> <el-col :span="7">
<el-input v-model="searchForm.CHECK_STANDARD_NAME" placeholder="搜索标准名称..." class="filter-item" /> <el-form-item label="标准名称">
</el-form-item> <el-input v-model="searchForm.CHECK_STANDARD_NAME" placeholder="搜索标准名称..." class="filter-item" />
</el-col> </el-form-item>
<el-col :span="6"> </el-col>
<el-form-item label="导入时间"> </el-row>
<el-date-picker <el-row :gutter="20">
v-model="searchForm.CREATE_TIME" <el-col :span="6">
type="daterange" <el-form-item label="导入时间">
range-separator="至" <el-date-picker
start-placeholder="开始日期" v-model="searchForm.CREATE_TIME"
end-placeholder="结束日期" type="daterange"
format="yyyy-MM-dd" range-separator="至"
value-format="yyyy-MM-dd"/> start-placeholder="开始日期"
</el-form-item> end-placeholder="结束日期"
</el-col> format="yyyy-MM-dd"
<el-col :span="6"> value-format="yyyy-MM-dd"/>
<el-form-item label="状态"> </el-form-item>
<el-select v-model="searchForm.COMMON_STATUS" placeholder="状态" clearable style="width: 100px" class="filter-item"> </el-col>
<el-option v-for="item in commonStatusList" :key="item.id" :label="item.name" :value="item.id" /> <el-col :span="5">
</el-select> <el-form-item label="状态">
</el-form-item> <el-select v-model="searchForm.COMMON_STATUS" placeholder="状态" clearable style="width: 100%" class="filter-item">
</el-col> <el-option v-for="item in commonStatusList" :key="item.id" :label="item.name" :value="item.id" />
<el-col :span="6" > </el-select>
<el-form-item label-width="10px"> </el-form-item>
<el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery"> </el-col>
搜索 <el-col :span="6" >
</el-button> <el-form-item label-width="10px">
<el-button v-waves class="filter-item" type="success" icon="el-icon-refresh-left" @click="resetting"> <el-button v-waves class="filter-item" type="primary" icon="el-icon-search" @click="getQuery">
重置 搜索
</el-button> </el-button>
<el-button v-waves class="filter-item" type="primary" icon="el-icon-document-add" @click="importExcel('import')"> <el-button v-waves class="filter-item" type="success" icon="el-icon-refresh-left" @click="resetting">
导入标准表 重置
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
</el-form> </el-form>
</el-row> </div>
<div class="filter-flot">
<el-button v-waves class="filter-item" type="primary" icon="el-icon-document-add" @click="importExcel('import')">
导入标准表
</el-button>
</div>
</div> </div>
<el-table <el-table
v-loading="listLoading" v-loading="listLoading"
@ -80,16 +86,18 @@
{{ row.COMMON_STATUS ? (row.COMMON_STATUS === 1 ? '有效' : '停用') : '' }} {{ row.COMMON_STATUS ? (row.COMMON_STATUS === 1 ? '有效' : '停用') : '' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="300"> <el-table-column label="操作" align="center" width="320">
<template slot-scope="{row}"> <template slot-scope="{row}">
<el-row :gutter="20"> <el-row :gutter="20" style="margin-bottom: 5px">
<el-button type="success" icon="el-icon-view" size="mini" @click="getInfo(row)">查看</el-button> <el-button type="success" icon="el-icon-view" size="mini" @click="getInfo(row)">查看</el-button>
<el-button type="primary" icon="el-icon-refresh" size="mini" @click="importExcel('reimport', row)">重新导入</el-button>
<el-button type="primary" icon="el-icon-circle-plus-outline" size="mini" @click="importExcel('appendImport', row)">追加导入</el-button>
<el-button type="success" icon="el-icon-tickets" size="mini" @click="getCommonItem(row)">清单详细</el-button>
<el-button v-show="edit" type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row)">编辑</el-button> <el-button v-show="edit" type="primary" icon="el-icon-edit" size="mini" @click="handleEdit(row)">编辑</el-button>
<el-button v-show="del" :disabled="row.COUNT_CUSTOM !== 0" type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.COMMON_ID)">删除</el-button> <el-button v-show="del" :disabled="row.COUNT_CUSTOM !== 0" type="danger" icon="el-icon-delete" size="mini" @click="handleDelete(row.COMMON_ID)">删除</el-button>
</el-row> </el-row>
<el-row :gutter="20">
<el-button type="success" icon="el-icon-tickets" size="mini" @click="getCommonItem(row)">清单详细</el-button>
<el-button type="primary" icon="el-icon-refresh" size="mini" @click="importExcel('reimport', row)">重新导入</el-button>
<el-button type="primary" icon="el-icon-circle-plus-outline" size="mini" @click="importExcel('appendImport', row)">追加导入</el-button>
</el-row>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -312,3 +320,12 @@ export default {
} }
</script> </script>
<style lang="sass" scoped>
.filter-container
position: relative
.filter-flot
position: absolute
padding-bottom: 33px
right: 0
bottom: 0
</style>