Blame view

src/components/simplify/simplifyOwnerAccessContol.vue 3.44 KB
0a41b92e   wuxw   开发完成业务受理页面
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
  <template>
    <div>
      <el-table
        :data="simplifyOwnerAccessContolInfo.machineTranslates"
        style="width: 100%; margin-top: 10px"
        border>
        <el-table-column prop="typeCdName" :label="$t('simplifyOwnerAccessContol.objectType')" align="center"></el-table-column>
        <el-table-column prop="objName" :label="$t('simplifyOwnerAccessContol.objectName')" align="center"></el-table-column>
        <el-table-column prop="machineCmdName" :label="$t('simplifyOwnerAccessContol.command')" align="center"></el-table-column>
        <el-table-column prop="stateName" :label="$t('simplifyOwnerAccessContol.status')" align="center"></el-table-column>
        <el-table-column prop="remark" :label="$t('simplifyOwnerAccessContol.remark')" align="center"></el-table-column>
        <el-table-column prop="updateTime" :label="$t('simplifyOwnerAccessContol.syncTime')" align="center"></el-table-column>
        <el-table-column :label="$t('simplifyOwnerAccessContol.operation')" align="center">
          <template #default="{row}">
            <el-button 
              v-if="row.state != '20000'" 
              type="text" 
              @click="_openEditMachineTranslateModel(row)">
              {{ $t('simplifyOwnerAccessContol.resync') }}
            </el-button>
          </template>
        </el-table-column>
      </el-table>
  
      <el-pagination
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-size="pageSize"
        layout="total, prev, pager, next"
        :total="total">
      </el-pagination>
  
      <edit-machine-translate ref="editMachineTranslate" @listMachineTranslate="listSimplifyOwnerAccessContol"></edit-machine-translate>
    </div>
  </template>
  
  <script>
  import { getCommunityId } from '@/api/community/communityApi'
  import { listMachineTranslates } from '@/api/simplify/simplifyOwnerAccessContolApi'
  import EditMachineTranslate from '@/components/machine/editMachineTranslate'
  
  export default {
    name: 'SimplifyOwnerAccessContol',
    components: {
      EditMachineTranslate
    },
    data() {
      return {
        simplifyOwnerAccessContolInfo: {
          machineTranslates: [],
          ownerId: '',
          roomId: '',
          total: 0,
          records: 1
        },
        currentPage: 1,
        pageSize: 10,
        total: 0
      }
    },
    created() {
      this.communityId = getCommunityId()
0a41b92e   wuxw   开发完成业务受理页面
63
64
    },
    methods: {
92c405db   wuxw   优化业务受理中部分选项打不开bug
65
66
      open(param) {
        this.handleSwitch(param)
0a41b92e   wuxw   开发完成业务受理页面
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
      },
      handleSwitch(param) {
        if (param.ownerId == '') return
        this.clearSimplifyOwnerAccessContolInfo()
        Object.assign(this.simplifyOwnerAccessContolInfo, param)
        this.listSimplifyOwnerAccessContol(this.currentPage, this.pageSize)
      },
      handleCurrentChange(val) {
        this.currentPage = val
        this.listSimplifyOwnerAccessContol(val, this.pageSize)
      },
      listSimplifyOwnerAccessContol(page, row) {
        const params = {
          page,
          row,
          communityId: this.communityId,
          objId: this.simplifyOwnerAccessContolInfo.ownerId,
          typeCd: '8899'
        }
        
        listMachineTranslates(params).then(res => {
          this.simplifyOwnerAccessContolInfo.machineTranslates = res.machineTranslates
f9f29297   wuxw   v1.9 分页 record 传给...
89
          this.total = res.total
0a41b92e   wuxw   开发完成业务受理页面
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
        })
      },
      _openEditMachineTranslateModel(machineTranslate) {
        this.$refs.editMachineTranslate.open(machineTranslate)
      },
      clearSimplifyOwnerAccessContolInfo() {
        this.simplifyOwnerAccessContolInfo = {
          machineTranslates: [],
          ownerId: '',
          roomId: ''
        }
      }
    }
  }
  </script>
  
  <style scoped>
  </style>