界面调整

龚焕茏

2024-03-15 de2f2613ffd98786bc7252a35ceb6a4d165849ef

 src/views/trafficAccident/index.vue

@@ -72,16 +72,16 @@
      />
    </el-card>
    <!-- 添加或修改交通事故对话框 -->
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
      <el-form ref="trafficAccidentFormRef" :model="form" :rules="rules" label-width="80px">
    <el-dialog :title="dialog.title" v-model="dialog.visible" width="400px" append-to-body>
      <el-form ref="trafficAccidentFormRef" :model="form" :inline="true" :rules="rules" label-width="80px">
        <el-form-item label="标题" prop="title">
          <el-input v-model="form.title" placeholder="请输入标题" />
          <el-input class="el-input-width" v-model="form.title" placeholder="请输入标题" />
        </el-form-item>
        <el-form-item label="排序" prop="sequence">
          <el-input v-model="form.sequence" placeholder="请输入排序" />
          <el-input class="el-input-width" v-model="form.sequence" placeholder="请输入排序" />
        </el-form-item>
        <el-form-item label="视频" prop="">
          <el-upload action="#" list-type="picture-card" :auto-upload="false">
          <el-upload action="#" list-type="picture-card" :auto-upload="false" :limit="1">
            <el-icon><Plus /></el-icon>
            <template #file="{ file }">
              <div>
@@ -116,7 +116,7 @@
          </el-dialog>
        </el-form-item>
        <el-form-item label="状态" prop="status">
          <el-select v-model="form.status" placeholder="请选择">
          <el-select class="el-input-width" v-model="form.status" placeholder="请选择">
            <el-option key="1" label="已启用" :value="1" />
            <el-option key="2" label="已禁用" :value="2" />
          </el-select>
@@ -306,3 +306,8 @@
  console.log(file)
}
</script>
<style scoped>
.el-input-width {
  width: 265px;
}
</style>