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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
      },
      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
          this.total = res.records
        })
      },
      _openEditMachineTranslateModel(machineTranslate) {
        this.$refs.editMachineTranslate.open(machineTranslate)
      },
      clearSimplifyOwnerAccessContolInfo() {
        this.simplifyOwnerAccessContolInfo = {
          machineTranslates: [],
          ownerId: '',
          roomId: ''
        }
      }
    }
  }
  </script>
  
  <style scoped>
  </style>