dev

2025-05-15 23:15:57 +08:00
parent 723ceb5f6f
commit 900d8e8560
86 changed files with 2350 additions and 1905 deletions
@@ -101,23 +101,27 @@ export default defineComponent({
              </div>
            ) : (
              <>
-              <div class="equ-profile-item">
-                <div class="row-name">品级</div>
-                <calc-select v-model={id.value} class="flex-1 !h-20px">
-                  {renderList(basicInfoStore.avatars[part.value] ?? [], (item) => (
-                    <calc-option value={item.id}>{item.suit}</calc-option>
-                  ))}
-                </calc-select>
-              </div>
-              <div class="equ-profile-item">
-                <div class="row-name">属性</div>
-                <calc-select v-model={option.value} class="flex-1 !h-20px">
-                  <calc-option value={0}>无</calc-option>
-                  {renderList(basicInfoStore.avatars[part.value].find(a=>a.id == id.value)?.options ?? [], (item) => (
-                    <calc-option value={item}>{item}</calc-option>
-                  ))}
-                </calc-select>
-              </div>
+                <div class="equ-profile-item">
+                  <div class="row-name">品级</div>
+                  <calc-select v-model={id.value} class="flex-1 !h-20px">
+                    {renderList(basicInfoStore.avatars[part.value] ?? [], (item) => (
+                      <calc-option value={item.id}>{item.suit}</calc-option>
+                    ))}
+                  </calc-select>
+                </div>
+                <div class="equ-profile-item">
+                  <div class="row-name">属性</div>
+                  <calc-select v-model={option.value} class="flex-1 !h-20px">
+                    <calc-option value={0}>无</calc-option>
+                    {renderList(
+                      basicInfoStore.avatars[part.value].find((a) => a.id == id.value)?.options ??
+                        [],
+                      (item) => (
+                        <calc-option value={item}>{item}</calc-option>
+                      ),
+                    )}
+                  </calc-select>
+                </div>
              </>
            )}
            {has_socket.value ? (
@@ -1,28 +1,32 @@
 <template>
  <div>
-  <template v-for="key in ['0','1','2','3']" :key="key">
-    <div class="flex gap-2 mt-5px">
-      <calc-select class="flex-1 !h-20px" v-model="configStore.config.jades[key].id">
-        <calc-option :value="0">无</calc-option>
-        <calc-option v-for="(item, index) in infoStore.jades" :key="item.id" :value="item.id">
-          {{item.name}}
-        </calc-option>
-      </calc-select>
-      <!-- <calc-slider
+    <template v-for="key in ['0', '1', '2', '3']" :key="key">
+      <div class="flex gap-2 mt-5px">
+        <calc-select class="flex-1 !h-20px" v-model="configStore.config.jades[key].id">
+          <calc-option :value="0">无</calc-option>
+          <calc-option v-for="(item, index) in infoStore.jades" :key="item.id" :value="item.id">
+            {{ item.name }}
+          </calc-option>
+        </calc-select>
+        <!-- <calc-slider
        v-model="configStore.config.jades[key].value"
        :formatValue="formatValue(configStore.config.jades[key].id)"
        :min="Number(currentJade(configStore.config.jades[key].id)?.min)"
        :max="Number(currentJade(configStore.config.jades[key].id)?.max)"
        :step="Number(currentJade(configStore.config.jades[key].id)?.pre)"
        ></calc-slider> -->
-      <calc-select class="flex-1 !h-20px" v-model="configStore.config.jades[key].value">
-        <calc-option v-for="(item, index) in valueList(configStore.config.jades[key].id)" :key="item.id" :value="item.id">
-          {{item.value}}
-        </calc-option>
-      </calc-select>
-    </div>
-  </template>
-</div>
+        <calc-select class="flex-1 !h-20px" v-model="configStore.config.jades[key].value">
+          <calc-option
+            v-for="(item, index) in valueList(configStore.config.jades[key].id)"
+            :key="item.id"
+            :value="item.id"
+          >
+            {{ item.value }}
+          </calc-option>
+        </calc-select>
+      </div>
+    </template>
+  </div>
 </template>

 <script setup lang="ts">
@@ -40,50 +44,50 @@ const currentJade = computed(() => {
      return undefined
    } else {
      const res = []
-      const cur = infoStore.jades?.find(e => e.id == id) as IJade
+      const cur = infoStore.jades?.find((e) => e.id == id) as IJade
      return cur
    }
  }
 })

 const formatValue = (id: number) => {
-    return (value:number) =>{
-      if(currentJade.value(id)?.unit.includes('等级')){
-        return `$等级 +${value}`
-      }
-      return `${getFloat(value, 1)}${currentJade.value(id)?.unit}`
+  return (value: number) => {
+    if (currentJade.value(id)?.unit.includes('等级')) {
+      return `$等级 +${value}`
    }
+    return `${getFloat(value, 1)}${currentJade.value(id)?.unit}`
  }
+}

 const valueList = computed(() => {
  return function (id: number = -1) {
-        if (id == -1) {
-          return undefined
+    if (id == -1) {
+      return undefined
+    } else {
+      const res = []
+      const cur = infoStore.jades?.find((e) => e.id == id) as IJade
+      if (cur) {
+        const { max, min, unit, pre } = cur
+        //
+        if (unit.includes('等级')) {
+          res.push({
+            id: 1,
+            value: unit,
+          })
        } else {
-          const res = []
-          const cur = infoStore.jades?.find(e => e.id == id) as IJade
-          if (cur) {
-            const { max, min, unit, pre } = cur
-            //
-            if (unit.includes('等级')) {
+          for (let i = Number(max) as number; i >= Number(min); ) {
+            if (i != 0) {
              res.push({
-                id: 1,
-                value: unit
+                id: i,
+                value: (i > 0 ? '+' : '') + getFloat(i, 1) + unit,
              })
-            } else {
-              for (let i = Number(max) as number; i >= Number(min);) {
-                if (i != 0) {
-                  res.push({
-                    id: i,
-                    value: (i > 0 ? "+" : "") + getFloat(i, 1) + unit
-                  })
-                }
-                i = Number((i - Number(pre)).toFixed(1))
-              }
            }
-            return res
+            i = Number((i - Number(pre)).toFixed(1))
          }
        }
+        return res
      }
-    })
+    }
+  }
+})
 </script>
@@ -1,26 +1,26 @@
 <template>
  <div class="w-420px">
-      <calc-collapse class="w-100%" title="装备/时装打造(点击部位切换)">
-        <calc-tabs v-model="partTab" class="!mb-2">
-          <calc-tab :value="0">装备栏</calc-tab>
-          <calc-tab :value="1">时装栏</calc-tab>
-        </calc-tabs>
-        <equipment v-if="partTab === 0"></equipment>
-        <clothes v-if="partTab === 1"></clothes>
-      </calc-collapse>
-      <calc-collapse class="w-100%" title="辟邪玉">
-        <jade></jade>
-      </calc-collapse>
-      <calc-collapse class="w-100%" title="其它">
-        <sundry></sundry>
-      </calc-collapse>
-    </div>
+    <calc-collapse class="w-100%" title="装备/时装打造(点击部位切换)">
+      <calc-tabs v-model="partTab" class="!mb-2">
+        <calc-tab :value="0">装备栏</calc-tab>
+        <calc-tab :value="1">时装栏</calc-tab>
+      </calc-tabs>
+      <equipment v-if="partTab === 0"></equipment>
+      <clothes v-if="partTab === 1"></clothes>
+    </calc-collapse>
+    <calc-collapse class="w-100%" title="辟邪玉">
+      <jade></jade>
+    </calc-collapse>
+    <calc-collapse class="w-100%" title="其它">
+      <sundry></sundry>
+    </calc-collapse>
+  </div>
 </template>
 <script setup lang="ts">
 import equipment from './components/Equipments.vue'
-import clothes from './components/Avatars.vue';
-import jade from './components/Jades.vue';
-import sundry from './components/Sundry.vue';
+import clothes from './components/Avatars.vue'
+import jade from './components/Jades.vue'
+import sundry from './components/Sundry.vue'
 const partTab = ref(0)
 </script>