Commit 69f8e84f authored by chenqikuai's avatar chenqikuai

fix

parent 9e17ae8d
src/assets/img/link.png

971 Bytes | W: | H:

src/assets/img/link.png

1.05 KB | W: | H:

src/assets/img/link.png
src/assets/img/link.png
src/assets/img/link.png
src/assets/img/link.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -12,238 +12,242 @@ ...@@ -12,238 +12,242 @@
> >
<div <div
style="padding: 0 54px; margin-top: 24px; height: calc(100vh - 200px)" style="padding: 0 54px; margin-top: 24px; height: calc(100vh - 200px)"
class="overflow-auto" class="overflow-hidden"
> >
<div class="mb-9"> <syScrollBar height="100%" class="-mr-[54px] pr-[54px]">
<span class="title">认证信息</span> <div class="mb-9">
<span class="tip">认证信息在获得认证后将不能修改</span> <span class="title">认证信息</span>
</div> <span class="tip">认证信息在获得认证后将不能修改</span>
<ElForm :model="modelOfCert" :rules="rulesOfCert" ref="certFormRef"> </div>
<CustomizeFormItem <ElForm :model="modelOfCert" :rules="rulesOfCert" ref="certFormRef">
:width="95" <CustomizeFormItem
label="姓名/名称" :width="95"
prop="name" label="姓名/名称"
class="flex w-full" prop="name"
> class="flex w-full"
<syDialogInput
v-model:value="modelOfCert.name"
placeholder="请输入姓名/名称"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="主体性质"
prop="property"
class="flex w-full"
>
<ElRadioGroup v-model="modelOfCert.property">
<syRadio :label="1">自然人</syRadio>
<syRadio :label="2">企业组织</syRadio>
</ElRadioGroup>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 1"
:width="95"
label="身份证号码"
prop="idCard"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfCert.idCard"
placeholder="请输入身份证号码"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 2"
:width="95"
label="统一社会信用代码/营业执照号码"
prop="unifiedSocialCreditCode"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfCert.unifiedSocialCreditCode"
placeholder="请输入统一社会信用代码/营业执照号码"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="所在城市"
prop="city"
class="flex w-full"
>
<ElCascader
popper-class="fuckCascader"
class="w-full ElCascader"
v-model="modelOfCert.city"
:options="cityList"
></ElCascader>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 1"
:width="95"
label="上传身份证"
prop="idCardImg"
class="flex w-full"
>
<CollectIdCardImg v-model="modelOfCert.idCardImg"></CollectIdCardImg>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 2"
:width="95"
label="营业执照或副本"
prop="businessLicenseOrCopy"
class="flex w-full"
>
<CollectImage v-model="modelOfCert.businessLicenseOrCopy"
>营业执照或副本</CollectImage
> >
</CustomizeFormItem> <syDialogInput
<CustomizeFormItem v-model:value="modelOfCert.name"
:width="95" placeholder="请输入姓名/名称"
label="授权备案" style="width: 100%"
prop="auth" ></syDialogInput>
class="flex w-full" </CustomizeFormItem>
> <CustomizeFormItem
<syRadio v-model="modelOfCert.auth" :label="true">授权备案</syRadio> :width="95"
</CustomizeFormItem> label="主体性质"
prop="property"
class="flex w-full"
>
<ElRadioGroup v-model="modelOfCert.property">
<syRadio :label="1">自然人</syRadio>
<syRadio :label="2">企业组织</syRadio>
</ElRadioGroup>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 1"
:width="95"
label="身份证号码"
prop="idCard"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfCert.idCard"
placeholder="请输入身份证号码"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 2"
:width="95"
label="统一社会信用代码/营业执照号码"
prop="unifiedSocialCreditCode"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfCert.unifiedSocialCreditCode"
placeholder="请输入统一社会信用代码/营业执照号码"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="所在城市"
prop="city"
class="flex w-full"
>
<ElCascader
popper-class="fuckCascader"
class="w-full ElCascader"
v-model="modelOfCert.city"
:options="cityList"
></ElCascader>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 1"
:width="95"
label="上传身份证"
prop="idCardImg"
class="flex w-full"
>
<CollectIdCardImg
v-model="modelOfCert.idCardImg"
></CollectIdCardImg>
</CustomizeFormItem>
<CustomizeFormItem
v-if="modelOfCert.property === 2"
:width="95"
label="营业执照或副本"
prop="businessLicenseOrCopy"
class="flex w-full"
>
<CollectImage v-model="modelOfCert.businessLicenseOrCopy"
>营业执照或副本</CollectImage
>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="授权备案"
prop="auth"
class="flex w-full"
>
<syRadio v-model="modelOfCert.auth" :label="true">授权备案</syRadio>
</CustomizeFormItem>
<CustomizeFormItem <CustomizeFormItem
:width="95" :width="95"
label="授权书图像" label="授权书图像"
prop="powerOfAttorneyImage" prop="powerOfAttorneyImage"
class="flex w-full" class="flex w-full"
>
<CollectImage
v-model="modelOfCert.powerOfAttorneyImage"
@update:model-value="handle"
>授权书图像</CollectImage
> >
</CustomizeFormItem> <CollectImage
<CustomizeFormItem v-model="modelOfCert.powerOfAttorneyImage"
:width="95" @update:model-value="handle"
label="授权有效期" >授权书图像</CollectImage
prop="authorizationValidityPeriod" >
class="flex w-full" </CustomizeFormItem>
> <CustomizeFormItem
<syDatePicker :width="95"
placeholder="请输入授权有效期" label="授权有效期"
style="width: 100%" prop="authorizationValidityPeriod"
v-model="modelOfCert.authorizationValidityPeriod" class="flex w-full"
></syDatePicker> >
</CustomizeFormItem> <syDatePicker
</ElForm> placeholder="请输入授权有效期"
<div class="mb-9"> style="width: 100%"
<span class="title">联系信息</span> v-model="modelOfCert.authorizationValidityPeriod"
<span class="tip">认证信息在获得认证后将不能修改</span> ></syDatePicker>
</div> </CustomizeFormItem>
<ElForm </ElForm>
:model="modelOfContact" <div class="mb-9">
:rules="rulesOfContact" <span class="title">联系信息</span>
ref="contactFormRef" <span class="tip">认证信息在获得认证后将不能修改</span>
> </div>
<CustomizeFormItem <ElForm
:width="95" :model="modelOfContact"
label="联系人" :rules="rulesOfContact"
prop="name" ref="contactFormRef"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.name"
placeholder="请输入联系人名称"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="电子邮件"
prop="email"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.email"
placeholder="请输入电子邮件"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="手机"
prop="cellphoneNumber"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.cellphoneNumber"
placeholder="请输入手机"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="电话"
prop="phoneNumber"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.phoneNumber"
placeholder="请输入电话"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="邮编"
prop="postCode"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.postCode"
placeholder="请输入邮编"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="传真"
prop="fax"
class="flex w-full"
> >
<syDialogInput <CustomizeFormItem
v-model:value="modelOfContact.fax" :width="95"
placeholder="请输入传真" label="联系人"
style="width: 100%" prop="name"
></syDialogInput> class="flex w-full"
</CustomizeFormItem> >
<CustomizeFormItem <syDialogInput
:width="95" v-model:value="modelOfContact.name"
label="联系地址" placeholder="请输入联系人名称"
prop="addr" style="width: 100%"
class="flex w-full" ></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="电子邮件"
prop="email"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.email"
placeholder="请输入电子邮件"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="手机"
prop="cellphoneNumber"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.cellphoneNumber"
placeholder="请输入手机"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="电话"
prop="phoneNumber"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.phoneNumber"
placeholder="请输入电话"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="邮编"
prop="postCode"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.postCode"
placeholder="请输入邮编"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="传真"
prop="fax"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.fax"
placeholder="请输入传真"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
<CustomizeFormItem
:width="95"
label="联系地址"
prop="addr"
class="flex w-full"
>
<syDialogInput
v-model:value="modelOfContact.addr"
placeholder="请输入联系地址"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
</ElForm>
<syButton
mode="elementBtn"
type="primary"
size="large"
class="w-full"
:loading="loading"
@click="handleConfirm"
>确定提交</syButton
> >
<syDialogInput </syScrollBar>
v-model:value="modelOfContact.addr"
placeholder="请输入联系地址"
style="width: 100%"
></syDialogInput>
</CustomizeFormItem>
</ElForm>
<syButton
mode="elementBtn"
type="primary"
size="large"
class="w-full"
:loading="loading"
@click="handleConfirm"
>确定提交</syButton
>
</div> </div>
</CommonDialog> </CommonDialog>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { formatTime, syButton } from "cqk-sy-ui"; import { formatTime, syButton, syScrollBar } from "cqk-sy-ui";
import { ElForm, ElRadioGroup, ElCascader, ElMessage } from "element-plus"; import { ElForm, ElRadioGroup, ElCascader, ElMessage } from "element-plus";
import { computed, ref, watch } from "vue"; import { computed, ref, watch } from "vue";
import cityList from "@/config/city"; import cityList from "@/config/city";
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
<div class="time">{{ formatTime(data?.create_time) }}</div> <div class="time">{{ formatTime(data?.create_time) }}</div>
<div <div
class="flex" class="flex"
style="font-size: 12px; font-weight: 400; line-height: 40px" style="font-size: 14px; font-weight: 400; line-height: 40px"
> >
<div <div
class="w-1/2" class="w-1/2"
...@@ -133,7 +133,7 @@ ...@@ -133,7 +133,7 @@
</div> </div>
<div <div
class="flex flex-wrap" class="flex flex-wrap"
style="color: var(--sy-gray); font-size: 12px; font-weight: 400" style="color: var(--sy-gray); font-size: 14px; font-weight: 400"
> >
<div class="w-1/2 content"> <div class="w-1/2 content">
作品名称: 作品名称:
...@@ -221,7 +221,7 @@ ...@@ -221,7 +221,7 @@
</div> </div>
<div <div
class="flex" class="flex"
style="color: var(--sy-gray); font-size: 12px; font-weight: 400" style="color: var(--sy-gray); font-size: 14px; font-weight: 400"
> >
<div class="w-1/2"> <div class="w-1/2">
<div class="content"> <div class="content">
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<syHeaderNavBar @back="() => $router.back()" @close="() => $router.back()" <syHeaderNavBar @back="() => $router.back()" @close="() => $router.back()"
>{{ data?.authentication_name }} >{{ data?.authentication_name }}
</syHeaderNavBar> </syHeaderNavBar>
<ModuleContainer class="mx-auto" style="width: 858px; margin-top: 17px"> <ModuleContainer class="mx-auto" style="width: 1200px; margin-top: 17px">
<div class="overflow-hidden"> <div class="overflow-hidden">
<div <div
class="title" class="title"
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
</div> </div>
<div <div
class="flex flex-wrap" class="flex flex-wrap"
style="color: var(--sy-gray); font-size: 12px; font-weight: 400" style="color: var(--sy-gray); font-size: 14px; font-weight: 400"
> >
<div class="w-1/2 content"> <div class="w-1/2 content">
姓名/名称: 姓名/名称:
...@@ -167,7 +167,7 @@ ...@@ -167,7 +167,7 @@
</div> </div>
<div <div
class="flex" class="flex"
style="color: var(--sy-gray); font-size: 12px; font-weight: 400" style="color: var(--sy-gray); font-size: 14px; font-weight: 400"
> >
<div class="w-1/2"> <div class="w-1/2">
<div class="content"> <div class="content">
......
...@@ -3,12 +3,12 @@ export const tableColumns = [ ...@@ -3,12 +3,12 @@ export const tableColumns = [
{ {
label: "备案人", label: "备案人",
prop: "authentication_name", prop: "authentication_name",
// minWidth: 300, minWidth: 300,
}, },
{ {
label: "证件号码", label: "证件号码",
prop: "authentication_subject_nature_code", prop: "authentication_subject_nature_code",
// minWidth: 280, width: 280,
}, },
{ {
label: "证件附件", label: "证件附件",
...@@ -24,6 +24,6 @@ export const tableColumns = [ ...@@ -24,6 +24,6 @@ export const tableColumns = [
{ {
label: "操作", label: "操作",
slotName: "operate", slotName: "operate",
// minWidth: 100, width: 100,
}, },
] as iTableColumn[]; ] as iTableColumn[];
...@@ -3,12 +3,12 @@ export const tableColumns = [ ...@@ -3,12 +3,12 @@ export const tableColumns = [
{ {
label: "版权名称", label: "版权名称",
prop: "record_work_name", prop: "record_work_name",
// minWidth: 300, minWidth: 300,
}, },
{ {
label: "备案号", label: "备案号",
prop: "record_no", prop: "record_no",
// minWidth: "280", width: "200",
}, },
{ {
label: "作品类型", label: "作品类型",
...@@ -18,7 +18,7 @@ export const tableColumns = [ ...@@ -18,7 +18,7 @@ export const tableColumns = [
{ {
label: "提交日期", label: "提交日期",
slotName: "create_time", slotName: "create_time",
// minWidth: "280", width: "200",
}, },
{ {
label: "当前状态", label: "当前状态",
...@@ -29,6 +29,6 @@ export const tableColumns = [ ...@@ -29,6 +29,6 @@ export const tableColumns = [
{ {
label: "操作", label: "操作",
slotName: "operate", slotName: "operate",
// minWidth: "100", width: "100",
}, },
] as iTableColumn[]; ] as iTableColumn[];
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
v-loading="loading" v-loading="loading"
height="100%" height="100%"
element-loading-text="加载中..." element-loading-text="加载中..."
class="draftBoxTable"
> >
<template #record_work_name="slotProps"> <template #record_work_name="slotProps">
<div <div
...@@ -36,8 +37,8 @@ ...@@ -36,8 +37,8 @@
:margin-left="-50" :margin-left="-50"
> >
<Icon <Icon
icon-name="iconbianzu7" icon-name="iconbianzu7-copy"
style="font-size: 40px" style="font-size: 26px"
class="cursor-pointer" class="cursor-pointer"
></Icon> ></Icon>
</syMoreOperate> </syMoreOperate>
...@@ -117,3 +118,11 @@ const handleClickItem = (value: any, slotProps: any) => { ...@@ -117,3 +118,11 @@ const handleClickItem = (value: any, slotProps: any) => {
line-height: 20px; line-height: 20px;
} }
</style> </style>
<style lang="scss">
.draftBoxTable {
.el-table__cell {
height: 50px;
}
}
</style>
<template> <template>
<LayoutVue> <LayoutVue>
<div class="flex flex-col w-full h-full"> <div class="flex flex-col w-full h-full">
<div class="flex items-center"> <div class="flex items-center flex-shrink-0">
<Search v-model="searchValue" placeholder="搜索名称/备案号"></Search> <Search v-model="searchValue" placeholder="搜索名称/备案号"></Search>
<Avatar class="ml-7"></Avatar> <Avatar class="ml-7"></Avatar>
</div> </div>
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
> >
</div> --> </div> -->
</div> </div>
<div class="flex-grow overflow-hidden"> <div class="flex-grow overflow-hidden mt-4">
<DraftBoxTable <DraftBoxTable
ref="DraftBoxTableRef" ref="DraftBoxTableRef"
:loading="loading" :loading="loading"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment