Parcourir la source

Merge branch 'dev' of http://git.xayunmei.com/SH-Arbitrate/Mediation-Frontend into hhl

hhl123456789 il y a 2 ans
Parent
révision
7d56e738ff
1 fichiers modifiés avec 32 ajouts et 8 suppressions
  1. 32
    8
      src/views/caseManagement/components/addCase.vue

+ 32
- 8
src/views/caseManagement/components/addCase.vue Voir le fichier

138
                 <el-radio :label="1">机构</el-radio>
138
                 <el-radio :label="1">机构</el-radio>
139
               </el-radio-group>
139
               </el-radio-group>
140
             </el-form-item>
140
             </el-form-item>
141
+          </el-col>
142
+           <el-col :span="24">
143
+            <div style="display: inline-flex">
144
+              <div class="infoIcon"></div>
145
+              <div class="caseInfo">申请人</div>
146
+            </div>
147
+            <el-divider></el-divider>
141
           </el-col>
148
           </el-col>
142
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
149
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
143
             <el-form-item label="申请机构名称" prop="affiliate.applicationName" :rules="[
150
             <el-form-item label="申请机构名称" prop="affiliate.applicationName" :rules="[
151
             </el-form-item>
158
             </el-form-item>
152
           </el-col>
159
           </el-col>
153
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
160
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
154
-            <el-form-item label="申请人" prop="affiliate.applicationName" :rules="[
161
+            <el-form-item  label="申请人" prop="affiliate.applicationName" :rules="[
155
       {
162
       {
156
         required: true,
163
         required: true,
157
         message: '申请人名称不能为空',
164
         message: '申请人名称不能为空',
162
             </el-form-item>
169
             </el-form-item>
163
           </el-col>
170
           </el-col>
164
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
171
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
165
-            <el-form-item label="统一社会信用代码" prop="affiliate.code" :rules="[
172
+            <el-form-item label-width="140px" label="统一社会信用代码" prop="affiliate.code" :rules="[
166
       {
173
       {
167
         required: true,
174
         required: true,
168
         message: '统一社会信用代码不能为空',
175
         message: '统一社会信用代码不能为空',
173
             </el-form-item>
180
             </el-form-item>
174
           </el-col>
181
           </el-col>
175
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
182
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 0">
176
-            <el-form-item label="申请人身份证号码" prop="affiliate.code" :rules="[
183
+            <el-form-item  label="申请人身份证号码" prop="affiliate.code" :rules="[
177
       {
184
       {
178
         required: true,
185
         required: true,
179
         message: '申请人身份证号不能为空',
186
         message: '申请人身份证号不能为空',
270
     ]">
277
     ]">
271
               <el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
278
               <el-input v-model="formData.affiliate.applicantAddress" placeholder="请输入申请人联系地址" />
272
             </el-form-item>
279
             </el-form-item>
280
+          </el-col>
281
+           <el-col :span="24">
282
+            <div style="display: inline-flex">
283
+              <div class="infoIcon"></div>
284
+              <div class="caseInfo">代理人</div>
285
+            </div>
286
+            <el-divider></el-divider>
273
           </el-col>
287
           </el-col>
274
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
288
           <el-col :span="12" v-if="formData.affiliate.organizeFlag == 1">
275
             <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
289
             <el-form-item label="代理人联系电话" prop="affiliate.contactTelphoneAgent" :rules="[
336
     ]">
350
     ]">
337
               <el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
351
               <el-input v-model="formData.affiliate.agentEmail" placeholder="请输入代理人邮箱" />
338
             </el-form-item>
352
             </el-form-item>
353
+          </el-col>
354
+           <el-col :span="24">
355
+            <div style="display: inline-flex">
356
+              <div class="infoIcon"></div>
357
+              <div class="caseInfo">被申请人</div>
358
+            </div>
359
+            <el-divider></el-divider>
339
           </el-col>
360
           </el-col>
340
           <el-col :span="12">
361
           <el-col :span="12">
341
             <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
362
             <el-form-item label="被申请人姓名" prop="affiliate.respondentName" :rules="[
349
             </el-form-item>
370
             </el-form-item>
350
           </el-col>
371
           </el-col>
351
           <el-col :span="12">
372
           <el-col :span="12">
352
-            <el-form-item label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
373
+            <el-form-item label-width="140px" label="被申请人联系电话" prop="affiliate.respondentPhone" :rules="[
353
       {
374
       {
354
         required: true,
375
         required: true,
355
         message: '被申请人联系电话不能为空',
376
         message: '被申请人联系电话不能为空',
365
             </el-form-item>
386
             </el-form-item>
366
           </el-col>
387
           </el-col>
367
           <el-col :span="12">
388
           <el-col :span="12">
368
-            <el-form-item label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
389
+            <el-form-item label-width="140px" label="被申请人身份证号" prop="affiliate.respondentIdentityNum" :rules="[
369
       {
390
       {
370
         required: true,
391
         required: true,
371
         message: '被申请人身份证号不能为空',
392
         message: '被申请人身份证号不能为空',
382
                 placeholder="请输入被申请人身份证号" />
403
                 placeholder="请输入被申请人身份证号" />
383
             </el-form-item>
404
             </el-form-item>
384
           </el-col>
405
           </el-col>
385
-          <el-col :span="12">
406
+          <el-col :span="10">
386
             <el-form-item label="被申请人性别:" prop="affiliate.respondentSex" :rules="[
407
             <el-form-item label="被申请人性别:" prop="affiliate.respondentSex" :rules="[
387
       {
408
       {
388
         required: true,
409
         required: true,
396
             </el-form-item>
417
             </el-form-item>
397
           </el-col>
418
           </el-col>
398
           <el-col :span="12">
419
           <el-col :span="12">
399
-            <el-form-item label="被申请人出生年月:" prop="affiliate.respondentBirth">
420
+            <el-form-item label-width="140px" label="被申请人出生年月:" prop="affiliate.respondentBirth">
400
               <el-date-picker disabled v-model="formData.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
421
               <el-date-picker disabled v-model="formData.affiliate.respondentBirth" type="date" placeholder="被申请人出生年月日">
401
               </el-date-picker>
422
               </el-date-picker>
402
             </el-form-item>
423
             </el-form-item>
403
           </el-col>
424
           </el-col>
404
           <el-col :span="12">
425
           <el-col :span="12">
405
-            <el-form-item label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
426
+            <el-form-item label-width="150px" label="被申请人申请人住所" prop="affiliate.respondentHome" :rules="[
406
       {
427
       {
407
         required: true,
428
         required: true,
408
         message: '被申请人申请人住所不能为空',
429
         message: '被申请人申请人住所不能为空',
736
   height: 700px !important;
757
   height: 700px !important;
737
   overflow: auto !important;
758
   overflow: auto !important;
738
 }
759
 }
760
+::v-deep .el-form-item--medium .el-form-item__content {
761
+    line-height: 37px;
762
+}
739
 </style>
763
 </style>