arms-app 1.0.74 → 1.0.76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arms-app",
-  "version": "1.0.74",
+  "version": "1.0.76",
   "description": "一个基于 Express 的 Web 应用1",
   "main": "index.js",
   "scripts": {

package/view/1.d

@@ -1,391 +1,105 @@
 <template>
-  <section class="visit-records-page">
-    <h1>拜访记录</h1>
-    <el-form :model="form" label-position="top" size="mini" class="visit-filter-form">
-      <el-row :gutter="16" type="flex" align="bottom">
-        <el-col :span="6">
-          <el-form-item label="拜访记录类型">
-            <el-select v-model="form.type" placeholder="拜访记录" clearable style="width: 100%">
-              <el-option v-for="opt in typeOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="拜访记录日期">
-            <el-date-picker
-              v-model="form.startDate"
-              type="date"
-              placeholder="开始日期"
-              value-format="yyyy-MM-dd"
-              clearable
-              style="width: 100%"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label=" ">
-            <el-date-picker
-              v-model="form.endDate"
-              type="date"
-              placeholder="结束日期"
-              value-format="yyyy-MM-dd"
-              clearable
-              style="width: 100%"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label=" ">
-            <div class="ops">
-              <el-button type="primary" size="mini" @click="onSearch">查询</el-button>
-              <el-button size="mini" @click="onReset">重置</el-button>
-            </div>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
+  <el-dialog
+    :title="title"
+    :visible.sync="innerVisible"
+    :close-on-click-modal="false"
+    @closed="onClosed"
+  >
+    <el-form
+      ref="form"
+      :model="form"
+      :rules="rules"
+      label-width="90px"
+    >
+      <el-form-item label="姓名" prop="name">
+        <el-input v-model="form.name" />
+      </el-form-item>
 
-    <div class="toolbar">
-      <el-button type="warning" size="mini" @click="onAddRecord">新增拜访记录</el-button>
-    </div>
+      <el-form-item label="邮箱" prop="email">
+        <el-input v-model="form.email" />
+      </el-form-item>
+    </el-form>
 
-    <el-collapse v-model="activeNames" class="visit-collapse">
-      <el-collapse-item
-        v-for="item in displayedRecords"
-        :key="item.id"
-        :name="item.id"
-      >
-        <template slot="title">
-          {{ item.title }}
-        </template>
-        <div class="visit-content">
-          <el-form :model="item" label-width="90px" size="mini" class="visit-detail-form">
-            <el-row :gutter="16">
-              <el-col :span="8">
-                <el-form-item label="拜访形式">
-                  <el-input v-model="item.visitMode" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="拜访时间">
-                  <el-input v-model="item.visitTime" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="16">
-                <el-form-item label="拜访地点">
-                  <el-input v-model="item.address" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="8">
-                <el-form-item label="被拜访人">
-                  <el-input v-model="item.visitedPerson" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="被拜访人职务">
-                  <el-input v-model="item.visitedPosition" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="8">
-                <el-form-item label="被拜访人联系方式">
-                  <el-input v-model="item.contactWay" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-              <el-col :span="8">
-                <el-form-item label="拜访结果">
-                  <el-input v-model="item.result" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="16">
-                <el-form-item label="协同人员">
-                  <el-input v-model="item.partners" :disabled="!item.isNew" />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="16">
-                <el-form-item label="拜访内容">
-                  <el-input
-                    type="textarea"
-                    :rows="3"
-                    v-model="item.content"
-                    :disabled="!item.isNew"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="16">
-                <el-form-item label="客户诉求">
-                  <el-input
-                    type="textarea"
-                    :rows="3"
-                    v-model="item.customerDemand"
-                    :disabled="!item.isNew"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row :gutter="16">
-              <el-col :span="16">
-                <el-form-item label="影像资料">
-                  <div class="image-list">
-                    <div
-                      v-for="(img, idx) in item.images"
-                      :key="idx"
-                      class="image-item"
-                    >
-                      <i class="el-icon-view"></i>
-                    </div>
-                  </div>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-  </section>
+    <span slot="footer">
+      <el-button @click="innerVisible = false">取消</el-button>
+      <el-button type="primary" :loading="submitting" @click="submit">确定</el-button>
+    </span>
+  </el-dialog>
 </template>
 
 <script>
 export default {
-  name: "VisitRecordsView",
+  name: "FormDialog",
+  props: {
+    // 父组件 v-model
+    value: { type: Boolean, default: false },
+    title: { type: String, default: "表单" },
+
+    // 初始数据（编辑时传 row）
+    initialData: { type: Object, default: () => ({}) }
+  },
   data() {
-    const records = [
-      {
-        id: "1",
-        type: "record",
-        date: "2025-09-24",
-        location: "拜访地点",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市xxxx路xxxx街道xxxxxxxx号",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-      {
-        id: "2",
-        type: "record",
-        date: "2025-09-24",
-        location: "拜访地点",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市xxxx路xxxx街道xxxxxxxx号",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-      {
-        id: "3",
-        type: "record",
-        date: "2025-09-24",
-        location: "拜访地点",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市xxxx路xxxx街道xxxxxxxx号",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-      {
-        id: "4",
-        type: "record",
-        date: "2025-09-24",
-        location: "拜访地点",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市xxxx路xxxx街道xxxxxxxx号",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-      {
-        id: "5",
-        type: "record",
-        date: "2025-09-24",
-        location: "北京市顺义区北京银行行研发展中心_智拓系统",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市顺义区北京银行行研发展中心_智拓系统",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-      {
-        id: "6",
-        type: "record",
-        date: "2025-09-24",
-        location: "拜访地点",
-        purpose: "拜访目的",
-        visitMode: "现场拜访",
-        visitTime: "2025-12-12 16:00:00",
-        address: "北京市xxxx路xxxx街道xxxxxxxx号",
-        visitedPerson: "张三",
-        visitedPosition: "总经理",
-        contactWay: "张三",
-        result: "已触达目标业务意向",
-        partners: "人员A,人员B,人员C,人员D,人员E,人员F",
-        content: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        customerDemand: "文案文案文案文案文案文案文案文案文案文案文案文案文案文案文案",
-        images: [1, 2, 3],
-      },
-    ];
     return {
-      form: {
-        type: "",
-        startDate: "",
-        endDate: "",
-      },
-      typeOptions: [
-        { label: "拜访记录", value: "record" },
-      ],
-      records,
-      filteredRecords: records,
-      activeNames: ["1"],
+      innerVisible: false,
+      submitting: false,
+      form: { name: "", email: "" },
+      rules: {
+        name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
+        email: [
+          { required: true, message: "请输入邮箱", trigger: "blur" },
+          { type: "email", message: "邮箱格式不正确", trigger: "blur" }
+        ]
+      }
     };
   },
-  computed: {
-    displayedRecords() {
-      return this.filteredRecords.map((item) => {
-        const hasBasic = item.date || item.location || item.purpose;
-        const title = hasBasic
-          ? `拜访记录(${item.date}_${item.location}_${item.purpose})`
-          : "新增拜访记录";
-        return {
-          ...item,
-          title,
-        };
-      });
+  watch: {
+    // 父 -> 子
+    value: {
+      immediate: true,
+      handler(v) {
+        this.innerVisible = v;
+        if (v) this.resetFromInitial();
+      }
     },
+    // 子 -> 父（保证父组件状态同步）
+    innerVisible(v) {
+      this.$emit("input", v);
+    },
+    // 如果父组件换了 initialData，且弹窗开着，就刷新表单
+    initialData: {
+      deep: true,
+      handler() {
+        if (this.innerVisible) this.resetFromInitial();
+      }
+    }
   },
   methods: {
-    onSearch() {
-      const { type, startDate, endDate } = this.form;
-      this.filteredRecords = this.records.filter((item) => {
-        if (type && item.type !== type) return false;
-        if (startDate && item.date < startDate) return false;
-        if (endDate && item.date > endDate) return false;
-        return true;
+    resetFromInitial() {
+      const base = { name: "", email: "" };
+      this.form = Object.assign({}, base, this.initialData);
+      this.$nextTick(() => {
+        this.$refs.form && this.$refs.form.clearValidate();
       });
-      if (this.filteredRecords.length) {
-        this.activeNames = [this.filteredRecords[0].id];
-      }
-    },
-    onReset() {
-      this.form.type = "";
-      this.form.startDate = "";
-      this.form.endDate = "";
-      this.filteredRecords = this.records.slice();
-      this.activeNames = this.filteredRecords.length ? [this.filteredRecords[0].id] : [];
     },
-    onAddRecord() {
-      const id = String(Date.now());
-      const empty = {
-        id,
-        type: "record",
-        isNew: true,
-        date: "",
-        location: "",
-        purpose: "",
-        visitMode: "",
-        visitTime: "",
-        address: "",
-        visitedPerson: "",
-        visitedPosition: "",
-        contactWay: "",
-        result: "",
-        partners: "",
-        content: "",
-        customerDemand: "",
-        images: [],
-      };
-      this.records = [empty].concat(this.records);
-      this.filteredRecords = [empty].concat(this.filteredRecords);
-      this.activeNames = [id];
+
+    onClosed() {
+      // 关掉后清理，避免下次打开残留
+      this.resetFromInitial();
+      this.$emit("closed");
     },
-  },
-};
-</script>
 
-<style scoped>
-.visit-records-page {
-  padding: 24px;
-}
-.visit-filter-form :deep(.el-form-item) {
-  margin-bottom: 12px;
-}
-.ops {
-  display: flex;
-  gap: 8px;
-}
-.toolbar {
-  margin: 16px 0 8px;
-}
-.visit-collapse {
-  border-top: none;
-}
-.visit-content {
-  padding: 8px 16px;
-}
-.visit-detail-form :deep(.el-input__inner),
-.visit-detail-form :deep(.el-textarea__inner) {
-  background-color: #f5f7fa;
-}
-.image-list {
-  display: flex;
-  gap: 12px;
-}
-.image-item {
-  width: 120px;
-  height: 80px;
-  background-color: #f5f7fa;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #909399;
-}
-.image-item i {
-  font-size: 20px;
-}
-</style>
+    submit() {
+      this.$refs.form.validate((valid) => {
+        if (!valid) return;
+        this.submitting = true;
+
+        // 把数据交给父组件处理；父组件成功后调用 done() 关闭
+        const done = () => (this.innerVisible = false);
+        this.$emit("submit", { ...this.form }, done);
+
+        this.submitting = false;
+      });
+    }
+  }
+};
+</script>

package/view/2.d

@@ -1,529 +0,0 @@
-<template>
-  <section class="medal-settings-page">
-    <h1>勋章设置</h1>
-    <p class="desc">展示勋章基础信息，可查看启用状态与基本配置。</p>
-
-    <div class="toolbar">
-      <el-button type="primary" size="mini" @click="onOpenCreate">
-        新增
-      </el-button>
-    </div>
-
-    <el-dialog
-      title="创建"
-      :visible.sync="dialogVisible"
-      width="720px"
-      :close-on-click-modal="false"
-    >
-      <el-form :model="formMedal" label-width="90px" size="small" class="create-form">
-        <el-form-item label="授予主体">
-          <el-select v-model="formMedal.confeSubKno" placeholder="请选择授予主体">
-            <el-option
-              v-for="opt in subjectOptions"
-              :key="opt.value"
-              :label="opt.label"
-              :value="opt.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="勋章名称">
-          <el-input v-model="formMedal.medalName" placeholder="请输入勋章名称" />
-        </el-form-item>
-        <el-form-item label="授予方式">
-          <el-input :value="formatConfeMode('4')" disabled />
-        </el-form-item>
-        <el-form-item label="是否限时">
-          <el-select v-model="formMedal.limitTmFlag" placeholder="请选择">
-            <el-option
-              v-for="opt in limitTimeOptions"
-              :key="opt.value"
-              :label="opt.label"
-              :value="opt.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-if="formMedal.limitTmFlag === 'Y'" label="限时时长">
-          <div class="inline-group">
-            <el-input-number v-model="formMedal.wearDurat" :min="1" />
-            <el-select v-model="formMedal.tmUnitType" style="margin-left: 8px; width: 120px">
-              <el-option
-                v-for="opt in tmUnitOptions"
-                :key="opt.value"
-                :label="opt.label"
-                :value="opt.value"
-              />
-            </el-select>
-          </div>
-        </el-form-item>
-        <el-form-item label="是否限量">
-          <el-select v-model="formMedal.limitQtyFlag" placeholder="请选择">
-            <el-option
-              v-for="opt in limitQtyOptions"
-              :key="opt.value"
-              :label="opt.label"
-              :value="opt.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-if="formMedal.limitQtyFlag === 'Y'" label="勋章数量">
-          <el-input-number v-model="formMedal.medalQty" :min="1" />
-        </el-form-item>
-        <el-form-item label="勋章描述">
-          <el-input
-            type="textarea"
-            v-model="formMedal.medalDesc"
-            :rows="3"
-            maxlength="150"
-            show-word-limit
-            placeholder="请输入勋章描述"
-          />
-        </el-form-item>
-        <div class="upload-block">
-          <div class="upload-label">
-            静态勋章
-          </div>
-          <div class="upload-content">
-            <el-upload
-              class="avatar-uploader"
-              action="#"
-              :auto-upload="false"
-              :show-file-list="false"
-              :before-upload="onBeforeUpload"
-            >
-              <el-button size="small" type="primary">选择图片</el-button>
-              <div slot="tip" class="upload-tip">
-                支持上传 PNG、JPG、JPEG 格式文件，文件大小小于 10M
-              </div>
-            </el-upload>
-          </div>
-        </div>
-      </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisible = false">取消</el-button>
-        <el-button size="small" type="primary" @click="onSave">
-          保存
-        </el-button>
-      </span>
-    </el-dialog>
-
-    <el-table
-      ref="medalTable"
-      :key="tableKey"
-      :data="rows"
-      border
-      stripe
-      size="small"
-      style="width: 100%"
-    >
-      <el-table-column
-        v-for="col in columns"
-        :key="col.key || col.prop"
-        :prop="col.prop"
-        :label="col.label"
-        :width="col.width"
-        :min-width="col.minWidth"
-        :align="col.align || 'left'"
-        :header-align="col.headerAlign || col.align || 'left'"
-        :fixed="col.fixed"
-      >
-        <template slot="header">
-          <div class="header-wrapper header-draggable">
-            <span class="header-label">{{ col.label }}</span>
-          </div>
-        </template>
-        <template slot-scope="scope">
-          <span v-if="col.type === 'index'">
-            {{ scope.$index + 1 }}
-          </span>
-          <div v-else-if="col.type === 'icon'" class="medal-icon">
-            <img
-              v-if="scope.row.filePicUrl"
-              :src="scope.row.filePicUrl"
-              alt=""
-            />
-          </div>
-          <span v-else-if="col.type === 'confeMode'">
-            {{ formatConfeMode(scope.row.confeMode) }}
-          </span>
-          <span v-else-if="col.type === 'limitTmFlag'">
-            {{ scope.row.limitTmFlag === "Y" ? "限时" : "不限时" }}
-          </span>
-          <span v-else-if="col.type === 'wearDurat'">
-            <span v-if="scope.row.limitTmFlag === 'Y'">
-              {{ scope.row.wearDurat }}{{ formatTmUnit(scope.row.tmUnitType) }}
-            </span>
-            <span v-else>
-              不限期
-            </span>
-          </span>
-          <span v-else-if="col.type === 'medalQty'">
-            <span v-if="scope.row.limitQtyFlag === 'Y'">
-              {{ scope.row.medalQty }}
-            </span>
-            <span v-else>
-              不限量
-            </span>
-          </span>
-          <span v-else-if="col.type === 'createDate'">
-            {{ formatDate(scope.row.createTm) }}
-          </span>
-          <span v-else-if="col.type === 'updateDate'">
-            {{ formatDate(scope.row.updateTm) }}
-          </span>
-          <span v-else-if="col.type === 'switch'">
-            <el-switch
-              v-model="scope.row.activaFlag"
-              active-value="Y"
-              inactive-value="N"
-              active-text="启用"
-              inactive-text="停用"
-              @change="onToggleActive(scope.row)"
-            />
-          </span>
-          <span v-else-if="col.type === 'actions'">
-            <el-button type="text" size="mini" @click="onPreview(scope.row)">
-              预览
-            </el-button>
-            <el-button type="text" size="mini" @click="onMore(scope.row)">
-              更多
-            </el-button>
-          </span>
-          <span v-else>
-            {{ scope.row[col.prop] }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-  </section>
-</template>
-
-<script>
-import Sortable from "sortablejs";
-
-export default {
-  name: "MedalSettingsView",
-  data() {
-    const rows = [
-      {
-        id: 1,
-        activaFlag: "Y",
-        confeMode: "4",
-        confeSubKno: "SORG",
-        medalObjName: "授予客户经理",
-        createTm: "2025-11-26T11:17:09.000Z",
-        creatorNo: "046083",
-        filePicUrl: "/getUrl?fileId=3d6457ca-3d05-463f-8acd-d5a56d773c40",
-        limitQtyFlag: "Y",
-        limitTmFlag: "Y",
-        medalDesc: "",
-        medalName: "阿萨德",
-        medalNo: "SORG419ABFE1ADE9",
-        medalQty: 999,
-        issuedQty: 2,
-        tmUnitType: "D",
-        updateStaffNo: "046083",
-        updateTm: "2025-12-30T13:10:44.000Z",
-        wearDurat: 12
-      },
-      {
-        id: 2,
-        activaFlag: "Y",
-        confeMode: "4",
-        confeSubKno: "CU",
-        medalObjName: "授予客户经理",
-        createTm: "2025-11-26T11:17:09.000Z",
-        creatorNo: "046083",
-        filePicUrl: "/getUrl?fileId=7661069b-aeb9-450b-aa78-3192d53e4e10",
-        limitQtyFlag: "N",
-        limitTmFlag: "N",
-        medalDesc: "",
-        medalName: "1111",
-        medalNo: "CU41990D4501B5",
-        medalQty: 0,
-        issuedQty: 0,
-        tmUnitType: "",
-        updateStaffNo: "046083",
-        updateTm: "2025-12-30T13:10:44.000Z",
-        wearDurat: 0
-      },
-      {
-        id: 3,
-        activaFlag: "N",
-        confeMode: "4",
-        confeSubKno: "CU",
-        medalObjName: "授予客户经理",
-        createTm: "2025-11-26T11:17:09.000Z",
-        creatorNo: "046083",
-        filePicUrl: "/getUrl?fileId=3d6457ca-3d05-463f-8acd-d5a56d773c40",
-        limitQtyFlag: "Y",
-        limitTmFlag: "Y",
-        medalDesc: "",
-        medalName: "测试勋章",
-        medalNo: "CU419917C23D9C",
-        medalQty: 999,
-        issuedQty: 0,
-        tmUnitType: "D",
-        updateStaffNo: "046083",
-        updateTm: "2025-11-26T11:10:44.000Z",
-        wearDurat: 12
-      }
-    ];
-    return {
-      rows,
-      columns: [
-        { key: "index", label: "序号", width: 60, align: "center", type: "index" },
-        { key: "medalNo", prop: "medalNo", label: "勋章编号", minWidth: 180 },
-        { key: "icon", label: "勋章图标", width: 90, align: "center", type: "icon" },
-        { key: "medalName", prop: "medalName", label: "勋章名称", minWidth: 140 },
-        { key: "medalObjName", prop: "medalObjName", label: "勋章对象", minWidth: 140 },
-        { key: "confeMode", prop: "confeMode", label: "发放方式", width: 120, align: "center", type: "confeMode" },
-        { key: "limitTmFlag", prop: "limitTmFlag", label: "是否限时", width: 100, align: "center", type: "limitTmFlag" },
-        { key: "wearDurat", prop: "wearDurat", label: "限时时长", width: 120, align: "center", type: "wearDurat" },
-        { key: "medalQty", prop: "medalQty", label: "发放数量", width: 100, align: "center", type: "medalQty" },
-        { key: "issuedQty", prop: "issuedQty", label: "已发数量", width: 100, align: "center" },
-        { key: "createTm", prop: "createTm", label: "创建日期", width: 160, align: "center", type: "createDate" },
-        { key: "updateTm", prop: "updateTm", label: "更新日期", width: 160, align: "center", type: "updateDate" },
-        { key: "activaFlag", prop: "activaFlag", label: "启用/停用", width: 120, align: "center", type: "switch" },
-        { key: "actions", label: "操作", width: 140, align: "center", fixed: "right", type: "actions" }
-      ],
-      headerSortable: null,
-      tableKey: 0,
-      isDestroyed: false,
-      dialogVisible: false,
-      formMedal: {
-        confeSubKno: "CU",
-        medalName: "",
-        limitTmFlag: "N",
-        limitQtyFlag: "N",
-        wearDurat: 12,
-        tmUnitType: "D",
-        medalQty: 0,
-        medalDesc: "",
-        filePicUrl: ""
-      },
-      subjectOptions: [
-        { label: "客户经理", value: "CU" }
-      ],
-      limitTimeOptions: [
-        { label: "不限时", value: "N" },
-        { label: "限时", value: "Y" }
-      ],
-      limitQtyOptions: [
-        { label: "不限量", value: "N" },
-        { label: "限量", value: "Y" }
-      ],
-      tmUnitOptions: [
-        { label: "日", value: "D" },
-        { label: "月", value: "M" },
-        { label: "年", value: "Y" }
-      ]
-    };
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.initColumnDrag();
-    });
-  },
-  beforeDestroy() {
-    this.isDestroyed = true;
-    if (this.headerSortable && this.headerSortable.destroy) {
-      this.headerSortable.destroy();
-      this.headerSortable = null;
-    }
-  },
-  methods: {
-    onOpenCreate() {
-      this.resetForm();
-      this.dialogVisible = true;
-    },
-    resetForm() {
-      this.formMedal = {
-        confeSubKno: "CU",
-        medalName: "",
-        limitTmFlag: "N",
-        limitQtyFlag: "N",
-        wearDurat: 12,
-        tmUnitType: "D",
-        medalQty: 0,
-        medalDesc: "",
-        filePicUrl: ""
-      };
-    },
-    onBeforeUpload() {
-      this.formMedal.filePicUrl = "";
-      return false;
-    },
-    onSave() {
-      const now = new Date().toISOString();
-      const subject = this.subjectOptions.find(item => item.value === this.formMedal.confeSubKno);
-      const params = {
-        activaFlag: "Y",
-        confeMode: "4",
-        confeSubKno: this.formMedal.confeSubKno,
-        createTm: now,
-        creatorNo: "046083",
-        fileGifName: "",
-        fileGifSize: "",
-        fileGifUrl: "",
-        filePicName: "",
-        filePicSize: "",
-        filePicUrl: this.formMedal.filePicUrl || "",
-        limitQtyFlag: this.formMedal.limitQtyFlag,
-        limitTmFlag: this.formMedal.limitTmFlag,
-        medalDesc: this.formMedal.medalDesc,
-        medalName: this.formMedal.medalName,
-        tmUnitType: this.formMedal.tmUnitType,
-        updateStaffNo: "046083",
-        updateTm: now,
-        medalQty: this.formMedal.limitQtyFlag === "Y" ? this.formMedal.medalQty : 0
-      };
-      console.log("params:", params);
-      const row = {
-        id: Date.now(),
-        ...params,
-        medalObjName: subject ? `授予${subject.label}` : "",
-        issuedQty: 0,
-        wearDurat: this.formMedal.limitTmFlag === "Y" ? this.formMedal.wearDurat : 0
-      };
-      this.rows = this.rows.concat(row);
-      this.dialogVisible = false;
-      this.$message({
-        type: "success",
-        message: "保存成功"
-      });
-    },
-    initColumnDrag() {
-      if (this.isDestroyed) return;
-      if (this.headerSortable && this.headerSortable.destroy) {
-        this.headerSortable.destroy();
-        this.headerSortable = null;
-      }
-      const table = this.$refs.medalTable;
-      if (!table || !table.$el) return;
-      const headerRow = table.$el.querySelector(".el-table__header-wrapper thead tr");
-      if (!headerRow) return;
-      this.headerSortable = Sortable.create(headerRow, {
-        animation: 150,
-        handle: ".header-draggable",
-        draggable: "th",
-        onEnd: (evt) => {
-          const { oldIndex, newIndex } = evt;
-          if (oldIndex == null || newIndex == null) return;
-          if (oldIndex === newIndex) return;
-          const from = oldIndex;
-          const to = newIndex;
-          if (from < 0 || to < 0 || from >= this.columns.length || to >= this.columns.length) return;
-          const list = this.columns.slice();
-          [list[from], list[to]] = [list[to], list[from]];
-          this.columns = list;
-          this.tableKey += 1;
-          this.$nextTick(() => {
-            this.initColumnDrag();
-          });
-        }
-      });
-    },
-    formatConfeMode(value) {
-      if (value === "4") return "手动发放";
-      return value || "";
-    },
-    formatTmUnit(value) {
-      if (value === "D") return "日";
-      if (value === "M") return "月";
-      if (value === "Y") return "年";
-      return "";
-    },
-    formatDate(value) {
-      if (!value) return "";
-      const d = new Date(value);
-      if (Number.isNaN(d.getTime())) return "";
-      const yyyy = d.getFullYear();
-      const mm = String(d.getMonth() + 1).padStart(2, "0");
-      const dd = String(d.getDate()).padStart(2, "0");
-      return `${yyyy}-${mm}-${dd}`;
-    },
-    onToggleActive(row) {
-      const flag = row.activaFlag === "Y" ? "启用" : "停用";
-      this.$message({
-        type: "success",
-        message: `已${flag}勋章「${row.medalName || row.medalNo}」`
-      });
-    },
-    onPreview(row) {
-      this.$alert(
-        `勋章名称：${row.medalName}\n勋章编号：${row.medalNo}`,
-        "勋章预览",
-        {
-          confirmButtonText: "确定"
-        }
-      );
-    },
-    onMore(row) {
-      this.$message({
-        type: "info",
-        message: `更多操作：${row.medalName || row.medalNo}`
-      });
-    }
-  }
-};
-</script>
-
-<style scoped>
-.medal-settings-page {
-  padding: 24px;
-}
-.desc {
-  margin-bottom: 12px;
-  color: #666;
-}
-.toolbar {
-  margin-bottom: 12px;
-}
-.create-form {
-  max-height: 520px;
-  overflow-y: auto;
-}
-.inline-group {
-  display: flex;
-  align-items: center;
-}
-.upload-block {
-  display: flex;
-  align-items: flex-start;
-  margin-top: 12px;
-}
-.upload-label {
-  width: 90px;
-  flex-shrink: 0;
-  padding-top: 4px;
-  color: #606266;
-}
-.upload-content {
-  flex: 1;
-}
-.upload-tip {
-  margin-top: 6px;
-  font-size: 12px;
-  color: #909399;
-}
-.header-wrapper {
-  display: inline-flex;
-  align-items: center;
-}
-.header-draggable {
-  cursor: move;
-}
-.header-label {
-  white-space: nowrap;
-}
-.medal-icon {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.medal-icon img {
-  width: 40px;
-  height: 40px;
-  border-radius: 4px;
-}
-</style>