修改人员管理 查看

src/views/modules/custom/gridoperatorinfo-detail.vue

@@ -1,46 +1,70 @@
 <template>
-  <el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
+  <el-dialog :visible.sync="visible"
-    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
+             title="查看"
-        <el-form-item label="姓名" prop="realName" v-if="dataForm.realName">
+             :close-on-click-modal="false"
-            <span>{{dataForm.realName}}</span>
+             :close-on-press-escape="false">
-        </el-form-item>
+    <el-form :model="dataForm"
-        <el-form-item label="性别" prop="sex" v-if="dataForm.sex">
+             :rules="dataRule"
-            <span>{{dataForm.sex === '0'?'女':'男'}}</span>
+             ref="dataForm"
-        </el-form-item>
+             @keyup.enter.native="dataFormSubmitHandle()"
-        <el-form-item label="身份证号" prop="identityNo" v-if="dataForm.identityNo">
+             :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
-            <span>{{dataForm.identityNo}}</span>
+      <el-form-item label="姓名"
-        </el-form-item>
+                    prop="realName"
-        <el-form-item label="联系电话" prop="mobile" v-if="dataForm.mobile">
+                    v-if="dataForm.realName">
-            <span>{{dataForm.mobile}}</span>
+        <span>{{dataForm.realName}}</span>
-        </el-form-item>
-        <el-form-item label="所属网格" prop="allDeptNames" v-if="dataForm.allDeptNames">
-            <span>{{dataForm.allDeptNames}}</span>
-        </el-form-item>
-        <el-form-item label="网络职责"
-                      prop="dutyCategoryId">
-            <span>{{changeCatergory()}}</span>
-        </el-form-item>
-          <el-form-item label="排序" prop="sort" v-if="dataForm.sort">
-              <span>{{dataForm.sort}}</span>
       </el-form-item>
-      <el-form-item label="工作单位" prop="workUnit" v-if="dataForm.workUnit">
+      <el-form-item label="性别"
-          <span>{{dataForm.workUnit}}</span>
+                    prop="sex"
+                    v-if="dataForm.sex">
+        <span>{{dataForm.sex === '0'?'女':'男'}}</span>
       </el-form-item>
-      <el-form-item label="备注" prop="remark" v-if="dataForm.remark">
+      <el-form-item label="身份证号"
-          <span>{{dataForm.remark}}</span>
+                    prop="identityNo"
+                    v-if="dataForm.identityNo">
+        <span>{{dataForm.identityNo}}</span>
       </el-form-item>
-        <el-form-item label="大头照"
+      <el-form-item label="联系电话"
-                      v-loading="loading"
+                    prop="mobile"
-                      prop="faceImg" v-if="dataForm.mobile">
+                    v-if="dataForm.mobile">
-                <img v-if="dataForm.faceImg"
+        <span>{{dataForm.mobile}}</span>
-                     :src="dataForm.faceImg"
+      </el-form-item>
-                     class="avatar">
+      <el-form-item label="所属网格"
-        </el-form-item>
+                    prop="allDeptNames"
-      </el-form>
+                    v-if="dataForm.allDeptNames">
-      <template slot="footer">
+        <span>{{dataForm.allDeptNames}}</span>
-          <el-button @click="visible = false"
+      </el-form-item>
-                     type="primary">{{ $t('confirm') }}</el-button>
+      <el-form-item label="网络职责"
-      </template>
+                    prop="dutyCategoryId">
+        <span>{{changeCatergory()}}</span>
+      </el-form-item>
+      <el-form-item label="排序"
+                    prop="sort"
+                    v-if="dataForm.sort">
+        <span>{{dataForm.sort}}</span>
+      </el-form-item>
+      <el-form-item label="工作单位"
+                    prop="workUnit"
+                    v-if="dataForm.workUnit">
+        <span>{{dataForm.workUnit}}</span>
+      </el-form-item>
+      <el-form-item label="备注"
+                    prop="remark"
+                    v-if="dataForm.remark">
+        <span>{{dataForm.remark}}</span>
+      </el-form-item>
+      <el-form-item label="大头照"
+                    v-loading="loading"
+                    prop="faceImg"
+                    v-if="dataForm.mobile">
+        <img v-if="dataForm.faceImg"
+             :src="dataForm.faceImg"
+             class="avatar">
+      </el-form-item>
+    </el-form>
+    <template slot="footer">
+      <el-button @click="visible = false"
+                 type="primary">{{ $t('confirm') }}</el-button>
+    </template>
   </el-dialog>
 </template>
 
@@ -110,7 +134,7 @@ export default {
           ...this.dataForm,
           ...res.data
         }
-      }).catch(() => {})
+      }).catch(() => { })
     },
     // 表单提交
     dataFormSubmitHandle: debounce(function () {
@@ -131,7 +155,7 @@ export default {
               this.$emit('refreshDataList')
             }
           })
-        }).catch(() => {})
+        }).catch(() => { })
       })
     }, 1000, { 'leading': true, 'trailing': false }),
     // 上传图片