ky_zhangq/sgt_ca_app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update:更新包版本全部引入antdv

Browse Source
This commit is contained in:
zhangqi
2021-04-16 09:26:55 +08:00
parent 8766d83afa
commit a3ecb5e10b
7 changed files with 15764 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
babel.config.js
View File

@@ -1,4 +1,3 @@
module.exports = { module.exports = {
presets: ["@vue/cli-plugin-babel/preset"], presets: ["@vue/cli-plugin-babel/preset"]
plugins: [["import", { libraryName: "ant-design-vue", style: true }]]
}; };

15698
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
package.json
View File

@@ -8,11 +8,11 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"ant-design-vue": "^2.0.0-rc.9", "ant-design-vue": "^2.1.2",
"axios": "^0.21.1", "axios": "^0.21.1",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"vue": "^3.0.0", "vue": "^3.0.11",
"vue-router": "^4.0.0-0" "vue-router": "^4.0.6"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-babel": "~4.5.0",

5
src/main.js
View File

@@ -1,8 +1,9 @@
import { createApp } from "vue"; import { createApp } from "vue";
import Antd from "ant-design-vue";
import App from "./App.vue"; import App from "./App.vue";
import router from "./router"; import router from "./router";
import { Form } from "ant-design-vue"; import "ant-design-vue/dist/antd.css";
createApp(App) createApp(App)
.use(router) .use(router)
.use(Form) .use(Antd)
.mount("#app"); .mount("#app");

18
src/views/CA/Index.vue
View File

@@ -1,23 +1,19 @@
<template> <template>
<div class="ca_index"> <div class="ca_index">
<Space> <a-space>
<Button type="primary"> <a-button type="primary">
<router-link to="/ca/userapply"> 个人数字证书申领入口 </router-link> <router-link to="/ca/userapply"> 个人数字证书申领入口 </router-link>
</Button> </a-button>
<Button> <a-button>
<router-link to="/ca/unitapply"> 企业数字证书申领入口 </router-link> <router-link to="/ca/unitapply"> 企业数字证书申领入口 </router-link>
</Button> </a-button>
</Space> </a-space>
</div> </div>
<router-view></router-view> <router-view></router-view>
</template> </template>
<style lang="less" scoped></style> <style lang="less" scoped></style>
<script> <script>
import { Button, Space } from "ant-design-vue";
// import { get } from "@/services/http.js";
export default { export default {
name: "index", name: "index"
components: { Button, Space }
}; };
</script> </script>

248
src/views/CA/UnitApply.vue
View File

@@ -1,108 +1,111 @@
<template> <template>
<div class="ca-apply"> <div class="ca-apply">
<Result <a-result
v-if="isSuccess" v-if="isSuccess"
status="success" status="success"
title="您的企业已经完成数字证书申领" title="您的企业已经完成数字证书申领"
sub-title="已经申领过数字证书的企业无法再次申领，如需补办请联系管理人员" sub-title="已经申领过数字证书的企业无法再次申领，如需补办请联系管理人员"
> >
<template #extra> <template #extra>
<!-- <Button type="primary"> <!-- <a-button type="primary">
申请补办 申请补办
</Button> --> </a-button> -->
<Button @click="router.back()" type="primary"> 返回 </Button> <a-button @click="router.back()" type="primary"> 返回 </a-button>
<Button style="margin-left: 10px" @click="toggleDrawer" <a-button style="margin-left: 10px" @click="toggleDrawer"
>历史提交记录</Button >历史提交记录</a-button
> >
</template> </template>
</Result> </a-result>
<Spin v-else :spinning="spining"> <a-spin v-else :spinning="spining">
<Form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }"> <a-form :label-col="{ span: 9 }" :wrapper-col="{ span: 15 }">
<Row> <a-row>
<Col :span="11"> <a-col :span="11">
<FormItem label="企业名称" v-bind="validateInfos.unitName"> <a-form-item label="企业名称" v-bind="validateInfos.unitName">
<Select <a-select
v-model:value="modelRef.unitName" v-model:value="modelRef.unitName"
@change="getTydm" @change="getTydm"
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="请选择企业名称" placeholder="请选择企业名称"
> >
<Option <a-select-option
v-for="organize in organizeList" v-for="organize in organizeList"
:key="organize.id" :key="organize.id"
:value="organize.name" :value="organize.name"
>{{ organize.name }}</Option >{{ organize.name }}</a-select-option
> >
</Select> </a-select>
</FormItem> </a-form-item>
<FormItem label="统一社会信用代码" v-bind="validateInfos.tydm"> <a-form-item label="统一社会信用代码" v-bind="validateInfos.tydm">
<Input <a-input
v-model:value="modelRef.tydm" v-model:value="modelRef.tydm"
readonly readonly
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="根据企业名称自动获取" placeholder="根据企业名称自动获取"
/> />
</FormItem> </a-form-item>
<FormItem label="经办人姓名" v-bind="validateInfos.operatorName"> <a-form-item label="经办人姓名" v-bind="validateInfos.operatorName">
<Input <a-input
v-model:value="modelRef.operatorName" v-model:value="modelRef.operatorName"
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="请输入经办人姓名" placeholder="请输入经办人姓名"
/> />
</FormItem> </a-form-item>
<FormItem label="经办人身份证" v-bind="validateInfos.operatorId"> <a-form-item label="经办人身份证" v-bind="validateInfos.operatorId">
<Input <a-input
v-model:value="modelRef.operatorId" v-model:value="modelRef.operatorId"
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="请输入经办人身份证号码" placeholder="请输入经办人身份证号码"
/> />
</FormItem> </a-form-item>
<FormItem label="经办人手机号" v-bind="validateInfos.operatorPhone"> <a-form-item
<Input label="经办人手机号"
v-bind="validateInfos.operatorPhone"
>
<a-input
v-model:value="modelRef.operatorPhone" v-model:value="modelRef.operatorPhone"
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="请输入经办人手机号码" placeholder="请输入经办人手机号码"
/> />
</FormItem> </a-form-item>
<FormItem label="手机验证码" v-bind="validateInfos.phoneCode"> <a-form-item label="手机验证码" v-bind="validateInfos.phoneCode">
<Row :gutter="8"> <a-row :gutter="8">
<Col :span="12"> <a-col :span="12">
<Input <a-input
v-model:value="modelRef.phoneCode" v-model:value="modelRef.phoneCode"
:disabled="disabledFeild" :disabled="disabledFeild"
/> />
</Col> </a-col>
<Col :span="12"> <a-col :span="12">
<Button <a-button
:disabled="disabledFeild || countdown > 0" :disabled="disabledFeild || countdown > 0"
@click="getCode" @click="getCode"
> >
获取验证码{{ countdown > 0 ? `(${countdown})` : "" }} 获取验证码{{ countdown > 0 ? `(${countdown})` : "" }}
</Button> </a-button>
</Col> </a-col>
</Row> </a-row>
</FormItem> </a-form-item>
<FormItem label="省市区信息" v-bind="validateInfos.code"> <a-form-item label="省市区信息" v-bind="validateInfos.code">
<Cascader <a-cascader
v-model:value="modelRef.code" v-model:value="modelRef.code"
placeholder="请选择省市区信息" placeholder="请选择省市区信息"
:options="areaOptions" :options="areaOptions"
:load-data="loadAreaOptions" :load-data="loadAreaOptions"
:disabled="disabledFeild" :disabled="disabledFeild"
/> />
</FormItem> </a-form-item>
<FormItem label="邮寄地址" v-bind="validateInfos.address"> <a-form-item label="邮寄地址" v-bind="validateInfos.address">
<Input <a-input
v-model:value="modelRef.address" v-model:value="modelRef.address"
:disabled="disabledFeild" :disabled="disabledFeild"
placeholder="请输入证书邮寄地址" placeholder="请输入证书邮寄地址"
/> />
</FormItem> </a-form-item>
</Col> </a-col>
<Col :span="11"> <a-col :span="11">
<FormItem label="授权委托书" v-bind="validateInfos.loaPicId"> <a-form-item label="授权委托书" v-bind="validateInfos.loaPicId">
<input v-model="modelRef.loaPicId" hidden /> <input v-model="modelRef.loaPicId" hidden />
<Upload <a-upload
accept="application/pdf" accept="application/pdf"
action="/api2/upload/uploadfile" action="/api2/upload/uploadfile"
v-model:fileList="loaPicFileList" v-model:fileList="loaPicFileList"
@@ -110,18 +113,18 @@
@change="info => handleChange(info, 'loaPicId')" @change="info => handleChange(info, 'loaPicId')"
:disabled="disabledUpload" :disabled="disabledUpload"
> >
<Button block :disabled="disabledUpload"> <a-button block :disabled="disabledUpload">
<UploadOutlined /> <UploadOutlined />
点击{{ modelRef.loaPicId ? "替换" : "上传" }} 点击{{ modelRef.loaPicId ? "替换" : "上传" }}
</Button> </a-button>
</Upload> </a-upload>
</FormItem> </a-form-item>
<FormItem <a-form-item
label="身份证正面照" label="身份证正面照"
v-bind="validateInfos.idCardFrontPicId" v-bind="validateInfos.idCardFrontPicId"
> >
<input v-model="modelRef.idCardFrontPicId" hidden /> <input v-model="modelRef.idCardFrontPicId" hidden />
<Upload <a-upload
accept="image/*" accept="image/*"
action="/api2/upload/uploadfile" action="/api2/upload/uploadfile"
v-model:fileList="idCardFrontPicFileList" v-model:fileList="idCardFrontPicFileList"
@@ -130,18 +133,18 @@
@change="info => handleChange(info, 'idCardFrontPicId')" @change="info => handleChange(info, 'idCardFrontPicId')"
:disabled="disabledUpload" :disabled="disabledUpload"
> >
<Button block :disabled="disabledUpload"> <a-button block :disabled="disabledUpload">
<UploadOutlined /> <a-uploadOutlined />
点击{{ modelRef.idCardFrontPicId ? "替换" : "上传" }} 点击{{ modelRef.idCardFrontPicId ? "替换" : "上传" }}
</Button> </a-button>
</Upload> </a-upload>
</FormItem> </a-form-item>
<FormItem <a-form-item
label="身份证背面照" label="身份证背面照"
v-bind="validateInfos.idCardBackPicId" v-bind="validateInfos.idCardBackPicId"
> >
<input v-model="modelRef.idCardBackPicId" hidden /> <input v-model="modelRef.idCardBackPicId" hidden />
<Upload <a-upload
accept="image/*" accept="image/*"
action="/api2/upload/uploadfile" action="/api2/upload/uploadfile"
v-model:fileList="idCardBackPicFileList" v-model:fileList="idCardBackPicFileList"
@@ -150,18 +153,18 @@
@change="info => handleChange(info, 'idCardBackPicId')" @change="info => handleChange(info, 'idCardBackPicId')"
:disabled="disabledUpload" :disabled="disabledUpload"
> >
<Button block :disabled="disabledUpload"> <a-button block :disabled="disabledUpload">
<UploadOutlined /> <a-uploadOutlined />
点击{{ modelRef.idCardBackPicId ? "替换" : "上传" }} 点击{{ modelRef.idCardBackPicId ? "替换" : "上传" }}
</Button> </a-button>
</Upload> </a-upload>
</FormItem> </a-form-item>
<FormItem <a-form-item
label="营业许可证照片" label="营业许可证照片"
v-bind="validateInfos.businessLicensePicId" v-bind="validateInfos.businessLicensePicId"
> >
<input v-model="modelRef.businessLicensePicId" hidden /> <input v-model="modelRef.businessLicensePicId" hidden />
<Upload <a-upload
accept="image/*" accept="image/*"
action="/api2/upload/uploadfile" action="/api2/upload/uploadfile"
v-model:fileList="businessLicenseFileList" v-model:fileList="businessLicenseFileList"
@@ -170,74 +173,74 @@
@change="info => handleChange(info, 'businessLicensePicId')" @change="info => handleChange(info, 'businessLicensePicId')"
:disabled="disabledUpload" :disabled="disabledUpload"
> >
<Button block :disabled="disabledUpload"> <a-button block :disabled="disabledUpload">
<UploadOutlined /> <a-uploadOutlined />
点击{{ modelRef.businessLicensePicId ? "替换" : "上传" }} 点击{{ modelRef.businessLicensePicId ? "替换" : "上传" }}
</Button> </a-button>
</Upload> </a-upload>
</FormItem> </a-form-item>
</Col> </a-col>
<Col :span="2"> <a-col :span="2">
<FormItem> <a-form-item>
<Popover title="说明"> <a-popover title="说明">
<template #content> <template #content>
<p>上传的文件pdf大小不得超过2Mb</p> <p>上传的文件pdf大小不得超过2Mb</p>
</template> </template>
<Button type="link" <a-button type="link"
><a ><a
href="http://183.136.157.18:7308/stgl/sources/202102/授权书模板.doc" href="http://183.136.157.18:7308/stgl/sources/202102/授权书模板.doc"
download="授权书模板.doc" download="授权书模板.doc"
target="_blank" target="_blank"
><DownloadOutlined />模板</a ><DownloadOutlined />模板</a
></Button ></a-button
> >
</Popover> </a-popover>
</FormItem> </a-form-item>
</Col> </a-col>
</Row> </a-row>
<FormItem :wrapper-col="{ span: 12, offset: 10 }"> <a-form-item :wrapper-col="{ span: 12, offset: 10 }">
<Button v-if="progressingId" type="primary" @click="onSubmit" <a-button v-if="progressingId" type="primary" @click="onSubmit"
>查询</Button >查询</a-button
> >
<Button v-else type="primary" @click="onSubmit">提交</Button> <a-button v-else type="primary" @click="onSubmit">提交</a-button>
<Button style="margin-left: 10px" @click="toggleDrawer" <a-button style="margin-left: 10px" @click="toggleDrawer"
>历史提交记录</Button >历史提交记录</a-button
> >
</FormItem> </a-form-item>
</Form> </a-form>
</Spin> </a-spin>
</div> </div>
<Drawer <a-drawer
title="历史申领记录" title="历史申领记录"
placement="right" placement="right"
:closable="false" :closable="false"
v-model:visible="showDrawer" v-model:visible="showDrawer"
width="450px" width="450px"
> >
<Empty v-if="!(unitApplyList && unitApplyList.length > 0)" /> <a-empty v-if="!(unitApplyList && unitApplyList.length > 0)" />
<div <div
v-for="unitApply in unitApplyList" v-for="unitApply in unitApplyList"
:key="unitApply.id" :key="unitApply.id"
style="padding: 10px" style="padding: 10px"
> >
<Card size="small"> <a-card size="small">
<template #title> <template #title>
{{ unitApply.unitName {{ unitApply.unitName
}}<Tag }}<a-tag
style="margin-left:4px;" style="margin-left:4px;"
:color="['orange', 'green', 'red'][unitApply.status]" :color="['orange', 'green', 'red'][unitApply.status]"
>{{ >{{
["进行中", "已成功", "已失败"][unitApply.status] || "未申领" ["进行中", "已成功", "已失败"][unitApply.status] || "未申领"
}}</Tag }}</a-tag
> >
</template> </template>
<template #extra> <template #extra>
<Button <a-button
v-if="unitApply.status == 2" v-if="unitApply.status == 2"
type="link" type="link"
@click="modifyOrder(unitApply)" @click="modifyOrder(unitApply)"
:disabled="disabledModify" :disabled="disabledModify"
>重新申请</Button >重新申请</a-button
> >
</template> </template>
<p> <p>
@@ -246,10 +249,10 @@
<p>发起时间: {{ unitApply.time }}</p> <p>发起时间: {{ unitApply.time }}</p>
<p v-if="unitApply.dealReason"> <p v-if="unitApply.dealReason">
不通过原因:{{ unitApply.dealReason }} 不通过原因:{{ unitApply.dealReason }}
</p></Card </p></a-card
> >
</div> </div>
</Drawer> </a-drawer>
</template> </template>
<style lang="less"> <style lang="less">
.ca-apply { .ca-apply {
@@ -260,25 +263,7 @@
} }
</style> </style>
<script> <script>
import { import { message, Modal } from "ant-design-vue";
Form,
Row,
Col,
Button,
Input,
Cascader,
Upload,
message,
Spin,
Select,
Drawer,
Empty,
Tag,
Card,
Modal,
Result,
Popover
} from "ant-design-vue";
import { UploadOutlined, DownloadOutlined } from "@ant-design/icons-vue"; import { UploadOutlined, DownloadOutlined } from "@ant-design/icons-vue";
import { useForm } from "@ant-design-vue/use"; import { useForm } from "@ant-design-vue/use";
import { computed, onMounted, reactive, ref, toRaw, inject } from "vue"; import { computed, onMounted, reactive, ref, toRaw, inject } from "vue";
@@ -301,25 +286,8 @@ const editPicFlag = toBit("0010");
const editModifyFlag = toBit("0100"); const editModifyFlag = toBit("0100");
export default { export default {
components: { components: {
Form,
FormItem: Form.Item,
Row,
Col,
Button,
Input,
Cascader,
Upload,
UploadOutlined, UploadOutlined,
Spin, DownloadOutlined
Select,
Option: Select.Option,
Drawer,
Empty,
Tag,
Card,
Result,
DownloadOutlined,
Popover
}, },
setup() { setup() {
const modelRef = reactive({ const modelRef = reactive({

103
src/views/CA/UserApply.vue
View File

@@ -1,22 +1,22 @@
<template> <template>
<div class="ca-apply"> <div class="ca-apply">
<Result <a-result
v-if="isSuccess" v-if="isSuccess"
status="success" status="success"
title="您已经完成个人数字证书申领" title="您已经完成个人数字证书申领"
sub-title="已经申领过数字证书的个人无法再次申领，如需补办请联系管理人员" sub-title="已经申领过数字证书的个人无法再次申领，如需补办请联系管理人员"
> >
<template #extra> <template #extra>
<!-- <Button type="primary"> <!-- <a-button type="primary">
申请补办 申请补办
</Button> --> </a-button> -->
<Button @click="router.back()" type="primary"> 返回 </Button> <a-button @click="router.back()" type="primary"> 返回 </a-button>
<Button style="margin-left: 10px" @click="showDrawer" <a-button style="margin-left: 10px" @click="showDrawer"
>历史提交记录</Button >历史提交记录</a-button
> >
</template> </template>
</Result> </a-result>
<Form <a-form
v-else v-else
ref="ruleForm" ref="ruleForm"
:model="form" :model="form"
@@ -24,46 +24,46 @@
:wrapper-col="wrapperCol" :wrapper-col="wrapperCol"
:rules="rules" :rules="rules"
> >
<FormItem label="真实姓名" name="idCardName"> <a-form-item label="真实姓名" name="idCardName">
<Input v-model:value="form.idCardName" :disabled="disableEdit" /> <a-input v-model:value="form.idCardName" :disabled="disableEdit" />
</FormItem> </a-form-item>
<FormItem label="身份证号码" name="idCardNo"> <a-form-item label="身份证号码" name="idCardNo">
<Input v-model:value="form.idCardNo" :disabled="disableEdit" /> <a-input v-model:value="form.idCardNo" :disabled="disableEdit" />
</FormItem> </a-form-item>
<FormItem label="所在单位名称" name="unitName"> <a-form-item label="所在单位名称" name="unitName">
<Select v-model:value="form.unitName" :disabled="disableEdit"> <a-select v-model:value="form.unitName" :disabled="disableEdit">
<Option <a-select-option
v-for="organize in organizeList" v-for="organize in organizeList"
:key="organize.id" :key="organize.id"
:value="organize.name" :value="organize.name"
>{{ organize.name }}</Option >{{ organize.name }}</a-select-option
> >
</Select> </a-select>
</FormItem> </a-form-item>
<FormItem label="手机号码" name="phone"> <a-form-item label="手机号码" name="phone">
<Input v-model:value="form.phone" :disabled="disableEdit" /> <a-input v-model:value="form.phone" :disabled="disableEdit" />
</FormItem> </a-form-item>
<FormItem :wrapperCol="{ span: 10, offset: 8 }"> <a-form-item :wrapperCol="{ span: 10, offset: 8 }">
<Button type="primary" @click="onSubmit" v-if="!disableEdit" <a-button type="primary" @click="onSubmit" v-if="!disableEdit"
>前往申领</Button >前往申领</a-button
> >
<Button type="primary" @click="getStatus" v-if="disableEdit" <a-button type="primary" @click="getStatus" v-if="disableEdit"
>继续申领流程</Button >继续申领流程</a-button
> >
<Button style="margin-left: 10px" @click="showDrawer" <a-button style="margin-left: 10px" @click="showDrawer"
>历史申领记录</Button >历史申领记录</a-button
> >
</FormItem> </a-form-item>
</Form> </a-form>
</div> </div>
<Drawer <a-drawer
title="历史申领记录" title="历史申领记录"
placement="right" placement="right"
:closable="false" :closable="false"
v-model:visible="drawVisible" v-model:visible="drawVisible"
width="350px" width="350px"
> >
<Card <a-card
v-for="userApply in userApplyList" v-for="userApply in userApplyList"
:key="userApply.id" :key="userApply.id"
size="small" size="small"
@@ -71,22 +71,22 @@
> >
<template #title> <template #title>
{{ userApply.idCardName {{ userApply.idCardName
}}<Tag }}<a-tag
style="margin-left:4px" style="margin-left:4px"
:color="['orange', 'green', 'red'][userApply.status]" :color="['orange', 'green', 'red'][userApply.status]"
>{{ >{{
["进行中", "已成功", "已失败"][userApply.status] || "未申领" ["进行中", "已成功", "已失败"][userApply.status] || "未申领"
}}</Tag }}</a-tag
> >
</template> </template>
<template #extra> <template #extra>
<Button type="link" @click="goCertUrl(userApply.id)">前往</Button> <a-button type="link" @click="goCertUrl(userApply.id)">前往</a-button>
</template> </template>
<p>身份证号:{{ userApply.idCardNo }}</p> <p>身份证号:{{ userApply.idCardNo }}</p>
<p>手机号码:{{ userApply.phone }}</p> <p>手机号码:{{ userApply.phone }}</p>
<p v-if="userApply.dealReason">拒绝理由:{{ userApply.dealReason }}</p> <p v-if="userApply.dealReason">拒绝理由:{{ userApply.dealReason }}</p>
</Card> </a-card>
</Drawer> </a-drawer>
</template> </template>
<style lang="less" scoped> <style lang="less" scoped>
.ca-apply { .ca-apply {
@@ -94,17 +94,7 @@
} }
</style> </style>
<script> <script>
import { import { message } from "ant-design-vue";
Form,
Input,
Button,
Select,
message,
Drawer,
Result,
Card,
Tag
} from "ant-design-vue";
import { get, post } from "@/services/http"; import { get, post } from "@/services/http";
import regex from "@/services/regex"; import regex from "@/services/regex";
export default { export default {
@@ -212,18 +202,7 @@ export default {
} }
} }
}, },
components: { components: {},
Form,
Input,
FormItem: Form.Item,
Button,
Select,
Option: Select.Option,
Drawer,
Result,
Card,
Tag
},
created: async function() { created: async function() {
//获取所在组织信息和个人数字认证信息 //获取所在组织信息和个人数字认证信息
const organizeInfo = await get("/api2/UserInfo/Organize"); const organizeInfo = await get("/api2/UserInfo/Organize");