修改问题管理
This commit is contained in:
范强强
@@ -1,504 +0,0 @@
|
|||||||
<template>
|
|
||||||
<a-spin :spinning="confirmLoading">
|
|
||||||
<a-form-model :model="formInline" v-if="isFormInline" class="formAdd" :rules="rules" ref="ruleForm">
|
|
||||||
<a-row :gutter="24">
|
|
||||||
<div v-for="(item,index) in dataList" :key="index">
|
|
||||||
<a-col :span="12" v-if="item.field_show_type === '1' || item.field_show_type === '11'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-input class="box-input"
|
|
||||||
:disabled="disabled"
|
|
||||||
v-model="formInline[item.db_field_name]"
|
|
||||||
:placeholder="$t('PleaseEnter')+item.db_field_txt"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '2'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-input-number class="box-input"
|
|
||||||
:placeholder="$t('PleaseEnter')+item.db_field_txt"
|
|
||||||
:disabled="disabled"
|
|
||||||
v-model="formInline[item.db_field_name]" :min="1" :max="99999999"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '3'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<j-dict-select-tag class="box-input" v-model="formInline[item.db_field_name]"
|
|
||||||
:disabled="disabled"
|
|
||||||
@input="handleInput(item.db_field_name)"
|
|
||||||
:placeholder="$t('PleaseSelect')+item.db_field_txt"
|
|
||||||
:type="'select'"
|
|
||||||
:triggerChange="false" :dictCode="item.dict_field"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '4'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel-multi" :prop="item.db_field_name">
|
|
||||||
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
|
|
||||||
:disabled="disabled"
|
|
||||||
:placeholder="$t('PleaseSelect')+item.db_field_txt"
|
|
||||||
:type="'select'"
|
|
||||||
:triggerChange="false" :dictCode="item.dict_field"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '5'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-date-picker class="box-input"
|
|
||||||
:placeholder="$t('PleaseSelect')+item.db_field_txt"
|
|
||||||
@change="dateChange(item)"
|
|
||||||
:getCalendarContainer="(trigger) => trigger.parentNode"
|
|
||||||
format="YYYY-MM-DD"
|
|
||||||
v-model="formInline[item.db_field_name]"
|
|
||||||
:disabled="disabled"
|
|
||||||
style="width: 100%"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '6'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-range-picker class="box-input" v-model="formInline[item.db_field_name]"
|
|
||||||
:placeholder="$t('PleaseSelect')+item.db_field_txt"
|
|
||||||
:disabled="disabled"
|
|
||||||
@change="onChange(item.db_field_name)"></a-range-picker>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '7'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-button type="primary" class="button-text"
|
|
||||||
@click="clickButtonToUpload(item.db_field_name)">
|
|
||||||
{{ (formInline[item.db_field_name] === 'null' || formInline[item.db_field_name] === '' ||
|
|
||||||
formInline[item.db_field_name] == null) ? $t('clickUpload') : $t('viewUploadedFiles')
|
|
||||||
}}
|
|
||||||
</a-button>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="24" v-else-if="item.field_show_type === '8'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-textarea
|
|
||||||
:placeholder="$t('PleaseEnter')+item.db_field_txt"
|
|
||||||
:disabled="disabled"
|
|
||||||
v-model="formInline[item.db_field_name]" :rows="4"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="24" v-else-if="item.field_show_type === '9'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<PersonnelSelection :query="item"
|
|
||||||
:disabled="disabled"
|
|
||||||
v-model="formInline[item.db_field_name]"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="24" v-else-if="item.field_show_type === '10'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<StandardSelection :query="item"
|
|
||||||
:disabled="disabled"
|
|
||||||
v-model="formInline[item.db_field_name]"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === 'RADIO'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<j-dict-select-tag v-model="formInline[item.db_field_name]"
|
|
||||||
:disabled="disabled"
|
|
||||||
@input="handleInput(item.db_field_name)"
|
|
||||||
:placeholder="$t('selectStatus')"
|
|
||||||
:type="'radio'" :triggerChange="false" :dictCode="item.dict_field"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === '0'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel" :prop="item.db_field_name">
|
|
||||||
<a-tree-select
|
|
||||||
tree-node-filter-prop="title"
|
|
||||||
v-model="formInline[item.db_field_name]"
|
|
||||||
:maxTagCount="1"
|
|
||||||
style="width: 100%"
|
|
||||||
:getPopupContainer="triggerNode=> triggerNode.parentNode"
|
|
||||||
:tree-data="item.tree"
|
|
||||||
tree-checkable
|
|
||||||
:placeholder="$t('PleaseSelect')+item.db_field_txt"
|
|
||||||
/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
|
|
||||||
<a-col :span="12" v-else-if="item.field_show_type === 'CHECKBOX'">
|
|
||||||
<div class="box-title-text">
|
|
||||||
<div class="title-text">
|
|
||||||
<span class="Required" v-if="item.field_must_input == 0">*</span>
|
|
||||||
<span class="title-text-text" :title="item.db_field_txt">{{item.db_field_txt}}</span>
|
|
||||||
</div>
|
|
||||||
<a-form-model-item class="itemModel-multi" :prop="item.db_field_name">
|
|
||||||
<j-multi-select-tag class="box-input" v-model="formInline[item.db_field_name]"
|
|
||||||
:disabled="disabled"
|
|
||||||
:placeholder="$t('selectStatus')" :type="'checkbox'"
|
|
||||||
:triggerChange="false" :dictCode="item.dict_field"/>
|
|
||||||
</a-form-model-item>
|
|
||||||
</div>
|
|
||||||
</a-col>
|
|
||||||
</div>
|
|
||||||
</a-row>
|
|
||||||
<uploadFile ref="uploadFile" :disabled="disabled" @uploadSuccess="uploadSuccess"></uploadFile>
|
|
||||||
</a-form-model>
|
|
||||||
</a-spin>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import uploadFile from '@/components/uploadFile/file'
|
|
||||||
import StandardSelection from '@/components/Standardselection/index'
|
|
||||||
import PersonnelSelection from '@/components/PersonnelSelection/index'
|
|
||||||
import { getAction, postAction } from '@/api/manage'
|
|
||||||
import eventBUs from '../../common/event'
|
|
||||||
import moment from 'moment'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'index',
|
|
||||||
components: {
|
|
||||||
uploadFile,
|
|
||||||
StandardSelection,
|
|
||||||
PersonnelSelection
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
url: {
|
|
||||||
type: Object,
|
|
||||||
default: {}
|
|
||||||
},
|
|
||||||
flag: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
disabled: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
formInline: {},
|
|
||||||
isFormInline: false,
|
|
||||||
rules: {},
|
|
||||||
labelCol: {
|
|
||||||
xs: { span: 24 },
|
|
||||||
sm: { span: 6 }
|
|
||||||
},
|
|
||||||
wrapperCol: {
|
|
||||||
xs: { span: 24 },
|
|
||||||
sm: { span: 17 }
|
|
||||||
},
|
|
||||||
dataList: [],
|
|
||||||
ruleList: [],
|
|
||||||
validatorRules: {},
|
|
||||||
confirmLoading: false,
|
|
||||||
uploadName: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.getForm()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
sumber() {
|
|
||||||
this.$refs.ruleForm.validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
let url = ''
|
|
||||||
if (this.formInline.id) {
|
|
||||||
url = this.url.updateInfo
|
|
||||||
} else {
|
|
||||||
url = this.url.addInfo
|
|
||||||
}
|
|
||||||
postAction(url, this.formInline).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.$message.success(this.$t('OperationSuccessful'))
|
|
||||||
eventBUs.$emit('searchReset')
|
|
||||||
this.$emit('addFormClick')
|
|
||||||
} else {
|
|
||||||
this.$message.warning(this.$t('operationFailed'))
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
clickButtonToUpload(current) {
|
|
||||||
this.$refs.uploadFile.visible = true
|
|
||||||
this.uploadName = current
|
|
||||||
},
|
|
||||||
/** 上传文件的回调 */
|
|
||||||
uploadSuccess(data) {
|
|
||||||
let attIdList = []
|
|
||||||
data.map(item => {
|
|
||||||
attIdList.push(item.id || data.name)
|
|
||||||
})
|
|
||||||
/** 赋值给当前对应的表单文件 */
|
|
||||||
this.formInline[this.uploadName] = attIdList.join(',')
|
|
||||||
this.formInline = { ...this.formInline }
|
|
||||||
},
|
|
||||||
handleInput(value) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.formInline = { ...this.formInline }
|
|
||||||
this.$refs.ruleForm.validateField([value])
|
|
||||||
})
|
|
||||||
},
|
|
||||||
IntegrateData() {
|
|
||||||
this.isFormInline = false
|
|
||||||
let rules = {}
|
|
||||||
this.ruleList.forEach((res, index) => {
|
|
||||||
const rule = []
|
|
||||||
if (res.field_must_input == 0) {
|
|
||||||
if (res.field_show_type === '1') {
|
|
||||||
rule.push({
|
|
||||||
required: true,
|
|
||||||
message: res.db_field_txt + this.$t('cannotEmpty'),
|
|
||||||
trigger: 'blur'
|
|
||||||
})
|
|
||||||
} else if (res.field_show_type === '4' || res.field_show_type === '6' ||
|
|
||||||
res.field_show_type === '5' || res.field_show_type === '7'
|
|
||||||
) {
|
|
||||||
rule.push({
|
|
||||||
required: true,
|
|
||||||
message: res.db_field_txt + this.$t('cannotEmpty'),
|
|
||||||
trigger: 'change'
|
|
||||||
})
|
|
||||||
} else if (res.field_show_type === '2') {
|
|
||||||
rule.push({
|
|
||||||
required: true,
|
|
||||||
message: res.db_field_txt + this.$t('cannotEmpty'),
|
|
||||||
trigger: 'blur'
|
|
||||||
})
|
|
||||||
} else if (res.field_show_type === '8' || res.field_show_type === '9' || res.field_show_type === '10') {
|
|
||||||
rule.push({
|
|
||||||
required: true,
|
|
||||||
message: res.db_field_txt + this.$t('cannotEmpty'),
|
|
||||||
trigger: 'blur'
|
|
||||||
})
|
|
||||||
} else if (res.field_show_type === '3') {
|
|
||||||
rule.push({
|
|
||||||
required: true,
|
|
||||||
message: res.db_field_txt + this.$t('cannotEmpty'),
|
|
||||||
trigger: 'change'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (res.field_show_type === '1' || res.field_show_type === '2' ||
|
|
||||||
res.field_show_type === '8' || res.field_show_type === '9' || res.field_show_type === '10'
|
|
||||||
|| res.field_show_type === '11'){
|
|
||||||
rule.push({
|
|
||||||
max: res.db_length,
|
|
||||||
message: res.db_field_txt+'不能超出'+res.db_length+'个字符',
|
|
||||||
trigger: 'blur'
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (rule.length > 0) {
|
|
||||||
rules[res.db_field_name] = rule
|
|
||||||
}
|
|
||||||
})
|
|
||||||
this.$set(this, 'rules', rules)
|
|
||||||
this.isFormInline = true
|
|
||||||
this.confirmLoading = false
|
|
||||||
},
|
|
||||||
getForm() {
|
|
||||||
this.confirmLoading = true
|
|
||||||
let params = {
|
|
||||||
flag: this.flag
|
|
||||||
}
|
|
||||||
getAction(this.url.getAddForm, params).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.dataList = res.result
|
|
||||||
this.ruleList = res.result
|
|
||||||
this.IntegrateData()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
dateChange(item) {
|
|
||||||
this.formInline[item.db_field_name] = moment(this.formInline[item.db_field_name]).format('YYYY-MM-DD')
|
|
||||||
},
|
|
||||||
onChange(item) {
|
|
||||||
let dateOne = moment(this.formInline[item][0]).format('YYYY-MM-DD')
|
|
||||||
let dateTwo = moment(this.formInline[item][1]).format('YYYY-MM-DD')
|
|
||||||
this.formInline[item] = [dateOne, dateTwo]
|
|
||||||
},
|
|
||||||
edit(item) {
|
|
||||||
getAction(this.url.getDocumentInfo, { id: item.id }).then((res) => {
|
|
||||||
if (res.success) {
|
|
||||||
this.formInline = res.result[0]
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
add() {
|
|
||||||
this.formInline = {}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style>
|
|
||||||
.formAdd .ant-form-item-label {
|
|
||||||
width: 130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formAdd .ant-form-item-control-wrapper {
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.itemModel .ant-form-item-control-wrapper {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-select-selection--single {
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-select-selection--multiple {
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-select-selection__rendered {
|
|
||||||
line-height: 38px;
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
|
|
||||||
margin-top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-calendar-picker {
|
|
||||||
line-height: 38px;
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-calendar-picker-input {
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input .ant-input-number-input-wrap {
|
|
||||||
line-height: 38px;
|
|
||||||
height: 38px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style scoped>
|
|
||||||
.box-title-text {
|
|
||||||
line-height: 1.4;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-text {
|
|
||||||
width: 114px;
|
|
||||||
text-align: right;
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: 500;
|
|
||||||
font-size: 14px;
|
|
||||||
margin-right: 16px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
height: 42px;
|
|
||||||
line-height: 42px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box-input {
|
|
||||||
display: inline-block;
|
|
||||||
height: 38px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.itemModel {
|
|
||||||
width: calc(100% - 130px);
|
|
||||||
display: inline-block;
|
|
||||||
margin-top: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.Required {
|
|
||||||
color: red;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title-text-text {
|
|
||||||
margin-top: 9px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.formAdd {
|
|
||||||
margin-bottom: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-text {
|
|
||||||
height: 38px;
|
|
||||||
width: calc(100% - 120px);
|
|
||||||
line-height: 38px;
|
|
||||||
background: #fff;
|
|
||||||
border: 1px #00B3BE solid;
|
|
||||||
color: #00B3BE;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,88 +0,0 @@
|
|||||||
<template>
|
|
||||||
<a-card :bordered="false">
|
|
||||||
<div class="table-page-search-wrapper">
|
|
||||||
<search :flag="'1'" :url="url" :searchList="searchList"/>
|
|
||||||
</div>
|
|
||||||
<div class="table-operator">
|
|
||||||
<a-button @click="handleCompare()" type="primary" icon="plus">{{$t('DataComparison')}}</a-button>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<tableData
|
|
||||||
:flag="'1'"
|
|
||||||
:OperationList="OperationList"
|
|
||||||
@editTable="editTable"
|
|
||||||
@deleteTable="deleteTable"
|
|
||||||
:url="url"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<addForm ref="addFormClick"/>
|
|
||||||
</a-card>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import search from '@/components/search/index'
|
|
||||||
import tableData from '@/components/tableDate/index'
|
|
||||||
import { JeroListMixin } from '@/mixins/JeroListMixin'
|
|
||||||
import addForm from './modules/addForm'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'index',
|
|
||||||
// mixins: [JeroListMixin],
|
|
||||||
components: {
|
|
||||||
search,
|
|
||||||
addForm,
|
|
||||||
tableData
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
searchList: [
|
|
||||||
{ name: '名称', placeholder: '请输入姓名', attrModel: 'name', enName: 'title' },
|
|
||||||
{ name: '标题', placeholder: '请输入标题', attrModel: 'title', enName: 'title' }
|
|
||||||
],
|
|
||||||
OperationList: [
|
|
||||||
{
|
|
||||||
text: '编辑',
|
|
||||||
ClickEvent: 'editTable'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '删除',
|
|
||||||
ClickEvent: 'deleteTable'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '收藏',
|
|
||||||
ClickEvent: 'Collection'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: '订阅',
|
|
||||||
ClickEvent: 'subscribe'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
selectedRowKeys: [],
|
|
||||||
loading: false,
|
|
||||||
url:{
|
|
||||||
tableHeader:'document/bussDocumentLibraryEO/getHeader',
|
|
||||||
seachList:'document/bussDocumentLibraryEO/queryCondition',
|
|
||||||
tableList:'/document/bussDocumentLibraryEO/queryPageInfo',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
onSelectChange() {
|
|
||||||
|
|
||||||
},
|
|
||||||
handleCompare() {
|
|
||||||
this.$refs.addFormClick.add()
|
|
||||||
},
|
|
||||||
editTable(item) {
|
|
||||||
console.log(item)
|
|
||||||
},
|
|
||||||
deleteTable(){
|
|
||||||
console.log(3)
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
@@ -1,74 +0,0 @@
|
|||||||
<template>
|
|
||||||
<a-drawer
|
|
||||||
:title="title"
|
|
||||||
:maskClosable="true"
|
|
||||||
:width="drawerWidth"
|
|
||||||
placement="right"
|
|
||||||
:closable="true"
|
|
||||||
@close="handleCancel"
|
|
||||||
:visible="visible"
|
|
||||||
style="height: 100%;overflow: auto;padding-bottom: 53px;">
|
|
||||||
<addFormData
|
|
||||||
ref="addFormDataRef"
|
|
||||||
isDisplayType
|
|
||||||
v-if="visible"
|
|
||||||
:url="url"
|
|
||||||
/>
|
|
||||||
<div class="drawer-bootom-button">
|
|
||||||
<a-popconfirm :title="$t('AreYouWantDiscardEditing')" @confirm="handleCancel" :okText="$t('determine')"
|
|
||||||
:cancelText="$t('cancel')">
|
|
||||||
<a-button style="margin-right: 8px">{{$t('cancel')}}</a-button>
|
|
||||||
</a-popconfirm>
|
|
||||||
<a-button @click="handleSubmit" type="primary" :loading="confirmLoading">{{$t('submit')}}</a-button>
|
|
||||||
</div>
|
|
||||||
</a-drawer>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import addFormData from '@/components/addForm/index'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'addForm',
|
|
||||||
components: {
|
|
||||||
addFormData
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
title: '添加',
|
|
||||||
drawerWidth: 1000,
|
|
||||||
visible: false,
|
|
||||||
confirmLoading: false,
|
|
||||||
url: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
handleCancel() {
|
|
||||||
this.visible = false
|
|
||||||
},
|
|
||||||
add() {
|
|
||||||
this.visible = true
|
|
||||||
},
|
|
||||||
edit() {
|
|
||||||
this.visible = true
|
|
||||||
},
|
|
||||||
handleSubmit() {
|
|
||||||
this.$refs.addFormDataRef.sumber()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.drawer-bootom-button {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
z-index:100;
|
|
||||||
width: 100%;
|
|
||||||
border-top: 1px solid #e8e8e8;
|
|
||||||
padding: 10px 16px;
|
|
||||||
text-align: right;
|
|
||||||
left: 0;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 0 0 2px 2px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="header">
|
|
||||||
<van-nav-bar
|
|
||||||
title="标题"
|
|
||||||
left-text="返回"
|
|
||||||
right-text="按钮"
|
|
||||||
left-arrow
|
|
||||||
@click-left="onClickLeft"
|
|
||||||
@click-right="onClickRight"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: 'header',
|
|
||||||
methods:{
|
|
||||||
onClickLeft(){
|
|
||||||
|
|
||||||
},
|
|
||||||
onClickRight(){
|
|
||||||
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user