update: 门店绑定修改开平文案

src/views/business/authMerchant-form.vue

@@ -18,7 +18,7 @@
               </div>
             </div>
             <div class="m-t-24">
-              <el-form :model="partForm" :rules="rules" ref="form" label-width="128px" class="dialog-form" style="width:414px;">
+              <el-form :model="partForm" :rules="rules" ref="form" label-width="128px" class="dialog-form">
                 <el-form-item label="企业名称">
                   {{ corpName }}
                 </el-form-item>
@@ -48,7 +48,7 @@
                     <div class="select-search-input cursor-pointer" slot="reference">
                       <div>
                         <el-form-item prop="searchSelect">
-                          <el-input placeholder="请搜索选择商户" maxlength="50" :disabled="type === 'edit'" v-model="partForm.searchSelect" @keyup.native="querySearchAsync('search')"> </el-input>
+                          <el-input class="w-287" placeholder="请搜索选择商户" maxlength="50" :disabled="type === 'edit'" v-model="partForm.searchSelect" @keyup.native="querySearchAsync('search')"> </el-input>
                         </el-form-item>
                       </div>
                     </div>
@@ -60,19 +60,37 @@
                   </el-tooltip>
                   <gic-select-group-auth :brandId="enterpriseId" width="287px" :authMerchant="true" :selectData="partForm.storeGroup" @checkGroupIds="checkGroupIds"> </gic-select-group-auth>
                 </el-form-item>
-                <el-form-item>
+                <el-form-item style="margin-top:-10px;margin-bottom:12px;">
                   <el-tooltip slot="label" class="item" effect="dark" :open-delay="200" placement="top-start">
-                    <div slot="content" style="line-height:18px;">企微扫码添加好友时，是否创建会员。<br />非总部开放平台的代理商请选择不开卡，否则创建的会员与总部会员无法打通。</div>
-                    <span style="cursor: pointer;padding-bottom: 2px; border-bottom: 1px dashed #2F54EB;" class="font-14 color-606266">企微开卡设置</span>
+                    <div slot="content" style="line-height:18px;">
+                      ①选择同一开平，通过企业微信添加客户，可以直接更新会员信息（一码两用）。<br />
+                      原因：因为获取的用户unionid相同，可以将客户身份（企微客户）和会员（微信会员）身份直接关联；<br />
+                      ②选择不同开平，通过企业微信添加客户，无法直接更新会员信息（一码两用）。<br />
+                      原因：因为获取的用户unionid不同，无法将客户身份（企微客户）和会员（微信会员）身份直接关联
+                    </div>
+                    <span style="cursor: pointer;padding-bottom: 2px; border-bottom: 1px dashed #2F54EB;" class="font-14 color-606266">开放平台类型</span>
                   </el-tooltip>
-                  <p>
-                    <el-radio v-model="partForm.memberOpenCardFlag" :label="0" :disabled="type === 'edit'"><span class="color-303133">加好友自动开卡</span><span class="color-606266">（同一开放平台选择此项）</span></el-radio>
-                  </p>
-                  <p>
-                    <el-radio v-model="partForm.memberOpenCardFlag" :label="1" :disabled="type === 'edit'"><span class="color-303133">加好友不开卡</span><span class="color-606266">（不同开放平台选择此项）</span></el-radio>
-                  </p>
+                  <div style="padding-top: 10px;">
+                    <el-radio v-model="partForm.memberOpenCardFlag" :label="0" :disabled="type === 'edit'">
+                      <div class="m-b-20" style="display:inline-block;vertical-align:top;">
+                        <p class="l-h-1 m-b-5 color-303133">同一开平</p>
+                        <p class="tip">(授权商户的小程序/公众号，和当前企业【客户联系】微信开发者ID绑在同一开放平台 。例：绑定同一开平的集团企业）</p>
+                      </div>
+                    </el-radio>
+                  </div>
+                  <div>
+                    <el-radio v-model="partForm.memberOpenCardFlag" :label="1" :disabled="type === 'edit'">
+                      <div style="display:inline-block;vertical-align:top;">
+                        <p class="l-h-1 m-b-5 color-303133">不同开平</p>
+                        <p class="tip">(授权商户的小程序/公众号，和当前企业【客户联系】微信开发者ID绑在不同开放平台。例：没绑定同一开平的代理商企业）</p>
+                      </div>
+                    </el-radio>
+                  </div>
+                </el-form-item>
+                <el-form-item label="企业类型">
+                  <el-radio v-model="partForm.wxEnterpriseType" :label="0" :disabled="type === 'edit'">总部</el-radio>
+                  <el-radio v-model="partForm.wxEnterpriseType" :label="1" :disabled="type === 'edit'">代理</el-radio>
                 </el-form-item>
-                <el-form-item label="企业类型"> <el-radio v-model="partForm.wxEnterpriseType" :label="0" :disabled="type === 'edit'">总部</el-radio> <el-radio v-model="partForm.wxEnterpriseType" :label="1" :disabled="type === 'edit'">代理</el-radio> </el-form-item>
                 <el-button type="primary" style="display:block;margin:38px 0 0 128px;" @click="addShow = true" :disabled="!(enterpriseId && partForm.storeGroup.length && partForm.searchSelect)">授权校验并{{ type === 'edit' ? '保存' : '新建' }}</el-button>
               </el-form>
             </div>
@@ -335,6 +353,23 @@ export default {
 };
 </script>
 <style type="text/scss" lang="scss" scoped>
+.w-287 {
+  width: 287px;
+}
+.m-b-20 {
+  margin-bottom: 20px;
+}
+.m-b-5 {
+  margin-bottom: 5px;
+}
+.l-h {
+  line-height: 1;
+}
+.tip {
+  font-size: 12px;
+  color: #909399;
+  line-height: 22px;
+}
 .span-dot {
   display: inline-block;
   vertical-align: middle;