客户配置静态页基础部分

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/config/CreditRulesCfg.vue

@@ -4,11 +4,46 @@
       信用规则配置
     </template>
     <template #default>
+      <el-form label-width="160px">
         <el-card class="xy-card-info">
           <template #header>
             <div class="xy-card-info-icona"></div><span class="xy-card-info-text">信用等级</span>
           </template>
           <template #default>
+            <el-card class="xy-card xy-margin-zero">
+              <template #default>
+                <div style="padding: 16px;">
+                  <el-table :data="listA" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
+                    <el-table-column prop="k1" label="信用等级" />
+                    <el-table-column prop="k2" label="评定分数范围">
+                      <template #default="scope">
+                        {{ scope.row.k2a }} ~ {{ scope.row.k2b }} 分
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="k3" label="级别说明" />
+                    <el-table-column label="生效时间">
+                      <template #default="scope">
+                        <span>{{ scope.row.k4a }}</span><span style="margin: 0px 5px;">至</span><span>{{ scope.row.k4b
+                        }}</span>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="最后更新时间">
+                      <template #default="scope">
+                        <div>{{ scope.row.k5a }}</div>
+                        <div>{{ scope.row.k5b }}</div>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="操作">
+                      <template #default="scope">
+                        <el-button type="primary" text :icon="Edit">编辑</el-button>
+                        <el-button type="primary" text :icon="Delete">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <el-button :style="{ width: '100%', margin: '10px 0px' }" :icon="Link">添加规则</el-button>
+                </div>
+              </template>
+            </el-card>
           </template>
         </el-card>
         <el-card class="xy-card-info">
@@ -18,11 +53,39 @@
           <template #default>
           </template>
         </el-card>
+        <div :style="{ textAlign: 'center' }">
+          <space><el-button type="primary">保存</el-button><el-button>返回</el-button></space>
+        </div>
+      </el-form>
     </template>
   </el-card>
 </template>
 
 <script setup lang="ts" name="CreditRulesCfg">
+import { Link, Edit, Delete } from '@element-plus/icons-vue'
+
+const listA: any = ref([
+  {
+    k1: '五星客户',
+    k2a: '90',
+    k2b: '100',
+    k3: '',
+    k4a: '2023-12-12',
+    k4b: '2023-10-11',
+    k5a: '康宁',
+    k5b: '2023-08-23 23:26:08'
+  },
+  {
+    k1: '四星客户',
+    k2a: '80',
+    k2b: '90',
+    k3: '',
+    k4a: '2023-12-12',
+    k4b: '2023-10-11',
+    k5a: '康宁',
+    k5b: '2023-08-23 23:26:08'
+  }
+])
 /** 信用规则配置初始化 **/
 onMounted(() => {
 })

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/config/RiskControlCfg.vue

@@ -143,6 +143,8 @@
           <template #header>
             <div class="xy-card-info-icona"></div><span class="xy-card-info-text">客户黑名单</span>
           </template>
+          <template #default>
+            <el-card class="xy-card xy-margin-zero">
               <template #default>
                 <div style="padding: 16px;">
                   <el-table :data="listB" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
@@ -172,7 +174,11 @@
                 </div>
               </template>
             </el-card>
-        <div :style="{ textAlign: 'center' }"><space><el-button type="primary">保存</el-button><el-button>返回</el-button></space></div>
+          </template>
+        </el-card>
+        <div :style="{ textAlign: 'center' }">
+          <space><el-button type="primary">保存</el-button><el-button>返回</el-button></space>
+        </div>
       </el-form>
     </template>
   </el-card>

yunxi-ui-admin-vue3/src/views/xxjj/subjectBasic/config/ServiceCfg.vue

@@ -4,6 +4,7 @@
       信用规则配置
     </template>
     <template #default>
+      <el-form label-width="160px">
         <el-card class="xy-card-info">
           <template #header>
             <div class="xy-card-info-icona"></div><span class="xy-card-info-text">客户信用配置</span>
@@ -23,20 +24,139 @@
             <div class="xy-card-info-icona"></div><span class="xy-card-info-text">商品黑名单</span>
           </template>
           <template #default>
+            <el-card class="xy-card xy-margin-zero">
+              <template #default>
+                <div style="padding: 16px;">
+                  <el-table :data="listA" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
+                    <el-table-column prop="k1" label="商品名称" />
+                    <el-table-column label="生效时间">
+                      <template #default="scope">
+                        <span>{{ scope.row.k2a }}</span><span style="margin: 0px 5px;">至</span><span>{{ scope.row.k2b
+                        }}</span>
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="k3" label="库存单位" />
+                    <el-table-column label="销售单位" prop="k4"></el-table-column>
+                    <el-table-column label="最小订货量" prop="k5"></el-table-column>
+                    <el-table-column label="最大订货量" prop="k6"></el-table-column>
+                    <el-table-column label="订货倍数" prop="k7"></el-table-column>
+                    <el-table-column label="允许超收比例" prop="k8"></el-table-column>
+                    <el-table-column label="起订金额（￥）" prop="k9"></el-table-column>
+                    <el-table-column label="操作">
+                      <template #default="scope">
+                        <el-button type="primary" text :icon="Edit">编辑</el-button>
+                        <el-button type="primary" text :icon="Delete">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <el-button :style="{ width: '100%', margin: '10px 0px' }" :icon="Link">关联商品</el-button>
+                </div>
+              </template>
+            </el-card>
           </template>
         </el-card>
         <el-card class="xy-card-info">
           <template #header>
-          <div class="xy-card-info-icona"></div><span class="xy-card-info-text">客户信用配置</span>
+            <div class="xy-card-info-icona"></div><span class="xy-card-info-text">执行仓库</span>
           </template>
           <template #default>
+            <el-card class="xy-card xy-margin-zero">
+              <template #default>
+                <div style="padding: 16px;">
+                  <el-table :data="listB" :border="true" :stripe="true" :show-overflow-tooltip="true" class="xy-table">
+                    <el-table-column prop="k1" label="仓库名称" />
+                    <el-table-column prop="k2" label="是否默认">
+                    </el-table-column>
+                    <el-table-column prop="k3" label="配送方式" />
+                    <el-table-column prop="k4" label="运输方式">
+                    </el-table-column>
+                    <el-table-column label="承运商" prop="k5"></el-table-column>
+                    <el-table-column label="生效时间">
+                      <template #default="scope">
+                        <span>{{ scope.row.k6a }}</span><span style="margin: 0px 5px;">至</span><span>{{ scope.row.k6b
+                        }}</span>
+                      </template>
+                    </el-table-column>
+                    <el-table-column label="操作">
+                      <template #default="scope">
+                        <el-button type="primary" text :icon="Edit">编辑</el-button>
+                        <el-button type="primary" text :icon="Delete">删除</el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                  <el-button :style="{ width: '100%', margin: '10px 0px' }" :icon="Link">关联仓库</el-button>
+                </div>
               </template>
             </el-card>
           </template>
         </el-card>
+        <div :style="{ textAlign: 'center' }">
+          <space><el-button type="primary">保存</el-button><el-button>返回</el-button></space>
+        </div>
+      </el-form>
+    </template>
+  </el-card>
 </template>
 
 <script setup lang="ts" name="ServiceCfg">
+import { Link, Edit, Delete } from '@element-plus/icons-vue'
+
+const listA: any = ref([
+  {
+    k1: '',
+    k2a: '2023-12-12',
+    k2b: '2023-10-11',
+    k3: '',
+    k4: '',
+    k5: '',
+    k6: '',
+    k7: '',
+    k8: '',
+    k9: ''
+  },
+  {
+    k1: '',
+    k2a: '2023-12-12',
+    k2b: '2023-10-11',
+    k3: '',
+    k4: '',
+    k5: '',
+    k6: '',
+    k7: '',
+    k8: '',
+    k9: ''
+  }
+])
+
+const listB: any = ref([
+  {
+    k1: '仓库名称',
+    k2: '默认',
+    k3: '仓配',
+    k4: '公路',
+    k5: '',
+    k6a: '2023-12-12',
+    k6b: '2023-10-11'
+  },
+  {
+    k1: '仓库名称',
+    k2: '--',
+    k3: '仓配',
+    k4: '铁路',
+    k5: '',
+    k6a: '2023-12-12',
+    k6b: '2023-10-11'
+  },
+  {
+    k1: '仓库名称',
+    k2: '--',
+    k3: '仓配',
+    k4: '空运',
+    k5: '',
+    k6a: '2023-12-12',
+    k6b: '2023-10-11'
+  }
+])
 /** 业务配置初始化 **/
 onMounted(() => {
 })