tsg-app/pages/orderFeedback/zl.vue

152 lines
3.0 KiB
Vue

<template>
<view>
<div class="row">
<text class="lf"><text :style="{color:'red'}">*</text>调度令编号:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.serial"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf"><text :style="{color:'red'}">*</text>调度令年度:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.year"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf"><text :style="{color:'red'}">*</text>执行单位:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.executeOrgName"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf"><text :style="{color:'red'}">*</text>调度类型:</text>
<div class="rf">
<u--input
border="surround"
v-model="myType[record.dispatchType]"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf">抄送单位:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.forwardOrgName"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf"><text :style="{color:'red'}">*</text>计划执行时间:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.startTm"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf">计划结束时间:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.endTm"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf">指令内容:</text>
<div class="rf">
<u--textarea
v-model="record.content"
:disabled='true'
height=200
></u--textarea>
</div>
</div>
<div class="row">
<text class="lf">指令日期:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.createTm"
:disabled='true'
></u--input>
</div>
</div>
<div class="row">
<text class="lf">指令发起人:</text>
<div class="rf">
<u--input
border="surround"
v-model="record.createUserName"
:disabled='true'
></u--input>
</div>
</div>
<div :style="{height:'100px'}"></div>
</view>
</template>
<script>
import moment from 'moment'
const myType = {
0:'水库调洪',
1:'人员转移'
}
export default {
props:{
record:{
type: Object,
required: true,
},
},
data() {
return {
myType:myType
};
},
methods: {
tabsChange(item) {
},
},
}
</script>
<style lang="scss" scoped>
.row{
display: flex;
margin-top: 5px;
}
.lf{
width: 35%;
min-height: 40px;
text-align: right;
line-height: 38px;
padding-right: 10px;
}
.rf{
width: 65%;
min-height: 40px;
padding-right: 20px;
padding-top: 1px;
}
</style>