feige
2024-02-24 13b0e307e62aa5f0479b8e640a7e1fc7623dbd59
ruoyi-ui/src/views/travel/index.vue
@@ -5,7 +5,7 @@
      <el-form-item label="时间" prop="startTime" >
        <el-date-picker
          v-model="dateRange"
          style="width: 200px;
          style="width: 240px;
                   height: 35px;
                   border-radius: 16px 16px 16px 16px;
                   opacity: 0.5;"
@@ -108,7 +108,9 @@
              <el-table-column label="住宿费" prop="stay" sortable width="100px" />
              <el-table-column label="交通" prop="travel" sortable width="70px" />
              <el-table-column label="门票" prop="entrance" sortable width="70px" />
<!--              <el-table-column label="购物" prop="shopping" sortable width="70px" />-->
             <el-table-column label="其它费用" prop="otherCost" sortable width="120px" />
          <el-table-column label="备注" prop="backInfo" sortable width="120px" />
              <el-table-column label="电子文件" prop="url" width="160" >
                <template slot-scope="scope" >
                  <img
@@ -170,6 +172,7 @@
      <el-table-column label="旅游名称" prop="name" sortable width="200px" />
      <el-table-column label="去向" prop="destination" sortable width="150px" />
      <el-table-column label="旅游性质" prop="property" sortable width="100" />
          <el-table-column label="感言" prop="spee" sortable width="120px" />
      <el-table-column label="旅游方式" prop="manner" sortable width="100" />
      <el-table-column label="总金额" prop="totalPrice" sortable width="100" />
      <el-table-column label="餐费" prop="eatTotal" sortable width="70px" />
@@ -177,6 +180,7 @@
      <el-table-column label="交通" prop="travelTotal" sortable width="70px" />
      <el-table-column label="门票" prop="entranceTotal" sortable width="70px" />
      <el-table-column label="团费" prop="groupTotal" sortable width="70px" />
      <el-table-column  label="操作" align="center" sortable width="180" >
@@ -277,13 +281,15 @@
          </el-input>
        </el-form-item>
        <el-form-item label="起始时间" prop="startTime">
          <el-date-picker v-model="formDat.startTime" type="date" placeholder="请选择日期"
                          :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
          ></el-date-picker>   </el-form-item>
        <el-form-item label="结束时间" prop="endTime">
          <el-date-picker v-model="formDat.endTime" type="date" placeholder="请选择日期"
                          :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
          ></el-date-picker></el-form-item>
          <el-date-picker v-model="formDat4.startTime" type="date" placeholder="请选择日期"
                         value-format="yyyy-MM-dd" :style="{width: '100%'}"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="结束时间1" prop="endTime">
          <el-date-picker v-model="formDat4.endTime" type="date" placeholder="请选择日期"
                          :style="{width: '100%'}"  value-format="yyyy-MM-dd"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="去向" prop="destination">
          <el-input  v-model="formDat4.destination" placeholder="请输入去向" style="width: 80%;"></el-input>
@@ -302,7 +308,10 @@
          <el-input  v-model="formDat4.manner" placeholder="请输入旅游方式" style="width: 80%;"></el-input>
        </el-form-item>
        <el-form-item label="感言" prop="spee">
          <textarea type="textarea" v-model="formDat4.spee" placeholder="请输入旅游感言" style="width: 80%;"></textarea>
        </el-form-item>
      </el-form>
      <h4 class="form-header"> </h4>
@@ -333,8 +342,8 @@
          <el-input v-model="formDat.travelMode" placeholder="请输入出行方式" clearable :style="{width: '100%'}" >
          </el-input>
        </el-form-item>
        <el-form-item label="持证旅游" prop="certificate">
          <el-select v-model="formDat.certificate" placeholder="请选择证件" clearable :style="{width: '80%'}" >
        <el-form-item label="持证旅游" prop="document">
          <el-select v-model="formDat.document" placeholder="请选择证件" clearable :style="{width: '80%'}" >
            <el-option label="居民身份证" value="居民身份证"></el-option>
            <el-option label="临时身份证" value="临时身份证"></el-option>
            <el-option label="户口本" value="户口本"></el-option>
@@ -346,6 +355,12 @@
        <el-form-item label="车次/航班" prop="flight">
          <el-input v-model="formDat.flight" placeholder="请输入车次/航班" clearable :style="{width: '100%'}" ></el-input>
        </el-form-item>
      <el-form-item label="其它费用" prop="otherCost">
        <el-input v-model="formDat.otherCost" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>
      </el-form-item>
      <el-form-item label="备注" prop="backInfo">
        <el-input v-model="formDat.backInfo" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>
      </el-form-item>
<!--        <el-form-item label="备注" prop="remark">-->
<!--          <el-input v-model="formDat.remark" placeholder="请输入备注" clearable :style="{width: '100%'}" ></el-input>-->
<!--        </el-form-item>-->
@@ -506,7 +521,10 @@
      // 日期范围
      dateRange: [],
      // 数据范围选项
      fot:[".jpg",".jif"],
   // 数据范围选项
   fot:['.bmp','.jpg','.jpeg','.png','.tif','.gif','.pcx','.tga','.exif','.fpx',
     '.svg','.psd','.cdr','.pcd','.dxf','.ufo','.eps','.ai','.aw','.WMF','.webp','.apng'],
      fileList:[
      ],
      fileListOther:[
@@ -520,12 +538,14 @@
        happenTime: undefined,
        title: undefined,
        travelPeriod:undefined,
        certificate: undefined,
        document: undefined,
        totalPrice: undefined,
        self: undefined,
        remark: undefined,
        groupTotal:undefined,
        url: undefined,
      otherCost: undefined,
      backInfo: undefined
      },
      formDat1: {
        eat: undefined,
@@ -550,6 +570,7 @@
        property:undefined,
        name: undefined,
        destination: undefined,
      spee: undefined
      },
      // 菜单列表
      menuOptions: [],
@@ -656,7 +677,7 @@
        destination: [{
          required: true,
          message: '请选择去向',
          trigger: 'change'
          trigger: 'blur'
        }],
        property: [{
          required: true,
@@ -665,13 +686,14 @@
        }],
        startTime: [{
          required: true,
          type: "string",
          message: '请选择日期',
          trigger: 'change'
          trigger: 'blur'
        }],
        endTime: [{
          required: true,
          message: '请选择日期',
          trigger: 'change'
          trigger: 'blur'
        }],
        name: [{
          required: true,
@@ -748,7 +770,7 @@
      listTravelPrice(this.queryParams).then(response => {
        this.travelpriceList = response.data.data;
      console.log(this.travelpriceList)
        this.total = response.data.total;
        this.loading = false;
@@ -1078,4 +1100,10 @@
  background-color: #EBAFB4 /* 更改为你想要的背景颜色 */
  /* color: #FFF; 更改为你想要的文字颜色 */
}
.el-table__cell {
  font-size: 14px; /* 设置字体大小 */
}
.button-container {
  display: inline-flex; /* 设置按钮容器为行内元素 */
}
</style>