数据包追溯

pages/qc/dataTrace/index.vue

 <template>
-  <div class="content">
+<div class="content">
     <!-- 搜索+按钮 -->
     <div class="title_box mb10">
         <div class="table_title">
-        <Input
-          search
-          enter-button
-          style="width:300px;"
-          v-model="orderSearchForm.SimpleSearch"
-          placeholder="请输入查询条件"
-          @on-search="tableSearch"
-        ></Input>
+            <Input search enter-button style="width:300px;" v-model="orderSearchForm.SimpleSearch" placeholder="请输入查询条件" @on-search="tableSearch"></Input>
         </div>
         <Button type="primary" class="title_btn" @click="searchModel">高级查询</Button>
     </div>
     <div class="tableBox mb10" :style="{height:tbHeight}">
-      <div class="table">
+        <div>
             <div v-if="listTask.length==0" class="wu_data">暂无数据</div>
             <Row :gutter="16" :style="{width:rowWidth}">
-          <Col span="6" v-for="(item,index) in listTask" :key="index">
+                <Col :span="6" v-for="(item,index) in listTask" :key="index">
                 <Card class="card">
                     <h3 slot="title">
                         订单编号：{{item.mesCode}}
@@ -44,20 +37,7 @@
             <h3>暂无数据</h3>
         </div>
     </div>
-    <Page
-      class="mr10 fr"
-      id="pageComent"
-      show-total
-      size="small"
-      show-elevator
-      show-sizer
-      :total="search.total"
-      :current="search.pageIndex"
-      :page-size="search.pageSize"
-      :page-size-opts="showPagesize"
-      @on-change="pageChange"
-      @on-page-size-change="pageSizeChange"
-    />
+    <Page class="mr10 fr" id="pageComent" show-total size="small" show-elevator show-sizer :total="search.total" :current="search.pageIndex" :page-size="search.pageSize" :page-size-opts="showPagesize" @on-change="pageChange" @on-page-size-change="pageSizeChange" />
     <!-- 高级搜索弹框 -->
     <Modal v-model="showModel" title="高级搜索" :width="800" :mask-closable="false">
         <Form :model="orderSearchForm" ref="orderSearchForm" :label-width="100" inline>
@@ -65,23 +45,14 @@
                 <Col span="12">
                 <FormItem label="产品名称" style="width:100%">
                     <Select v-model="orderSearchForm.productName" placeholder="请选择" style="width:240px;">
-                <Option
-                  v-for="(item,index) in list"
-                  :key="index"
-                  :value="item.value"
-                  style="display:none"
-                >{{item.label}}</Option>
+                        <Option v-for="(item,index) in list" :key="index" :value="item.value" style="display:none">{{item.label}}</Option>
                         <Tree key="mytree" :data="data1" ref="mytree" :render="renderContent"></Tree>
                     </Select>
                 </FormItem>
                 </Col>
                 <Col span="12">
                 <FormItem label="状态" style="width:100%">
-              <dictionary
-                code="plan.order.status"
-                v-model="orderSearchForm.status"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.status" v-model="orderSearchForm.status" style="width:240px"></dictionary>
                     <Input v-model="orderSearchForm.productId" style="width:240px" v-if="false" />
                 </FormItem>
                 </Col>
@@ -89,20 +60,12 @@
             <Row>
                 <Col span="12">
                 <FormItem label="工艺编号" style="width:100%">
-              <Input
-                v-model="orderSearchForm.processcode"
-                placeholder="请输入工艺编号"
-                style="width: 240px"
-              />
+                    <Input v-model="orderSearchForm.processcode" placeholder="请输入工艺编号" style="width: 240px" />
                 </FormItem>
                 </Col>
                 <Col span="12">
                 <FormItem label="工艺名称" style="width:100%">
-              <Input
-                v-model="orderSearchForm.processname"
-                placeholder="请输入工艺名称"
-                style="width: 240px"
-              />
+                    <Input v-model="orderSearchForm.processname" placeholder="请输入工艺名称" style="width: 240px" />
                 </FormItem>
                 </Col>
             </Row>
@@ -122,41 +85,25 @@
             <Row>
                 <Col span="12">
                 <FormItem label="紧急程度" style="width:100%">
-              <dictionary
-                code="plan.order.urgencyLevel"
-                v-model="orderSearchForm.urgencyLevel"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.urgencyLevel" v-model="orderSearchForm.urgencyLevel" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
 
                 <Col span="12">
                 <FormItem label="任务类型" style="width:100%">
-              <dictionary
-                code="plan.order.taskType"
-                v-model="orderSearchForm.taskType"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.taskType" v-model="orderSearchForm.taskType" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
             </Row>
             <Row>
                 <Col span="12">
                 <FormItem label="阶段" style="width:100%">
-              <dictionary
-                code="plan.order.stage"
-                v-model="orderSearchForm.stage"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.stage" v-model="orderSearchForm.stage" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
                 <Col span="12">
                 <FormItem label="材料" style="width:100%">
-              <dictionary
-                code="plan.order.material"
-                v-model="orderSearchForm.materialId"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.material" v-model="orderSearchForm.materialId" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
             </Row>
@@ -168,11 +115,7 @@
                 </Col>
                 <Col span="12">
                 <FormItem label="甲方客户" style="width:100%">
-              <dictionary
-                code="plan.order.guestName"
-                v-model="orderSearchForm.guestName"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.guestName" v-model="orderSearchForm.guestName" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
             </Row>
@@ -184,11 +127,7 @@
                 </Col>
                 <Col span="12">
                 <FormItem label="厂内责任主体部门" style="width:100%">
-              <dictionary
-                code="plan.order.mainDepartment"
-                v-model="orderSearchForm.mainDepartmentId"
-                style="width:240px"
-              ></dictionary>
+                    <dictionary code="plan.order.mainDepartment" v-model="orderSearchForm.mainDepartmentId" style="width:240px"></dictionary>
                 </FormItem>
                 </Col>
             </Row>
@@ -207,11 +146,7 @@
             <Row>
                 <Col span="12">
                 <FormItem label="甲方技术输入文件(编号)" style="width:100%">
-              <Input
-                v-model="orderSearchForm.technologyDocmentCode"
-                placeholder
-                style="width:240px"
-              />
+                    <Input v-model="orderSearchForm.technologyDocmentCode" placeholder style="width:240px" />
                 </FormItem>
                 </Col>
                 <Col span="12">
@@ -246,14 +181,20 @@
             <Button @click="reviewOk" type="primary" style="margin-left:10px;">确定</Button>
         </div>
     </Modal>
-  </div>
+</div>
 </template>
+
 <script>
 import service from "@/plugins/request";
 import reviewCount from "./components/reviewCount.vue";
 export default {
-  components: { reviewCount },
-  async fetch({ store, params }) {
+    components: {
+        reviewCount
+    },
+    async fetch({
+        store,
+        params
+    }) {
         await store.dispatch("loadDictionary"); // 加载数据字典
     },
     data() {
@@ -264,7 +205,7 @@ export default {
                 total: 0, //总数
                 conditions: []
             },
-      rowWidth:'',
+            rowWidth: '',
             showPagesize: [20, 50, 100],
             showModel: false,
             list: [],
@@ -277,7 +218,7 @@ export default {
             orderSearchForm: {
                 //高级搜索字段内容
                 MaxResultCount: 20,
-        SkipCount: 1,
+                SkipCount: 0,
                 SimpleSearch: "", //搜索框内容
                 productId: null, //产品id
                 productName: "", //产品名称
@@ -315,7 +256,10 @@ export default {
         this.laode();
         this.tbHeight = window.innerHeight - 208 + "px";
     },
-  async fetch({ store, params }) {
+    async fetch({
+        store,
+        params
+    }) {
         await store.dispatch("loadDictionary"); // 加载数据字典
     },
     methods: {
@@ -325,7 +269,7 @@ export default {
             service
                 .post(`${url}`, {
                     MaxResultCount: 20,
-          SkipCount: 1
+                    SkipCount: 0
                 })
                 .then(res => {
                     // console.log(res)
@@ -382,7 +326,7 @@ export default {
                 .then(res => {
                     this.listTask = res.result.items;
                     this.search.total = res.result.totalCount;
-          if(this.listTask.length<4){
+                    if (this.listTask.length < 4) {
                         this.rowWidth = "100%"
                     }
                 });
@@ -393,14 +337,19 @@ export default {
         async openDetails(lemData) {
             this.$router.push({
                 name: "qcimplement",
-        params: { transmitData: lemData }
+                params: {
+                    transmitData: lemData
+                }
             });
         },
-    renderContent(h, { root, node, data }) {
+        renderContent(h, {
+            root,
+            node,
+            data
+        }) {
             //渲染树的样式
             return h(
-        "span",
-        {
+                "span", {
                     style: {
                         color: data.isProduct != "1" ? "#249E91" : "#333", //根据选中状态设置样式
                         cursor: "pointer"
@@ -421,7 +370,10 @@ export default {
                 this.selectdata = [];
                 this.selectdata = data;
                 this.list = [];
-        this.list.push({ label: data[0].title, value: data[0].id });
+                this.list.push({
+                    label: data[0].title,
+                    value: data[0].id
+                });
                 if (data[0].isProduct == "1") {
                     this.orderSearchForm.productName = data[0].id;
                     this.orderSearchForm.productId = data[0].productId;
@@ -474,22 +426,27 @@ export default {
     }
 };
 </script>
+
 <style scoped>
 #pageComent .ivu-select-dropdown {
     top: 0 !important;
     bottom: 36px;
 }
+
 ul,
 li {
     list-style: none;
 }
+
 .table_title {
     width: 320px;
     float: left;
 }
+
 .title_btn {
     margin-top: 1px;
 }
+
 .tableBox {
     /* height: 582px; 笔记本高度*/
     /* height: 778px; */
@@ -497,31 +454,38 @@ li {
     overflow-y: scroll;
     overflow-x: hidden;
 }
+
 .table {
     margin: 10px 0 0 0;
     display: -webkit-flex;
     display: flex;
     flex-wrap: wrap;
 }
+
 .no_data {
     height: 800px;
     text-align: center;
     line-height: 800px;
 }
-.card{
+
+.card {
     margin: 10px 0 10px 20px;
 }
+
 .wu_data {
     margin: 200px auto;
     font-size: 18px;
 }
-.card_line{
+
+.card_line {
     height: 30px;
     line-height: 30px;
 }
+
 .footer01 {
     text-align: center;
 }
+
 .footer_btn {
     border-top: 1px solid #ccc;
     display: block;