细化页面

src/views/iosBasicData/bcorps/detailsPage.vue

@@ -23,7 +23,7 @@
                 :disabled="item.disabled"></el-option>
             </el-select> -->
               <avue-input-tree :check-strictly="true" @change="corpTypeChange" multiple v-model="formData.corpTypeList"
-                placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' }" :dic="customTypeData"
+                placeholder="请选择内容" :props="{ label: 'cnName', value: 'id' , disabled: 'status'}" :dic="customTypeData"
                 :style="{ width: '100%' }"></avue-input-tree>
             </el-form-item>
           </el-col>
@@ -446,6 +446,7 @@
               </el-table>
             </el-tab-pane>
             <el-tab-pane label="更名记录" name="gmjl">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
               <el-table :data="formData.corpsRenameList"
                 :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                 style="width: 100%">
@@ -495,10 +496,10 @@
               </el-table>
             </el-tab-pane>
             <el-tab-pane label="不良记录" name="bljl">
+              <el-button type="primary" @click="corpsAttnAdd">新建</el-button>
               <el-table :data="formData.corpsBadrecordList"
                 :header-cell-style="{ background: '#ecf5ff', color: '#232526', fontSize: '12px' }" stripe
                 style="width: 100%">
-                <el-table-column prop="pid" label="主表客户id" width="180" />
                 <el-table-column prop="oldCreditLevel" label="原授信等级" width="180" />
                 <el-table-column prop="newCreditLevel" label="新授信等级" width="180" />
                 <el-table-column prop="version" label="版本" width="180" />
@@ -636,7 +637,6 @@
           </el-form-item>
         </div>
         <div v-if="activeName == 'fptt'">
-          
           <el-form-item label="发票抬头" prop="invoiceHeader">
             <el-input v-model="corpsAttnForm.invoiceHeader"></el-input>
           </el-form-item>
@@ -676,7 +676,6 @@
           <el-form-item label="美元银行账号" prop="accountNoUsd">
             <el-input v-model="corpsAttnForm.accountNoUsd"></el-input>
           </el-form-item>
-
           <el-form-item label="保函号码" prop="guaranteeNo">
             <el-input v-model="corpsAttnForm.guaranteeNo"></el-input>
           </el-form-item>
@@ -685,7 +684,6 @@
               :style="{ width: '100%' }">
             </el-date-picker>
           </el-form-item>
-
           <el-form-item label="状态" prop="status">
             <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
               <el-option label="正常" :value="0"></el-option>
@@ -696,6 +694,47 @@
             <el-input v-model="corpsAttnForm.remarks"></el-input>
           </el-form-item>
         </div>
+        <div v-if="activeName == 'bljl'">
+          <el-form-item label="原中文名称" prop="oldCnName">
+            <el-input v-model="corpsAttnForm.oldCnName"></el-input>
+          </el-form-item>
+          <el-form-item label="新中文名称" prop="newCnName">
+            <el-input v-model="corpsAttnForm.newCnName"></el-input>
+          </el-form-item>
+          <el-form-item label="原英文名称" prop="oldEnName">
+            <el-input v-model="corpsAttnForm.oldEnName"></el-input>
+          </el-form-item>
+          <el-form-item label="新英文名称" prop="newEnName">
+            <el-input v-model="corpsAttnForm.newEnName"></el-input>
+          </el-form-item>
+          <el-form-item label="操作时间" prop="byTime">
+            <el-date-picker v-model="corpsAttnForm.byTime" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"
+              :style="{ width: '100%' }">
+            </el-date-picker>
+          </el-form-item>
+          </el-form-item>
+          <el-form-item label="备注" prop="remarks">
+            <el-input v-model="corpsAttnForm.remarks"></el-input>
+          </el-form-item>
+        </div>
+        <div v-if="activeName == 'gmjl'">
+          <el-form-item label="原授信等级" prop="oldCreditLevel">
+            <el-input v-model="corpsAttnForm.oldCreditLevel"></el-input>
+          </el-form-item>
+          <el-form-item label="新授信等级" prop="newCreditLevel">
+            <el-input v-model="corpsAttnForm.newCreditLevel"></el-input>
+          </el-form-item>
+          <el-form-item label="状态" prop="status">
+            <el-select v-model="corpsAttnForm.status" placeholder="请选择状态" :style="{ width: '100%' }">
+              <el-option label="正常" :value="0"></el-option>
+              <el-option label="停用" :value="1"></el-option>
+            </el-select>
+          </el-form-item>
+          </el-form-item>
+          <el-form-item label="备注" prop="remarks">
+            <el-input v-model="corpsAttnForm.remarks"></el-input>
+          </el-form-item>
+        </div>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="corpsAttnAddClose">取 消</el-button>
@@ -913,6 +952,10 @@ export default {
         this.formData.corpTypeList = res.data.data.corpType.split(',')
       })
     }
+    if (this.detailData.corpType != null) {
+      this.formData.corpTypeList = [this.detailData.corpType]
+      this.formData.corpType = this.detailData.corpType
+    }
     // 查询国家下拉
     bcountrysList(1, 10).then(res => {
       this.cntyOptions = res.data.data.records
@@ -1186,6 +1229,7 @@ export default {
         corpsBankList: [],
         corpsFilesList: [],
       }
+      this.detailData= {}
       this.corpsAttnForm = {}
       this.corpsAttnDialogVisible = false,
         this.corpsAttnDialogIndex = null,

src/views/iosBasicData/bcorps/index.vue

@@ -1102,10 +1102,16 @@ export default {
     },
     // 左侧点击回调
     nodeClick(data) {
-      var reqiestData = this.search;
+      // var reqiestData = this.search;
       // // console.log(data, 904)
-      reqiestData.corpType = data.id
-      this.onLoad(this.page, reqiestData);
+      // reqiestData.corpType = data.id
+      // if (this.search.corpType == null) {
+        this.search.corpType = data.id
+      // } else {
+      //   this.search.corpType = null
+      // }
+      this.onLoad(this.page, this.search);
+      // this.onLoad(this.page, reqiestData);
     },
     // 获取客户类别
     bcorpstypedefineListfun() {
@@ -1186,6 +1192,10 @@ export default {
         });
     },
     beforeOpen(done, type) {
+      this.detailData = {};
+      if (this.search.corpType != null) {
+        this.detailData.corpType = this.search.corpType
+      }
       this.isShow = false;
       // if (["edit", "view"].includes(type)) {
       //   getBcorpsDetail(this.form.id).then(res => {
@@ -1231,6 +1241,8 @@ export default {
       });
     },
     goBack() {
+
+      this.detailData = {};
       this.isShow = true;
     },
     // 类别弹窗关闭