feat: 添加设备台账页面

曹睿

6 天以前 eb1bbfb7e6f3a1895b606d1a9a261928ac841f33

 src/views/salesManagement/invoiceRegistration/index.vue

@@ -12,12 +12,6 @@
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item label="未开票金额是否为0">
          <el-select v-model="searchForm.status" style="width: 90px" clearable>
            <el-option label="否" :value="0" />
            <el-option label="是" :value="1" />
          </el-select>
        </el-form-item>
        <el-form-item label="客户合同号">
          <el-input
            v-model="searchForm.customerContractNo"
@@ -33,15 +27,25 @@
          />
        </el-form-item>
        <el-form-item>
          <el-checkbox
            v-model="searchForm.status"
            label="不显示未开票金额为0"
            @change="handleQuery"
          />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="handleQuery"> 搜索 </el-button>
          <el-button @click="resetForm"> 重置 </el-button>
        </el-form-item>
      </el-form>
    </div>
    <div class="table_list">
      <el-button type="primary" @click="openForm" style="margin-bottom: 8px">
        新增登记
      </el-button>
      <div class="flex justify-between">
        <div></div>
        <el-button type="primary" @click="openForm" style="margin-bottom: 8px">
          新增登记
        </el-button>
      </div>
      <el-table
        :data="tableData"
        :border="true"
@@ -212,6 +216,48 @@
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="录入人">
              <el-input v-model="form.createUer" placeholder="请输入录入人" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="开票日期" prop="issueDate">
              <el-date-picker
                style="width: 100%"
                v-model="form.issueDate"
                type="date"
                placeholder="请选择"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="录入日期：" prop="createTime">
              <el-date-picker
                style="width: 100%"
                v-model="form.createTime"
                type="date"
                placeholder="请选择"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="30">
          <el-col :span="12">
            <el-form-item label="发票号码：" prop="invoiceNo">
              <el-input
                v-model="form.invoiceNo"
                placeholder="请输入"
                clearable
              />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-form-item label="产品信息：" prop="entryDate"> </el-form-item>
        </el-row>
@@ -295,6 +341,7 @@
                min="0"
                disabled
                v-model="scope.row.noInvoiceAmount"
                :formatter="formattedInputNumber"
                :precision="2"
                :step="0.01"
              ></el-input>
@@ -314,7 +361,7 @@

<script setup>
import pagination from "@/components/PIMTable/Pagination.vue";
import { ref } from "vue";
import { onMounted, ref } from "vue";
import { Search } from "@element-plus/icons-vue";
import { ElMessageBox } from "element-plus";
// import {userListNoPage} from "@/api/system/user.js";
@@ -342,9 +389,12 @@
const data = reactive({
  searchForm: {
    customerName: "",
    status: 0,
    status: false,
    customerContractNo: undefined, // 客户合同号
    projectName: undefined, // 项目名称
    createUer: undefined, // 录入人
    issueDate: undefined, // 开票日期
    createTime: undefined, // 录入日期：
  },
  form: {
    salesLedgerId: "",
@@ -370,6 +420,11 @@
    return cellValue;
  }
};

const formattedInputNumber = (value) => {
  return parseFloat(value).toFixed(2);
};

// 查询列表
/** 搜索按钮操作 */
const handleQuery = () => {
@@ -537,11 +592,22 @@
  ).toFixed(2);
};

getList();
onMounted(() => {
  getList();
});
</script>

<style scoped lang="scss">
.table_list {
  margin-top: unset;
}
.flex {
  display: flex;
}
.justify-between {
  justify-content: space-between;
}
::v-deep(.el-checkbox__label) {
  font-weight: bold;
}
</style>