mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-07 09:28:53 +08:00
manager 升级到vue3
This commit is contained in:
pikachu1995@126.com
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,181 +1,179 @@
|
||||
<template>
|
||||
<Card>
|
||||
<div style="margin-top: 0px">
|
||||
<div class="sign-name">
|
||||
{{id ? '修改签名' : '新增签名'}}
|
||||
</div>
|
||||
<Form ref="form" :model="form" :label-width="100" :rules="formValidate">
|
||||
<FormItem label="签名" prop="signName">
|
||||
<Input v-model="form.signName" maxlength="12" clearable style="width: 28%"
|
||||
placeholder="仅限2-12个字符，建议使用App应用名称或是网站名/公司名"/>
|
||||
</FormItem>
|
||||
<FormItem label="签名来源" prop="signSource">
|
||||
<Select v-model="form.signSource" placeholder="请选择签名来源" style="width: 28%">
|
||||
<Option :value="0">企事业单位的全称或简称</Option>
|
||||
<Option :value="1">工信部备案网站的全称或简称</Option>
|
||||
<Option :value="2">App应用的全称或简称</Option>
|
||||
<Option :value="3">公众号或小程序的全称或简称</Option>
|
||||
<Option :value="4">电商平台店铺名的全称或简称</Option>
|
||||
<Option :value="5">商标名的全称或简称</Option>
|
||||
</Select>
|
||||
</FormItem>
|
||||
<el-card>
|
||||
<div style="margin-top: 0">
|
||||
<div class="sign-name">{{ id ? "修改签名" : "新增签名" }}</div>
|
||||
<el-form ref="form" :model="form" label-width="100px" :rules="formValidate">
|
||||
<el-form-item label="签名" prop="signName">
|
||||
<el-input
|
||||
v-model="form.signName"
|
||||
maxlength="12"
|
||||
clearable
|
||||
style="width: 28%"
|
||||
placeholder="仅限2-12个字符，建议使用App应用名称或是网站名/公司名"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="签名来源" prop="signSource">
|
||||
<el-select v-model="form.signSource" placeholder="请选择签名来源" style="width: 28%">
|
||||
<el-option label="企事业单位的全称或简称" :value="0" />
|
||||
<el-option label="工信部备案网站的全称或简称" :value="1" />
|
||||
<el-option label="App应用的全称或简称" :value="2" />
|
||||
<el-option label="公众号或小程序的全称或简称" :value="3" />
|
||||
<el-option label="电商平台店铺名的全称或简称" :value="4" />
|
||||
<el-option label="商标名的全称或简称" :value="5" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<div class="div-remark div-remark-first">
|
||||
签名来源选择工信部备案网站的全称或简称时，请在说明中添加网站域名，加快审核速度；
|
||||
</div>
|
||||
<div class="div-remark div-remark-bottom">
|
||||
如果选择APP应用的全称或简称或公众号或小程序的全称或简称，则网站、APP、小程序或公众号必须已上线；
|
||||
</div>
|
||||
<FormItem label="证明文件">
|
||||
<el-form-item label="证明文件">
|
||||
<div style="float: left">
|
||||
<upload-pic-thumb
|
||||
v-model="form.businessLicense"
|
||||
:multiple="false"
|
||||
:max-size="2048"
|
||||
>
|
||||
</upload-pic-thumb>
|
||||
<upload-pic-thumb v-model="form.businessLicense" :multiple="false" :max-size="2048" />
|
||||
</div>
|
||||
<div style="float: left;margin-left: 20px">
|
||||
<upload-pic-thumb
|
||||
v-model="form.license"
|
||||
:max-size="2048"
|
||||
:multiple="false"
|
||||
></upload-pic-thumb>
|
||||
<div style="float: left; margin-left: 20px">
|
||||
<upload-pic-thumb v-model="form.license" :max-size="2048" :multiple="false" />
|
||||
</div>
|
||||
</FormItem>
|
||||
</el-form-item>
|
||||
<div class="div-remark div-remark-first">
|
||||
第一张为营业执照，第二张为授权委托书，请上传签名归属方的企事业单位的企业营业执照、组织机构代码证、税务登记证三证合一的证件及授权委托书
|
||||
</div>
|
||||
<div class="div-remark div-remark-bottom">
|
||||
支持jpg、png、gif、jpeg格式的图片，每张图片不大于2MB
|
||||
</div>
|
||||
<FormItem label="申请说明" prop="remark">
|
||||
<Input v-model="form.remark" clearable type="textarea" style="width: 50%" maxlength="100"
|
||||
:autosize="{maxRows:4,minRows: 4}" show-word-limit
|
||||
placeholder="请描述您的业务使用场景，不超过100字符；如：验证码、双十一大促营销"/>
|
||||
</FormItem>
|
||||
</Form>
|
||||
<div class="div-remark div-remark-bottom">支持jpg、png、gif、jpeg格式的图片，每张图片不大于2MB</div>
|
||||
<el-form-item label="申请说明" prop="remark">
|
||||
<el-input
|
||||
v-model="form.remark"
|
||||
clearable
|
||||
type="textarea"
|
||||
style="width: 50%"
|
||||
maxlength="100"
|
||||
:autosize="{ maxRows: 4, minRows: 4 }"
|
||||
show-word-limit
|
||||
placeholder="请描述您的业务使用场景，不超过100字符；如：验证码、双十一大促营销"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div class="footer">
|
||||
<Button type="primary" :loading="submitLoading" @click="addSignSubmit">提交</Button>
|
||||
<el-button type="primary" :loading="submitLoading" @click="addSignSubmit">提交</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
</el-card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import * as API_Setting from "@/api/setting.js";
|
||||
import uploadPicThumb from "@/components/lili/upload-pic-thumb";
|
||||
import * as API_Setting from "@/api/setting.js";
|
||||
import uploadPicThumb from "@/components/lili/upload-pic-thumb";
|
||||
|
||||
export default {
|
||||
name: "smsSign",
|
||||
components: {
|
||||
uploadPicThumb
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: 0, // 签名id
|
||||
form: { // 表单
|
||||
signName: "",
|
||||
businessLicense: "",
|
||||
license: "",
|
||||
},
|
||||
loading: false, // 加载状态
|
||||
formValidate: { // 验证规则
|
||||
signName: [{required: true, message: "签名名称不能为空", trigger: "blur"}],
|
||||
remark: [{required: true, message: "申请说明不能为空", trigger: "blur"}],
|
||||
businessLicense: [{required: true, message: " ", trigger: "blur"}],
|
||||
},
|
||||
submitLoading: false //提交加载状态
|
||||
}
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 初始化数据
|
||||
init() {
|
||||
this.id = this.$route.query.id;
|
||||
if (this.id != undefined) {
|
||||
this.getSmsSignDetail();
|
||||
}
|
||||
export default {
|
||||
name: "smsSign",
|
||||
components: {
|
||||
uploadPicThumb,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
id: 0,
|
||||
form: {
|
||||
signName: "",
|
||||
businessLicense: "",
|
||||
license: "",
|
||||
signSource: "",
|
||||
remark: "",
|
||||
},
|
||||
//添加短信模板
|
||||
addSignSubmit() {
|
||||
//校验证件信息
|
||||
if (this.form.businessLicense == "" || this.form.license == "") {
|
||||
this.$Message.error("请完善证件信息");
|
||||
return
|
||||
}
|
||||
//校验签名来源
|
||||
if (this.form.signSource == "") {
|
||||
this.$Message.error("请选择签名来源");
|
||||
return
|
||||
}
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
//新增
|
||||
if (this.id == undefined) {
|
||||
API_Setting.addSmsSign(this.form).then(res => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success('添加成功');
|
||||
this.$router.back()
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
} else {
|
||||
API_Setting.editSmsSign(this.form).then(res => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success('修改成功');
|
||||
this.$router.back()
|
||||
}
|
||||
}).catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
loading: false,
|
||||
formValidate: {
|
||||
signName: [{ required: true, message: "签名名称不能为空", trigger: "blur" }],
|
||||
remark: [{ required: true, message: "申请说明不能为空", trigger: "blur" }],
|
||||
businessLicense: [{ required: true, message: " ", trigger: "blur" }],
|
||||
},
|
||||
//查询短信签名详细
|
||||
getSmsSignDetail() {
|
||||
API_Setting.smsSignDetail(this.id).then(res => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.form = res.result
|
||||
}
|
||||
})
|
||||
submitLoading: false,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.id = this.$route.query.id;
|
||||
if (this.id != undefined) {
|
||||
this.getSmsSignDetail();
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
addSignSubmit() {
|
||||
if (this.form.businessLicense == "" || this.form.license == "") {
|
||||
this.$Message.error("请完善证件信息");
|
||||
return;
|
||||
}
|
||||
if (this.form.signSource === "" || this.form.signSource === null || this.form.signSource === undefined) {
|
||||
this.$Message.error("请选择签名来源");
|
||||
return;
|
||||
}
|
||||
this.$refs.form.validate((valid) => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
if (this.id == undefined) {
|
||||
API_Setting.addSmsSign(this.form)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("添加成功");
|
||||
this.$router.back();
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
} else {
|
||||
API_Setting.editSmsSign(this.form)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("修改成功");
|
||||
this.$router.back();
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
};
|
||||
getSmsSignDetail() {
|
||||
API_Setting.smsSignDetail(this.id).then((res) => {
|
||||
this.loading = false;
|
||||
if (res.success) {
|
||||
this.form = res.result;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.init();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.sign-name {
|
||||
margin-top: 5px;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
color: #333;
|
||||
}
|
||||
.sign-name {
|
||||
margin-top: 5px;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.div-remark {
|
||||
margin-left: 100px;
|
||||
margin-bottom: 2px;
|
||||
color: #999;
|
||||
}
|
||||
.div-remark {
|
||||
margin-left: 100px;
|
||||
margin-bottom: 2px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.div-remark-first {
|
||||
margin-top: -17px;
|
||||
}
|
||||
.div-remark-first {
|
||||
margin-top: -17px;
|
||||
}
|
||||
|
||||
.div-remark-bottom {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.div-remark-bottom {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-left: 100px;
|
||||
}
|
||||
.footer {
|
||||
margin-left: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user