| | |
| | | name?: string; |
| | | /** 模板 */ |
| | | file?: string; |
| | | /** 小程序码 */ |
| | | wxmpQrCode?: string; |
| | | /** 制版模板照片 */ |
| | | templateEditData?: string; |
| | | /** 制版变量JSON */ |
| | |
| | | code?: string; |
| | | /** 模板 */ |
| | | file?: string; |
| | | /** 小程序码 */ |
| | | wxmpQrCode?: string; |
| | | status?: EnumContractTemplateStatus; |
| | | /** 制版时间 */ |
| | | completedTime?: string; |
| | |
| | | </ProTableV2> |
| | | </AppContainer> |
| | | <TemplateAddDialog v-bind="dialogProps"></TemplateAddDialog> |
| | | <QrcodeDialog v-bind="dialogQrcodeProps"></QrcodeDialog> |
| | | <QrcodeDialog v-bind="dialogQrcodeProps" :useQrcode="false"></QrcodeDialog> |
| | | </LoadingLayout> |
| | | </template> |
| | | |
| | |
| | | function handlePreviewQrcode(row: API.GetEnterpriseContractTemplatesQueryResultItem) { |
| | | handleEdit({ |
| | | // qrcodeUrl: setOSSLink(row.file), |
| | | qrcodeUrl: 'https://www.baidu.com', |
| | | qrcodeUrl: row.wxmpQrCode, |
| | | }); |
| | | } |
| | | </script> |
| | |
| | | class="qrcode-dialog" |
| | | > |
| | | <div class="qrcode-wrapper"> |
| | | <vue-qrcode :value="form.qrcodeUrl" tag="img" :options="{ width: 180 }" ref="qrcode"> |
| | | <vue-qrcode |
| | | v-if="useQrcode" |
| | | :value="form.qrcodeUrl" |
| | | tag="img" |
| | | :options="{ width: 180 }" |
| | | ref="qrcode" |
| | | > |
| | | </vue-qrcode> |
| | | <img v-else :src="form.qrcodeUrl" style="width: 180px; height: 180px" /> |
| | | </div> |
| | | </ProDialog> |
| | | </template> |
| | |
| | | form: { |
| | | qrcodeUrl: string; |
| | | }; |
| | | useQrcode?: boolean; |
| | | }; |
| | | |
| | | const props = withDefaults(defineProps<Props>(), { |
| | | modelValue: false, |
| | | useQrcode: true, |
| | | }); |
| | | |
| | | const emit = defineEmits<{ |
| | |
| | | <ProDialog title="新增模板" v-model="visible" @close="onDialogClose" destroy-on-close draggable> |
| | | <ProForm :model="form" ref="dialogForm" label-width="100px"> |
| | | <ProFormItemV2 label="模板名称:" prop="name" :check-rules="[{ message: '请输入模板名称' }]"> |
| | | <ProFormText v-model.trim="form.name"> </ProFormText> |
| | | <ProFormText v-model.trim="form.name" placeholder="请输入模板名称"> </ProFormText> |
| | | </ProFormItemV2> |
| | | <ProFormItemV2 |
| | | label="上传模板:" |