更新采购

src/views/hd/cg/detail/index.vue

@@ -1,34 +1,59 @@
 <template>
     <div style="display: flex;width: 100%;justify-content: center;">
-        <el-form :model="form">
+        <el-form :model="form" label-width="auto" label-position="right">
             <div class="info">
-                <el-form-item label="商品名称">
-                    <el-input v-model="form.spmc" />
-                </el-form-item>
-                <el-form-item label="商品类型">
-                    <el-input v-model="form.splx" />
-                </el-form-item>
-                <el-form-item label="采购数量">
-                    <el-input v-model="form.cgsl" />
-                </el-form-item>
-                <el-form-item label="采购时间">
-                    <el-input v-model="form.cgsj" />
-                </el-form-item>
-                <el-form-item label="商品图片">
+                <div class="cg-header">
+                    采购信息
+                </div>
+                <div class="cg-nav">
+                    <el-form-item label="商品名称">
+                        <el-input v-model="form.spmc" />
+                    </el-form-item>
+                    <el-form-item label="商品类型">
+                        <el-select v-model="form.splx">
+                            <el-option :value="'1'" :label="'羽毛球'" />
+                            <el-option :value="'2'" :label="'手胶'" />
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="采购数量">
+                        <el-input v-model="form.cgsl" />
+                    </el-form-item>
+                    <el-form-item label="采购时间">
+                        <el-input v-model="form.cgsj" />
+                    </el-form-item>
+                    <!-- <el-form-item label="商品图片">
                     <el-upload :headers="headers" :action="baseUrl + '/file/upload'" :on-success="uploadSptpSuccess"
-                        :file-list="fileSptpList" :limit="1">
+                        :file-list="fileSptpList" :limit="1" list-type="picture">
                         <el-button type="primary">点击上传</el-button>
                     </el-upload>
                 </el-form-item>
                 <el-form-item label="订单截图">
                     <el-upload :headers="headers" :action="baseUrl + '/file/upload'" :on-success="uploadDdjtSuccess"
-                        :file-list="fileDdjtList" :limit="1">
+                        :file-list="fileDdjtList" :limit="1" list-type="picture">
                         <el-button type="primary">点击上传</el-button>
                     </el-upload>
-                </el-form-item>
+                </el-form-item> -->
+                </div>
             </div>
-            <div class="ymq">
-
+            <div class="ymq" v-if="form.splx === '1'">
+                <div class="cg-header">
+                    羽毛球信息
+                </div>
+                <div class="cg-nav">
+                    <el-form-item label="品牌">
+                        <el-input v-model="form.cgYmq.pp" />
+                    </el-form-item>
+                    <el-form-item label="型号">
+                        <el-input v-model="form.cgYmq.xh" />
+                    </el-form-item>
+                    <el-form-item label="每桶数量">
+                        <el-input v-model="form.cgYmq.mtsl" />
+                    </el-form-item>
+                </div>
+            </div>
+            <div style="display: flex;justify-content: right;margin-top: 10px;">
+                <el-button type="primary" @click="router.back()">返回</el-button>
+                <el-button type="primary" @click="submitForm">提交</el-button>
             </div>
         </el-form>
     </div>
@@ -36,12 +61,15 @@
 
 <script setup>
 import { getToken } from "@/utils/auth"
-import { getInfo, updateInfo } from '@/api/svc/cg/index.js'
+import { getInfo, updateInfo, addInfo } from '@/api/svc/cg/index.js'
 import { getInfo as getFileInfo } from '@/api/svc/file/index.js'
 import { onMounted } from 'vue';
 import { ref } from 'vue'
 
+const { proxy } = getCurrentInstance()
+
 const route = useRoute()
+const router = useRouter()
 const form = ref({})
 const headers = ref({ Authorization: "Bearer " + getToken() })
 const baseUrl = import.meta.env.VITE_APP_BASE_API
@@ -74,9 +102,20 @@ async function getFileList(ids) {
     return Promise.all(promises);
 }
 
+function submitForm() {
+    if (form.value.id) {
+        updateInfo(form.value).then(res => {
+            proxy.$modal.msgSuccess('提交成功')
+        })
+    } else addInfo(form.value).then(res => {
+        proxy.$modal.msgSuccess('提交成功')
+    })
+}
+
 onMounted(() => {
     getInfo(route.query.id).then(res => {
         form.value = res.data
+        if (!form.value.cgYmq) form.value.cgYmq = {}
         getFileList(res.data.fileSptp).then(res => {
             fileSptpList.value = res
         })
@@ -87,4 +126,24 @@ onMounted(() => {
 })
 </script>
 
-<style scoped></style>
+<style scoped>
+.cg-header {
+    display: flex;
+    justify-content: center;
+    padding: 10px;
+    border-radius: 5px;
+    margin-top: 10px;
+    background-color: #FFF;
+}
+
+.cg-nav {
+    padding: 10px;
+    border-radius: 5px;
+    margin-top: 10px;
+    background-color: #FFF;
+}
+
+.el-form-item:last-child {
+    margin: 0;
+}
+</style>

src/views/hd/his/detail/index.vue

@@ -11,8 +11,13 @@
                 <el-form-item label="球耗数量">
                     <el-input v-model="form.qhsl" />
                 </el-form-item>
+                <el-form-item label="采购批次">
+                    <el-select placeholder="请选择羽毛球采购批次">
+                        <el-option />
+                    </el-select>
+                </el-form-item>
                 <el-form-item label="总费用">
-                    <el-input v-model="form.totalCost" />
+                    <el-input v-model="form.totalCost" disabled />
                 </el-form-item>
                 <div v-if="showBtn" style="display: flex;justify-content: right;">
                     <el-form-item class="btn" style="margin: 0;">

src/views/hd/wd/index.vue

@@ -11,6 +11,7 @@
                 </div>
             </div>
             <div class="info_1" @click="handleCz"><span>充值</span><span>></span></div>
+            <div class="info_1" @click="handleCz"><span>充值自审</span><span>></span></div>
         </div>
     </div>
     <Pay ref="pay" :disPayMethods="['1']" :category="'1'"></Pay>