wuye / webui

Blame view

src/components/system/contractDetailChange.vue 4.09 KB
Edit Raw Normal View History
ce5e1a2a   wuxw   系统模块开发中 
1
2
 
  <template>
    <div class="contract-detail-change">
27dcfde5   wuxw   系统全面测试完成 
3
4
 
      <el-table :data="contractDetailChangeInfo.contracts" border style="width: 100%" v-loading="loading">
        <el-table-column prop="contractName" :label="$t('contractDetailChange.contractName')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
5
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
6
 
        <el-table-column prop="contractCode" :label="$t('contractDetailChange.contractCode')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
7
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
8
 
        <el-table-column prop="contractTypeName" :label="$t('contractDetailChange.contractTypeName')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
9
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
10
 
        <el-table-column prop="partyA" :label="$t('contractDetailChange.partyA')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
11
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
12
 
        <el-table-column prop="partyB" :label="$t('contractDetailChange.partyB')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
13
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
14
 
        <el-table-column prop="planTypeName" :label="$t('contractDetailChange.planTypeName')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
15
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
16
 
        <el-table-column prop="changePersonName" :label="$t('contractDetailChange.changePersonName')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
17
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
18
 
        <el-table-column prop="createTime" :label="$t('contractDetailChange.createTime')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
19
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
20
 
        <el-table-column prop="remark" :label="$t('contractDetailChange.remark')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
21
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
22
 
        <el-table-column prop="stateName" :label="$t('contractDetailChange.stateName')" align="center">
ce5e1a2a   wuxw   系统模块开发中 
23
 
        </el-table-column>
27dcfde5   wuxw   系统全面测试完成 
24
 
        <el-table-column :label="$t('contractDetailChange.operation')" align="center" width="120">
ce5e1a2a   wuxw   系统模块开发中 
25
 
          <template slot-scope="scope">
27dcfde5   wuxw   系统全面测试完成 
26
 
            <el-button size="mini" type="primary" @click="_toContractDetails(scope.row)">
ce5e1a2a   wuxw   系统模块开发中 
27
28
29
30
31
32
 
              {{ $t('contractDetailChange.detail') }}
            </el-button>
          </template>
        </el-table-column>
      </el-table>
27dcfde5   wuxw   系统全面测试完成 
33
34
 
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="page.current"
        :page-sizes="[10, 20, 30, 50]" :page-size="page.size" layout="total, sizes, prev, pager, next, jumper"
ce5e1a2a   wuxw   系统模块开发中 
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
        :total="page.total">
      </el-pagination>
    </div>
  </template>
  
  <script>
  import { queryContractChangePlan } from '@/api/system/operateDataLogApi'
  
  export default {
    name: 'ContractDetailChange',
    data() {
      return {
        loading: false,
        contractDetailChangeInfo: {
          contracts: [],
          contractId: '',
          roomNum: '',
          totalArea: '0',
          logStartTime: '',
          logEndTime: '',
          contractCode: '',
          staffNameLike: ''
        },
        page: {
          current: 1,
          size: 10,
          total: 0
        }
      }
    },
    methods: {
      open(conditions) {
        this.contractDetailChangeInfo = {
          ...this.contractDetailChangeInfo,
          ...conditions
        }
        this._loadContractDetailChangeData()
      },
      async _loadContractDetailChangeData() {
        try {
          this.loading = true
          const params = {
            page: this.page.current,
            row: this.page.size,
            contractId: this.contractDetailChangeInfo.contractId,
            logStartTime: this.contractDetailChangeInfo.logStartTime,
            logEndTime: this.contractDetailChangeInfo.logEndTime,
            contractCode: this.contractDetailChangeInfo.contractCode,
            staffNameLike: this.contractDetailChangeInfo.staffNameLike
          }
27dcfde5   wuxw   系统全面测试完成 
85
ce5e1a2a   wuxw   系统模块开发中 
86
87
88
89
90
91
92
93
94
95
96
 
          const { data, total } = await queryContractChangePlan(params)
          this.contractDetailChangeInfo.contracts = data
          this.page.total = total
        } catch (error) {
          console.error('Failed to load contract change history:', error)
        } finally {
          this.loading = false
        }
      },
      _toContractDetails(contract) {
        this.$router.push({
27dcfde5   wuxw   系统全面测试完成 
97
 
          path: '/views/contract/contractChangeDetails',
ce5e1a2a   wuxw   系统模块开发中 
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
 
          query: { planId: contract.planId }
        })
      },
      handleSizeChange(size) {
        this.page.size = size
        this._loadContractDetailChangeData()
      },
      handleCurrentChange(current) {
        this.page.current = current
        this._loadContractDetailChangeData()
      }
    }
  }
  </script>
  
  <style scoped>
  .contract-detail-change {
    padding: 20px;
  }
  
  .el-pagination {
    margin-top: 20px;
    text-align: right;
  }
  </style>