提交

zhouwx

2024-08-13 0daf7e406663eb3a99c2122773f5c3297b8c1253

 src/views/hazardousChemicals/traceableQuery/index.vue

@@ -1,9 +1,41 @@
<template>
  <div>溯源查询</div>
  <div>
    <div style="margin-top:20px;margin-left: 20px">
      <el-form :inline="true" style="display: flex;align-items: center;flex-wrap: wrap;" >
        <el-form-item label="二维码编号：" >
          <el-input v-model="data.form.code" placeholder="请输入二维码编号进行搜索" clearable></el-input>
        </el-form-item>
        <el-form-item >
          <el-button
              type="primary"
              @click="getList"
          >查询</el-button>
        </el-form-item>
      </el-form>
      <div v-if="data.form.code !=''">

      </div>
      <el-empty description="暂无数据" style="margin-top: 10%" v-else></el-empty>
    </div>
  </div>

</template>
<script setup>
import {reactive} from "vue";

const data = reactive({
  queryParams: {
    name: '',
    productSn: ''
  },
  form: {
    code: ''
  },
  dataList: []
});
const getList = () => {

}
</script>

<style scoped lang="scss">