|
|
@@ -7,130 +7,160 @@
|
|
|
{{name}}
|
|
|
<el-button size="small" type="primary" plain style="position: absolute;top:0;right: 10px" @click="cancle">返回</el-button>
|
|
|
</div>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="200rem" style="padding-left:300rem;margin-top:50rem">
|
|
|
- <el-form-item label="公路(桥梁或汽渡)名称" prop="name">
|
|
|
- <el-input v-model="form.name" placeholder="请输入名称" style="width:300rem"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="桥梁长度及净宽" prop="bridgeHeightWidth">
|
|
|
- <el-input v-model="form.bridgeHeightWidth" placeholder="请输入桥梁长度及净宽" style="width:300rem"/>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="公路技术等级" prop="level">
|
|
|
- <el-input v-model="form.level" placeholder="请输入公路等级" style="width:300rem"/>
|
|
|
- </el-form-item>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="施工路段" prop="section">
|
|
|
- <el-select
|
|
|
-
|
|
|
- v-model="form.section"
|
|
|
- placeholder="请选择路段"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- style="width: 300rem"
|
|
|
- >
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.road"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.value"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
-<!-- <el-input v-model="form.section" placeholder="请输入施工路段" style="width:300rem"/>-->
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="方向" prop="direction">
|
|
|
- <el-select v-model="form.direction" placeholder="请选择方向" clearable size="small">
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.sys_direction"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="开始公里桩" prop="startKm">
|
|
|
- <el-input v-model="form.startKm" placeholder="请输入开始公里桩" style="width:300rem">
|
|
|
- <template slot="prepend">K</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="" prop="startHectometer">
|
|
|
- <el-input v-model="form.startHectometer" placeholder="请输入开始米桩" style="width:300rem">
|
|
|
- <template slot="prepend">+</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="结束公里桩" prop="endKm">
|
|
|
- <el-input v-model="form.endKm" placeholder="请输入结束公里桩" style="width:300rem">
|
|
|
- <template slot="prepend">K</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="" prop="endHectometer">
|
|
|
- <el-input v-model="form.endHectometer" placeholder="请输入结束米桩" style="width:300rem">
|
|
|
- <template slot="prepend">+</template>
|
|
|
- </el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="施工内容一" prop="contentOne">
|
|
|
- <el-select v-model="form.contentOne" placeholder="请选择方向" clearable size="small" style="width:300rem">
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.content_one"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="施工内容二" prop="contentTwo">
|
|
|
- <el-input v-if='form.contentOne != 2' v-model="form.contentTwo" placeholder="请输入施工内容二" style="width:300rem"/>
|
|
|
- <el-select v-if='form.contentOne == 2' v-model="form.contentTwo" placeholder="请选择方向" clearable size="small" style="width:300rem">
|
|
|
- <el-option
|
|
|
- v-for="dict in dict.type.content_two"
|
|
|
- :key="dict.value"
|
|
|
- :label="dict.label"
|
|
|
- :value="dict.value"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="7">
|
|
|
- <el-form-item label="预计开始时间" prop="startTime" >
|
|
|
- <!-- <el-date-picker clearable
|
|
|
- v-model="form.startTime"
|
|
|
- type="date"
|
|
|
- value-format="yyyy-MM-dd"
|
|
|
- placeholder="请选择预计开始时间">
|
|
|
- </el-date-picker> -->
|
|
|
- <el-date-picker
|
|
|
- style="width:300rem"
|
|
|
- v-model="form.startTime"
|
|
|
- type="datetime"
|
|
|
- placeholder="选择日期时间">
|
|
|
- </el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="预计结束时间" prop="endTime">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="200rem" style="padding-left:100rem;padding-right:300rem;margin-top:50rem">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="公路(桥梁或汽渡)名称" prop="name" required>
|
|
|
+ <el-input v-model="form.name" placeholder="请输入名称" style="width:300rem"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="桥梁长度及净宽" prop="bridgeHeightWidth" required>
|
|
|
+ <el-input v-model="form.bridgeHeightWidth" placeholder="请输入桥梁长度及净宽" style="width:300rem"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="施工路段" prop="section" required>
|
|
|
+ <el-select
|
|
|
+
|
|
|
+ v-model="form.section"
|
|
|
+ placeholder="请选择路段"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 300rem"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.road"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.value"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model="form.section" placeholder="请输入施工路段" style="width:300rem"/>-->
|
|
|
+ </el-form-item >
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12"> <el-form-item label="公路技术等级" required prop="level">
|
|
|
+ <el-input v-model="form.level" placeholder="请输入公路等级" style="width:300rem"/>
|
|
|
+ </el-form-item></el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="路段方向" prop="direction" required>
|
|
|
+ <el-select v-model="form.direction" placeholder="请选择方向" clearable size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.sys_direction"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <div>
|
|
|
+ <el-row >
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="开始公里桩" prop="startKm" required>
|
|
|
+ <el-input v-model="form.startKm" placeholder="请输入开始公里桩" style="width:300rem">
|
|
|
+ <template slot="prepend">K</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="" prop="startHectometer" >
|
|
|
+ <el-input v-model="form.startHectometer" placeholder="请输入开始米桩" style="width:300rem">
|
|
|
+ <template slot="prepend">+</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="施工单位" prop="dept">
|
|
|
+ <el-input v-model="form.dept" placeholder="请输入施工单位" style="width:300rem"/>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-row >
|
|
|
+ <el-col :span="7">
|
|
|
+ <el-form-item label="结束公里桩" prop="endKm" required>
|
|
|
+ <el-input v-model="form.endKm" placeholder="请输入结束公里桩" style="width:300rem">
|
|
|
+ <template slot="prepend">K</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="" prop="endHectometer">
|
|
|
+ <el-input v-model="form.endHectometer" placeholder="请输入结束米桩" style="width:300rem">
|
|
|
+ <template slot="prepend">+</template>
|
|
|
+ </el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="施工内容一" prop="contentOne" required>
|
|
|
+ <el-select v-model="form.contentOne" placeholder="请选择方向" clearable size="small" style="width:300rem">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.content_one"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="预计开始时间" prop="startTime" required>
|
|
|
+ <!-- <el-date-picker clearable
|
|
|
+ v-model="form.startTime"
|
|
|
+ type="date"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ placeholder="请选择预计开始时间">
|
|
|
+ </el-date-picker> -->
|
|
|
+ <el-date-picker
|
|
|
+ style="width:300rem"
|
|
|
+ v-model="form.startTime"
|
|
|
+ type="datetime"
|
|
|
+ placeholder="选择日期时间">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="施工内容二" prop="contentTwo" required>
|
|
|
+ <el-input v-if='form.contentOne != 2' v-model="form.contentTwo" placeholder="请输入施工内容二" style="width:300rem"/>
|
|
|
+ <el-select v-if='form.contentOne == 2' v-model="form.contentTwo" placeholder="请选择方向" clearable size="small" style="width:300rem">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in dict.type.content_two"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.label"
|
|
|
+ :value="dict.value"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="12" required>
|
|
|
+
|
|
|
+ <el-form-item label="预计结束时间" prop="endTime" required>
|
|
|
<el-date-picker clearable
|
|
|
style="width:300rem"
|
|
|
v-model="form.endTime"
|
|
|
@@ -138,41 +168,49 @@
|
|
|
placeholder="请选择预计结束时间">
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <el-col :span="24" >
|
|
|
+ <el-form-item label="批准手续" prop="fileUrl">
|
|
|
+ <div>
|
|
|
+ <el-upload
|
|
|
+ class="upload-demo"
|
|
|
+ accept=".pdf"
|
|
|
+ :action="uploadUrl"
|
|
|
+ :headers="uploadHeaders"
|
|
|
+ :on-preview="handlePreview"
|
|
|
+ :on-change="handleFileChange"
|
|
|
+ :on-remove="handleFileRemove"
|
|
|
+ :before-remove="beforeRemove"
|
|
|
+ :show-file-list="true"
|
|
|
+ :file-list="fileList"
|
|
|
+ >
|
|
|
+ <div style="text-align:left;">
|
|
|
+ <el-button size="small" type="primary" plain>+点击上传</el-button>
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </el-form-item>
|
|
|
|
|
|
|
|
|
+ </el-col>
|
|
|
|
|
|
- <el-form-item label="施工单位" prop="dept">
|
|
|
- <el-input v-model="form.dept" placeholder="请输入施工单位" style="width:300rem"/>
|
|
|
- </el-form-item>
|
|
|
<!-- <el-form-item label="录入人" prop="creatUser">
|
|
|
<el-input v-model="form.creatUser" placeholder="请输入录入人" />
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item label="批准手续" prop="fileUrl">
|
|
|
- <el-upload
|
|
|
- class="upload-demo"
|
|
|
- accept=".pdf"
|
|
|
- :action="uploadUrl"
|
|
|
- :headers="uploadHeaders"
|
|
|
- :on-preview="handlePreview"
|
|
|
- :on-change="handleFileChange"
|
|
|
- :on-remove="handleFileRemove"
|
|
|
- :before-remove="beforeRemove"
|
|
|
- :show-file-list="true"
|
|
|
- :file-list="fileList"
|
|
|
- >
|
|
|
- <div style="text-align:left;">
|
|
|
- <el-button size="small" type="primary" plain>+点击上传</el-button>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ </el-row>
|
|
|
</el-form>
|
|
|
|
|
|
|
|
|
<div style="text-align:center;margin-top:100rem">
|
|
|
- <el-button size="mini" @click="submitForm">保存</el-button>
|
|
|
+ <el-button size="mini" type="primary" @click="submitForm">保存</el-button>
|
|
|
<el-button size="mini" @click="cancle">取消</el-button>
|
|
|
</div>
|
|
|
</div>
|