updates

src/modules/user/goose/views/View.vue

@@ -12,29 +12,32 @@ getGooseUserDetail(params).then(res => {
 </script>
 
 <template>
-  <el-row justify="end">
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/chenfeng/detail', query: { id: gooseInfo.other_system_customer?.dustess } })"
-      v-if="gooseInfo?.other_system_customer?.dustess !== null"
-      v-permission="'customer-dustess-view'"
-      >尘峰渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/weixin/detail', query: { id: gooseInfo.other_system_customer?.wechat } })"
-      v-if="gooseInfo.other_system_customer?.wechat !== null"
-      v-permission="'customer-wechat-view'"
-      >企微渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/zws/detail', query: { id: gooseInfo.other_system_customer?.zws } })"
-      v-if="gooseInfo.other_system_customer?.zws !== null"
-      v-permission="'customer-zws-view'"
-      >ZWS渠道</el-button
-    >
-  </el-row>
+  <div style="display: flex; justify-content: flex-end; margin-bottom: 20px">
+    <div v-permission="'customer-dustess-view'">
+      <el-button
+        type="primary"
+        v-if="gooseInfo?.other_system_customer?.dustess !== null"
+        @click="router.push({ path: '/user/chenfeng/detail', query: { id: gooseInfo.other_system_customer?.dustess } })"
+        >尘峰渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-wechat-view'">
+      <el-button
+        type="primary"
+        v-if="gooseInfo.other_system_customer?.wechat !== null"
+        @click="router.push({ path: '/user/weixin/detail', query: { id: gooseInfo.other_system_customer?.wechat } })"
+        >企微渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-zws-view'">
+      <el-button
+        type="primary"
+        @click="router.push({ path: '/user/zws/detail', query: { id: gooseInfo.other_system_customer?.zws } })"
+        v-if="gooseInfo.other_system_customer?.zws !== null"
+        >ZWS渠道</el-button
+      >
+    </div>
+  </div>
   <AppCard title="基本信息">
     <el-descriptions :column="4">
       <el-descriptions-item label="用户姓名">{{ gooseInfo.name || '-' }}</el-descriptions-item>
@@ -57,3 +60,8 @@ getGooseUserDetail(params).then(res => {
     </el-descriptions>
   </AppCard>
 </template>
+<style lang="scss" scoped>
+.el-button {
+  margin-right: 10px;
+}
+</style>

src/modules/user/peak/views/View.vue

@@ -4,37 +4,46 @@ import { getPeakUserDetail } from '../api'
 const route = useRoute()
 const router = useRouter()
 const infoList: any = ref({})
-const params: any = { id: route.query.id }
-getPeakUserDetail(params).then(res => {
-  res.data.custom_fields = JSON.parse(res.data.custom_fields)
-  infoList.value = res.data
+onMounted(() => {
+  const params: any = { id: route.query.id }
+  getPeakUserDetail(params).then(res => {
+    res.data.custom_fields = JSON.parse(res.data.custom_fields)
+    infoList.value = res.data
+  })
 })
 </script>
 
 <template>
-  <el-row justify="end" style="margin-bottom: 20px">
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/chenfeng/detail', query: { id: infoList.other_system_customer?.xiaoe } })"
-      v-if="infoList.other_system_customer?.xiaoe !== null"
-      v-permission="'customer-xiaoe-view'"
-      >小鹅通渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/weixin/detail', query: { id: infoList.other_system_customer?.wechat } })"
-      v-if="infoList.other_system_customer?.wechat !== null"
-      v-permission="'customer-wechat-view'"
-      >企微渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/zws/detail', query: { id: infoList.other_system_customer?.zws } })"
-      v-if="infoList.other_system_customer?.zws !== null"
-      v-permission="'customer-zws-view'"
-      >ZWS渠道</el-button
-    >
-  </el-row>
+  <div style="display: flex; justify-content: flex-end; margin-bottom: 20px">
+    <div v-permission="'customer-xiaoe-view'">
+      <el-button
+        type="primary"
+        v-if="infoList.other_system_customer?.xiaoe !== null"
+        @click="
+          router.push({ path: '/user/chenfeng/detail', query: { id: infoList.other_system_customer?.xiaoe || '' } })
+        "
+        >小鹅通渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-wechat-view'">
+      <el-button
+        type="primary"
+        v-if="infoList.other_system_customer?.wechat !== null"
+        @click="
+          router.push({ path: '/user/weixin/detail', query: { id: infoList.other_system_customer?.wechat || '' } })
+        "
+        >企微渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-zws-view'">
+      <el-button
+        type="primary"
+        v-if="infoList.other_system_customer?.zws !== null"
+        @click="router.push({ path: '/user/zws/detail', query: { id: infoList.other_system_customer?.zws || '' } })"
+        >ZWS渠道</el-button
+      >
+    </div>
+  </div>
   <AppCard>
     <el-descriptions :column="4">
       <el-descriptions-item label="用户姓名">{{ infoList.name || '-' }}</el-descriptions-item>
@@ -67,3 +76,8 @@ getPeakUserDetail(params).then(res => {
     </el-descriptions>
   </AppCard>
 </template>
+<style lang="scss" scoped>
+.el-button {
+  margin-right: 10px;
+}
+</style>

src/modules/user/zws/views/View.vue

@@ -29,29 +29,32 @@ const handleView = () => {
 </script>
 
 <template>
-  <el-row justify="end">
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/chenfeng/detail', query: { id: zwsInfo?.other_system_customer?.dustess } })"
-      v-if="zwsInfo?.other_system_customer?.dustess !== null"
-      v-permission="'customer-dustess-view'"
-      >尘峰渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/xaioe/detail', query: { id: zwsInfo?.other_system_customer?.xiaoe } })"
-      v-if="zwsInfo?.other_system_customer?.xiaoe !== null"
-      v-permission="'customer-xiaoe-view'"
-      >小鹅通渠道</el-button
-    >
-    <el-button
-      type="primary"
-      @click="router.push({ path: '/user/weixin/detail', query: { id: zwsInfo?.other_system_customer?.wechat } })"
-      v-if="zwsInfo?.other_system_customer?.wechat !== null"
-      v-permission="'customer-wechat-view'"
-      >企微渠道</el-button
-    >
-  </el-row>
+  <div style="display: flex; justify-content: flex-end; margin-bottom: 20px">
+    <div v-permission="'customer-dustess-view'">
+      <el-button
+        type="primary"
+        @click="router.push({ path: '/user/chenfeng/detail', query: { id: zwsInfo?.other_system_customer?.dustess } })"
+        v-if="zwsInfo?.other_system_customer?.dustess !== null"
+        >尘峰渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-xiaoe-view'">
+      <el-button
+        type="primary"
+        @click="router.push({ path: '/user/xaioe/detail', query: { id: zwsInfo?.other_system_customer?.xiaoe } })"
+        v-if="zwsInfo?.other_system_customer?.xiaoe !== null"
+        >小鹅通渠道</el-button
+      >
+    </div>
+    <div v-permission="'customer-wechat-view'">
+      <el-button
+        type="primary"
+        @click="router.push({ path: '/user/weixin/detail', query: { id: zwsInfo?.other_system_customer?.wechat } })"
+        v-if="zwsInfo?.other_system_customer?.wechat !== null"
+        >企微渠道</el-button
+      >
+    </div>
+  </div>
   <AppCard title="基本信息" style="margin-top: 20px">
     <el-descriptions :column="3" border>
       <el-descriptions-item label="用户姓名">{{ zwsInfo.user_name || '-' }}</el-descriptions-item>
@@ -114,3 +117,8 @@ const handleView = () => {
     <el-empty></el-empty>
   </AppCard>
 </template>
+<style lang="scss" scoped>
+.el-button {
+  margin-right: 10px;
+}
+</style>