统一认证

src/views/modules/workSys/certify/certify.vue

@@ -4,7 +4,7 @@
          class="div_search">
       <el-form ref="searchForm"
                :inline="true"
-               :model="dataForm"
+               :model="formData"
                size="small">
 
         <el-form-item label="统计类型"
@@ -69,7 +69,7 @@
                    @click="handleSearch">查询</el-button>
         <el-button class="diy-button--reset"
                    size="small"
-                   @click="resetForm('searchForm')">重置</el-button>
+                   @click="handleReset">重置</el-button>
 
       </el-form>
     </div>

src/views/modules/workSys/certify/detailForm.vue

@@ -1,57 +1,58 @@
 <template>
   <div>
-    <el-form :model="peoForm"
-             label-width="120px"
-             ref="editPeoForm">
-      <el-form-item label="姓名："
-                    prop="name">
-        <span>{{peoForm.name}}</span>
-
-      </el-form-item>
-      <el-form-item label="手机号："
-                    prop="mobile">
-        <span>{{peoForm.mobile}}</span>
-
-      </el-form-item>
-      <el-form-item label="性别："
-                    prop="gender">
-
-        <span v-if="peoForm.gender==='0'">{{'未知'}}</span>
-        <span v-if="peoForm.gender==='1'">{{'男'}}</span>
-        <span v-if="peoForm.gender==='2'">{{'女'}}</span>
-      </el-form-item>
-      <el-form-item label="专兼职："
-                    prop="workType">
-
-        <span v-if="peoForm.workType==='fulltime'">{{'专职'}}</span>
-        <span v-if="peoForm.workType==='parttime'">{{'兼职'}}</span>
-
-      </el-form-item>
-      <el-form-item label="组织/部门："
-                    prop="orgName">
-
-        <span>{{peoForm.orgName||'--'}}</span>
-      </el-form-item>
-      <el-form-item label="激活时间："
-                    prop="activeTime">
-
-        <span>{{peoForm.activeTime||'未激活'}}</span>
-      </el-form-item>
-      <el-form-item label="是否禁用："
-                    prop="disableFlag">
-
-        <span>{{peoForm.disableFlag||'--'}}</span>
-      </el-form-item>
-      <el-form-item label="职责："
-                    prop="roles">
-        <span>{{peoForm.rolesShow}}</span>
-      </el-form-item>
-
-      <el-form-item label="角色："
-                    prop="newRoles">
-        <span>{{peoForm.szsqRolesShow}}</span>
-      </el-form-item>
-    </el-form>
+
+    <div class="dialog-h-content scroll-h">
+
+      <div class="m-row">
+        <div class="m-info">
+          <div class="info-prop">
+            <span class="info-title-2">姓名：</span>
+            <span>{{ peoForm.name||'--'  }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">手机号：</span>
+            <span>{{ peoForm.mobile||'--' }}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">性别：</span>
+            <span v-if="peoForm.gender==='0'">{{'未知'}}</span>
+            <span v-if="peoForm.gender==='1'">{{'男'}}</span>
+            <span v-if="peoForm.gender==='2'">{{'女'}}</span>
+          </div>
+
+          <div class="info-prop">
+            <span class="info-title-2">专兼职：</span>
+            <span v-if="peoForm.workType==='fulltime'">{{'专职'}}</span>
+            <span v-if="peoForm.workType==='parttime'">{{'兼职'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">组织/部门：</span>
+            <span>{{peoForm.orgName||'--'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">激活时间：</span>
+            <span>{{peoForm.activeTime||'未激活'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">是否禁用：</span>
+            <span>{{peoForm.disableFlag||'--'}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">职责：</span>
+            <span>{{peoForm.rolesShow||''}}</span>
+          </div>
+          <div class="info-prop">
+            <span class="info-title-2">角色：</span>
+            <span>{{peoForm.szsqRolesShow||''}}</span>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
     <div class="div-btn">
       <el-button size="small"
                  @click="handleClose">关 闭</el-button>
@@ -193,13 +194,9 @@ export default {
 }
 </script>
 
-<style scoped>
-.item-width-1 {
-  width: 200px;
-}
-.item-width-2 {
-  width: 400px;
-}
+<style lang="scss"  scoped>
+@import "@/assets/scss/modules/management/detail-main.scss";
+
 .div-btn {
   margin-top: 20px;
   display: flex;