工作283:抽离出新页面优化

最新推荐文章于 2023-08-14 10:46:07 发布

前端小歌谣

最新推荐文章于 2023-08-14 10:46:07 发布

阅读量230

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # 歌谣--前端学习--前端日常工作

本文链接：https://blog.csdn.net/weixin_43392489/article/details/111695664

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <!--绑定了一个 控制是否为全屏fullscreen close-on-click-modal	是否通过点击model进行关闭 visible是否显示弹出框 close关闭按钮 -->
  <el-dialog @open="open" :title="fullTitle" width="80%" :fullscreen="false" :close-on-click-modal="false" :visible.sync="dialogFormVisible"
             @close="close">
    <!--关闭按钮 调用混用里面得close方法-->
    <!--通过绑定显示对应数值 model为表单数据对象 label-width表单数据大小 form绑定得表单信息-->
    <el-form ref="form" :rules="rules" :model="form" size="medium" :label-width="formLabelWidth" v-loading="loading">
      <!--定义订单信息-->
      <!--订单信息部分-->
      <!--shddow 设置阴影设置时机-->
      <el-card header="订单信息" shadow="hover">
        <el-col :span="12">
          <el-form-item prop="order.name" label="订单名称" >
            {
  
  {form.order.name}}
          <!--  <el-input   v-model="" :disabled="viewMode"/>-->
          </el-form-item>
        </el-col>
        <el-col  :span="12">
          <el-form-item prop="order.client" label="客户名称">
            {
  
  {form.order.client}}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item  prop="order.order_number" label="订单编号">
            {
  
  {form.order.order_number}}
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item  prop="order.business_module" label="业务单元" :label-width="formLabelWidth">
            <!--注意用户的返回值-->
            {
  
  {form.order.business_module}}
          </el-form-item>
          <!--		<el-form-item label="业务单元">
                <el-input v-model="form.order.business_module" :disabled="viewMode"/>
              </el-form-item>-->
        </el-col>
        <!--el-col来修饰布局-->
        <el-col :span="12">
          <el-form-item prop="