Blame view

antis-ncc-admin/src/views/workFlow/workFlowForm/violationHandling/index.vue 6.2 KB
de2bd2f9   “wangming”   项目初始化
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
63
64
65
66
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
108
109
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
  <template>
    <div class="flow-form" v-loading="loading">
      <div class="com-title">
        <h1>违章处理申请表</h1>
        <span class="number">流程编码:{{dataForm.billNo}}</span>
      </div>
      <el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="100px"
        :disabled="setting.readonly">
        <el-row>
          <el-col :span="12" v-if="judgeShow('flowTitle')">
            <el-form-item label="流程标题" prop="flowTitle">
              <el-input v-model="dataForm.flowTitle" placeholder="流程标题"
                :disabled="judgeWrite('flowTitle')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('flowUrgent')">
            <el-form-item label="紧急程度" prop="flowUrgent">
              <el-select v-model="dataForm.flowUrgent" placeholder="选择紧急程度"
                :disabled="judgeWrite('flowUrgent')">
                <el-option :key="item.value" :label="item.label" :value="item.value"
                  v-for="item in flowUrgentOptions" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('plateNum')">
            <el-form-item label="车牌号" prop="plateNum">
              <el-input v-model="dataForm.plateNum" placeholder="车牌号"
                :disabled="judgeWrite('plateNum')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('driver')">
            <el-form-item label="驾驶人" prop="driver">
              <el-input v-model="dataForm.driver" placeholder="驾驶人" :disabled="judgeWrite('driver')">
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('leadingOfficial')">
            <el-form-item label="负责人" prop="leadingOfficial">
              <el-input v-model="dataForm.leadingOfficial" placeholder="负责人"
                :disabled="judgeWrite('leadingOfficial')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('peccancyDate')">
            <el-form-item label="违章日期" prop="peccancyDate">
              <el-date-picker v-model="dataForm.peccancyDate" type="datetime" placeholder="选择日期"
                value-format="timestamp" format="yyyy-MM-dd HH:mm" :editable='false'
                :disabled="judgeWrite('peccancyDate')">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('noticeDate')">
            <el-form-item label="通知日期" prop="noticeDate">
              <el-date-picker v-model="dataForm.noticeDate" type="datetime" placeholder="选择日期"
                value-format="timestamp" format="yyyy-MM-dd HH:mm" :editable='false'
                :disabled="judgeWrite('noticeDate')">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('limitDate')">
            <el-form-item label="限处理日期" prop="limitDate">
              <el-date-picker v-model="dataForm.limitDate" type="datetime" placeholder="选择日期"
                value-format="timestamp" format="yyyy-MM-dd HH:mm" :editable='false'
                :disabled="judgeWrite('limitDate')">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('violationSite')">
            <el-form-item label="违章地点" prop="violationSite">
              <el-input v-model="dataForm.violationSite" placeholder="违章地点"
                :disabled="judgeWrite('violationSite')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('violationBehavior')">
            <el-form-item label="违章行为" prop="violationBehavior">
              <el-input v-model="dataForm.violationBehavior" placeholder="违章行为"
                :disabled="judgeWrite('violationBehavior')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('deduction')">
            <el-form-item label="违章扣分" prop="deduction">
              <el-input v-model="dataForm.deduction" placeholder="违章扣分" type="number"
                :disabled="judgeWrite('deduction')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12" v-if="judgeShow('amountMoney')">
            <el-form-item label="违章罚款" prop="amountMoney">
              <el-input v-model="dataForm.amountMoney" placeholder="违章罚款" type="number"
                :disabled="judgeWrite('amountMoney')"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24" v-if="judgeShow('description')">
            <el-form-item label="备注" prop="description">
              <el-input v-model="dataForm.description" placeholder="备注" type="textarea" :rows="3"
                :disabled="judgeWrite('description')" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </template>
  
  <script>
  import comMixin from '../mixin';
  export default {
    mixins: [comMixin],
    name: 'ViolationHandling',
    data() {
      return {
        billEnCode: 'WF_ViolationHandlingNo',
        dataForm: {
          flowId: '',
          id: '',
          billNo: '',
          flowTitle: '',
          flowUrgent: 1,
          plateNum: '',
          driver: '',
          leadingOfficial: '',
          peccancyDate: '',
          noticeDate: '',
          limitDate: '',
          deduction: '',
          description: '',
          violationSite: '',
          violationBehavior: '',
          amountMoney: ''
        },
        dataRule: {
          flowTitle: [
            { required: true, message: '流程标题不能为空', trigger: 'blur' },
          ],
          flowUrgent: [
            { required: true, message: '紧急程度不能为空', trigger: 'change' },
          ],
          noticeDate: [
            { required: true, message: '通知日期不能为空', trigger: 'change' },
          ],
          limitDate: [
            { required: true, message: '限处理日期不能为空', trigger: 'change' },
          ],
          peccancyDate: [
            { required: true, message: '违章日期不能为空', trigger: 'change' },
          ]
        }
      }
    },
    methods: {
      selfInit(data) {
        this.dataForm.flowTitle = this.userInfo.userName + "的违章处理申请表"
      }
    }
  }
  </script>