优化三方配置页面页面效果

src/views/shop/list/components/detailModal.vue

@@ -2,16 +2,17 @@
   <div class="row mt14">
     <el-form ref="formRef" :model="form" :rules="rules" label-width="120px" label-position="left">
       <el-form-item label="店铺ID" prop="storeId">
-        <el-input v-model="form.storeId" placeholder="请输入店铺ID" style="width: 300px;"></el-input>
+        <el-input v-model="form.storeId" placeholder="请输入店铺ID" :style="inputStyle"></el-input>
       </el-form-item>
       <el-form-item label="商户名称" prop="merchantName">
-        <el-input v-model="form.merchantName" placeholder="请输入商户名称" style="width: 300px;"></el-input>
+        <el-input v-model="form.merchantName" placeholder="请输入商户名称" :style="inputStyle"></el-input>
       </el-form-item>
       <el-form-item label="appId" prop="appId">
-        <el-input v-model="form.appId" placeholder="请输入appId" style="width: 300px;"></el-input>
+        <el-input v-model="form.appId" placeholder="请输入appId" :style="inputStyle"></el-input>
       </el-form-item>
       <el-form-item label="appSecret" prop="appSecret">
-        <el-input v-model="form.appSecret" placeholder="请输入appSecret" style="width: 300px;"></el-input>
+        <el-input type="textarea" rows="4" v-model="form.appSecret" placeholder="请输入appSecret"
+          :style="inputStyle"></el-input>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="submitHandle" v-loading="loading">保存</el-button>
@@ -25,6 +26,10 @@ import { ref } from 'vue'
 import { useRoute } from 'vue-router'
 import { shopMerchantPut } from '@/api/common'
 
+const inputStyle = {
+  width: '500px'
+}
+
 const props = defineProps({
   detail: {
     type: Object,

src/views/shop/list/components/payStatusCard.vue

@@ -10,8 +10,8 @@
         </el-form-item>
       </template>
       <template v-else>
-        <el-form-item label="复用信息" v-if="shopId != mainInfo.shopId">
-          <el-tag>复用主店信息</el-tag>
+        <el-form-item label="信息来源" v-if="shopId != mainInfo.shopId">
+          <el-tag disable-transitions>复用主店信息</el-tag>
         </el-form-item>
         <el-form-item label="商户号">
           <el-text>{{ form.merchantCode }}</el-text>

src/views/shop/list/index.vue

@@ -25,7 +25,7 @@
       <el-button type="primary" icon="plus" @click="addShopShow">添加店铺</el-button>
     </div>
     <div class="head-container">
-      <el-table v-loading="state.tableData.loading" :data="state.tableData.list">
+      <el-table v-loading="state.tableData.loading" :data="state.tableData.list" stripe border>
         <el-table-column label="店铺信息" width="200">
           <template v-slot="scope">
             <div class="shop_info">
@@ -57,13 +57,13 @@
             </div>
           </template>
         </el-table-column>
+        <el-table-column label="登录账号" prop="phone"></el-table-column>
         <el-table-column prop="registerType" label="经营模式">
           <template v-slot="scope">
             <span v-if="scope.row.registerType == 'before'">快餐版</span>
             <span v-if="scope.row.registerType == 'after'">餐饮版</span>
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="商户号" />
         <el-table-column prop="status" label="店铺类型" align="center">
           <template v-slot="scope">
             <div>
@@ -75,6 +75,7 @@
             </div>
           </template>
         </el-table-column>
+        <el-table-column prop="address" label="商户号" />
         <el-table-column prop="status" label="店铺状态">
           <template v-slot="scope">
             <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" disabled />

src/views/shop/list/pay_setting.vue

@@ -12,8 +12,8 @@
         <div class="intro">管理您的支付渠道和进件信息</div>
       </div>
       <div class="center">
-        <el-text>当前模式：</el-text>
-        <el-radio-group :model-value="payModel" @change="handleRadioChange">
+        <el-text size="large">当前模式：</el-text>
+        <el-radio-group size="large" :model-value="payModel" @change="handleRadioChange">
           <el-radio :label="item.label" :value="item.value" v-for="item in tabList" :key="item.value"></el-radio>
         </el-radio-group>
       </div>