登录页面修改

zhangxiaoxu123

2023-05-05 f51896f6358a60ab83456358446ac48085b48298

 src/views/your/addOil-manage/addOilManage.vue

@@ -8,15 +8,14 @@
    <Card>
      <Row class="operation">
        <Button @click="addOil" type="primary" icon="md-add">添加加油记录</Button>
        <Button @click="delAll" icon="md-trash">批量删除</Button>
        <Button @click="init" icon="md-refresh">刷新</Button>
        <Button type="dashed" @click="openTip = !openTip">{{
          openTip ? "关闭提示" : "开启提示"
          }}</Button>
        <Input
                v-model="searchForm.carNo"
                v-model="searchForm2.carNo"
                suffix="ios-search"
                @on-change="getDataList"
                @on-change="getDataList2"
                placeholder="输入车牌号搜索"
                clearable
                style="width: 250px"
@@ -66,29 +65,54 @@
              :label-width="80"
              :rules="addOilFormValidate"
      >
        <FormItem label="车辆" prop="carId">
            <Select v-model="addOilForm.carId" filterable>
              <Option v-for="item in carList" :value="item.id">{{ item.carNo }}</Option>
            </Select>
        </FormItem>
        <Form-item label="加油日期" prop="addDate">
          <Row>
            <Col span="11">
        <Row :gutter="0">
          <Col span="12">
            <FormItem label="车辆" prop="carId">
              <Select v-model="addOilForm.carId" filterable>
                <Option v-for="item in carList" :value="item.id">{{ item.carNo }}</Option>
              </Select>
            </FormItem>
          </Col>
          <Col span="12">
            <Form-item label="加油日期" prop="addDate">
              <Date-picker @on-change="change1" type="date" value="yyyy-MM-dd" placeholder="选择日期" v-model="addOilForm.addDate"></Date-picker>
            </Col>
          </Row>
        </Form-item>
        <FormItem label="加油量" prop="amount">
          <Input v-model="addOilForm.amount" type="number"/>
        </FormItem>
        <FormItem label="单价" prop="unitPrice">
          <Input v-model="addOilForm.unitPrice" type="number"/>
        </FormItem>
        <FormItem label="加油金额" prop="money">
          <Input v-model="addOilForm.money" type="number"/>
        </FormItem>
        <FormItem label="加油时里程" prop="mileage">
          <Input v-model="addOilForm.mileage" type="number"/>
            </Form-item>
          </Col>
        </Row>
        <Row :gutter="0">
          <Col span="12">
            <FormItem label="加油量" prop="amount">
              <Input v-model="addOilForm.amount" type="number">
                <span slot="append">升</span>
              </Input>
            </FormItem>
          </Col>
          <Col span="12">
            <FormItem label="单价" prop="unitPrice">
              <Input v-model="addOilForm.unitPrice" type="number">
                <span slot="append">元</span>
              </Input>
            </FormItem>
          </Col>
        </Row>
        <Row :gutter="0">
          <Col span="12">
            <FormItem label="加油金额" prop="money">
              <Input v-model="addOilForm.money" type="number">
                <span slot="append">元</span>
              </Input>
            </FormItem>
          </Col>
          <Col span="12">
            <FormItem label="里程" prop="mileage">
              <Input v-model="addOilForm.mileage" type="number">
                <span slot="append">公里</span>
              </Input>
            </FormItem>
          </Col>
        </Row>
        <FormItem label="加油卡号" prop="addOilCode">
          <Input v-model="addOilForm.addOilCode" />
        </FormItem>
        <FormItem label="备注" prop="remarks">
          <Input v-model="addOilForm.remarks" />
@@ -231,6 +255,14 @@
          order: "desc", // 默认排序方式
          key: "",
        },
        searchForm2: {
          // 搜索框初始化对象
          pageNumber: 1, // 当前页数
          pageSize: 10, // 页面大小
          sort: "createTime", // 默认排序字段
          order: "desc", // 默认排序方式
          key: "",
        },
        addOilForm: {
          status : 0
        },
@@ -258,13 +290,18 @@
          {
            title: "车牌号",
            key: "carNo",
            width: 100,
            width: 120,
            sortable: true,
          },
          {
            title: "加油卡号",
            key: "addOilCode",
            width: 140,
          },
          {
            title: "加油日期",
            key: "addDate",
            width: 150,
            width: 120,
            sortable: true,
          },
          {
@@ -282,19 +319,22 @@
          {
            title: "加油金额",
            key: "money",
            minWidth: 100,
            minWidth: 120,
            sortable: true,
          },
          {
            title: "加油时里程",
            key: "mileage",
            minWidth: 100,
            minWidth: 130,
            sortable: true,
          },
          {
            title: "备注",
            key: "remarks",
            minWidth: 150,
            width: 150,
            render: (h, params) => {
              return h("div",params.row.remarks=="undefined" ? '':params.row.remarks);
            }
          },
          {
            title: "操作",
@@ -304,15 +344,15 @@
            render: (h, params) => {
              return h("div", [
                h(
                        "a",
                        {
                          on: {
                            click: () => {
                              this.edit(params.row);
                            },
                          },
                        },
                        "编辑"
                  "a",
                  {
                    on: {
                      click: () => {
                        this.edit(params.row);
                      },
                    },
                  },
                  "编辑"
                ),
                h("Divider", {
                  props: {
@@ -421,6 +461,16 @@
      getDataList() {
        this.loading = true;
        getAddOilList(this.searchForm).then((res) => {
          this.loading = false;
          if (res.success) {
            this.data = res.result.records;
            this.total = res.result.total;
          }
        });
      },
      getDataList2() {
        this.loading = true;
        getAddOilList(this.searchForm2).then((res) => {
          this.loading = false;
          if (res.success) {
            this.data = res.result.records;
@@ -846,4 +896,4 @@
      this.init();
    },
  };
</script>
</script>