src/views/smartaccess/form/server.vue

@@ -4,6 +4,13 @@
       :center="true" :visible.sync="dialogShow" width="45%" :close-on-click-modal="false" top="4%">
       <avue-form ref="avueForm" :option="option" v-model="model" @submit="submit"></avue-form>
     </el-dialog>
+
+    <detail ref="detail" :options="viewForm">
+      <template #faceUrl="{value}">
+        <el-image style="width: 100px; height: 100px;margin-left: -15px;" :src="value" :preview-src-list="[value]"
+          fit="cover" :z-index="99999"></el-image>
+      </template>
+    </detail>
   </div>
 </template>
 <script>
@@ -19,7 +26,11 @@
   import {
     mapGetters
   } from "vuex";
+  import detail from "@/components/desc/e-detail.vue"
   export default {
+    components: {
+      detail
+    },
     data() {
       return {
         isAdd: false,
@@ -27,8 +38,62 @@
         dialogShow: false,
         type: 0,
         model: {},
+
+        viewForm: {
+          title: '服务人员信息',
+          column: [{
+              label: "人脸信息",
+              prop: "faceUrl",
+              slot: true,
+              span: 3
+            }, {
+              label: '姓名',
+              prop: 'name',
+            }, {
+              label: '性别',
+              prop: 'sex',
+              dicData: [{
+                  label: '男',
+                  value: 1
+                },
+                {
+                  label: '女',
+                  value: 2
+                },
+                {
+                  label: '未知',
+                  value: 0
+                }
+              ],
+            }, {
+              label: '手机号',
+              prop: 'tel',
+            },
+            {
+              label: '身份证号',
+              prop: 'idCard',
+            },
+            {
+              label: "人员类型",
+              prop: "type",
+              dicUrl: "/api/blade-system/dict-biz/dictionary?code=service_people_type",
+              props: {
+                label: "dictValue",
+                value: "dictKey"
+              },
+            },
+            {
+              label: "所在园区",
+              prop: "agencyName",
+            },
+            {
+              label: "所在区域",
+              prop: "residentialName",
+            },
+          ]
+        },
         option: {
-          detail: true,
+          detail: false,
           labelWidth: 110,
           column: [{
             label: "",
@@ -175,19 +240,6 @@
         }
       }
     },
-    created() {
-      const group = this.option.group.find(item=>item.label=='所属信息');
-      const agency= group.column.find(item=>item.prop=='agencyId')
-      const residentia= group.column.find(item=>item.prop=='residentialId')
-      if (this.tenantType==0) {
-        agency.label="所在社区"
-        agency.rules.message="请选择所在社区"
-        residentia.label='所在小区'
-        residentia.rules.message="请选择所在小区"
-      }
-      console.log(agency);
-      console.log(residentia);
-    },
     methods: {
       //下发人脸
       pushUserFaceToDevice(id) {
@@ -216,6 +268,10 @@
           });
       },
       showDialog(model, detail = true) {
+        if (detail) {
+          this.$refs.detail.show(model)
+          return
+        }
         this.isAdd = false
         this.model = model
         this.option.detail = detail
@@ -225,10 +281,10 @@
         this.isAdd = true
         this.dialogShow = true
         this.option.detail = false
-        setTimeout(()=>{
+        setTimeout(() => {
           this.$refs.avueForm.resetForm()
           this.model = {}
-        },20)
+        }, 20)
       },
       async submit(form, done) {
         let data = deepClone(form)