|
@@ -0,0 +1,171 @@
|
|
|
|
+<template>
|
|
|
|
+ <div class='zhsx-box'>
|
|
|
|
+ <div class='zhsx-top'>
|
|
|
|
+ <div class='zhsx-top-left'>
|
|
|
|
+ <span></span>
|
|
|
|
+ <span>综合事项记录</span>
|
|
|
|
+ <img src='../../assets/imgs/zy.svg' alt @click='zhsxLog()' />
|
|
|
|
+ </div>
|
|
|
|
+ <div class='zhsx-top-right'>
|
|
|
|
+ <el-input placeholder='请搜索' size='mini' prefix-icon='el-icon-search' v-model='input'></el-input>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class='zhsx-bottom'>
|
|
|
|
+ <el-table :data='tableData' style='width: 100%'>
|
|
|
|
+ <el-table-column label='序号' type='index' width='50'></el-table-column>
|
|
|
|
+ <el-table-column prop='date' label='日期' width='130'></el-table-column>
|
|
|
|
+ <el-table-column prop='address1' label='政府部门' :show-overflow-tooltip='true'></el-table-column>
|
|
|
|
+ <el-table-column prop='address1' label='记录事项' :show-overflow-tooltip='true'></el-table-column>
|
|
|
|
+ <el-table-column prop='address2' label='工程经理签字'></el-table-column>
|
|
|
|
+ <el-table-column prop='address2' label='工程物业副总签字'></el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ <div class='footer'>
|
|
|
|
+ <el-pagination background layout='prev, pager, next' :total='100'></el-pagination>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <zhsx-dialog ref='Dialog'></zhsx-dialog>
|
|
|
|
+ </div>
|
|
|
|
+</template>
|
|
|
|
+<script>
|
|
|
|
+import ZhsxDialog from './zhsxDialog'
|
|
|
|
+export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ input: '',
|
|
|
|
+ tableData: [
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-01',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-03',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-02',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '应急管理',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-04',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '三明市梅列生态环境局',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-01',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-03',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-02',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '应急管理',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-04',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '三明市梅列生态环境局',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-01',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1519 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ date: '2016-05-03',
|
|
|
|
+ name: '王小虎',
|
|
|
|
+ address: '上海市普陀区金沙江路 1516 弄',
|
|
|
|
+ address1: 'BI超市消防联动测试故障,要求2.5前完,再复查',
|
|
|
|
+ address2: '陈卫国'
|
|
|
|
+ }
|
|
|
|
+ ]
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ components: { ZhsxDialog },
|
|
|
|
+ methods: {
|
|
|
|
+ zhsxLog() {
|
|
|
|
+ this.$refs.Dialog.open()
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</script>
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+.zhsx-box {
|
|
|
|
+ height: 100%;
|
|
|
|
+ padding: 66px 50px 38px 50px;
|
|
|
|
+ .zhsx-top {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+ .zhsx-top-left {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ padding: 5px 0;
|
|
|
|
+ background: linear-gradient(270deg, rgba(199, 217, 234, 0) 0%, rgba(199, 217, 234, 1) 100%);
|
|
|
|
+ box-shadow: -6px 2px 8px 0px rgba(31, 36, 41, 0.1);
|
|
|
|
+ span:nth-of-type(1) {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 2px;
|
|
|
|
+ height: 16px;
|
|
|
|
+ background: rgba(2, 91, 170, 1);
|
|
|
|
+ margin-right: 8px;
|
|
|
|
+ }
|
|
|
|
+ span:nth-of-type(2) {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ width: 107px;
|
|
|
|
+ height: 22px;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ font-family: MicrosoftYaHeiSemibold;
|
|
|
|
+ color: rgba(2, 91, 170, 1);
|
|
|
|
+ line-height: 21px;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
|
|
+ img {
|
|
|
|
+ width: 16px;
|
|
|
|
+ height: 16px;
|
|
|
|
+ margin-right: 10px;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .zhsx-top-right {
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .zhsx-bottom {
|
|
|
|
+ margin-top: 12px;
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ position: relative;
|
|
|
|
+ padding-bottom: 73px;
|
|
|
|
+ .footer {
|
|
|
|
+ position: absolute;
|
|
|
|
+ height: 32px;
|
|
|
|
+ right: 28px;
|
|
|
|
+ bottom: 24px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|