暂存

src/components/show-pdf-model/index.vue

@@ -1,89 +0,0 @@
-<template>
-  <el-dialog
-    :title="title"
-    :center="true"
-    align="left"
-    top="8vh"
-    width="900px"
-    @close="showModelThis = false"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-    append-to-body
-  >
-    <el-card style="margin-top: -20px" >
-      <pdf 
-        ref="pdf"
-        :src="url"
-      />
-      <!-- v-if="src" <pdf ref="pdf" v-for="i in numPages" :key="i" :src="src" :page="i" /> -->
-    </el-card>
-  </el-dialog>
-</template>
-
-<script>
-import pdf from "vue-pdf";
-export default {
-  name: "showPdfModal",
-  props: ["showModel", "name", "url"],
-  components: {
-    pdf,
-  },
-  data() {
-    return {
-      loading: false,
-      title: "预览",
-      src: "",
-      showModelThis: this.showModel,
-      numPages: null, // pdf 总页数
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-      if (val) {
-        this.initForm();
-      }
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-  },
-  methods: {
-    itemidChange(e) {
-      this.ruleForm.itemid = e;
-      this.$refs.ruleForm.validateField("itemid");
-    },
-    async initForm() {
-      this.loading = true;
-      this.title = "预览" + this.name;
-
-      // this.src = pdf.createLoadingTask(this.url);
-      // this.getNumPages();
-      this.loading = false;
-    },
-    // 计算pdf页码总数
-    async getNumPages() {
-      console.log(this.url);
-      console.log(this.src);
-      this.src.promise
-        .then(async (res) => {
-          console.log(res);
-          // this.numPages = pdf.numPages;
-        })
-        .catch((err) => {
-          console.log(err);
-          // console.error("pdf 加载失败", err);
-        });
-    },
-  },
-};
-</script>
-
-  <style>
-</style>

src/views/sellOut/stockApply/addModel.vue

@@ -1,59 +0,0 @@
-<template>
-  <el-dialog
-    title="新建备货申请"
-    :center="true"
-    align="left"
-    top="15vh"
-    width="600px"
-    @close="showModelThis = false"
-    :close-on-click-modal="false"
-    :visible.sync="showModelThis"
-    v-loading="loading"
-    element-loading-text="拼命加载中"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(0, 0, 0, 0.8)"
-    append-to-body
-  >
-    <el-card style="margin-top: -20px">
-      <add-edit v-if="showModelThis" :id="modelId" @closeModel="closeModel" />
-    </el-card>
-  </el-dialog>
-</template>
-   <script>
-import addEdit from "./components/addEdit.vue";
-export default {
-  name: "stockApplyDetail",
-  props: ["showModel", "id", "isDetail"],
-  components: {
-    addEdit,
-  },
-  data() {
-    return {
-      modelId: "",
-      loading: false,
-      showModelThis: this.showModel,
-    };
-  },
-  watch: {
-    showModel: function (val) {
-      this.showModelThis = val;
-    },
-    showModelThis(val) {
-      if (!val) {
-        this.$emit("cancel");
-      }
-    },
-    id: function () {
-      this.modelId = this.id;
-    },
-  },
-  methods: {
-    closeModel() {
-      this.showModelThis = false;
-      this.$emit("refresh");
-      this.$emit("closeModel");
-    },
-  },
-};
-</script>
-   

src/views/sellOut/stockApply/components/addEdit.vue

@@ -6,12 +6,11 @@
       status-icon
       :size="'mini'"
       ref="ruleForm"
-      label-width="120px"
+      label-width="110px"
       class="demo-ruleForm"
     >
       <el-row>
-      
-        <el-col :span="type === '1' ? 12 : 24">
+        <el-col :span="12">
           <el-form-item label="商品名称" prop="goods_name">
             <el-input
               :disabled="
@@ -28,7 +27,7 @@
           </el-form-item>
         </el-col>
         <!-- 采购数量 -->
-        <el-col :span="type === '1' ? 12 : 24">
+        <el-col :span="12">
           <el-form-item label="采购数量" prop="goods_num">
             <el-input
               :disabled="
@@ -43,7 +42,7 @@
           </el-form-item>
         </el-col>
         <!-- 最晚入库时间 -->
-        <el-col :span="type === '1' ? 12 : 24">
+        <el-col :span="12">
           <el-form-item label="最晚入库时间" prop="last_go_stock">
             <el-date-picker
               v-model="ruleForm.last_go_stock"
@@ -62,7 +61,7 @@
             </el-date-picker>
           </el-form-item>
         </el-col>
-        <el-col :span="type === '1' ? 12 : 24">
+        <el-col :span="12">
           <el-form-item label="附件" prop="file_url">
             <div
               class="file_url"
@@ -93,12 +92,22 @@
                 查看
               </div>
             </div>
-            <!-- <add-edit> -->
           </el-form-item>
         </el-col>
-   
+        <el-col :span="12">
+          <el-form-item label="备注" prop="remark">
+            <el-input
+              type="textarea"
+              :rows="2"
+              placeholder="备注"
+              v-model="remark"
+            >
+            </el-input>
+          </el-form-item>
+        </el-col>
+
         <el-col
-          :span="type === '1' ? 12 : 24"
+          :span="12"
           style="padding: 0 0 15px 0; text-align: right"
         >
           <el-button
@@ -122,12 +131,7 @@
       @searchChange="addGoodsRes"
     />
 
-    <show-pdf-model
-      :show-model="showPDF"
-      :name="PDF_name"
-      :url="PDF_url"
-      @closeModel="showPDF = false"
-    />
+ 
   </div>
 </template>
    <script>
@@ -135,14 +139,13 @@ import resToken from "@/mixins/resToken";
 import asyncRequest from "@/apis/service/sellOut/stockApply";
 import { isnumber } from "@/utils/validate";
 import searchGoodModal from "@/components/search-good-modal";
-// import showPdfModel from "@/components/show-pdf-model";
 export default {
   name: "stockApply",
   props: ["id", "sitem", "newTime", "type"],
   mixins: [resToken],
-  components: { searchGoodModal
-  //, showPdfModel
-   },
+  components: {
+    searchGoodModal,
+  },
   computed: {
     powers() {
       let tran =
@@ -181,14 +184,11 @@ export default {
           return time.getTime() < Date.now();
         },
       },
-      showPDF: false,
-      PDF_name: "",
-      PDF_url: "",
       status: "",
       cat_id: "",
       routerId: "",
       stockCode: "",
-  
+
       showGoodsModel: "",
       loading: false,
       ruleForm: {
@@ -206,7 +206,6 @@ export default {
       },
       rulesThis: this.rules,
       rules: {
-     
         goods_name: [
           {
             required: true,
@@ -235,7 +234,6 @@ export default {
             trigger: "change",
           },
         ],
-       
       },
     };
   },
@@ -252,13 +250,8 @@ export default {
       await this.resetForm();
       this.loading = false;
     },
-    PDFModelShow() {
-      this.PDF_name = this.ruleForm.file_url_name;
-      this.PDF_url = this.ruleForm.file_url;
-      this.showPDF = true;
-      console.log(34567);
-    },
-  
+   
+
     // 执行点击商品名称的抛出事件
     addGoodsRes(e) {
       let { good_code, type_code, good_name } = e[0];
@@ -267,7 +260,7 @@ export default {
       this.ruleForm.good_code = good_code;
       this.$refs.ruleForm.validateField("goods_name");
     },
-   
+
     closeModel() {
       this.$emit("closeModel");
     },
@@ -293,7 +286,6 @@ export default {
               // 缺供应商
             } = this.sitem;
 
-           
             this.ruleForm = {
               id,
               good_code,
@@ -303,7 +295,7 @@ export default {
               last_go_stock: lasttime,
               file_url: file_url || "",
               file_url_name: file_name || "",
-          
+
               status,
             };
           }

src/views/sellOut/stockApply/detail.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="stockApplyDetail pagePadding">
     <div
-      v-if="powers && powers.length > 0 && powers.some((item) => item == '001')"
+      v-if="powers && powers.length > 0 && powers.some((item) => item == '007')"
     >
       <p>{{ status }}---{{ powers }}</p>
       <div class="detail-page-title">
@@ -37,8 +37,18 @@
         :status="status"
       />
       <el-tabs v-model="activeTabs">
+        <el-tab-pane label="新建备库申请单" name="0">
+          <add-edit
+            :sitem="sitem"
+            :id="queryId"
+            :newTime="newTime"
+            :type="queryId"
+            @refresh="initData"
+            v-if="newTime != ''"
+          />
+        </el-tab-pane>
         <el-tab-pane label="业务详情" name="1">
-          <el-collapse v-model="activeNames" style="margin:-18px 0 0 0">
+          <el-collapse v-model="activeNames" style="margin: -18px 0 0 0">
             <el-collapse-item name="1" title="备货详情">
               <add-edit
                 :sitem="sitem"
@@ -159,6 +169,7 @@ export default {
       newTime: "",
       isDisabled: false,
       queryId: "",
+      queryType: "",
       loading: true,
       sitem: null,
       status: "",
@@ -171,8 +182,15 @@ export default {
     };
   },
   mounted() {
-    this.queryId = this.$route.query.id;
-    this.initData();
+    const { id, type } = this.$route.query;
+    this.queryId = id;
+    this.queryType = type;
+    if (this.queryType === "add") {
+      this.sitem = {};
+      this.getNewTime();
+    } else {
+      this.initData();
+    }
   },
   methods: {
     async feeChange(val, status) {

src/views/sellOut/stockApply/index.vue

@@ -83,7 +83,7 @@
               </el-col>
             </el-row>
             <el-row style="padding-top: 10px">
-              <el-col style="width: 400px; ">
+              <el-col style="width: 400px">
                 <el-input
                   placeholder="关键字"
                   v-model="input"
@@ -121,7 +121,12 @@
                   class="fl"
                   :size="searchSize"
                   type="success"
-                  @click="openModal('add', false)"
+                  @click="
+                    routeGoto('stockApplyDetail', {
+                      id: 'add',
+                      type: 'veiw',
+                    })
+                  "
                 >
                   新建
                 </el-button>
@@ -156,18 +161,16 @@
           >
             <i
               class="el-icon-view tb-icon"
-              @click="routeGoto('stockApplyDetail', { id: scope.row.id })"
+              @click="
+                routeGoto('stockApplyDetail', {
+                  id: scope.row.id,
+                  type: 'veiw',
+                })
+              "
             ></i>
           </el-tooltip>
         </template>
       </ex-table>
-      <add-model
-        :id="modelId"
-        :show-model="showModel"
-        :is-detail="isDetail"
-        @refresh="searchList"
-        @closeModel="showModel = false"
-      />
     </div>
     <div v-else>
       <no-auth></no-auth>
@@ -178,15 +181,11 @@
 import mixinPage from "@/mixins/elPaginationHandle";
 import resToken from "@/mixins/resToken";
 import asyncRequest from "@/apis/service/sellOut/stockApply";
-import addModel from "./addModel.vue";
 import { mapGetters } from "vuex";
 import columns from "./columns";
 export default {
   name: "stockApply",
   mixins: [mixinPage, resToken],
-  components: {
-    addModel,
-  },
   computed: {
     ...mapGetters(["tablebtnSize", "searchSize", "size"]),
     powers() {
@@ -228,9 +227,6 @@ export default {
       select: "1",
       input: "",
       loading: true,
-      showModel: false,
-      isDetail: false,
-      modelId: 0,
       parmValue: {
         good_code: "",
         bk_code: "",
@@ -304,11 +300,6 @@ export default {
       this.searchList();
     },
 
-    openModal(id, isDetail) {
-      this.showModel = true;
-      this.modelId = id;
-      this.isDetail = isDetail;
-    },
     // 列表搜索
     async searchList() {
       this.loading = true;