添加：酒道馆、烟酒馆、超市、省公司门店、联盟商家支持在管理后台绑定资源股东

src/views/merchant/list/handle/merInfo.vue

@@ -195,11 +195,30 @@
               <div class="value" v-else-if="merData.merchant_type == 2">供应商</div>
               <div class="value" v-else-if="merData.merchant_type == 3">烟酒店</div>
               <div class="value" v-else-if="merData.merchant_type == 4">超市</div>
+              <div class="value" v-else-if="merData.merchant_type == 4">省公司门店</div>
             </li>
             <li class="item" v-if="defaultMerchantType == 1">
               <div>关联商户：</div>
               <div class="value">{{ merData.merShop ? (merData.merShop.mer_name || '') : ''}}</div>
             </li>
+            <li class="item" v-if="defaultMerchantType != 2">
+              <div>资源股东：</div>
+              <div class="value">
+                <div class="top-user">
+                  <div class="user-content" v-if="merData.shareholders">
+                    <div class="user-avatar">
+                      <img :src="merData.shareholders.avatar || moren" />
+                    </div>
+                    <div class="user-info">
+                      <div class="nickname">{{ merData.shareholders.nickname }}</div>
+                      <div class="user-id">{{ merData.shareholders.uid }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </li>
+
+
             <!--<li class="item">
               <div>商户积分兑换平台积分比例：</div>
               <div class="value">
@@ -234,6 +253,7 @@ export default {
   },
   data() {
     return {
+      moren: require("@/assets/images/f.png"),
       mar_type_name: '',
       loading: true,
       merId: '',
@@ -343,5 +363,65 @@ export default {
 .gary {
   color: #aaa;
 }
+.top-user{
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  .user-content{
+    --user-content-height-: 80px;
 
+    height: var(--user-content-height-);
+    width: 100%;
+    margin-right: 30px;
+    display: inline-flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    flex-wrap: nowrap;
+
+    .user-avatar{
+      height: var(--user-content-height-);
+      width: var(--user-content-height-);
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: center;
+      img{
+        height: 80%!important;
+        width: 80%!important;
+        border-radius: 50% !important;
+      }
+    }
+
+    .user-info{
+      width: calc(100% - var(--user-content-height-));
+      height: var(--user-content-height-);
+      display: inline-flex;
+      flex-direction: column;
+      flex-wrap: nowrap;
+      justify-content: center;
+      align-items: flex-start;
+      .nickname{}
+      .user-id{
+        color: #fff;
+        background-color: #409eff;
+        border-color: #409eff;
+        height: 18px;
+        line-height: 20px;
+        font-size: 13px;
+        padding: 0 5px;
+        border-radius: 5px;
+        width: max-content!important;
+      }
+      .user-id{
+        width: 100%;
+        text-align: left;
+        font-size: 13px;
+        line-height: calc(var(--user-content-height- * 35%));
+      }
+    }
+  }
+}
 </style>