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 = {
presets: ["@vue/cli-plugin-babel/preset"],
plugins: [["import", { libraryName: "ant-design-vue", style: true }]]
presets: ["@vue/cli-plugin-babel/preset"]
};

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"
},
"dependencies": {
"ant-design-vue": "^2.0.0-rc.9",
"ant-design-vue": "^2.1.2",
"axios": "^0.21.1",
"core-js": "^3.6.5",
"vue": "^3.0.0",
"vue-router": "^4.0.0-0"
"vue": "^3.0.11",
"vue-router": "^4.0.6"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",

5
src/main.js
View File

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

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

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

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

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

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

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