|
|
|
|
|
|
|
|
:width="item.width" :show-overflow-tooltip="!item.overflow" /> |
|
|
:width="item.width" :show-overflow-tooltip="!item.overflow" /> |
|
|
|
|
|
|
|
|
<el-table-column :fixed="tableFrom.operateFixed ? 'right' : 'false'" :label="tableFrom.operateTitle" |
|
|
<el-table-column :fixed="tableFrom.operateFixed ? 'right' : 'false'" :label="tableFrom.operateTitle" |
|
|
width="150px"> |
|
|
|
|
|
|
|
|
:width="tableFrom.operateWidth ? tableFrom.operateWidth : '150px'"> |
|
|
<!-- 默认插槽值 --> |
|
|
<!-- 默认插槽值 --> |
|
|
<template #default="scope"> |
|
|
<template #default="scope"> |
|
|
<ud-operation :scope="scope" :data="testData" @handleEdit="handleEdit" @handleDelete="handleDelete"> |
|
|
|
|
|
|
|
|
<ud-operation :scope="scope" :data="testData" :isEdit="tableFrom.operate.edit" |
|
|
|
|
|
:isDelete="tableFrom.operate.delete" @handleEdit="handleEdit" @handleDelete="handleDelete"> |
|
|
</ud-operation> |
|
|
</ud-operation> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<!-- 分页组件 --> |
|
|
<!-- 分页组件 --> |
|
|
<el-pagination :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> |
|
|
|
|
|
|
|
|
<el-pagination v-if="false" :page-size="20" :pager-count="11" layout="prev, pager, next" :total="1000" /> |
|
|
<!-- 对话框 --> |
|
|
<!-- 对话框 --> |
|
|
<el-dialog v-model="dialogFormVisible" :title="`${title}`"> |
|
|
<el-dialog v-model="dialogFormVisible" :title="`${title}`"> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 是否自定义Dialog --> |
|
|
|
|
|
<div v-if="tableFrom.customDialog"> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
<!-- 系统内容 --> |
|
|
<el-form ref="ruleFormRef" :rules="rules" :model="form"> |
|
|
<el-form ref="ruleFormRef" :rules="rules" :model="form"> |
|
|
|
|
|
|
|
|
<el-form-item v-for="(item,index) in tableFrom.field" :label="item.label" :prop="item.prop" |
|
|
<el-form-item v-for="(item,index) in tableFrom.field" :label="item.label" :prop="item.prop" |
|
|
:label-width="formLabelWidth"> |
|
|
:label-width="formLabelWidth"> |
|
|
|
|
|
|
|
|
<!-- 输入框 --> |
|
|
<!-- 输入框 --> |
|
|
<div style="width: 100%;" v-if="item.form.type === 'input'"> |
|
|
<div style="width: 100%;" v-if="item.form.type === 'input'"> |
|
|
<el-input v-model="form[item.prop]" :type="item.itemType" |
|
|
<el-input v-model="form[item.prop]" :type="item.itemType" |
|
|
|
|
|
|
|
|
:value-format="item.form.valueFormat" :type="item.form.itemType" |
|
|
:value-format="item.form.valueFormat" :type="item.form.itemType" |
|
|
:placeholder="item.form.placeholder" /> |
|
|
:placeholder="item.form.placeholder" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
</el-form> |
|
|
</el-form> |
|
|
|
|
|
|
|
|
<template #footer> |
|
|
<template #footer> |
|
|
|
|
|
|
|
|
const rules = reactive(initRules) |
|
|
const rules = reactive(initRules) |
|
|
|
|
|
|
|
|
//搜索条件 |
|
|
//搜索条件 |
|
|
let searchCondition = reactive({ |
|
|
|
|
|
name: '', |
|
|
|
|
|
date: '' |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
let searchCondition = reactive(props.homeData ? props.homeData.search : []) |
|
|
|
|
|
|
|
|
//表单字段 |
|
|
//表单字段 |
|
|
const form = ref(initForm) |
|
|
const form = ref(initForm) |