wuye / webui

Blame view

src/components/work/EditRepairSetting.vue 8.29 KB
Edit Raw Normal View History
6ec243d6   wuxw   v1.9 点击提交后，成功提示没有... 
1
 
  <template>
72de60dc   wuxw   优化报修完成 
2
 
    <el-dialog :title="$t('repairSetting.editTitle')" :visible.sync="visible" width="50%" @close="closeDialog">
2e0fd29c   wuxw   开发报修 
3
4
5
6
 
      <el-form ref="form" :model="formData" :rules="rules" label-width="150px">
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.typeName')" prop="repairTypeName">
72de60dc   wuxw   优化报修完成 
7
 
              <el-input v-model="formData.repairTypeName" :placeholder="$t('repairSetting.repairTypeNamePlaceholder')" />
2e0fd29c   wuxw   开发报修 
8
9
10
11
 
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.settingType')" prop="repairSettingType">
72de60dc   wuxw   优化报修完成 
12
 
              <el-select v-model="formData.repairSettingType"
2e0fd29c   wuxw   开发报修 
13
 
                :placeholder="$t('repairSetting.required') + $t('repairSetting.repairSettingTypePlaceholder')"
72de60dc   wuxw   优化报修完成 
14
 
                style="width:100%">
2e0fd29c   wuxw   开发报修 
15
16
17
18
19
20
 
                <el-option :label="$t('repairSetting.cleaningOrder')" value="100" />
                <el-option :label="$t('repairSetting.repairOrder')" value="200" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
72de60dc   wuxw   优化报修完成 
21
2e0fd29c   wuxw   开发报修 
22
23
24
 
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.dispatchMethod')" prop="repairWay">
72de60dc   wuxw   优化报修完成 
25
26
 
              <el-select v-model="formData.repairWay"
                :placeholder="$t('repairSetting.required') + $t('repairSetting.repairWayPlaceholder')" style="width:100%">
2e0fd29c   wuxw   开发报修 
27
28
29
30
31
32
33
34
 
                <el-option :label="$t('repairSetting.grabOrder')" value="100" />
                <el-option :label="$t('repairSetting.assign')" value="200" />
                <el-option :label="$t('repairSetting.polling')" value="300" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.publicArea')" prop="publicArea">
72de60dc   wuxw   优化报修完成 
35
 
              <el-select v-model="formData.publicArea"
2e0fd29c   wuxw   开发报修 
36
 
                :placeholder="$t('repairSetting.required') + $t('repairSetting.publicAreaPlaceholder')"
72de60dc   wuxw   优化报修完成 
37
 
                style="width:100%">
2e0fd29c   wuxw   开发报修 
38
39
40
41
42
43
 
                <el-option :label="$t('repairSetting.nonHouse')" value="T" />
                <el-option :label="$t('repairSetting.house')" value="F" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
72de60dc   wuxw   优化报修完成 
44
2e0fd29c   wuxw   开发报修 
45
46
47
 
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.ownerDisplay')" prop="isShow">
72de60dc   wuxw   优化报修完成 
48
49
 
              <el-select v-model="formData.isShow" :placeholder="$t('repairSetting.ownerDisplayPlaceholder')"
                style="width:100%">
2e0fd29c   wuxw   开发报修 
50
51
52
53
54
55
56
 
                <el-option :label="$t('repairSetting.yes')" value="Y" />
                <el-option :label="$t('repairSetting.no')" value="N" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.notificationMethod')" prop="notifyWay">
72de60dc   wuxw   优化报修完成 
57
58
 
              <el-select v-model="formData.notifyWay" :placeholder="$t('repairSetting.notificationMethodPlaceholder')"
                style="width:100%">
2e0fd29c   wuxw   开发报修 
59
60
61
62
63
64
65
 
                <el-option :label="$t('repairSetting.sms')" value="SMS" />
                <el-option :label="$t('repairSetting.wechat')" value="WECHAT" />
                <el-option :label="$t('repairSetting.wechatWorkLicense')" value="WORK_LICENSE" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
72de60dc   wuxw   优化报修完成 
66
2e0fd29c   wuxw   开发报修 
67
68
69
 
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.processingTime')" prop="doTime">
72de60dc   wuxw   优化报修完成 
70
71
 
              <el-input v-model.number="formData.doTime" type="number"
                :placeholder="$t('repairSetting.required') + $t('repairSetting.processingTimePlaceholder')">
2e0fd29c   wuxw   开发报修 
72
73
74
75
76
77
 
                <template slot="append">{{ $t('repairSetting.processingTimeUnit') }}</template>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.timeoutWarning')" prop="warningTime">
72de60dc   wuxw   优化报修完成 
78
79
 
              <el-input v-model.number="formData.warningTime" type="number"
                :placeholder="$t('repairSetting.required') + $t('repairSetting.timeoutWarningPlaceholder')">
2e0fd29c   wuxw   开发报修 
80
81
82
83
84
 
                <template slot="append">{{ $t('repairSetting.timeoutWarningUnit') }}</template>
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
72de60dc   wuxw   优化报修完成 
85
2e0fd29c   wuxw   开发报修 
86
87
88
 
        <el-row>
          <el-col :span="12">
            <el-form-item :label="$t('repairSetting.returnVisitSetting')" prop="returnVisitFlag">
72de60dc   wuxw   优化报修完成 
89
 
              <el-select v-model="formData.returnVisitFlag"
2e0fd29c   wuxw   开发报修 
90
 
                :placeholder="$t('repairSetting.required') + $t('repairSetting.returnVisitFlagPlaceholder')"
72de60dc   wuxw   优化报修完成 
91
 
                style="width:100%">
2e0fd29c   wuxw   开发报修 
92
93
94
95
96
97
98
 
                <el-option :label="$t('repairSetting.noFollowUp')" value="001" />
                <el-option :label="$t('repairSetting.followUpAfterEvaluation')" value="002" />
                <el-option :label="$t('repairSetting.followUp')" value="003" />
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
72de60dc   wuxw   优化报修完成 
99
2e0fd29c   wuxw   开发报修 
100
101
102
 
        <el-row>
          <el-col :span="24">
            <el-form-item :label="$t('repairSetting.explanation')" prop="remark">
72de60dc   wuxw   优化报修完成 
103
104
 
              <el-input v-model="formData.remark" type="textarea" :rows="3"
                :placeholder="$t('repairSetting.remarkPlaceholder')" />
2e0fd29c   wuxw   开发报修 
105
106
107
108
 
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
72de60dc   wuxw   优化报修完成 
109
2e0fd29c   wuxw   开发报修 
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
 
      <div slot="footer" class="dialog-footer">
        <el-button @click="closeDialog">{{ $t('repairSetting.cancel') }}</el-button>
        <el-button type="primary" @click="submitForm">{{ $t('repairSetting.save') }}</el-button>
      </div>
    </el-dialog>
  </template>
  
  <script>
  import { updateRepairSetting } from '@/api/work/repairSettingApi'
  
  export default {
    name: 'EditRepairSetting',
    data() {
      return {
        visible: false,
        formData: {
          settingId: '',
          repairTypeName: '',
          repairWay: '',
          repairSettingType: '',
          remark: '',
          publicArea: '',
          returnVisitFlag: '',
          isShow: '',
          doTime: 24,
          warningTime: 30,
          notifyWay: ''
        },
        rules: {
          repairTypeName: [
            { required: true, message: this.$t('repairSetting.typeNamePlaceholder'), trigger: 'blur' },
            { max: 200, message: this.$t('repairSetting.typeNameMaxLength'), trigger: 'blur' }
          ],
          repairSettingType: [
            { required: true, message: this.$t('repairSetting.settingTypeRequired'), trigger: 'change' }
          ],
          repairWay: [
            { required: true, message: this.$t('repairSetting.dispatchMethodRequired'), trigger: 'change' }
          ],
          publicArea: [
            { required: true, message: this.$t('repairSetting.publicAreaRequired'), trigger: 'change' }
          ],
          isShow: [
            { required: true, message: this.$t('repairSetting.ownerDisplayRequired'), trigger: 'change' }
          ],
          notifyWay: [
            { required: true, message: this.$t('repairSetting.notificationMethodRequired'), trigger: 'change' }
          ],
          returnVisitFlag: [
            { required: true, message: this.$t('repairSetting.returnVisitRequired'), trigger: 'change' }
          ],
          doTime: [
            { required: true, message: this.$t('repairSetting.processingTimeRequired'), trigger: 'blur' },
            { type: 'number', min: 1, message: this.$t('repairSetting.processingTimeMin'), trigger: 'blur' }
          ],
          warningTime: [
            { required: true, message: this.$t('repairSetting.timeoutWarningRequired'), trigger: 'blur' },
            { type: 'number', min: 1, message: this.$t('repairSetting.timeoutWarningMin'), trigger: 'blur' }
          ],
          remark: [
            { max: 500, message: this.$t('repairSetting.remarkMaxLength'), trigger: 'blur' }
          ],
          settingId: [
            { required: true, message: this.$t('repairSetting.settingIdRequired'), trigger: 'blur' }
          ]
        }
      }
    },
    methods: {
      open(row) {
        this.formData = { ...row }
        this.visible = true
      },
72de60dc   wuxw   优化报修完成 
183
2e0fd29c   wuxw   开发报修 
184
185
186
187
 
      closeDialog() {
        this.visible = false
        this.$refs.form.resetFields()
      },
72de60dc   wuxw   优化报修完成 
188
2e0fd29c   wuxw   开发报修 
189
190
191
192
193
 
      submitForm() {
        this.$refs.form.validate(async valid => {
          if (valid) {
            try {
              await updateRepairSetting(this.formData)
6ec243d6   wuxw   v1.9 点击提交后，成功提示没有... 
194
 
              this.$message.success(this.$t('common.operationSuccess'))
2e0fd29c   wuxw   开发报修 
195
196
197
198
199
200
201
202
203
204
205
206
 
              this.$emit('success')
              this.closeDialog()
            } catch (error) {
              console.error('更新报修设置失败:', error)
              this.$message.error(this.$t('repairSetting.updateFailed'))
            }
          }
        })
      }
    }
  }
  </script>