From 0ab5048ecc8eac8ab32971925ac8851a5e1bd384 Mon Sep 17 00:00:00 2001
From: big_sun_962464 <big_sun_962464@devide>
Date: Fri, 14 Jun 2024 23:31:00 +0800
Subject: [PATCH] Fri Jun 14 23:31:00 CST 2024 inscode

---
 src/App.vue                                | 378 +--------------------
 src/assets/main.css                        |  34 --
 src/components/HelloWorld.vue              |  11 -
 src/components/Select/SelectValueObj.vue   |  50 +++
 src/components/icons/IconCommunity.vue     |   7 -
 src/components/icons/IconDocumentation.vue |   7 -
 src/components/icons/IconEcosystem.vue     |   7 -
 src/components/icons/IconSupport.vue       |   7 -
 src/components/icons/IconTooling.vue       |  19 --
 src/main.js                                |   2 +-
 10 files changed, 58 insertions(+), 464 deletions(-)
 delete mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/components/Select/SelectValueObj.vue
 delete mode 100644 src/components/icons/IconCommunity.vue
 delete mode 100644 src/components/icons/IconDocumentation.vue
 delete mode 100644 src/components/icons/IconEcosystem.vue
 delete mode 100644 src/components/icons/IconSupport.vue
 delete mode 100644 src/components/icons/IconTooling.vue

diff --git a/src/App.vue b/src/App.vue
index dc76f84..ad243b7 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,8 @@
-<!-- <script setup>
+<script setup>
 import axios from 'axios'
 import { debounce } from 'lodash'
 import { ref, watch, watchEffect } from 'vue'
+import SelectValueObj from './components/Select/SelectValueObj.vue';
 
 const question = ref(1)// 问题
 const answer = ref('您可输入1-100内的数字进行问询')
@@ -31,383 +32,18 @@ watch(question, debounce(getAnswer, 200),{immediate:true})
 
 <template>
   <div>
+    <SelectValueObj/>
+  </div>
+  <!-- <div>
     <el-button>234</el-button>
     <label for="input">
       问题描述：<input type="number" v-model="question" max="100" min="1" >
     </label>
     <button @click="question++">+</button>
     <p>问题答案：{{ answer }}</p>
-  </div>
-</template>
-
-<style scoped></style> -->
-
-<template>
-  <ContentLayout>
-    <el-card>
-      <header>
-        <button @click="handleClick">+</button>
-        <button @click="handleClick1">-</button>
-        {{ ruleForm }}
-        <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="90px" size="small" status-icon>
-          <el-row>
-            <el-col :span="5">
-              <el-form-item label="销售组织" prop="saleOrgObj">
-                <el-select style="width: 100%" value-key="code" v-model="ruleForm.saleOrgObj" filterable
-                  placeholder="请选择销售组织" clearable>
-                  <el-option v-for="item in selectOptions.saleOrganizationOptions" :key="item.code" :label="item.name"
-                    :value="item" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="客户" prop="customerInfoObj">
-                <el-select style="width: 100%" clearable value-key="code" v-model="ruleForm.customerInfoObj" filterable
-                  remote fit-input-width placeholder="输入客户编码或名称检索，精确选择" :remote-method="getCustomerOptionsFn">
-                  <el-option v-for="item in selectOptions.customerInfoOptions" :key="item.code" :label="item.label"
-                    :value="item" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="订单号" prop="orderNumber">
-                <el-input v-model.trim="ruleForm.orderNumber" maxlength="20" placeholder="请输入订单号" show-word-limit
-                  type="text" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="商品" prop="commodity">
-                <el-input v-model.trim="ruleForm.commodity" maxlength="20" placeholder="请输入商品" show-word-limit
-                  type="text" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="4">
-              <el-form-item label="付款类型" prop="paymentMethod">
-                <el-select style="width: 100%" value-key="code" v-model="ruleForm.paymentMethod" filterable
-                  placeholder="请选择付款类型">
-                  <el-option v-for="item in selectOptions.paymentTypeOptions" :key="item.code" :label="item.name"
-                    :value="item" />
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row>
-            <el-col :span="5">
-              <el-form-item label="开票日期" prop="invoiceDate">
-                <el-date-picker style="width: 100%" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
-                  v-model="ruleForm.invoiceDate" type="daterange" range-separator="至" start-placeholder="开始日期"
-                  end-placeholder="结束日期" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="SAP订单号" prop="sapOrderNumber">
-                <el-input v-model.trim="ruleForm.sapOrderNumber" maxlength="20" placeholder="请输入SAP订单号" show-word-limit
-                  type="text" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="交货单号" prop="deliveryNumber">
-                <el-input v-model.trim="ruleForm.deliveryNumber" maxlength="20" placeholder="请输入交货单号" show-word-limit
-                  type="text" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="发票号" prop="billNumber">
-                <el-input v-model.trim="ruleForm.billNumber" maxlength="20" placeholder="请输入发票号" show-word-limit
-                  type="text" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="4">
-              <el-form-item>
-                <div style="width: 100%; display: flex; justify-content: flex-end">
-                  <el-button @click="resetForm(ruleFormRef)">重置</el-button>
-                  <el-button type="primary" @click="submitForm(ruleFormRef)">
-                    查询
-                  </el-button>
-                </div>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
-      </header>
-      <section />
-    </el-card>
-  </ContentLayout>
+  </div> -->
 </template>
 
-<script setup lang="ts">
-import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
-import { ref, reactive, watch, watchEffect } from 'vue'
+<style scoped></style>
 
-type SaleOrgObj = {
-  id: string
-  code: string
-  name: string
-  [key: string]: any
-}
 
-type CustomerInfoObj = {
-  code: string
-  crmCode: string
-  label: string
-  name: string
-  regionName: string
-  regionCode: string
-  sapCode: string
-  value: string
-  [key: string]: any
-}
-
-type PaymentMethod = {
-  code: string
-  name: string
-  type: string
-  [key: string]: any
-}
-
-interface RuleForm {
-  saleOrgObj: SaleOrgObj // 销售组织对象
-  customerInfoObj: CustomerInfoObj // 客户对象
-  orderNumber: string // 订单号
-  commodity: string // 商品
-  paymentMethod: PaymentMethod // 付款类型
-  invoiceDate: [string, string] // 开票日期
-  sapOrderNumber: string // SAP订单号
-  deliveryNumber: string // 交货单号
-  billNumber: string // 发票号
-}
-
-const formSize = ref<ComponentSize>('small')
-const ruleFormRef = ref<FormInstance>()
-const ruleForm = ref<RuleForm>({
-  // saleOrgObj: {
-  //   code: '1017',
-  //   id: '1017',
-  //   name: '医药商业'
-  // }, // 销售组织对象
-  saleOrgObj: null, // 销售组织对象
-  // customerInfoObj: {
-  //   code: '1000003286',
-  //   crmCode: null,
-  //   label: '湖南天士力民生药业有限公司浏阳分公司-0010721773',
-  //   name: '湖南天士力民生药业有限公司浏阳分公司',
-  //   regionCode: '220000',
-  //   regionName: '湖南大区',
-  //   sapCode: '0010721773',
-  //   value: '1000003286'
-  // }, // 客户对象
-  customerInfoObj: null,
-  orderNumber: '', // 订单号
-  commodity: '', // 商品
-  // paymentMethod: {
-  //   // code: 'LAYING_GOODS',
-  //   // name: '铺底货',
-  //   // type: 'PAYMENT_TYPE'
-  // }, // 付款类型
-  paymentMethod: null, // 付款类型
-  // invoiceDate: ['2024-04-30', '2024-06-02'], // 开票日期
-  invoiceDate: null, // 开票日期
-  sapOrderNumber: '', // SAP订单号
-  deliveryNumber: '', // 交货单号
-  billNumber: '' // 发票号
-})
-
-const handleClick = () => {
-  // ruleFormRef.value.clearValidate()
-  ruleForm.value.saleOrgObj = {
-    code: '1017',
-    id: '1017',
-    name: '医药商业'
-  }
-  ruleForm.value.customerInfoObj = {
-    code: '1000003286',
-    crmCode: null,
-    label: '湖南天士力民生药业有限公司浏阳分公司-0010721773',
-    name: '湖南天士力民生药业有限公司浏阳分公司',
-    regionCode: '220000',
-    regionName: '湖南大区',
-    sapCode: '0010721773',
-    value: '1000003286'
-  }
-  ruleForm.value.orderNumber = '订单号'
-  ruleForm.value.commodity = '商品'
-  ruleForm.value.paymentMethod = {
-    code: 'LAYING_GOODS',
-    name: '铺底货',
-    type: 'PAYMENT_TYPE'
-  }
-  ruleForm.value.invoiceDate = ['2024-04-30', '2024-06-02']
-  ruleForm.value.sapOrderNumber = 'SAP订单号'
-  ruleForm.value.deliveryNumber = '交货单号'
-  ruleForm.value.billNumber = '发票号'
-  // submitForm(undefined)
-  // 重置表单的验证状态
-  // ruleFormRef.value.resetFields()
-  // ruleForm.value = {
-  //   saleOrgObj: {
-  //     code: '1017',
-  //     id: '1017',
-  //     name: '医药商业'
-  //   }, // 销售组织对象
-  //   customerInfoObj: {
-  //     code: '1000003286',
-  //     crmCode: null,
-  //     label: '湖南天士力民生药业有限公司浏阳分公司-0010721773',
-  //     name: '湖南天士力民生药业有限公司浏阳分公司',
-  //     regionCode: '220000',
-  //     regionName: '湖南大区',
-  //     sapCode: '0010721773',
-  //     value: '1000003286'
-  //   }, // 客户对象
-  //   orderNumber: '订单号', // 订单号
-  //   commodity: '商品', // 商品
-  //   paymentMethod: {
-  //     code: 'LAYING_GOODS',
-  //     name: '铺底货',
-  //     type: 'PAYMENT_TYPE'
-  //   }, // 付款类型
-  //   invoiceDate: ['2024-04-30', '2024-06-02'], // 开票日期
-  //   sapOrderNumber: 'SAP订单号', // SAP订单号
-  //   deliveryNumber: '交货单号', // 交货单号
-  //   billNumber: '发票号' // 发票号
-  // }
-}
-
-const handleClick1 = () => {
-  ruleForm.value.saleOrgObj = null
-  ruleForm.value.customerInfoObj = null
-  ruleForm.value.orderNumber = ''
-  ruleForm.value.commodity = ''
-  ruleForm.value.paymentMethod = null
-  ruleForm.value.invoiceDate = null
-  ruleForm.value.sapOrderNumber = ''
-  ruleForm.value.deliveryNumber = ''
-  ruleForm.value.billNumber = ''
-  // ruleFormRef.value.validateField('invoiceDate')
-  // ruleForm.value = {
-  //   saleOrgObj: null, // 销售组织对象
-  //   customerInfoObj: null,
-  //   orderNumber: '', // 订单号
-  //   commodity: '', // 商品
-  //   paymentMethod: null, // 付款类型
-  //   invoiceDate: ['', ''], // 开票日期
-  //   sapOrderNumber: '', // SAP订单号
-  //   deliveryNumber: '', // 交货单号
-  //   billNumber: '' // 发票号
-  // }
-}
-
-const rules = reactive<FormRules<RuleForm>>({
-  saleOrgObj: [
-    { required: true, message: '请选择销售组织', trigger: 'change' }
-  ],
-  customerInfoObj: [
-    { required: true, message: '请选择客户', trigger: 'change' }
-  ],
-  orderNumber: [{ required: true, message: '请选择订单号', trigger: 'change' }],
-  commodity: [{ required: true, message: '请选择商品', trigger: 'change' }],
-  paymentMethod: [
-    { required: true, message: '请选择付款类型', trigger: 'change' }
-  ],
-  invoiceDate: [
-    // { required: true, message: '请选择开票日期', trigger: 'change' },
-    {
-      validator: (rule, value, callback) => {
-        if (!value || value.length !== 2) {
-          callback(new Error('请选择开票日期'))
-        } else {
-          callback()
-        }
-      },
-      trigger: 'change'
-    }
-  ],
-  sapOrderNumber: [
-    { required: true, message: '请选择SAP订单号', trigger: 'change' }
-  ],
-  deliveryNumber: [
-    { required: true, message: '请选择交货单号', trigger: 'change' }
-  ],
-  billNumber: [{ required: true, message: '请选择发票号', trigger: 'change' }]
-})
-
-// 下拉框对象
-const selectOptions = ref<{
-  saleOrganizationOptions: SaleOrgObj[]
-  customerInfoOptions: CustomerInfoObj[]
-  paymentTypeOptions: PaymentMethod[]
-}>({
-  // 销售组织下拉框
-  saleOrganizationOptions: [
-    { id: "1017", code: "1017", name: "医药商业" },
-    { id: "1401", code: "1401", name: "帝泊洱" },
-    { id: "2010", code: "2010", name: "医药集团" },
-    { id: "2820", code: "2820", name: "天士力圣特" },
-    { id: "2810", code: "2810", name: "江苏帝益" },
-    { id: "2020", code: "2020", name: "天之骄" },
-    { id: "2060", code: "2060", name: "辽宁制药" },
-    { id: "2610", code: "2610", name: "上海生物医药" },
-    { id: "2070", code: "2070", name: "河南天地" }
-  ],
-  // 客户下拉框
-  customerInfoOptions: [
-    {
-      code: "1000003284",
-      crmCode: null,
-      label: "湖南天士力民生药业有限公司长沙分公司-0010721774",
-      name: "湖南天士力民生药业有限公司长沙分公司",
-      regionCode: "220000",
-      regionName: "湖南大区",
-      sapCode: "0010721774",
-      value: "1000003284"
-    }
-  ],
-  paymentTypeOptions: [
-    { code: "PRE_RECEIVE", name: "预收款", type: "PAYMENT_TYPE" },
-    { code: "CREDIT", name: "信用", type: "PAYMENT_TYPE" },
-    { code: "LAYING_GOODS", name: "铺底货", type: "PAYMENT_TYPE" }
-  ]
-})
-
-// // 获取销售组织下拉框事件
-// const getSaleOptionsFn = async () => {
-//   const res: any = await getSaleOptions()
-//   selectOptions.value.saleOrganizationOptions = res
-//   console.log(selectOptions.value.saleOrganizationOptions)
-// }
-// getSaleOptionsFn()
-// // 获取客户下拉options
-// const getCustomerOptionsFn = async (query: string) => {
-//   if (query) {
-//     const res: any = await getCustomerOptions(query)
-//     selectOptions.value.customerInfoOptions = res
-//   }
-// }
-
-// const getQueryPaymentTypeFn = async () => {
-//   const res: PaymentMethod[] = await getQueryPaymentType()
-//   selectOptions.value.paymentTypeOptions = res
-// }
-// getQueryPaymentTypeFn()
-
-const submitForm = async (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  await formEl.validate((valid, fields) => {
-    if (valid) {
-      console.log('submit!', ruleForm)
-    } else {
-      console.log('error submit!', fields)
-    }
-  })
-}
-
-const resetForm = (formEl: FormInstance | undefined) => {
-  if (!formEl) return
-  formEl.resetFields()
-}
-</script>
-<style scoped>
-/* ::v-deep .el-form-item__label {
-  font-weight: bold !important;
-} */
-</style>
diff --git a/src/assets/main.css b/src/assets/main.css
index c133f91..8611f02 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -1,35 +1 @@
 @import "./base.css";
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-
-  font-weight: normal;
-}
-
-a,
-.green {
-  text-decoration: none;
-  color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-}
-
-@media (hover: hover) {
-  a:hover {
-    background-color: hsla(160, 100%, 37%, 0.2);
-  }
-}
-
-@media (min-width: 1024px) {
-  body {
-    display: flex;
-    place-items: center;
-  }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
-}
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
deleted file mode 100644
index baa241d..0000000
--- a/src/components/HelloWorld.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup>
-<div>123</div>
-</script>
-
-<template>
-  <div>
-
-  </div>
-</template>
-
-<style scoped></style>
diff --git a/src/components/Select/SelectValueObj.vue b/src/components/Select/SelectValueObj.vue
new file mode 100644
index 0000000..26083af
--- /dev/null
+++ b/src/components/Select/SelectValueObj.vue
@@ -0,0 +1,50 @@
+<template>
+  <div>
+    <el-select 
+      v-model="obj.selectVal" 
+      value-key="code" 
+      placeholder="请选择"
+    >
+      <el-option 
+        v-for="item in selectOptions" 
+        :key="item.code" 
+        :label="item.label" 
+        :value="item" 
+      />
+    </el-select>
+    <p>obj.selectVal：{{ obj.selectVal }}</p>
+    <el-button type="success" @click="setSelectVal">设置值</el-button>
+    <el-button type="warning" @click="getSelectVal">获取值</el-button>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const obj = ref({
+  selectVal: ''
+})
+
+const selectOptions = ref([
+  { label: '天津', code: 'TJ', level: '直辖市' },
+  { label: '北京', code: 'BJ', level: '直辖市' },
+  { label: '上海', code: 'SH', level: '直辖市' },
+  { label: '重庆', code: 'CQ', level: '直辖市' },
+  { label: '石家庄', code: 'SJZ', level: '省会城市' },
+  { label: '郑州', code: 'ZZ', level: '省会城市' },
+])
+
+// 设置值按钮触发事件
+function setSelectVal() {
+  obj.value.selectVal = {
+    label: '重庆', 
+    code: 'CQ',
+    level: '直辖市' 
+  }
+}
+
+// 获取值按钮触发事件
+function getSelectVal() {
+  console.log(obj.value.selectVal)
+}
+</script>
\ No newline at end of file
diff --git a/src/components/icons/IconCommunity.vue b/src/components/icons/IconCommunity.vue
deleted file mode 100644
index 2dc8b05..0000000
--- a/src/components/icons/IconCommunity.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
-    <path
-      d="M15 4a1 1 0 1 0 0 2V4zm0 11v-1a1 1 0 0 0-1 1h1zm0 4l-.707.707A1 1 0 0 0 16 19h-1zm-4-4l.707-.707A1 1 0 0 0 11 14v1zm-4.707-1.293a1 1 0 0 0-1.414 1.414l1.414-1.414zm-.707.707l-.707-.707.707.707zM9 11v-1a1 1 0 0 0-.707.293L9 11zm-4 0h1a1 1 0 0 0-1-1v1zm0 4H4a1 1 0 0 0 1.707.707L5 15zm10-9h2V4h-2v2zm2 0a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3v2zm1 1v6h2V7h-2zm0 6a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3h-2zm-1 1h-2v2h2v-2zm-3 1v4h2v-4h-2zm1.707 3.293l-4-4-1.414 1.414 4 4 1.414-1.414zM11 14H7v2h4v-2zm-4 0c-.276 0-.525-.111-.707-.293l-1.414 1.414C5.42 15.663 6.172 16 7 16v-2zm-.707 1.121l3.414-3.414-1.414-1.414-3.414 3.414 1.414 1.414zM9 12h4v-2H9v2zm4 0a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1v2zm3-3V3h-2v6h2zm0-6a3 3 0 0 0-3-3v2a1 1 0 0 1 1 1h2zm-3-3H3v2h10V0zM3 0a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1V0zM0 3v6h2V3H0zm0 6a3 3 0 0 0 3 3v-2a1 1 0 0 1-1-1H0zm3 3h2v-2H3v2zm1-1v4h2v-4H4zm1.707 4.707l.586-.586-1.414-1.414-.586.586 1.414 1.414z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconDocumentation.vue b/src/components/icons/IconDocumentation.vue
deleted file mode 100644
index 6d4791c..0000000
--- a/src/components/icons/IconDocumentation.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" fill="currentColor">
-    <path
-      d="M11 2.253a1 1 0 1 0-2 0h2zm-2 13a1 1 0 1 0 2 0H9zm.447-12.167a1 1 0 1 0 1.107-1.666L9.447 3.086zM1 2.253L.447 1.42A1 1 0 0 0 0 2.253h1zm0 13H0a1 1 0 0 0 1.553.833L1 15.253zm8.447.833a1 1 0 1 0 1.107-1.666l-1.107 1.666zm0-14.666a1 1 0 1 0 1.107 1.666L9.447 1.42zM19 2.253h1a1 1 0 0 0-.447-.833L19 2.253zm0 13l-.553.833A1 1 0 0 0 20 15.253h-1zm-9.553-.833a1 1 0 1 0 1.107 1.666L9.447 14.42zM9 2.253v13h2v-13H9zm1.553-.833C9.203.523 7.42 0 5.5 0v2c1.572 0 2.961.431 3.947 1.086l1.107-1.666zM5.5 0C3.58 0 1.797.523.447 1.42l1.107 1.666C2.539 2.431 3.928 2 5.5 2V0zM0 2.253v13h2v-13H0zm1.553 13.833C2.539 15.431 3.928 15 5.5 15v-2c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM5.5 15c1.572 0 2.961.431 3.947 1.086l1.107-1.666C9.203 13.523 7.42 13 5.5 13v2zm5.053-11.914C11.539 2.431 12.928 2 14.5 2V0c-1.92 0-3.703.523-5.053 1.42l1.107 1.666zM14.5 2c1.573 0 2.961.431 3.947 1.086l1.107-1.666C18.203.523 16.421 0 14.5 0v2zm3.5.253v13h2v-13h-2zm1.553 12.167C18.203 13.523 16.421 13 14.5 13v2c1.573 0 2.961.431 3.947 1.086l1.107-1.666zM14.5 13c-1.92 0-3.703.523-5.053 1.42l1.107 1.666C11.539 15.431 12.928 15 14.5 15v-2z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconEcosystem.vue b/src/components/icons/IconEcosystem.vue
deleted file mode 100644
index c3a4f07..0000000
--- a/src/components/icons/IconEcosystem.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" fill="currentColor">
-    <path
-      d="M11.447 8.894a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm0 1.789a1 1 0 1 0 .894-1.789l-.894 1.789zM7.447 7.106a1 1 0 1 0-.894 1.789l.894-1.789zM10 9a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0H8zm9.447-5.606a1 1 0 1 0-.894-1.789l.894 1.789zm-2.894-.789a1 1 0 1 0 .894 1.789l-.894-1.789zm2 .789a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zM18 5a1 1 0 1 0-2 0h2zm-2 2.5a1 1 0 1 0 2 0h-2zm-5.447-4.606a1 1 0 1 0 .894-1.789l-.894 1.789zM9 1l.447-.894a1 1 0 0 0-.894 0L9 1zm-2.447.106a1 1 0 1 0 .894 1.789l-.894-1.789zm-6 3a1 1 0 1 0 .894 1.789L.553 4.106zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zm-2-.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 2.789a1 1 0 1 0 .894-1.789l-.894 1.789zM2 5a1 1 0 1 0-2 0h2zM0 7.5a1 1 0 1 0 2 0H0zm8.553 12.394a1 1 0 1 0 .894-1.789l-.894 1.789zm-1.106-2.789a1 1 0 1 0-.894 1.789l.894-1.789zm1.106 1a1 1 0 1 0 .894 1.789l-.894-1.789zm2.894.789a1 1 0 1 0-.894-1.789l.894 1.789zM8 19a1 1 0 1 0 2 0H8zm2-2.5a1 1 0 1 0-2 0h2zm-7.447.394a1 1 0 1 0 .894-1.789l-.894 1.789zM1 15H0a1 1 0 0 0 .553.894L1 15zm1-2.5a1 1 0 1 0-2 0h2zm12.553 2.606a1 1 0 1 0 .894 1.789l-.894-1.789zM17 15l.447.894A1 1 0 0 0 18 15h-1zm1-2.5a1 1 0 1 0-2 0h2zm-7.447-5.394l-2 1 .894 1.789 2-1-.894-1.789zm-1.106 1l-2-1-.894 1.789 2 1 .894-1.789zM8 9v2.5h2V9H8zm8.553-4.894l-2 1 .894 1.789 2-1-.894-1.789zm.894 0l-2-1-.894 1.789 2 1 .894-1.789zM16 5v2.5h2V5h-2zm-4.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zm-2.894-1l-2 1 .894 1.789 2-1L8.553.106zM1.447 5.894l2-1-.894-1.789-2 1 .894 1.789zm-.894 0l2 1 .894-1.789-2-1-.894 1.789zM0 5v2.5h2V5H0zm9.447 13.106l-2-1-.894 1.789 2 1 .894-1.789zm0 1.789l2-1-.894-1.789-2 1 .894 1.789zM10 19v-2.5H8V19h2zm-6.553-3.894l-2-1-.894 1.789 2 1 .894-1.789zM2 15v-2.5H0V15h2zm13.447 1.894l2-1-.894-1.789-2 1 .894 1.789zM18 15v-2.5h-2V15h2z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconSupport.vue b/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834..0000000
--- a/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
-    <path
-      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
-    />
-  </svg>
-</template>
diff --git a/src/components/icons/IconTooling.vue b/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d..0000000
--- a/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    aria-hidden="true"
-    role="img"
-    class="iconify iconify--mdi"
-    width="24"
-    height="24"
-    preserveAspectRatio="xMidYMid meet"
-    viewBox="0 0 24 24"
-  >
-    <path
-      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
-      fill="currentColor"
-    ></path>
-  </svg>
-</template>
diff --git a/src/main.js b/src/main.js
index 7998310..a9b3907 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,7 +4,7 @@ import App from './App.vue'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
-// import './assets/main.css'
+import './assets/main.css'
 
 const app =createApp(App)
 app.use(ElementPlus)
-- 
GitLab