Browse Source

优化

master
陈裕财 2 years ago
parent
commit
a5d47b378c
  1. 3
      src/views/mdp/form/formField/Field.vue
  2. 26
      src/views/mdp/form/formField/Index.vue

3
src/views/mdp/form/formField/Field.vue

@ -15,6 +15,7 @@
</el-row>
<el-form-item slot="reference" v-else class="form-field" :label="field.fieldTitle" :prop="field.fieldIdCamel" :rules="[{ required: field.isRequired=='1', message: '该项必填', trigger: 'change' }]">
<div v-if="field.qx=='nr'"></div>
<!--用户-->
<mdp-select-user v-else-if=" field.extFieldType=='user'" :show-style="field.showStyle" :disabled="field.qx=='r'" :multiple="field.isMultiple=='1'" v-model="showData[field.fieldIdCamel]" :label="field.fieldTitle" :placeholder="field.placeholder" split=",">
</mdp-select-user>
@ -72,7 +73,7 @@
<mdp-date :show-style="field.showStyle" :disabled="field.qx=='r'" v-else-if="field.fieldType=='year'" v-model="showData[field.fieldIdCamel]" type="month" value-format="yyyy" format="yyyy" placeholder="选择年"></mdp-date>
<mdp-date-range :show-style="field.showStyle" :disabled="field.qx=='r'" v-else-if="field.fieldType=='daterange'" :value="showData[field.fieldIdCamel]?showData[field.fieldIdCamel].split(','):[]" align="right" type="daterange" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择日期" :picker-options="pickerOptions"
@change="(vs)=>showData[field.fieldIdCamel]=vs.join(',')"
> </mdp-date-range>
> </mdp-date-range>
</el-form-item>
<el-row v-if="sample">
<el-button v-if=" !parentField || parentField.extFieldType!='row'" type="warning" icon="el-icon-edit" circle @click="showPopover=!showPopover"></el-button>

26
src/views/mdp/form/formField/Index.vue

@ -40,15 +40,23 @@
</el-col>
<el-col :span="8">
<el-form :model="addForm" label-width="100px" v-adaptive style="width:100%;height:100px;overflow:auto" :rules="addFormRules" ref="inputAddForm">
<el-row>
<draggable id="af" class="dragArea" :options="{group:{ name:'g1', pull:'clone'}, animation:150}" v-model="sampleFields" :move="onMove">
<el-col v-for="(item,index) in sampleFields" :key="index" :span="calcSpan(item)">
<mdp-field :gutter="0" :span="24" :value="item" :sample="true"></mdp-field>
</el-col>
</draggable>
</el-row>
<el-form-item label="字段来源" title="该组件能够快速初始化一系列已定义的列">
<el-row type="flex">
<el-button type="primary" title="自动读取表格的列作为该表单的字段">数据库表</el-button>
<el-button type="success" title="ai输出了表格列信息,黏贴到此组件即可以解析出列信息作为该表单字段">AI输出</el-button>
<el-button type="warning" title="api输出的结果如果是json,可以根据第一条数据结果解析出字段编码,手动加上中文注释即可">API输出</el-button>
<el-button type="primary" title="自动读取数据字典中的下拉列表作为该表单的字段信息">数据字典</el-button>
</el-row>
</el-form-item>
<el-row>
<draggable id="af" class="dragArea" :options="{group:{ name:'g1', pull:'clone'}, animation:150}" v-model="sampleFields" :move="onMove">
<el-col v-for="(item,index) in sampleFields" :key="index" :span="calcSpan(item)">
<mdp-field :gutter="0" :span="24" :value="item" :sample="true"></mdp-field>
</el-col>
</draggable>
</el-row>
</el-form>
</el-col>

Loading…
Cancel
Save