|
@@ -0,0 +1,207 @@
|
|
|
+<!--添加 设备/系统/部件-->
|
|
|
+<template>
|
|
|
+ <div class="add-audit">
|
|
|
+ <div class="add-audit-top">
|
|
|
+ <template>
|
|
|
+ <h4>
|
|
|
+ <span>CTCF-低压开关柜</span>
|
|
|
+ <el-popconfirm
|
|
|
+ title="确定驳回新增类型申请?类型中新增的信息点也会一并驳回?"
|
|
|
+ >
|
|
|
+ <el-button class="fr" slot="reference" type="primary">通过</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ <el-popconfirm
|
|
|
+ title="确定通过新增类型申请?类型中新增的信息点也会一并通过"
|
|
|
+ >
|
|
|
+ <el-button class=" fr" slot="reference">驳回</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+
|
|
|
+ </h4>
|
|
|
+ <p class="top">
|
|
|
+ <span class="code">编码:<b>CTCF</b></span>
|
|
|
+ <span class="name">名称:<b>低压开关柜</b></span>
|
|
|
+ <span class="name">所属专业:<b>暖通专业</b></span>
|
|
|
+ <span class="name">所属系统:<b>供暖系统</b></span>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ </template>
|
|
|
+ <!-- <template v-else-if="headerShow =='tabs'">-->
|
|
|
+ <!-- <div style="margin-top: -30px"></div>-->
|
|
|
+ <!-- </template>-->
|
|
|
+ <!-- <template v-else>-->
|
|
|
+ <!-- <h4>{{name}}xxxx</h4>-->
|
|
|
+ <!-- <p class="top">-->
|
|
|
+ <!-- <span class="code">编码:<b>{{code}}</b></span>-->
|
|
|
+ <!-- <span class="name">名称:<b>{{name}}</b></span>-->
|
|
|
+ <!-- </p>-->
|
|
|
+
|
|
|
+ <!-- </template>-->
|
|
|
+
|
|
|
+ <div class="content">
|
|
|
+ <div class="title">
|
|
|
+ <span class="basic">基本信息</span>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border style="width: 100%;"
|
|
|
+ :header-cell-style="{background:'#eef1f6'}"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-table-column prop="date" label="信息点" align="center"/>
|
|
|
+ <el-table-column prop="name" label="信息点编码" align="center"/>
|
|
|
+ <el-table-column prop="type" label="数据类型" align="center"/>
|
|
|
+ <el-table-column prop="unit" label="单位" align="center"/>
|
|
|
+ <el-table-column prop="code" label="字典选择" align="center"/>
|
|
|
+ <el-table-column prop="code" label="备注" align="center"/>
|
|
|
+ <el-table-column label="审核" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-popconfirm
|
|
|
+ title="确定驳回新增信息点申请?"
|
|
|
+ >
|
|
|
+ <el-button @click="handleEdit(scope.$index,scope.row)" slot="reference" type="text">驳回</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div class="content">
|
|
|
+ <div class="title">
|
|
|
+ <span class="basic">台账信息-设备厂家</span>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ border style="width: 100%;"
|
|
|
+ :header-cell-style="{background:'#eef1f6'}"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ >
|
|
|
+
|
|
|
+ <el-table-column prop="date" label="信息点" align="center"/>
|
|
|
+ <el-table-column prop="name" label="信息点编码" align="center"/>
|
|
|
+ <el-table-column prop="type" label="数据类型" align="center"/>
|
|
|
+ <el-table-column prop="unit" label="单位" align="center"/>
|
|
|
+ <el-table-column prop="code" label="字典选择" align="center"/>
|
|
|
+ <el-table-column prop="code" label="备注" align="center"/>
|
|
|
+
|
|
|
+ <el-table-column label="审核" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-popconfirm
|
|
|
+ title="确定驳回新增信息点申请?"
|
|
|
+ >
|
|
|
+ <el-button @click="handleEdit(scope.$index,scope.row)" slot="reference" type="text">驳回</el-button>
|
|
|
+ </el-popconfirm>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: "addAudit",
|
|
|
+ props: ['name', 'code', 'headerShow'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ multipleSelection: [],
|
|
|
+ tableData: [{
|
|
|
+ date: '2016-05-02',
|
|
|
+ name: 'Specification',
|
|
|
+ type: '字符串/单/区间',
|
|
|
+ unit: 'm',
|
|
|
+ code: '王小虎',
|
|
|
+ beizhu: ''
|
|
|
+ }, {
|
|
|
+ date: '2016-05-04',
|
|
|
+ name: '王小虎',
|
|
|
+ }, {
|
|
|
+ date: '2016-05-01',
|
|
|
+ name: '王小虎',
|
|
|
+ }, {
|
|
|
+ date: '2016-05-03',
|
|
|
+ name: '王小虎',
|
|
|
+ }]
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ console.log(this.$route.query.select)
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleEdit(index, row) {
|
|
|
+ // this.$refs.handleType.handleDialog(row)
|
|
|
+ },
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.multipleSelection = val;
|
|
|
+ },
|
|
|
+ addInformation() {
|
|
|
+ // this.$refs.informationPoint.handleDialog()
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ .add-audit {
|
|
|
+ background: #ffffff;
|
|
|
+
|
|
|
+ .add-audit-top {
|
|
|
+ .fr {
|
|
|
+ float: right;
|
|
|
+ margin: 0 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ padding: 20px;
|
|
|
+
|
|
|
+ h4 {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top {
|
|
|
+ border-bottom: 1px solid #eeeeee;
|
|
|
+ padding-bottom: 20px;
|
|
|
+
|
|
|
+ .code, .name {
|
|
|
+ color: #999;
|
|
|
+ margin-right: 60px;
|
|
|
+
|
|
|
+ b {
|
|
|
+ color: #1F2429;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ .title {
|
|
|
+ color: #999;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .basic {
|
|
|
+ margin: 20px 0;
|
|
|
+ display: inline-block;
|
|
|
+ /*width: 85%;*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-message {
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ right: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .mr-20 {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cursor {
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|