kubbo/dvcp_v2_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化

Browse Source
This commit is contained in:
aixianling
2021-12-14 18:36:19 +08:00
parent 9afa4101b6
commit a8dff862d2
327 changed files with 88702 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

186
packages/processManagement/corporateSeal/AppCorporateSeal.vue Normal file
View File

@@ -0,0 +1,186 @@
<template>
<section class="AppCorporateSeal">
<ai-list v-if="showList">
<template slot="title">
<ai-title title="企业印章" :isShowBottomBorder="true"></ai-title>
</template>
<template slot="content">
<div class="signaturePane">
<div class="signatureCard" v-for="(op,i) in signatures" :key="i">
<div class="default" v-if="op.isDefault==1">默认</div>
<div class="body">
<el-image :src="`data:image/png;base64,${op.signSealData}`"/>
</div>
<div class="footer">
<el-button type="text" :disabled="op.isDefault==1" @click.stop="handleSetDefault(op.id)">设为默认</el-button>
<hr/>
<el-button type="text" :disabled="op.isDefault==1||op.signType==1" @click.stop="handleDelete(op.id)">删除
</el-button>
</div>
</div>
<div class="signatureCard add" @click="showList=false">
<ai-icon icon="iconAdd" size="32px"/>
<span>点击添加印章</span>
</div>
</div>
</template>
</ai-list>
<seal-detail v-else/>
</section>
</template>
<script>
import SealDetail from "./sealDetail";
export default {
name: "AppCorporateSeal",
label: "企业印章",
components: {SealDetail},
provide() {
return {
seal: this
}
},
props: {
instance: Function,
dict: Object,
permissions: Function
},
data() {
return {
signatures: [],
showList: true
}
},
created() {
this.getSignatures()
},
methods: {
getSignatures() {
this.instance.post("/app/syssignaccount/list", null, {
params: {
signType: 2,
size: 999
}
}).then(res => {
if (res?.data) {
this.signatures = res.data.records
}
})
},
handleSetDefault(id) {
this.$confirm("是否设置该印章为默认印章?").then(() => {
this.instance.post("/app/syssignaccount/default", null, {params: {id, listType: 1}}).then(res => {
if (res?.code == 0) {
this.$message.success("设置成功!")
this.getSignatures()
}
}).catch(() => 0)
})
},
handleDelete(ids) {
this.$confirm("是否删除该印章?").then(() => {
this.instance.post("/app/syssignaccount/delete", null, {params: {ids}}).then(res => {
if (res?.code == 0) {
this.$message.success("删除成功!")
this.getSignatures()
}
}).catch(() => 0)
})
},
}
}
</script>
<style lang="scss" scoped>
.AppCorporateSeal {
height: 100%;
background: #f3f6f9;
::v-deep .signaturePane {
display: flex;
gap: 16px;
flex-wrap: wrap;
padding: 16px;
.signatureCard {
width: 290px;
height: 258px;
background: #FFFFFF;
border-radius: 4px;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
&.add {
justify-content: center;
align-items: center;
color: #666666;
cursor: pointer;
.AiIcon {
width: 32px;
height: 32px;
font-size: 32px;
}
& > span {
font-size: 12px;
line-height: 16px;
}
}
.default {
position: absolute;
width: 56px;
height: 24px;
background: #3573FF;
border-radius: 0 0 4px 0;
top: 0;
left: 0;
text-align: center;
line-height: 24px;
font-size: 12px;
color: #FFF;
}
.body {
min-height: 0;
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 50px;
cursor: pointer;
}
.footer {
flex-shrink: 0;
height: 40px;
background: rgba(#30426F, .5);
display: flex;
align-items: center;
padding: 8px 0;
box-sizing: border-box;
hr {
height: 100%;
border-color: rgba(#fff, .5);
}
& > .el-button {
flex: 1;
color: #fff;
&[disabled] {
color: rgba(#fff, .5);
}
}
}
}
}
}
</style>

233
packages/processManagement/corporateSeal/sealDetail.vue Normal file
View File

@@ -0,0 +1,233 @@
<template>
<section class="sealDetail">
<ai-detail>
<template #title>
<ai-title title="添加企业印章" isShowBack isShowBottomBorder @onBackClick="back"/>
</template>
<template #content>
<el-form size="small" ref="SealForm" :model="form" :rules="rules" label-suffix="：" label-width="160px">
<ai-title title="单位信息" isShowBottomBorder/>
<el-form-item label="单位名称" prop="organizeName">
<el-input clearable v-model="form.organizeName" placeholder="请输入..." maxlength="25" show-word-limit/>
</el-form-item>
<el-form-item label="单位类型" prop="organizeType">
<el-select clearable v-model="form.organizeType" placeholder="请输入...">
<el-option v-for="(op,i) in $dict.getDict('organizeType')" :key="i" :value="op.dictValue"
:label="op.dictName"/>
</el-select>
</el-form-item>
<div class="flexFillRow">
<el-form-item label="企业注册类型" prop="organRegType">
<el-select clearable v-model="form.organRegType" placeholder="请输入...">
<el-option v-for="(op,i) in $dict.getDict('organRegType')" :key="i" :value="op.dictValue"
:label="op.dictName"/>
</el-select>
</el-form-item>
<el-form-item v-if="!!form.organRegType" :label="$dict.getLabel('organRegType',form.organRegType)"
prop="organCode">
<el-input clearable v-model="form.organCode" placeholder="请输入..."/>
</el-form-item>
<div v-else/>
</div>
<div class="flexFillRow">
<el-form-item label="注册类型" prop="registerType">
<el-select clearable v-model="form.registerType" placeholder="请输入...">
<el-option v-for="(op,i) in $dict.getDict('registerType')" :key="i" :value="op.dictValue"
:label="op.dictName"/>
</el-select>
</el-form-item>
<div/>
</div>
<template v-if="form.registerType==1">
<div class="flexFillRow">
<el-form-item label="代理人姓名" prop="agentName">
<el-input clearable v-model="form.agentName" placeholder="请输入..."/>
</el-form-item>
<el-form-item label="代理人身份证号" prop="agentIdNumber">
<el-input clearable v-model="form.agentIdNumber" placeholder="请输入..."/>
</el-form-item>
</div>
<div class="flexFillRow">
<el-form-item label="代理人手机号" prop="signPhone">
<el-input clearable v-model="form.signPhone" placeholder="请输入..."/>
</el-form-item>
<div/>
</div>
</template>
<template v-if="form.registerType==2">
<div class="flexFillRow">
<el-form-item label="法人姓名" prop="legalName">
<el-input clearable v-model="form.legalName" placeholder="请输入..."/>
</el-form-item>
<el-form-item label="法人身份证号" prop="legalIdNumber">
<el-input clearable v-model="form.legalIdNumber" placeholder="请输入..."/>
</el-form-item>
</div>
<div class="flexFillRow">
<el-form-item label="法人手机号" prop="signPhone">
<el-input clearable v-model="form.signPhone" placeholder="请输入..."/>
</el-form-item>
<div/>
</div>
</template>
<ai-title title="印章信息" isShowBottomBorder/>
<el-form-item class="sealImageTypes" label="生成印章类型" prop="organizeTemplateType">
<div v-for="(op,i) in sealImageTypes" :key="i" class="item" @click="form.organizeTemplateType=op.value">
<el-image :src="op.image" fit="contain"/>
<el-radio :label="op.value" v-model="form.organizeTemplateType">{{ op.name }}</el-radio>
</div>
</el-form-item>
<el-form-item label="横向文内容" prop="htext">
<el-input clearable v-model="form.htext" placeholder="0-8个字，如合同专用章，财务专用章等" maxlength="8" show-word-limit/>
</el-form-item>
<el-form-item label="下弦文内容" prop="qtext">
<el-input clearable v-model="form.qtext" placeholder="0-20个字，下弦文是指的贵司公章底部一串防伪数字" maxlength="20"
show-word-limit/>
</el-form-item>
</el-form>
</template>
<template #footer>
<el-button @click="back">取消</el-button>
<el-button type="primary" @click="handleSubmit" v-loading="loading">提交</el-button>
</template>
</ai-detail>
</section>
</template>
<script>
export default {
name: "sealDetail",
inject: ['seal'],
data() {
return {
form: {
organizeTemplateType: "STAR",
organizeType: "4",
organRegType: "NORMAL",
registerType: "1"
},
loading: false
}
},
computed: {
sealImageTypes() {
return this.$dict.getDict("organizeTemplateType")?.map(e => ({
image: e.dictColor,
value: e.dictValue,
name: e.dictName
})) || []
},
rules() {
return {
organizeName: [{required: true, message: "请填写单位名称"}],
organCode: [{required: true, message: `请填写${this.$dict.getLabel('organRegType', this.form.organRegType)}`}],
legalName: [{required: true, message: "请填写法人姓名"}],
agentName: [{required: true, message: "请填写代理人姓名"}],
organizeTemplateType: [{required: true}],
htext: [{required: true, message: "请填写横向文内容"}],
qtext: [{required: true, message: "请填写下弦文内容"}],
organizeType: [{required: true, message: "请选择单位类型"}],
organRegType: [{required: true, message: "请选择企业注册类型"}],
registerType: [{required: true, message: "请选择注册类型"}],
signPhone: [
{required: true, message: "请填写手机号码"},
{pattern: /^1[3456789]\d{9}$/, message: "手机号码格式有误"}
],
legalIdNumber: [
{required: true, message: "请填写法人身份证号码"},
{validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
],
agentIdNumber: [
{required: true, message: "请填写代理人身份证号码"},
{validator: (r, v, cb) => cb(this.idCardNoUtil.checkIdCardNo(v) ? undefined : "身份证号码格式有误")}
],
}
}
},
created() {
this.$dict.load("registerType", "organRegType", "organizeType", "organizeTemplateType")
},
methods: {
back() {
this.seal.showList = true
this.seal.getSignatures()
},
handleSubmit() {
this.$refs.SealForm.validate(v => {
if (v) {
this.loading = true
this.seal.instance.post("/app/syssignaccount/register", {
userType: 0,
signType: 2,
signPhone: this.form.signPhone,
registerInfo: {...this.form, legalArea: 0},
style: {...this.form, sealColor: "RED"}
}).then(res => {
this.loading = false
if (res?.code == 0) {
this.$message.success("添加成功!")
this.back()
}
}).catch(() => this.loading = false)
}
})
}
}
}
</script>
<style lang="scss" scoped>
.sealDetail {
height: inherit;
::v-deep .ai-detail__content--wrapper {
.el-form {
display: flex;
flex-direction: column;
gap: 24px;
}
.el-form-item {
margin-bottom: 0;
.el-select {
width: 100%;
}
&.sealImageTypes > .el-form-item__content {
display: flex;
gap: 40px;
.item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
cursor: pointer;
.el-image {
width: 80px;
height: 80px;
}
}
}
}
.flexFillRow {
display: flex;
align-items: center;
& > * {
flex: 1;
min-width: 0;
}
}
}
::v-deep .ai-detail__footer > .el-button {
width: 92px;
height: 32px;
}
}
</style>