Browse Source

fix(bugs): 冲突

tangning 3 years ago
parent
commit
14465b844b
1 changed files with 88 additions and 0 deletions
  1. 88 0
      src/views/rightsEnterprises/productDrawer.vue

+ 88 - 0
src/views/rightsEnterprises/productDrawer.vue

@@ -0,0 +1,88 @@
+<template>
+  <BasicDrawer
+    v-bind="$attrs"
+    @register="registerDrawer"
+    :isDetail="true"
+    :showDetailBack="false"
+    :showFooter="false"
+    @ok="handleSubmit"
+  >
+    <list v-if="typeIf == 'rights'" :companyInfo="modelRef" />
+    <camera v-else :companyInfo="modelRef" />
+  </BasicDrawer>
+</template>
+<script lang="ts">
+  import { defineComponent, ref, toRefs, reactive } from 'vue';
+  import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
+  import camera from './camera.vue';
+  import list from './list.vue';
+  import { useI18n } from '/@/hooks/web/useI18n';
+  // import { useUserStore } from '/@/store/modules/user';
+
+  export default defineComponent({
+    name: 'ProductDrawer',
+    components: { BasicDrawer, camera, list },
+    props: {
+      type: {
+        type: String,
+        default: 'rights',
+      },
+    },
+    emits: ['reload', 'register'],
+    setup(props) {
+      const isUpdate = ref(true);
+      const modelRef = reactive({
+        companyId: 0,
+        companyName: '0',
+        companyPhone: '0',
+        userPermNum: 0,
+      });
+      // const userStore = useUserStore();
+      // const userinfo = computed(() => userStore.getUserInfo); computed
+      const { t } = useI18n();
+      // const {type} = toRefs(props)
+      const [registerDrawer, { setDrawerProps }] = useDrawerInner(async (data) => {
+        setDrawerProps({ confirmLoading: false });
+        isUpdate.value = !!data?.isUpdate;
+        modelRef.companyId = data?.record?.companyId;
+        modelRef.companyName = data?.record?.companyName;
+        modelRef.companyPhone = data?.record?.companyPhone;
+        modelRef.userPermNum = data?.record?.userPermNum;
+        console.log('handleSubmit', t, modelRef, data);
+      });
+      function handleSubmit() {
+        // console.log('handleSubmit')
+      }
+      return {
+        modelRef,
+        typeIf: toRefs(props).type,
+        registerDrawer,
+        handleSubmit,
+      };
+    },
+  });
+</script>
+
+<style scoped lang="less">
+  :deep(.detailed) {
+    .title {
+      display: flex;
+      span,
+      input,
+      div {
+        flex-grow: 1;
+      }
+      input {
+        display: inline-block;
+      }
+      .name {
+        flex-grow: 2;
+      }
+    }
+    tr {
+      th {
+        font-weight: 500;
+      }
+    }
+  }
+</style>