factory_web/src/views/ofm/vehicleForm.vue

152 lines
5.4 KiB
Vue

<template>
<el-container>
<el-main>
<el-form
:model="addForm"
:rules="rules"
ref="addForm"
label-width="100px"
label-position="left"
>
<el-form-item label="用车事由" prop="reason">
<el-input v-model="addForm.reason" clearable :disabled="mode==='view'"></el-input>
</el-form-item>
<el-form-item label="用车范围" prop="is_city">
<el-select v-model="addForm.is_city" placeholder="请选择" :disabled="mode==='view'">
<el-option
v-for="item in vehicle_scope"
:key="item.is_city"
:label="item.name"
:value="item.is_city"
/>
</el-select>
</el-form-item>
<el-form-item label="出发地点" prop="location">
<el-input v-model="addForm.location" clearable :disabled="mode==='view'"></el-input>
</el-form-item>
<el-form-item label="途经地点" prop="via">
<el-input v-model="addForm.via" clearable :disabled="mode==='view'"></el-input>
</el-form-item>
<el-form-item label="到达地点" prop="destination">
<el-input v-model="addForm.destination" clearable :disabled="mode==='view'"></el-input>
</el-form-item>
<el-form-item label="出发公里数" prop="start_km">
<el-input-number v-model="addForm.start_km" clearable :disabled="mode==='view'"></el-input-number>
</el-form-item>
<el-form-item label="归还公里数" prop="end_km">
<el-input-number v-model="addForm.end_km" clearable></el-input-number>
</el-form-item>
<el-form-item label="出车时间">
<el-date-picker
v-model="addForm.start_time"
type="date"
align="right"
value-format="YYYY-MM-DD"
unlink-panels
placeholder="选择日期"
:disabled="mode==='view'"
>
</el-date-picker>
</el-form-item>
<el-form-item label="还车时间" v-auth="'vehicle.return'">
<el-date-picker
v-model="addForm.end_time"
type="date"
align="right"
value-format="YYYY-MM-DD"
unlink-panels
placeholder="选择日期"
:disabled="mode==='view'"
>
</el-date-picker>
</el-form-item>
</el-form>
<el-footer v-show="mode!=='show'">
<ticketd_b_start
:workflow_key="'vehicle'"
:title="ticketTitle"
:t_id="addForm.id"
:ticket_="addForm.ticket_"
:submit_b_func="submit_b_func"
:ticket_data="ticket_data"
ref="ticketd_b_start"
@success="$emit('success')"
@colsed="$emit('closed')"
/>
<el-button type='primary' @click="$emit('submit')">保存</el-button>
</el-footer>
</el-main>
<el-aside v-if="addForm.ticket_">
<ticketd
:ticket_="addForm.ticket_"
:ticket_data="ticket_data"
@success="$emit('success')"
style="margin-top: 20px;"
/>
</el-aside>
</el-container>
</template>
<script>
import ticketd_b_start from "@/views/wf/ticketd_b_start.vue";
import ticketd from '@/views/wf/ticketd.vue'
export default {
props: {
mode: { type: String, default: "view" }, // add / edit / view
lending_type: { type: String, default: "outer" }, // inner / outer
modelValue: { type: Object, default: () => ({}) },
transitions: { type: Array, default: () => [] },
},
components: {ticketd, ticketd_b_start},
emits: ["update:modelValue", "submit", "cancel"],
data() {
return {
addForm: { ...this.modelValue },
ticketTitle: "用车申请",
ticket_data: {},
rules:{
filename: [{ required: true, message: "请输入文件名称", trigger: "blur" }],
},
workflow_key: "vehicle_in",
vehicle_scope:[{name: '市内', is_city: true},{name: '市外', is_city: false}],
}
},
// mounted() {
// console.log(this.transitions)
// },
watch: {
// 父组件数据变动 -> 同步到本地
modelValue: {
handler(val) {
this.addForm = { ...val };
},
deep: true,
},
// 本地数据变动 -> 同步回父组件
addForm: {
handler(val) {
this.$emit("update:modelValue", val);
},
deep: true,
}
},
methods: {
async submit_b_func() {
let that = this;
if (this.addForm.is_city === true){
that.workflow_key = "vehicle"
}else{
that.workflow_key = "vehicle_out"
}
this.ticketTitle = `${this.addForm.reason}-用车申请`
if(that.mode == "add") {
let res = await that.$API.ofm.vehicle.create.req(that.addForm);
that.addForm.id = res.id;
} else if (that.mode == "edit") {
console.log(that.transitions)
await that.$API.ofm.vehicle.update.req(that.addForm.id, that.addForm);
}
},
},
};
</script>