1 金蝶科目新增

src/components/FinancialModule/Kingdee/LemonCloudSubjects.vue

@@ -8,7 +8,6 @@
     .cm_content{padding: 0 0;overflow-x: auto;}
     .cmc_item{float: left;width:205px;height: 123px;background:rgba(255,255,255,1);border-radius:4px;overflow: hidden;margin: 15px 15px 15px 0;border: 1px solid #ebebeb;position: relative;}
     .cmci_top{background-color: #47BF8C;padding: 14px 20px 0 20px;font-size: 14px;color: #FFFFFF}
-    .cmci_top p._tit{border-bottom: 1px solid #3FB382;padding-bottom: 14px}
     .fc_red{color: #E95252 !important}
     .cmc_item:hover{box-shadow:0px 0px 20px rgba(191,191,191,1);transition: all linear 0.5s;}
     ._underline{text-decoration: underline;cursor: pointer;}
@@ -25,8 +24,6 @@
       margin: 15px;
       width: calc(100% - 30px);
       }
-    .CostType ._vMG_edit ._tit{padding-left: 10px;border-left: 3px solid #E95252; font-size: 16px;color: #000000}
-    .CostType ._vMG_edit ._tit span{color: #666666;font-size: 14px}
     ._edHeight{height:400px;}
     .edHeight{display: block !important;min-height: 230px;}
     ._scrollbar::-webkit-scrollbar{width: 4px;height: 8px;}
@@ -46,7 +43,6 @@
     .multiple_input .el-input {height: auto !important;}
     ._cmci_img{width: 48px;height: 48px;position: absolute;right: 15px;top: 30px;}
     .upload-demo {text-align: center;}
-    .CostType ._add_saveBtn{text-align: right;margin-bottom: 20px;}
     .CostType .query-box{padding:20px 0 0 0}
     .CostType .el-radio+.el-radio{margin-left: 15px;}
     .CostType ._yuan{
@@ -129,6 +125,46 @@
       max-height: calc(100%-200px) !important;
     }
 
+    
+    ._vMG_edit {
+      display: none;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      font-family: 'PingFangSc-Fine';
+      border-top: 3px solid #38425d;
+      background-color: #fff;
+      padding: 10px;
+      z-index: 999;
+      /* margin: 15px;
+      width: calc(100% - 30px); */
+    }
+  
+    ._vMG_edit ._tit {
+      padding-left: 10px;
+      border-left: 3px solid #E95252;
+      font-size: 16px;
+      color: #000000
+    }
+  
+    ._vMG_edit ._tit span {
+      color: #666666;
+      font-size: 14px
+    }
+    ._edHeight {
+      height: 400px;
+    }
+  
+    .edHeight {
+      display: block !important;
+      min-height: 230px;
+    }
+    
+    ._add_saveBtn {
+      text-align: right;
+    }
+  
   </style>
   <template>
     <div class="dianshangannualRatio" ref="barparent">
@@ -144,6 +180,7 @@
             </li>
             <li class="hight_query">
                 <button class="normalBtn" @click="outerVisible=true">导入</button>
+                <button class="normalBtn" @click="resetForm('addMsg'),clickEdit()">新增科目</button>
             </li>
         </ul>
         </div>
@@ -203,7 +240,50 @@
             </el-upload>
 
       </el-dialog>
-
+      
+      <div class="_vMG_edit" :class="addShow==true?'edHeight':''">
+        <el-row style="height:48px">
+          <el-col :span="20">
+            <p class="_tit">{{text}}</p>
+          </el-col>
+          <el-col :span="4" class="_add_saveBtn">
+            <button class="normalBtn" @click="addLoading?submitForm('addMsg'):''">{{$t('pub.saveBtn')}}</button>
+            <button class="hollowFixedBtn" @click="cancelEdit(),resetForm('addMsg'),addShow=false">{{$t('pub.cancelBtn')}}</button>
+          </el-col>
+        </el-row>
+        <el-form class="clearfix" :model="addMsg" ref="addMsg" :rules="rules" label-width="100px">
+          <el-row>
+            <el-col :span="4">
+              <el-form-item label="科目名称" prop="Name">
+                <el-input v-model="addMsg.Name" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="科目代码" prop="Code">
+                <el-input v-model="addMsg.Code" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="科目类别" prop="Type">
+                <el-input v-model="addMsg.Type" clearable></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="借贷方向" prop="Direction">
+                <el-select filterable v-model='addMsg.Direction'>
+                  <el-option key="1" value="1" label="借"></el-option>
+                  <el-option key="2" value="2" label="贷"></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="4">
+              <el-form-item label="辅助核算" prop="ItemCheck">
+                <el-input v-model="addMsg.ItemCheck" clearable></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+      </div>
 
     </div>
   </template>
@@ -212,15 +292,33 @@
       data() {
         return {
           rules: { //表单必填验证
-            BranchId: [{
+            Name: [{
               required: true,
-              message: '请先选择公司再上传',
-              trigger: 'change'
+              message: '请输入科目名称',
+              trigger: 'blur'
+            }],
+            Code: [{
+              required: true,
+              message: '请输入科目代码',
+              trigger: 'blur'
+            }],
+            Type: [{
+              required: true,
+              message: '请输入科目类别',
+              trigger: 'blur'
             }]
           },
           addMsg:{
-            BranchId:0
+            Id:0,
+            Name:'',
+            Code:'',
+            Type:'流动资产',
+            Direction:'1',
+            BranchId:0,
+            ItemCheck:''
           },
+          addShow:false,
+          addLoading: true,
           noData: false,
           text:'',
           imageUrl:'',
@@ -245,8 +343,7 @@
           +'&RB_Group_id='+userInfo.RB_Group_id +'&KingdeeBId=' + this.addMsg.BranchId
         ;
         this.downList =this.domainManager().LocalTemplateFileDownLoadUrl +"/Upload/Template/未认款导入模板.xls";
-        this.getList();
-        this.Financial_post_GetEduBranchEnumList()
+        this.getList();        
       },
       mounted(){
 
@@ -286,25 +383,6 @@
               item.Enable = Enable
           })
         },
-        Financial_post_GetEduBranchEnumList() {
-          this.apipost('Financial_post_GetEduBranchEnumList', {}, res => {
-            if (res.data.resultCode == 1) {
-              this.TheAliasList = res.data.data;
-            } else {
-              this.Error(res.data.message);
-            }
-          }, err => {})
-        },
-        submitForm(addMsg) {
-          let that = this;
-          that.$refs[addMsg].validate((valid) => {
-            if (valid) {
-
-            } else {
-              return false;
-            }
-          });
-        },
         beforeAvatarUpload(file) {
           return
         },
@@ -357,6 +435,58 @@
             }
           }, err => {})
         },
+        clickEdit(item) {
+          this.addShow = false
+          if(item){
+            this.text = '编辑金蝶部门项目'
+            this.addMsg = JSON.parse(JSON.stringify(item))
+          }else{
+              this.text = '新增科目'
+          }
+          this.addShow = true
+        },
+        resetForm(formName) { //弹出框取消 初始化谈框内表单
+          this.$refs[formName].resetFields();
+          this.cancelEdit()
+        },
+        cancelEdit(t) { // 取消修改、新增
+          this.addMsg = {
+            Id:0,
+            Name:'',
+            Code:'',
+            Type:'流动资产',
+            Direction:'1',
+            BranchId:0,
+            ItemCheck:''
+          }
+          if (!t) {
+            this.addShow = false
+          }
+        },
+        submitForm(addMsg) {
+          let that = this;
+          that.$refs[addMsg].validate((valid) => {
+            if (valid) {
+              that.addSubject();
+            } else {
+              return false;
+            }
+          });
+        },
+        addSubject() { //添加
+          this.addLoading = false
+          this.apipost('Financial_post_SetKingdeeSubject', this.addMsg, res => {
+            if (res.data.resultCode == 1) {
+              this.addLoading = true
+              this.addShow = false;
+              this.Success(res.data.message);
+              this.getList()
+            } else {
+              this.addLoading = true
+              this.Error(res.data.message);
+            }
+          }, err => {})
+        },
       },
 
     }