台账详情 封装初始组件

src/views/reportQuery/test/columns.js

@@ -161,7 +161,7 @@ const columns = [
 ]
 
 //采购单号——详情
-const cgdList =  [
+const cgd_detail2 =  [
   {
     prop: "cgdNo",
     label: "采购单编号",
@@ -257,5 +257,5 @@ const cgdList =  [
 export {
   schTahead,
   columns,
-  cgdList,
+  cgd_detail2,
 }

src/views/reportQuery/test/components/detail2.vue

@@ -0,0 +1,172 @@
+<template>
+  <div>
+    <show-data-table
+      :newTime="newTime"
+      v-if="newTime !== ''"
+      :sitem="sitem"
+      :columns="columns"
+    >
+      <template slot="supplier_name">
+        <span>{{ sitem.supplier_name }}</span>
+        <el-popover placement="top" width="300" trigger="hover">
+          <ul>
+            <li>
+              <span>销售方公司编号：</span><span>{{ sitem.supplierNo }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+      </template>
+      <template slot="company">
+        <span>{{ sitem.company }}</span>
+        <el-popover placement="top" width="300" trigger="hover">
+          <ul>
+            <li>
+              <span>购买方公司编号：</span><span>{{ sitem.companyNo }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+      </template>
+
+      <template slot="status">
+        <el-tag
+          :size="'mini'"
+          :type="sitem.status == '0' ? 'warning' : ''"
+          v-text="
+            (statusOptions.find((item) => item.value == sitem.status) || {})
+              .label || '--'
+          "
+        ></el-tag>
+      </template>
+      <template slot="order_type">
+        <el-tag
+          :size="'mini'"
+          v-text="
+            (
+              cg_order_type_options.find(
+                (item) => item.id == sitem.order_type
+              ) || {}
+            ).label || '--'
+          "
+        ></el-tag>
+        <el-popover
+          placement="top"
+          width="300"
+          v-if="sitem.order_type === '1'"
+          trigger="hover"
+        >
+          <ul>
+            <li>
+              <span>备库单编号：</span><span>{{ sitem.bkcode }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+        <el-popover
+          placement="top"
+          width="300"
+          v-if="sitem.order_type !== '1'"
+          trigger="hover"
+        >
+          <ul>
+            <li>
+              <span>订单编号：</span><span>{{ sitem.orderCode }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+      </template>
+
+      <template slot="wsm">
+        <span>{{ sitem.wsm_supplier }}/{{ sitem.wsm_name }}</span>
+        <el-popover placement="top" width="300" trigger="hover">
+          <ul>
+            <li>
+              <span>仓库公司编号：</span><span>{{ sitem.wsm_supplierNo }}</span>
+            </li>
+            <li>
+              <span>仓库名称编号：</span><span>{{ sitem.wsm_code }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+      </template>
+
+      <template slot="gold_price">
+        <div
+          v-if="
+            sitem.status == '0' &&
+            sitem.can[0].id == '6' &&
+            cost_detailArr.is_gold_price == '1'
+          "
+        >
+          {{ sitem.gold_price }}
+        </div>
+        <div v-else>----</div>
+      </template>
+      <template slot="customer">
+        <span>{{ sitem.customer.companyName }}</span>
+        <el-popover
+          placement="top"
+          width="300"
+          trigger="hover"
+          v-if="sitem.order_type != 1"
+        >
+          <ul>
+            <li>
+              <span>客户编号：</span><span>{{ sitem.customer.companyNo }}</span>
+            </li>
+          </ul>
+          <i class="el-icon-warning-outline fr" slot="reference"></i>
+        </el-popover>
+      </template>
+
+      <template slot="addr_info">
+        <el-table
+          :data="sitem.addr_info"
+          :size="'mini'"
+          border
+          stripe
+          style="width: 100%"
+        >
+          <el-table-column
+            prop="contactor"
+            label="收货人"
+            show-overflow-tooltip
+          >
+          </el-table-column>
+          <el-table-column prop="mobile" label="联系电话" show-overflow-tooltip>
+          </el-table-column>
+          <el-table-column
+            prop="addr_code"
+            label="收货地址"
+            show-overflow-tooltip
+            min-width="180px"
+          >
+          </el-table-column>
+
+          <el-table-column
+            prop="receipt_quantity"
+            label="发货数量"
+            show-overflow-tooltip
+            min-width="180px"
+          >
+          </el-table-column>
+        </el-table>
+      </template>
+    </show-data-table>
+  </div>
+</template>
+
+<script>
+export default {
+  props: ["newTime", "sitem", "columns"],
+  data() {
+    return {};
+  },
+};
+</script>
+
+<style>
+</style>

src/views/reportQuery/test/detail.vue

@@ -29,192 +29,14 @@
               >
               </editPrice>
             </el-collapse-item> -->
-            <!-- <el-collapse-item title="采购单信息" name="2">
-              <show-data-table
+            <el-collapse-item title="采购单信息" name="2">
+              <!-- <detail2
                 :newTime="newTime"
-                v-if="newTime !== ''"
-                :sitem="sitem"
-                :columns="cgdList"
+                :sitem="本条数据"
+                :columns="cgd_detail2"
               >
-                <template slot="supplier_name">
-                  <span>{{ sitem.supplier_name }}</span>
-                  <el-popover placement="top" width="300" trigger="hover">
-                    <ul>
-                      <li>
-                        <span>销售方公司编号：</span
-                        ><span>{{ sitem.supplierNo }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                </template>
-                <template slot="company">
-                  <span>{{ sitem.company }}</span>
-                  <el-popover placement="top" width="300" trigger="hover">
-                    <ul>
-                      <li>
-                        <span>购买方公司编号：</span
-                        ><span>{{ sitem.companyNo }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                </template>
-
-                <template slot="status">
-                  <el-tag
-                    :size="'mini'"
-                    :type="sitem.status == '0' ? 'warning' : ''"
-                    v-text="
-                      (
-                        statusOptions.find(
-                          (item) => item.value == sitem.status
-                        ) || {}
-                      ).label || '--'
-                    "
-                  ></el-tag>
-                  <el-tooltip
-                    class="fr"
-                    v-if="
-                      powers.some((item) => item == '089') &&
-                      sitem.status === '0'
-                    "
-                    effect="dark"
-                    content="已于供应商确认"
-                    placement="top"
-                  >
-                    <i
-                      class="el-icon-video-play tb-icon"
-                      @click="statusConfirm()"
-                    ></i>
-                  </el-tooltip>
-                </template>
-                <template slot="order_type">
-                  <el-tag
-                    :size="'mini'"
-                    v-text="
-                      (
-                        cg_order_type_options.find(
-                          (item) => item.id == sitem.order_type
-                        ) || {}
-                      ).label || '--'
-                    "
-                  ></el-tag>
-                  <el-popover
-                    placement="top"
-                    width="300"
-                    v-if="sitem.order_type === '1'"
-                    trigger="hover"
-                  >
-                    <ul>
-                      <li>
-                        <span>备库单编号：</span><span>{{ sitem.bkcode }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                  <el-popover
-                    placement="top"
-                    width="300"
-                    v-if="sitem.order_type !== '1'"
-                    trigger="hover"
-                  >
-                    <ul>
-                      <li>
-                        <span>订单编号：</span
-                        ><span>{{ sitem.orderCode }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                </template>
-
-                <template slot="wsm">
-                  <span>{{ sitem.wsm_supplier }}/{{ sitem.wsm_name }}</span>
-                  <el-popover placement="top" width="300" trigger="hover">
-                    <ul>
-                      <li>
-                        <span>仓库公司编号：</span
-                        ><span>{{ sitem.wsm_supplierNo }}</span>
-                      </li>
-                      <li>
-                        <span>仓库名称编号：</span
-                        ><span>{{ sitem.wsm_code }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                </template>
-
-                <template slot="gold_price">
-                  <div
-                    v-if="
-                      sitem.status == '0' &&
-                      sitem.can[0].id == '6' &&
-                      cost_detailArr.is_gold_price == '1'
-                    "
-                  >
-                    {{ sitem.gold_price }}
-                  </div>
-                  <div v-else>----</div>
-                </template>
-                <template slot="customer">
-                  <span>{{ sitem.customer.companyName }}</span>
-                  <el-popover
-                    placement="top"
-                    width="300"
-                    trigger="hover"
-                    v-if="sitem.order_type != 1"
-                  >
-                    <ul>
-                      <li>
-                        <span>客户编号：</span
-                        ><span>{{ sitem.customer.companyNo }}</span>
-                      </li>
-                    </ul>
-                    <i class="el-icon-warning-outline fr" slot="reference"></i>
-                  </el-popover>
-                </template>
-
-                <template slot="addr_info">
-                  <el-table
-                    :data="sitem.addr_info"
-                    :size="'mini'"
-                    border
-                    stripe
-                    style="width: 100%"
-                  >
-                    <el-table-column
-                      prop="contactor"
-                      label="收货人"
-                      show-overflow-tooltip
-                    >
-                    </el-table-column>
-                     <el-table-column
-                      prop="mobile"
-                      label="联系电话"
-                      show-overflow-tooltip
-                    >
-                    </el-table-column>
-                    <el-table-column
-                      prop="addr_code"
-                      label="收货地址"
-                      show-overflow-tooltip
-                      min-width="180px"
-                    >
-                    </el-table-column>
-
-                    <el-table-column
-                      prop="receipt_quantity"
-                      label="发货数量"
-                      show-overflow-tooltip
-                      min-width="180px"
-                    >
-                    </el-table-column>
-                  </el-table>
-                </template>
-              </show-data-table>
-            </el-collapse-item> -->
+              </detail2> -->
+            </el-collapse-item>
             
           </el-collapse>
   
@@ -226,14 +48,15 @@
 import mixinPage from "@/mixins/elPaginationHandle";
 import resToken from "@/mixins/resToken";
 import asyncRequest from "@/apis/service/reportQuery/saleReport";
-import { cgdList } from "./columns";
+import { cgd_detail2 } from "./columns";
 import { mapGetters } from "vuex";
+import detail2 from "./components/detail2.vue"
 
 export default {
   name: "test",
   mixins: [mixinPage, resToken],
   components: {
-
+    detail2,
   },
 
   computed: {
@@ -257,7 +80,7 @@ export default {
 
 
 
-      cgdList,
+      cgd_detail2,
       // row:this.$router.query.row
     };
   },