| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div class="form-header mt"> |
| | | <h4 class="dt h4">旅游费用详细记录 </h4> |
| | | <h4 class="dt h4">旅游记录 </h4> |
| | | |
| | | </div> |
| | | |
| | | <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px"> |
| | | |
| | | <el-form-item label="开始时间" prop="startTime"> |
| | | <el-input v-model="formData.startTime" placeholder="请输入标题" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> |
| | | </el-form-item> |
| | | <el-date-picker v-model="formData.startTime" type="date" placeholder="请选择日期" |
| | | :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd" |
| | | ></el-date-picker></el-form-item> |
| | | |
| | | <el-form-item label="结束时间" prop="endTime"> |
| | | <el-input v-model="formData.endTime" placeholder="请输入人物" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <el-date-picker v-model="formData.endTime" type="date" placeholder="请选择日期" |
| | | :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="旅游名称" prop="name"> |
| | | <el-input v-model="formData.name" placeholder="请输入人物" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="标题" prop="title"> |
| | | <el-input v-model="formData.title" placeholder="请输入人物" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | <el-form-item label="旅游去向" prop="destination"> |
| | | <el-input v-model="formData.destination" placeholder="请输入旅游去向" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="旅游性质" prop="property"> |
| | | <el-input v-model="formData.property" placeholder="请输入旅游性质" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="旅游方式" prop="manner"> |
| | | <el-input v-model="formData.manner" placeholder="请输入旅游方式" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | <el-form-item label="团费" prop="groupTotal"> |
| | | <el-input v-model="formData.groupTotal" placeholder="请输入团费" clearable :style="{width: '100%'}" :disabled="dsb"> |
| | | </el-input> |
| | | </el-form-item> |
| | | |
| | | |
| | | |
| | | <el-form-item size="large"> |
| | |
| | | btn:false, |
| | | isShow:true, |
| | | |
| | | travelpriceList: [], |
| | | |
| | | formData: { |
| | | id: undefined, |
| | | title: undefined, |
| | | name: undefined, |
| | | startTime:undefined, |
| | | endTime:undefined, |
| | | url: undefined, |
| | | destination: undefined, |
| | | property: undefined, |
| | | manner: undefined, |
| | | groupTotal: undefined, |
| | | |
| | | }, |
| | | dialogImageUrl: '', |
| | | dialogVisible: false, |
| | | disabled: false, |
| | | rules: { |
| | | title: [{ |
| | | name: [{ |
| | | required: true, |
| | | message: '请输入大事标题', |
| | | message: '请输入旅游名称', |
| | | trigger: 'blur' |
| | | }], |
| | | familyId: [{ |
| | | destination: [{ |
| | | required: true, |
| | | message: '请输入家庭号', |
| | | message: '请输入去向', |
| | | trigger: 'blur' |
| | | }], |
| | | people: [{ |
| | | property: [{ |
| | | required: true, |
| | | message: '请输入人物', |
| | | message: '请输入旅游性质', |
| | | trigger: 'blur' |
| | | }], |
| | | address: [{ |
| | | manner: [{ |
| | | required: true, |
| | | message: '请输入地点', |
| | | message: '请输入旅游方式', |
| | | trigger: 'blur' |
| | | }], |
| | | remark: [{ |
| | | groupTotal: [{ |
| | | // required: true, |
| | | message: '请输入备注', |
| | | message: '请输入团费', |
| | | trigger: 'blur' |
| | | }], |
| | | startTime: [{ |
| | | required: true, |
| | | message: '请选择时间', |
| | | trigger: 'change' |
| | | }], |
| | | endTime: [{ |
| | | required: true, |
| | | message: '请选择时间', |
| | | trigger: 'change' |
| | | }], |
| | | |
| | | |
| | | }, |
| | | typeOptions: [], |
| | |
| | | this.isShow=true |
| | | document.title = "修改旅行费用详细信息"; |
| | | this.$route.meta.title = "修改旅行费用详细信息";//列表的名称 |
| | | } |
| | | else{ |
| | | document.title = "旅行费用详细信息"; |
| | | this.$route.meta.title = "旅行费用详细信息";//列表的名称 |
| | | this.isShow=true |
| | | } |
| | | |
| | | let _this = this |
| | |
| | | } |
| | | this.loading = false; |
| | | }); |
| | | this.getCateInfor() |
| | | |
| | | |
| | | } |
| | | }, |
| | |
| | | methods: { |
| | | |
| | | submitForm() { |
| | | let ul = this.fileList.map(function (elem){ |
| | | return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }).join(",") |
| | | let uls = this.fileListOther.map(function (elem){ |
| | | return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") |
| | | }).join(",") |
| | | this.formData.url = ul+","+uls |
| | | |
| | | this.$refs['elForm'].validate(valid => { |
| | | |