Areas/Admin/Views/System/Table/Field/Add.cshtml

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@model string
@{
    string Id = Request.QueryString["id"];
    int xuhao = StringHelper.Format<int>(Request.QueryString["xuhao"]);
    if (xuhao == 0)
    {
        xuhao = 1;
    }
    else
    {
        xuhao++;
    }
}
<div class="main" id="main" v-cloak>
    <el-tabs type="card" v-model="activeName">
        <el-tab-pane label="基础参数" name="first">
            <el-form label-width="130px" class="small" label-position="left" size="medium">
                <el-form-item label="字段名">
                    <el-input maxlength="30" v-model.trim="Name" :readonly="Id>0" v-validate="{data:Name,dataType:'field',nullMsg:'请填写字段名'}"></el-input>
                    <span class="help-block">字段只能用英文字符，数字组成，且必须字母开头</span>
                </el-form-item>

                <el-form-item label="字段备注">
                    <el-input maxlength="30" v-model.trim="Remark" v-validate="{data:Remark,dataType:'*',nullMsg:'请填写字段备注'}"></el-input>
                    <span class="help-block">如：标题，用于标识</span>
                </el-form-item>

                <el-form-item label="表单类型">
                    <el-select v-model="FieldType" v-validate="{data:FieldType,dataType:'*',nullMsg:'请选择表单类型'}">
                        <el-option value="text" label="文本输入框" v-show="(Id==0) || (Id>0 && ['colorpicker','datepicker','zdy','empty','text','password','number','slider','select','radio','checkbox','cascader'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="password" label="密码输入框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','password','number'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="number" label="数字输入框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','password','number','slider'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="slider" label="数字范围滑块" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','password','number','slider'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="colorpicker" label="颜色选择器" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','colorpicker','select','radio','checkbox'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="datepicker" label="日期选择器" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','password','datepicker','datetimepicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="radio" label="单选框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','number','slider','select','radio','checkbox','cascader','datapicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="checkbox" label="复选框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','select','radio','checkbox','cascader','datapicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="select" label="下拉框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','number','slider','cascader','select','checkbox','radio','datapicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="cascader" label="级联选择框" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','select','radio','checkbox','cascader','datapicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="datapicker" label="数据选择器(弹窗选择)" v-show="(Id==0) || (Id>0 && ['zdy','empty','text','select','radio','checkbox','cascader','datapicker'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="textarea" label="多行文本(textarea)" v-show="(Id==0) || (Id>0 && ['zdy','empty','textarea','editor'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="editor" label="编辑器" v-show="(Id==0) || (Id>0 && ['zdy','empty','textarea','editor'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="image" label="图片" v-show="(Id==0) || (Id>0 && ['empty','image','file'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="images" label="图片组" v-show="(Id==0) || (Id>0 && ['empty','files','images'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="file" label="附件" v-show="(Id==0) || (Id>0 && ['empty','image','file'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="files" label="附件组" v-show="(Id==0) || (Id>0 && ['empty','files','images'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="subtable" label="附属表(子表)" v-show="(Id==0) || (Id>0 && ['empty','subtable'].indexOf(FieldType)>=0)"></el-option>
                        <el-option value="zdy" label="自定义内容"></el-option>
                        <el-option value="empty" label="空表单(不展现前端界面)"></el-option>
                    </el-select>
                    <span class="help-block">
                    <span v-if="FieldType=='subtable'">附属表类型会创建一个新的附属表</span>
                    <span v-else-if="['textarea'].indexOf(FieldType)>=0">可添加autosize属性使高度能够根据内容自动调整，如 :autosize="{ minRows: 2, maxRows: 4}"</span>
                    <span v-else-if="['number','slider'].indexOf(FieldType)>=0">可添加:min和:max属性控制取值范围格式，如:min="1" :max="100",更多属性参考相关表单组件使用教程</span>
                    <span v-else-if="['datepicker'].indexOf(FieldType)>=0">可添加自定义type属性控制格式，如type="date"只能设置日期，更多属性参考相关表单组件使用教程</span>
                    <span v-else>部分表单组件，可通过自定义属性>自定义标签属性进行扩展</span>
                    </span>
                </el-form-item>

                <el-form-item label="数据类型" v-show="['images','files','subtable'].indexOf(FieldType)<0" >