feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/ - .gitignore 排除压缩包和临时解压目录 - drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
This commit is contained in:
yiqiu
410
clientarea/hgcloud/js/creatTemplate.js
Normal file
410
clientarea/hgcloud/js/creatTemplate.js
Normal file
@@ -0,0 +1,410 @@
|
||||
(function (window, undefined) {
|
||||
var old_onload = window.onload;
|
||||
window.onload = function () {
|
||||
const template = document.getElementsByClassName("template")[0];
|
||||
Vue.prototype.lang = window.lang;
|
||||
var { pinyin } = pinyinPro;
|
||||
new Vue({
|
||||
components: {
|
||||
asideMenu,
|
||||
topMenu,
|
||||
},
|
||||
created() {
|
||||
this.getCommonData();
|
||||
this.getCountry();
|
||||
this.getAccountInfo();
|
||||
this.getDomainSet();
|
||||
},
|
||||
mounted() {},
|
||||
updated() {
|
||||
// 关闭loading
|
||||
document.getElementById("mainLoading").style.display = "none";
|
||||
document.getElementsByClassName("template")[0].style.display = "block";
|
||||
},
|
||||
destroyed() {},
|
||||
data() {
|
||||
return {
|
||||
isAgree: false,
|
||||
commonData: {},
|
||||
carList: [],
|
||||
domainConfig: {},
|
||||
citys: [],
|
||||
countryList: [],
|
||||
ruleForm: {
|
||||
cityArr: [],
|
||||
type: "personal",
|
||||
zh_owner: "",
|
||||
zh_all_name: "",
|
||||
zh_last_name: "",
|
||||
zh_first_name: "",
|
||||
country: "CN",
|
||||
zh_province: "",
|
||||
zh_city: "",
|
||||
zh_address: "",
|
||||
postal_code: "",
|
||||
phone: "",
|
||||
email: "",
|
||||
en_owner: "",
|
||||
en_all_name: "",
|
||||
en_last_name: "",
|
||||
en_first_name: "",
|
||||
en_province: "",
|
||||
en_city: "",
|
||||
en_address: "",
|
||||
idtype: "",
|
||||
idnum: "",
|
||||
},
|
||||
subLoading: false,
|
||||
rules: {
|
||||
type: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text46,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
zh_owner: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text47,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
zh_all_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text48,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
zh_last_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text49,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
zh_first_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text50,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
cityArr: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text52,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
postal_code: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text53,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
phone: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text54,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
email: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text55,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
en_owner: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text56,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
en_all_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text57,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
en_last_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text58,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
en_first_name: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text59,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
zh_address: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text60,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
en_address: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text61,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
idtype: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text62,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
idnum: [
|
||||
{
|
||||
required: true,
|
||||
message: lang.template_text63,
|
||||
trigger: "change",
|
||||
},
|
||||
],
|
||||
},
|
||||
checked: false,
|
||||
options: [],
|
||||
accountInfo: {},
|
||||
selectIdTypeOption: [
|
||||
{ label: lang.id_type_SFZ, value: "SFZ" },
|
||||
{ label: lang.id_type_HZ, value: "HZ" },
|
||||
{ label: lang.id_type_GAJMTX, value: "GAJMTX" },
|
||||
{ label: lang.id_type_TWJMTX, value: "TWJMTX" },
|
||||
{ label: lang.id_type_WJLSFZ, value: "WJLSFZ" },
|
||||
{ label: lang.id_type_GAJZZ, value: "GAJZZ" },
|
||||
],
|
||||
perTypeList: [
|
||||
{ label: lang.id_type_SFZ, value: "SFZ" },
|
||||
{ label: lang.id_type_HZ, value: "HZ" },
|
||||
{ label: lang.id_type_GAJMTX, value: "GAJMTX" },
|
||||
{ label: lang.id_type_TWJMTX, value: "TWJMTX" },
|
||||
{ label: lang.id_type_WJLSFZ, value: "WJLSFZ" },
|
||||
{ label: lang.id_type_GAJZZ, value: "GAJZZ" },
|
||||
],
|
||||
entTypeList: [
|
||||
{ label: lang.id_type_ORG, value: "ORG" },
|
||||
{ label: lang.id_type_YYZZ, value: "YYZZ" },
|
||||
{ label: lang.id_type_TYDM, value: "TYDM" },
|
||||
{ label: lang.id_type_BDDM, value: "BDDM" },
|
||||
{ label: lang.id_type_JDDWFW, value: "JDDWFW" },
|
||||
{ label: lang.id_type_SYDWFR, value: "SYDWFR" },
|
||||
{ label: lang.id_type_WGCZJG, value: "WGCZJG" },
|
||||
{ label: lang.id_type_SHTTFR, value: "SHTTFR" },
|
||||
{ label: lang.id_type_ZJCS, value: "ZJCS" },
|
||||
{ label: lang.id_type_MBFQY, value: "MBFQY" },
|
||||
{ label: lang.id_type_JJHFR, value: "JJHFR" },
|
||||
{ label: lang.id_type_LSZY, value: "LSZY" },
|
||||
{ label: lang.id_type_WGZHWH, value: "WGZHWH" },
|
||||
{ label: lang.id_type_WLCZJG, value: "WLCZJG" },
|
||||
{ label: lang.id_type_SFJD, value: "SFJD" },
|
||||
{ label: lang.id_type_SHFWJG, value: "SHFWJG" },
|
||||
{ label: lang.id_type_MBXXBX, value: "MBXXBX" },
|
||||
{ label: lang.id_type_YLJGZY, value: "YLJGZY" },
|
||||
{ label: lang.id_type_JWJG, value: "JWJG" },
|
||||
{ label: lang.id_type_GZJGZY, value: "GZJGZY" },
|
||||
{ label: lang.id_type_BJWSXX, value: "BJWSXX" },
|
||||
{ label: lang.id_type_QTTYDM, value: "QTTYDM" },
|
||||
],
|
||||
};
|
||||
},
|
||||
filters: {
|
||||
formateTime(time) {
|
||||
if (time && time !== 0) {
|
||||
return formateDate(time * 1000);
|
||||
} else {
|
||||
return "--";
|
||||
}
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
"ruleForm.zh_owner": function (val) {
|
||||
if (this.ruleForm.type === "personal") {
|
||||
this.ruleForm.zh_all_name = val;
|
||||
}
|
||||
this.ruleForm.en_owner = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none", nonZh: "removed" })
|
||||
);
|
||||
},
|
||||
"ruleForm.zh_all_name": function (val) {
|
||||
if (this.ruleForm.type === "personal") {
|
||||
this.ruleForm.zh_owner = val;
|
||||
}
|
||||
this.ruleForm.en_all_name = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none" })
|
||||
);
|
||||
// 拆分名字，二三字默认 第一个是姓 四字以上默认 一二是姓
|
||||
if (val.length > 3) {
|
||||
this.ruleForm.zh_last_name = val.slice(0, 2);
|
||||
this.ruleForm.zh_first_name = val.slice(2);
|
||||
} else {
|
||||
this.ruleForm.zh_last_name = val.slice(0, 1);
|
||||
this.ruleForm.zh_first_name = val.slice(1);
|
||||
}
|
||||
},
|
||||
"ruleForm.zh_last_name": function (val) {
|
||||
this.ruleForm.en_last_name = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none", nonZh: "removed" })
|
||||
);
|
||||
},
|
||||
"ruleForm.zh_first_name": function (val) {
|
||||
this.ruleForm.en_first_name = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none", nonZh: "removed" })
|
||||
);
|
||||
},
|
||||
"ruleForm.zh_province": function (val) {
|
||||
this.ruleForm.en_province = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none" })
|
||||
);
|
||||
},
|
||||
"ruleForm.zh_city": function (val) {
|
||||
this.ruleForm.en_city = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none" })
|
||||
);
|
||||
},
|
||||
"ruleForm.zh_address": function (val) {
|
||||
this.ruleForm.en_address = this.firstUpperCase(
|
||||
pinyin(val, { toneType: "none" })
|
||||
);
|
||||
},
|
||||
"ruleForm.cityArr": function (val) {
|
||||
this.ruleForm.zh_province = val[1];
|
||||
this.ruleForm.zh_city = val[2];
|
||||
this.ruleForm.en_province = this.firstUpperCase(
|
||||
pinyin(val[1], { toneType: "none" })
|
||||
);
|
||||
this.ruleForm.en_city = this.firstUpperCase(
|
||||
pinyin(val[2], { toneType: "none" })
|
||||
);
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
calcCountry() {
|
||||
return (name) => {
|
||||
return this.countryList.filter((item) => item.iso === name)[0]
|
||||
?.name_zh;
|
||||
};
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 首字母大写
|
||||
firstUpperCase(str) {
|
||||
return str
|
||||
.toLowerCase()
|
||||
.replace(/( |^)[a-z]/g, (L) => L.toUpperCase());
|
||||
},
|
||||
goUrl() {
|
||||
window.open(
|
||||
this.domainConfig.domain_information_service_agreement_url
|
||||
);
|
||||
},
|
||||
// 获取域名设置
|
||||
getDomainSet() {
|
||||
domainSetting().then((res) => {
|
||||
this.domainConfig = res.data.data;
|
||||
});
|
||||
},
|
||||
submitForm(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (!valid) {
|
||||
return false;
|
||||
}
|
||||
if (!this.isAgree) {
|
||||
this.$message.error(lang.template_text64);
|
||||
return false;
|
||||
}
|
||||
this.subLoading = true;
|
||||
templateAdd(this.ruleForm)
|
||||
.then((res) => {
|
||||
this.$message.success(res.data.msg);
|
||||
this.subLoading = false;
|
||||
// 返回上一页
|
||||
window.history.go(-1);
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message.error(err.data.msg);
|
||||
this.subLoading = false;
|
||||
});
|
||||
});
|
||||
},
|
||||
// 获取账户详情
|
||||
getAccountInfo() {
|
||||
account().then((res) => {
|
||||
this.accountInfo = res.data.data.account;
|
||||
});
|
||||
},
|
||||
typeChange(val) {
|
||||
if (this.ruleForm.type === val) return;
|
||||
this.ruleForm.type = val;
|
||||
this.ruleForm.idtype = "";
|
||||
if (val === "personal") {
|
||||
this.selectIdTypeOption = this.perTypeList;
|
||||
} else {
|
||||
this.selectIdTypeOption = this.entTypeList;
|
||||
}
|
||||
},
|
||||
handleChange(value) {
|
||||
console.log(value);
|
||||
},
|
||||
useAccont(val) {
|
||||
if (val) {
|
||||
this.ruleForm.zh_owner = this.accountInfo.username;
|
||||
this.ruleForm.email = this.accountInfo.email;
|
||||
this.ruleForm.phone = this.accountInfo.phone;
|
||||
this.ruleForm.zh_address = this.accountInfo.address;
|
||||
} else {
|
||||
this.ruleForm.zh_owner = "";
|
||||
this.ruleForm.email = "";
|
||||
this.ruleForm.phone = "";
|
||||
this.ruleForm.zh_address = "";
|
||||
}
|
||||
},
|
||||
getCountry() {
|
||||
this.citys = [
|
||||
{
|
||||
value: "中国",
|
||||
label: "中国",
|
||||
children: citys.map((item) => {
|
||||
return {
|
||||
value: item.label,
|
||||
label: item.label,
|
||||
children: item.children.map((item2) => {
|
||||
return {
|
||||
value: item2.label,
|
||||
label: item2.label,
|
||||
};
|
||||
}),
|
||||
};
|
||||
}),
|
||||
},
|
||||
];
|
||||
},
|
||||
goBack() {
|
||||
window.history.go(-1);
|
||||
},
|
||||
// 获取通用配置
|
||||
getCommonData() {
|
||||
this.commonData = JSON.parse(
|
||||
localStorage.getItem("common_set_before")
|
||||
);
|
||||
document.title =
|
||||
this.commonData.website_name + "-" + lang.template_text1;
|
||||
},
|
||||
},
|
||||
}).$mount(template);
|
||||
typeof old_onload == "function" && old_onload();
|
||||
};
|
||||
})(window);
|
||||
Reference in New Issue
Block a user