lilei 3 年 前
コミット
e371b390b6

+ 69 - 72
src/views/dealerManagement/merchantInfoManagement/detailModal.vue

@@ -9,78 +9,72 @@
     @cancle="isShow=false"
     :width="960">
     <a-spin :spinning="spinning" tip="Loading...">
-      <div style="max-height: 400px;overflow: auto;">
-        <a-collapse :activeKey="['1','2','3']" class="merchantInfoManagement-cont-m">
-          <a-collapse-panel key="1" header="基础信息">
-            <a-descriptions :column="2" bordered size="small">
-              <a-descriptions-item label="经销商名称">{{ form&&form.dealerName ? form.dealerName : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="经销商别名">{{ form&&form.dealerAlias ? form.dealerAlias : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="商户类型">{{ form&&form.dealerTypeDictValue ? form.dealerTypeDictValue : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系人1">{{ form&&form.contact ? form.contact : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系手机1">{{ form&&form.contactMobile ? form.contactMobile : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系角色1">{{ form&&form.contactRole ? form.contactRole : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系电话">{{ form&&form.dealerTelephone ? form.dealerTelephone : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="地址">
-                <span v-if="form&&(form.provinceName || form.cityName || form.districtName || form.address)">
-                  {{ form&&form.provinceName ? form.provinceName : '' }}
-                  {{ form&&form.cityName ? form.cityName : '' }}
-                  {{ form&&form.districtName ? form.districtName : '' }}
-                  {{ form&&form.address ? form.address : '' }}
-                </span>
-                <span v-else>--</span>
-              </a-descriptions-item>
-            </a-descriptions>
-          </a-collapse-panel>
-        </a-collapse>
-        <a-collapse class="merchantInfoManagement-cont-m">
-          <a-collapse-panel key="2" header="公司信息">
-            <a-descriptions :column="2" bordered size="small">
-              <a-descriptions-item label="经营方式">{{ form&&form.busniessMode ? form.busniessMode : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="经营项目">{{ form&&form.busniessItmes ? form.busniessItmes : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="公司规模">{{ form&&form.busniessScope ? form.busniessScope : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="成立时间">{{ form&&form.buildDate ? form.buildDate : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="一般纳税人">
-                <span v-if="form&&form.isTaxpayer">{{ form&&form.isTaxpayer == 1 ? '是':'否' }}</span>
-                <span v-else>--</span>
-              </a-descriptions-item>
-              <a-descriptions-item label="身份证号码">{{ form&&form.indentityCard ? form.indentityCard : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="生日">{{ form&&form.brithday ? form.brithday : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="籍贯">{{ form&&form.nativePlace ? form.nativePlace : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="邮箱">{{ form&&form.mail ? form.mail : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系人2">{{ form&&form.contact2 ? form.contact2 : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系角色2">{{ form&&form.contractRole2 ? form.contractRole2 : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="联系手机2">{{ form&&form.contactMobile2 ? form.contactMobile2 : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="邮政编码">{{ form&&form.zipCode ? form.zipCode : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="收货人">{{ form&&form.receiveContact ? form.receiveContact : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="收货人电话">{{ form&&form.receiveMobile ? form.receiveMobile : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="收货地址">
-                <span v-if="form&&(form.receiveProvinceName || form.receiveCityName || form.receiveDistrictName || form.receiveAddress)">
-                  {{ form&&form.receiveProvinceName ? form.receiveProvinceName : '' }}
-                  {{ form&&form.receiveCityName ? form.receiveCityName : '' }}
-                  {{ form&&form.receiveDistrictName ? form.receiveDistrictName : '' }}
-                  {{ form&&form.receiveAddress ? form.receiveAddress : '' }}
-                </span>
-                <span v-else>--</span>
-              </a-descriptions-item>
-              <a-descriptions-item label="银行账户">{{ form&&form.tradeAccountName ? form.tradeAccountName : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="开户行">{{ form&&form.tradeBankName ? form.tradeBankName : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="银行账号">{{ form&&form.tradeBankAccount ? form.tradeBankAccount : '--' }}</a-descriptions-item>
-            </a-descriptions>
-          </a-collapse-panel>
-        </a-collapse>
-        <a-collapse class="merchantInfoManagement-cont-m">
-          <a-collapse-panel key="3" header="总部信息">
-            <a-descriptions :column="2" bordered size="small">
-              <a-descriptions-item label="箭冠汽配代码">{{ form&&form.jgAutoPartsCode ? form.jgAutoPartsCode : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="门头更换日期">{{ form&&form.jgDoorHeaderChangeTime ? form.jgDoorHeaderChangeTime : '--' }}</a-descriptions-item>
-              <a-descriptions-item label="特约价是否可见">
-                <span v-if="form&&form.isShowSpecialPrice">{{ form&&form.isShowSpecialPrice == 1 ? '是':'否' }}</span>
-                <span v-else>--</span>
-              </a-descriptions-item>
-              <a-descriptions-item label="备注">{{ form&&form.remark ? form.remark : '--' }}</a-descriptions-item>
-            </a-descriptions>
-          </a-collapse-panel>
-        </a-collapse>
+      <div style="max-height: 400px;overflow: auto;" ref="merchantInfoDetail">
+        <a-card title="基础信息" size="small" style="margin-bottom: 15px;">
+          <a-descriptions :column="2" bordered size="small">
+            <a-descriptions-item label="经销商名称">{{ form&&form.dealerName ? form.dealerName : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="经销商别名">{{ form&&form.dealerAlias ? form.dealerAlias : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="商户类型">{{ form&&form.dealerTypeDictValue ? form.dealerTypeDictValue : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系人1">{{ form&&form.contact ? form.contact : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系手机1">{{ form&&form.contactMobile ? form.contactMobile : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系角色1">{{ form&&form.contactRole ? form.contactRole : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系电话">{{ form&&form.dealerTelephone ? form.dealerTelephone : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="地址">
+              <span v-if="form&&(form.provinceName || form.cityName || form.districtName || form.address)">
+                {{ form&&form.provinceName ? form.provinceName : '' }}
+                {{ form&&form.cityName ? form.cityName : '' }}
+                {{ form&&form.districtName ? form.districtName : '' }}
+                {{ form&&form.address ? form.address : '' }}
+              </span>
+              <span v-else>--</span>
+            </a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+        <a-card title="公司信息" size="small" style="margin-bottom: 15px;">
+          <a-descriptions :column="2" bordered size="small">
+            <a-descriptions-item label="经营方式">{{ form&&form.busniessMode ? form.busniessMode : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="经营项目">{{ form&&form.busniessItmes ? form.busniessItmes : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="公司规模">{{ form&&form.busniessScope ? form.busniessScope : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="成立时间">{{ form&&form.buildDate ? form.buildDate : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="一般纳税人">
+              <span v-if="form&&form.isTaxpayer">{{ form&&form.isTaxpayer == 1 ? '是':'否' }}</span>
+              <span v-else>--</span>
+            </a-descriptions-item>
+            <a-descriptions-item label="身份证号码">{{ form&&form.indentityCard ? form.indentityCard : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="生日">{{ form&&form.brithday ? form.brithday : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="籍贯">{{ form&&form.nativePlace ? form.nativePlace : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="邮箱">{{ form&&form.mail ? form.mail : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系人2">{{ form&&form.contact2 ? form.contact2 : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系角色2">{{ form&&form.contractRole2 ? form.contractRole2 : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="联系手机2">{{ form&&form.contactMobile2 ? form.contactMobile2 : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="邮政编码">{{ form&&form.zipCode ? form.zipCode : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="收货人">{{ form&&form.receiveContact ? form.receiveContact : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="收货人电话">{{ form&&form.receiveMobile ? form.receiveMobile : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="收货地址">
+              <span v-if="form&&(form.receiveProvinceName || form.receiveCityName || form.receiveDistrictName || form.receiveAddress)">
+                {{ form&&form.receiveProvinceName ? form.receiveProvinceName : '' }}
+                {{ form&&form.receiveCityName ? form.receiveCityName : '' }}
+                {{ form&&form.receiveDistrictName ? form.receiveDistrictName : '' }}
+                {{ form&&form.receiveAddress ? form.receiveAddress : '' }}
+              </span>
+              <span v-else>--</span>
+            </a-descriptions-item>
+            <a-descriptions-item label="银行账户">{{ form&&form.tradeAccountName ? form.tradeAccountName : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="开户行">{{ form&&form.tradeBankName ? form.tradeBankName : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="银行账号">{{ form&&form.tradeBankAccount ? form.tradeBankAccount : '--' }}</a-descriptions-item>
+          </a-descriptions>
+        </a-card>
+        <a-card title="总部信息" size="small">
+          <a-descriptions :column="2" bordered size="small">
+            <a-descriptions-item label="箭冠汽配代码">{{ form&&form.jgAutoPartsCode ? form.jgAutoPartsCode : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="门头更换日期">{{ form&&form.jgDoorHeaderChangeTime ? form.jgDoorHeaderChangeTime : '--' }}</a-descriptions-item>
+            <a-descriptions-item label="特约价是否可见">
+              <span v-if="form&&form.isShowSpecialPrice">{{ form&&form.isShowSpecialPrice == 1 ? '是':'否' }}</span>
+              <span v-else>--</span>
+            </a-descriptions-item>
+            <a-descriptions-item label="备注">{{ form&&form.remark ? form.remark : '--' }}</a-descriptions-item>
+          </a-descriptions>
+        </a-card>
       </div>
       <div class="btn-cont">
         <a-button
@@ -181,6 +175,9 @@ export default {
         this.form = null
       } else {
         this.title = this.isAudit ? '审核资料' : '查看详细'
+        this.$nextTick(() => {
+          this.$refs.merchantInfoDetail.scrollTop = 0
+        })
       }
     },
     itemId (newValue, oldValue) {

+ 1 - 0
src/views/dealerManagement/merchantInfoManagement/edit.vue

@@ -683,6 +683,7 @@ export default {
     pageInit () {
       this.getArea('province')
       this.$refs.ruleForm.resetFields()
+      this.form = {}
       if (this.$route.params.id) { //  编辑页
         this.getDetail()
       }