From 97b709112ae44fa174923ca5b998c7318757ccb1 Mon Sep 17 00:00:00 2001
From: wangyan <3594713855@qq.com>
Date: Thu, 23 May 2024 21:44:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=8A=A0=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/reimbursement/createc.vue | 249 +++++++++++++---------------
 1 file changed, 116 insertions(+), 133 deletions(-)

diff --git a/src/views/reimbursement/createc.vue b/src/views/reimbursement/createc.vue
index 39f8676..4a8b87d 100644
--- a/src/views/reimbursement/createc.vue
+++ b/src/views/reimbursement/createc.vue
@@ -1,200 +1,183 @@
 <template>
   <div class="app-container" style="width:800px;margin:0 auto">
-    <el-form size="mini" label-width="160px" :rules="rules" ref="ruleForm" :model="formInline">
+    <el-form
+      ref="ruleForm"
+      :rules="rules"
+      :model="formInline"
+      size="mini"
+      label-width="160px"
+    >
       <el-row>
         <el-col :span="24">
-         
-  
-            <el-form-item label="项目编号" prop="xyProjectId">
-          <el-select
-        style="width: 100%;"
-        v-model="formInline.xyProjectId"
-        clearable
-        @change="getxoProjectname"
-        placeholder="项目编号"
-        class="filter-item"
-      >
-        <el-option 
-          v-for="item in xwProjectIdOption"
-          :key="item.xpId"
-          :label="item.xpId+'-'+item.xpProName" 
-          :value="item.xpId"
-        ></el-option>
-      </el-select>
-           
-              </el-form-item>
-      
-        </el-col>
-        <el-col :span="24">
-
-            <el-form-item label="项目名称" >
-                <el-input disabled
-              v-model="formInline.xoProjectname"
-              placeholder="项目名称"
-              maxlength="100"
-            ></el-input>
+          <el-form-item label="项目编号" prop="xyProjectId">
+            <el-select
+              v-model="formInline.xyProjectId"
+              style="width: 100%;"
+              clearable
+              placeholder="项目编号"
+              class="filter-item"
+              @change="getxoProjectname"
+            >
+              <el-option
+                v-for="item in xwProjectIdOption"
+                :key="item.xpId"
+                :label="item.xpId + '-' + item.xpProName"
+                :value="item.xpId"
+              />
+            </el-select>
           </el-form-item>
         </el-col>
-      
+        <el-col :span="24">
+          <el-form-item label="项目名称">
+            <el-input
+              v-model="formInline.xoProjectname"
+              disabled
+              placeholder="项目名称"
+              maxlength="100"
+            />
+          </el-form-item>
+        </el-col>
+
         <el-col :span="24">
           <el-form-item label="月份:" prop="date">
-            <el-date-picker style="width: 100%;"
+            <el-date-picker
+              v-model="formInline.date"
+              style="width: 100%;"
               type="month"
               value-format="yyyy-MM"
-              v-model="formInline.date"
               placeholder="月份"
-            ></el-date-picker>
+            />
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="文件上传:" prop="file">
             <div style="display: flex;height: 30px;">
               <el-upload
-              :auto-upload="false"
-                action="www.baidu.com"
-            
-             
+                :auto-upload="false"
                 :on-change="handleSuccess"
-                >
-                <el-button type="primary" >上传</el-button>
+                action="www.baidu.com"
+              >
+                <el-button type="primary">上传</el-button>
               </el-upload>
-         
             </div>
           </el-form-item>
         </el-col>
-      
       </el-row>
-  <div  style="float: right;">
-    <el-button @click="cancelBtn('ruleForm')">取 消</el-button>
-    <el-button type="primary" @click="onSubmit('ruleForm')">保存</el-button>
-  </div>
+      <div style="float: right;">
+        <el-button @click="cancelBtn('ruleForm')">取 消</el-button>
+        <el-button type="primary" @click="onSubmit('ruleForm')">保存</el-button>
+      </div>
     </el-form>
   </div>
 </template>
 <script>
-import { 
-
-  xyProjectinfoSelectXm,//姓名下拉框
+import {
+  xyProjectinfoSelectXm, // 姓名下拉框
   xyProjectinfoList,
   xyCostEntry
-} from '@/api/article'
+} from "@/api/article";
 export default {
   data() {
     var validateInput = (rule, value, callback) => {
-    
-        if (value === '' ) {
-          callback(new Error('没有数据'));
-        } else {
-          callback();
-        }
+      if (value === "") {
+        callback(new Error("没有数据"));
+      } else {
+        callback();
+      }
     };
     return {
-      xwProjectIdOption :[],
-      uploadUrl :"www.baidu.com",
-      headerObj :{
-        Authorization:"",
+      xwProjectIdOption: [],
+      uploadUrl: "www.baidu.com",
+      headerObj: {
+        Authorization: ""
       },
-    
-      formInline: {
-      
-        file : "",
-        date : "",
-        xyProjectId:'',
 
+      formInline: {
+        file: "",
+        date: "",
+        xyProjectId: ""
       },
       rules: {
-        xyProjectId: [{ validator: validateInput, trigger: 'change' }],
-        date: [ { validator: validateInput, trigger: 'blur' }],
-       
-        file: [{ validator: validateInput, trigger: 'change' } ],
-        
+        xyProjectId: [{ validator: validateInput, trigger: "change" }],
+        date: [{ validator: validateInput, trigger: "blur" }],
+
+        file: [{ validator: validateInput, trigger: "change" }]
       },
-      editState : 0,//0：新增，1：编辑
-      editId :'',//编辑id-xpId
-      nameOption : [],//姓名下拉框
-      
+      editState: 0, // 0：新增，1：编辑
+      editId: "", // 编辑id-xpId
+      nameOption: [] // 姓名下拉框
     };
   },
   mounted() {
-    this.getxwProjectIdOption()
-    this.getNameSelect();// 姓名下拉框
-   
-   
+    this.getxwProjectIdOption();
+    this.getNameSelect(); // 姓名下拉框
   },
   methods: {
-    getxoProjectname(val){
-      if(val){
-        let obj = this.xwProjectIdOption.find((item)=>{
-        return item.xpId == val
-        })
-        this.formInline.xoProjectname = obj.xpProName
-
+    getxoProjectname(val) {
+      if (val) {
+        const obj = this.xwProjectIdOption.find(item => {
+          return item.xpId == val;
+        });
+        this.formInline.xoProjectname = obj.xpProName;
+      } else {
+        this.formInline.xoProjectname = "";
       }
-      else{
-        this.formInline.xoProjectname = ''
-      }
-      
-
     },
-    getxwProjectIdOption(){
-      xyProjectinfoList().then(res=>{
+    getxwProjectIdOption() {
+      xyProjectinfoList({ page: 0, size: 500 }).then(res => {
         // console.log(res);
         this.xwProjectIdOption = res.content;
-      })
+      });
     },
     // 姓名下拉框
-    getNameSelect(){
-      xyProjectinfoSelectXm().then(res=>{
-        console.log(res);
-        this.nameOption = res
-      }).catch(err=>{
-        console.log(err)
-      })
+    getNameSelect() {
+      xyProjectinfoSelectXm()
+        .then(res => {
+          console.log(res);
+          this.nameOption = res;
+        })
+        .catch(err => {
+          console.log(err);
+        });
     },
-    // 姓名下拉：选中值发生变化时触发	
-    nameChange(val){
+    // 姓名下拉：选中值发生变化时触发
+    nameChange(val) {
       console.log(val);
-      if(val !=""){
-        this.formInline.empName = val.split('-')[0]
-        this.formInline.jobNum = val.split('-')[1]
-      }else{
-        this.formInline.empName = '' ;
-        this.formInline.jobNum = '' ;
+      if (val != "") {
+        this.formInline.empName = val.split("-")[0];
+        this.formInline.jobNum = val.split("-")[1];
+      } else {
+        this.formInline.empName = "";
+        this.formInline.jobNum = "";
       }
     },
     // 保存
     onSubmit(formName) {
-      this.$refs[formName].validate((valid) => {
+      this.$refs[formName].validate(valid => {
         if (valid) {
-          let formdata=new FormData();
-          debugger
-          console.log(this.formInline.file)
-          formdata.append("file",this.formInline.file);
-          formdata.append("date",this.formInline.date);
-          formdata.append("xyProjectId",this.formInline.xyProjectId);
+          const formdata = new FormData();
+          debugger;
+          console.log(this.formInline.file);
+          formdata.append("file", this.formInline.file);
+          formdata.append("date", this.formInline.date);
+          formdata.append("xyProjectId", this.formInline.xyProjectId);
           xyCostEntry(formdata)
-          .then(res=>{
-            this.$router.push('/reimbursement/listc')
-          }).catch(err=>{
-            console.log(err)
-          })
+            .then(res => {
+              this.$router.push("/reimbursement/listc");
+            })
+            .catch(err => {
+              console.log(err);
+            });
         } else {
-          console.log('error submit!!');
+          console.log("error submit!!");
           return false;
         }
       });
     },
-  
-  
 
     handleSuccess(file) {
-   
-
-  
-        this.formInline.file= file.raw 
-      },
-   
-   
-  },
+      this.formInline.file = file.raw;
+    }
+  }
 };
 </script>