You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
5.4 KiB
126 lines
5.4 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
{include file="public/head"}
|
|
<title>{$title}</title>
|
|
</head>
|
|
<body>
|
|
<div id="form-add" class="mp-form" v-cloak>
|
|
<i-Form :model="formData" :label-width="80" >
|
|
<i-input v-model="formData.id" type="hidden" placeholder="请输入数据组名称"></i-input>
|
|
<Form-Item label="数据组名称">
|
|
<i-input v-model="formData.name" placeholder="请输入数据组名称"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="数据字段">
|
|
<i-input v-model="formData.config_name" placeholder="请输入数据字段例如：site_url"></i-input>
|
|
</Form-Item>
|
|
<Form-Item label="数据组简介">
|
|
<i-input v-model="formData.info" placeholder="请输入数据组简介"></i-input>
|
|
</Form-Item>
|
|
<Form-Item v-for="(item, index) in formData.typelist" :label="'字段' + (index+1)">
|
|
<row type="flex" ref="typelist" align="middle">
|
|
<i-col span="10">
|
|
<row>
|
|
<i-col span="23">
|
|
<Form-Item>
|
|
<i-input :placeholder="item.name.placeholder" v-model="item.name.value"></i-input>
|
|
</Form-Item>
|
|
</i-col>
|
|
</row>
|
|
<row>
|
|
<i-col span="23">
|
|
<Form-Item>
|
|
<i-input :placeholder="item.title.placeholder" v-model="item.title.value"></i-input>
|
|
</Form-Item>
|
|
</i-col>
|
|
</row>
|
|
<row>
|
|
<i-col span="23">
|
|
<Form-Item>
|
|
<i-select :placeholder="item.type.placeholder" v-model="item.type.value">
|
|
<i-option value="input">文本框</i-option>
|
|
<i-option value="textarea">多行文本框</i-option>
|
|
<i-option value="radio">单选框</i-option>
|
|
<i-option value="checkbox">多选框</i-option>
|
|
<i-option value="select">下拉选择</i-option>
|
|
<i-option value="upload">单图</i-option>
|
|
<i-option value="uploads">多图</i-option>
|
|
</i-select>
|
|
</Form-Item>
|
|
</i-col>
|
|
</row>
|
|
</i-col>
|
|
<i-col span="12">
|
|
<Form-Item>
|
|
<i-input type="textarea" rows="4" :placeholder="item.param.placeholder" v-model="item.param.value"></i-input>
|
|
</Form-Item>
|
|
</i-col>
|
|
<i-col span="2" style="display:inline-block; text-align:right;">
|
|
<i-button type="primary" icon="close-round" @click="removeType(index)"></i-button>
|
|
</i-col>
|
|
</row>
|
|
</row>
|
|
</Form-Item>
|
|
<Form-Item><i-button type="primary" @click="addType">添加字段</i-button></Form-Item>
|
|
<Form-Item :class="'add-submit-item'">
|
|
<i-Button :type="'primary'" :html-type="'submit'" :size="'large'" :long="true" @click.prevent="submit">提交</i-Button>
|
|
</Form-Item>
|
|
</i-Form>
|
|
</div>
|
|
<script>
|
|
$eb = parent._mpApi;
|
|
mpFrame.start(function(Vue){
|
|
new Vue({
|
|
el:"#form-add",
|
|
data:{
|
|
formData:{
|
|
id: '{$Groupinfo.id}',
|
|
name: '{$Groupinfo.name}',
|
|
config_name: '{$Groupinfo.config_name}',
|
|
typelist: {$Groupinfo.fields},
|
|
info:'{$Groupinfo.info}'
|
|
}
|
|
},
|
|
methods:{
|
|
addType: function(){
|
|
this.formData.typelist.push({
|
|
name: {
|
|
placeholder: "字段名称：姓名",
|
|
value: ''
|
|
},
|
|
title: {
|
|
placeholder: "字段配置名：name",
|
|
value: ''
|
|
},
|
|
type: {
|
|
placeholder: "字段类型",
|
|
value: ''
|
|
},
|
|
param: {
|
|
placeholder: "参数方式例如:\n1=白色\n2=红色\n3=黑色",
|
|
value: ''
|
|
}
|
|
})
|
|
},
|
|
removeType: function(index){
|
|
this.formData.typelist.splice(index,1);
|
|
},
|
|
submit: function(){
|
|
$eb.axios.post("{$save}",this.formData).then((res)=>{
|
|
if(res.status && res.data.code == 200)
|
|
return Promise.resolve(res.data);
|
|
else
|
|
return Promise.reject(res.data.msg || '添加失败,请稍候再试!');
|
|
}).then((res)=>{
|
|
$eb.message('success',res.msg || '操作成功!');
|
|
$eb.closeModalFrame(window.name);
|
|
}).catch((err)=>{
|
|
this.loading=false;
|
|
$eb.message('error',err);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|