arms-app 1.0.68 → 1.0.70

package/view/555.vue

@@ -1,196 +0,0 @@
-<template>
-  <!-- 列拖拽示例页面 -->
-  <section class="draggable-columns-table-page">
-    <!-- 标题与说明 -->
-    <h1>列拖拽表格</h1>
-    <p class="desc">通过拖拽表头，使用 sortablejs 实现列换位。</p>
-
-    <!-- 表格：通过 columns 数组驱动列配置 -->
-    <el-table
-      ref="draggableTable"
-      :key="tableKey"
-      :data="rows"
-      border
-      stripe
-      style="width: 100%"
-      height="420"
-    >
-      <!-- 固定的序号列，不参与拖拽换位 -->
-      <el-table-column type="index" label="#" width="60" />
-
-      <!-- 动态业务列：所有可拖拽的列 -->
-      <el-table-column
-        v-for="col in columns"
-        :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'"
-      >
-        <!-- 表头插槽：添加拖拽手柄，作为 sortablejs 的 handle -->
-        <template slot="header">
-          <div class="header-draggable">
-            <span class="header-label">{{ col.label }}</span>
-          </div>
-        </template>
-        <!-- 单元格内容：根据列配置动态渲染字段 -->
-        <template slot-scope="scope">
-          <span>{{ scope.row[col.prop] }}</span>
-        </template>
-      </el-table-column>
-    </el-table>
-  </section>
-</template>
-
-<script>
-import Sortable from "sortablejs";
-
-export default {
-  name: "DraggableColumnsTableView",
-  data() {
-    return {
-      // 表格行数据：示例客户信息
-      rows: [
-        {
-          id: 1,
-          name: "王小虎",
-          customerTag: "重点客户",
-          manager: "张三",
-          contribution: 12000,
-          pass1: 98,
-          pass2: 87,
-          pass3: 93,
-        },
-        {
-          id: 2,
-          name: "李小虎",
-          customerTag: "潜在客户",
-          manager: "李四",
-          contribution: 8600,
-          pass1: 88,
-          pass2: 90,
-          pass3: 85,
-        },
-        {
-          id: 3,
-          name: "赵六",
-          customerTag: "普通客户",
-          manager: "王五",
-          contribution: 5400,
-          pass1: 76,
-          pass2: 80,
-          pass3: 79,
-        },
-      ],
-      // 列配置：用于驱动 el-table-column 渲染，同时作为拖拽排序的数据源
-      columns: [
-        { prop: "name", label: "姓名", width: 160, align: "center" },
-        { prop: "customerTag", label: "客户标签", width: 120, align: "center" },
-        { prop: "manager", label: "客户人", width: 160, align: "center" },
-        { prop: "contribution", label: "贡献积分", width: 120, align: "right", headerAlign: "center" },
-        { prop: "pass1", label: "通关1", width: 100, align: "center" },
-        { prop: "pass2", label: "通关2", width: 100, align: "center" },
-        { prop: "pass3", label: "通关3", width: 100, align: "center" },
-      ],
-      // sortablejs 实例，用于在组件销毁时释放
-      headerSortable: null,
-      // 用于强制重建 el-table，确保列顺序与数据完全同步
-      tableKey: 0,
-      isDestroyed: false,
-    };
-  },
-  mounted() {
-    // 表格渲染完成后，初始化表头拖拽能力
-    this.$nextTick(() => {
-      this.initColumnDrag();
-    });
-  },
-  beforeDestroy() {
-    // 组件销毁前销毁 sortable 实例，避免内存泄露
-    this.isDestroyed = true;
-    if (this.headerSortable && this.headerSortable.destroy) {
-      this.headerSortable.destroy();
-      this.headerSortable = null;
-    }
-  },
-  methods: {
-    // 初始化列拖拽：绑定在 ElementUI 表格头部行上
-    initColumnDrag() {
-      if (this.isDestroyed) return;
-      // 已存在实例时先销毁，避免重复绑定和内存泄漏
-      if (this.headerSortable && this.headerSortable.destroy) {
-        this.headerSortable.destroy();
-        this.headerSortable = null;
-      }
-
-      const table = this.$refs.draggableTable;
-      if (!table || !table.$el) return;
-
-      // ElementUI 表头 DOM：thead 里的第一行 tr
-      const headerRow = table.$el.querySelector(".el-table__header-wrapper thead tr");
-      if (!headerRow) return;
-
-      this.headerSortable = Sortable.create(headerRow, {
-        // 拖拽动画时长（毫秒）
-        animation: 150,
-        // 只允许拖拽 header-draggable 区域作为手柄
-        handle: ".header-draggable",
-        // 可被拖动的元素类型：表头单元格 th
-        draggable: "th",
-        // 拖拽结束时回调：根据新旧索引更新 columns 顺序
-        onEnd: (evt) => {
-          const { oldIndex, newIndex } = evt;
-          if (oldIndex == null || newIndex == null) return;
-
-          // 第 0 列是 index 序号列，从第 1 列开始才对应 columns[0]
-          const from = oldIndex - 1;
-          const to = newIndex - 1;
-          if (from < 0 || to < 0 || from >= this.columns.length || to >= this.columns.length) return;
-
-          // 交换 columns 中两列的位置，实现“换列”
-          const list = this.columns.slice();
-          [list[from], list[to]] = [list[to], list[from]];
-          this.columns = list;
-
-          // 强制重建表格组件，避免 ElementUI 内部列状态与 DOM 拖拽产生偏差，
-          // 重建后在下一个 tick 重新绑定 sortable
-          this.tableKey += 1;
-          this.$nextTick(() => {
-            this.initColumnDrag();
-          });
-        },
-      });
-    },
-  },
-};
-</script>
-
-<style scoped>
-.draggable-columns-table-page {
-  padding: 24px;
-}
-h1 {
-  margin: 0 0 12px;
-  font-size: 20px;
-}
-.desc {
-  margin: 0 0 16px;
-  color: #666;
-}
-.header-draggable {
-  display: inline-flex;
-  align-items: center;
-  cursor: move;
-  user-select: none;
-}
-.drag-icon {
-  margin-right: 4px;
-  font-size: 14px;
-  color: #999;
-}
-.header-label {
-  white-space: nowrap;
-}
-</style>

package/view/CallRecordDetail.vue

@@ -1,101 +0,0 @@
-<template>
-  <div class="page">
-    <van-nav-bar title="外呼记录详情" left-arrow @click-left="onBack">
-      <template #right>
-        <van-icon name="edit" @click="toggleEdit" />
-      </template>
-    </van-nav-bar>
-
-    <van-form @submit="onSubmit">
-      <van-cell-group inset>
-        <van-field v-model="form.customer" label="客户姓名" required :readonly="!isEditing" placeholder="请输入" />
-        <van-field
-          v-model="form.content"
-          label="联系内容"
-          required
-          type="textarea"
-          :rows="4"
-          :readonly="!isEditing"
-          :maxlength="1000"
-          placeholder="请填写"
-        />
-        <van-cell :border="false" class="content-footer-cell">
-          <template #title>
-            <div class="limit">{{ (form.content?.length || 0) }}/1000</div>
-          </template>
-          <template #value>
-            <span class="toggle-link" @click="showFull = true">展开</span>
-          </template>
-        </van-cell>
-      </van-cell-group>
-    </van-form>
-    <van-popup v-model:show="showFull" position="bottom" :style="{ height: '100%', width: '100%' }">
-      <div class="full-wrap">
-        <van-nav-bar title="联系内容" left-text="收起" left-arrow @click-left="showFull=false" />
-        <div class="full-body">
-          <van-field v-model="form.content" type="textarea" :rows="12" :readonly="!isEditing" :maxlength="1000" placeholder="请填写" />
-        </div>
-        <div class="full-footer">
-          <div class="limit">{{ (form.content?.length || 0) }}/1000</div>
-          <van-button size="small" type="primary" @click="showFull=false">收起</van-button>
-        </div>
-      </div>
-    </van-popup>
-  </div>
-</template>
-
-<script>
-import { ref } from 'vue'
-
-export default {
-  name: 'CallRecordDetail',
-  setup() {
-    const isEditing = ref(false)
-    const showFull = ref(false)
-    const form = ref({
-      customer: '北京银行金融科技部',
-      content: ''
-    })
-
-    const toggleEdit = () => {
-      isEditing.value = !isEditing.value
-    }
-    const onBack = () => {}
-    const onSubmit = () => {}
-
-    return { isEditing, form, showFull, toggleEdit, onBack, onSubmit }
-  }
-}
-</script>
-
-<style scoped>
-.page {
-  background-color: #f7f8fa;
-  min-height: 100vh;
-}
-.limit {
-  color: #969799;
-  font-size: 12px;
-}
-.toggle-link {
-  color: #1989fa;
-  font-size: 14px;
-}
-.full-wrap {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: #fff;
-}
-.full-body {
-  padding: 12px 16px;
-  flex: 1;
-  overflow: auto;
-}
-.full-footer {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 8px 16px 16px;
-}
-</style>

package/view/ListedCompaniesView copy.vue

@@ -1,238 +0,0 @@
-<template>
-  <section class="listed-companies-page">
-    <h1>并购企业</h1>
-    <div>
-      <el-form :model="filters" label-position="top" size="mini">
-        <el-row :gutter="12">
-          <el-col :span="5">
-            <el-form-item label="并购方名称">
-              <el-input v-model="filterAcquirer" placeholder="请输入" clearable size="mini" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="被并购方名称">
-              <el-input v-model="filterTarget" placeholder="请输入" clearable size="mini" style="width: 100%" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label="交易方式">
-              <el-select v-model="filterMethod" placeholder="请选择" clearable size="mini" style="width: 100%">
-                <el-option v-for="opt in methodOptions" :key="opt.value" :label="opt.label" :value="opt.value" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="5">
-            <el-form-item label=" ">
-              <el-button type="primary" size="mini" @click="applyFilters">查询</el-button>
-              <el-button size="mini" @click="onResetFilters">重置</el-button>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-    </div>
-
-    <el-table
-      :data="pagedRows"
-      stripe
-      border
-      style="width: 100%"
-      @sort-change="onSortChange"
-    >
-      <el-table-column type="index" label="序号" width="56" align="center" header-align="center" />
-      <el-table-column prop="name" label="并购方" align="center" header-align="center">
-        <template slot-scope="scope">
-          <div class="name-row">
-            <span class="name">{{ scope.row.name }}</span>
-            <span class="code">({{ scope.row.code }})</span>
-          </div>
-          <div class="sub-row">
-            <el-tag size="mini">{{ scope.row.exchange }}</el-tag>
-            <el-tag size="mini" type="info">{{ scope.row.region }}</el-tag>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="customerTags" label="客户标签" align="center" header-align="center">
-        <template slot-scope="scope">
-          <div class="tag-list">
-            <el-tag v-for="(t, i) in (scope.row.customerTags || [scope.row.customerLevel])" :key="i" size="mini" type="info">{{ t }}</el-tag>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column prop="targetName" label="被并购方" align="center" header-align="center" />
-      <el-table-column prop="targetShortName" label="被并购方简称" align="center" header-align="center" />
-      <el-table-column prop="industry" label="行业" align="center" header-align="center" />
-      <el-table-column prop="region" label="地区" align="center" header-align="center" />
-      <el-table-column prop="startDate" label="开始时间" sortable="custom" align="center" header-align="center">
-        <template slot-scope="scope">{{ formatDate(scope.row.startDate) }}</template>
-      </el-table-column>
-      <el-table-column prop="closingDate" label="完成时间" sortable="custom" align="center" header-align="center">
-        <template slot-scope="scope">{{ formatDate(scope.row.closingDate) }}</template>
-      </el-table-column>
-      <el-table-column prop="tradeStatus" label="交易状态" align="center" header-align="center" />
-      <el-table-column prop="tradeMethod" label="交易方式" align="center" header-align="center">
-        <template slot-scope="scope">{{ methodLabel(scope.row.tradeMethod) }}</template>
-      </el-table-column>
-      <el-table-column prop="amount" label="交易金额" align="center" header-align="center" sortable="custom">
-        <template slot-scope="scope">{{ formatCurrency(scope.row.amount) }}</template>
-      </el-table-column>
-      <el-table-column prop="amountCNY" label="交易金额(人民币)" align="center" header-align="center">
-        <template slot-scope="scope">{{ formatCurrency(scope.row.amountCNY) }}</template>
-      </el-table-column>
-      <el-table-column prop="equityPercent" label="交易股权" align="center" header-align="center" sortable="custom">
-        <template slot-scope="scope">{{ (scope.row.equityPercent != null ? scope.row.equityPercent : 0) + '%' }}</template>
-      </el-table-column>
-      <el-table-column prop="valuation" label="估值(人民币)" align="center" header-align="center" sortable="custom">
-        <template slot-scope="scope">{{ formatCurrency(scope.row.valuation) }}</template>
-      </el-table-column>
-    </el-table>
-
-    <div>
-      <el-pagination
-        layout="prev, pager, next, sizes, total"
-        :current-page.sync="page.current"
-        :page-size.sync="page.size"
-        :page-sizes="[10,20,30,50]"
-        :total="filteredRows.length"
-        @current-change="onPageChange"
-        @size-change="onSizeChange"
-      />
-    </div>
-  </section>
-  
-</template>
-
-<script>
-import { mapState, mapMutations } from 'vuex';
-export default {
-  name: 'ListedCompaniesView',
-  data() {
-    return {
-      keyword: '',
-      methodOptions: [
-        { label: '现金', value: 'cash' },
-        { label: '股票发行', value: 'stock' },
-        { label: '混合', value: 'hybrid' }
-      ],
-      sort: { prop: '', order: '' },
-      page: { current: 1, size: 10 },
-      rows: [
-        { name: '博雅医药', code: '000013', exchange: '创业板', region: '四川', industry: '医药', customerLevel: 'NK', customerTags: ['NK','电子产品厂','后备供应商'], targetName: '华康制药', targetShortName: '华康', startDate: '2024-01-10', closingDate: '2024-03-28', tradeStatus: '已完成', tradeMethod: 'cash', amount: 120000000, amountCNY: 120000000, equityPercent: 35, valuation: 350000000 },
-        { name: '优选消费', code: '000014', exchange: '沪深A股', region: '福建', industry: '消费', customerLevel: 'A', targetName: '乐享食品', targetShortName: '乐享', startDate: '2019-06-02', closingDate: '2019-07-11', tradeStatus: '已完成', tradeMethod: 'stock', amount: 90000000, amountCNY: 90000000, equityPercent: 20, valuation: 260000000 },
-        { name: '恒材材料', code: '000015', exchange: '科创板', region: '上海', industry: '材料', customerLevel: 'B', customerTags: ['B','新材料','重点供应商'], targetName: '新材科技', targetShortName: '新材', startDate: '2024-07-01', closingDate: '2024-09-20', tradeStatus: '已完成', tradeMethod: 'hybrid', amount: 135000000, amountCNY: 135000000, equityPercent: 28, valuation: 420000000 },
-        { name: '联通通信', code: '000016', exchange: '沪深A股', region: '广东', industry: '通信', customerLevel: 'C', targetName: '朗讯通讯', targetShortName: '朗讯', startDate: '2015-08-01', closingDate: '2015-10-12', tradeStatus: '已完成', tradeMethod: 'cash', amount: 75000000, amountCNY: 75000000, equityPercent: 15, valuation: 180000000 },
-        { name: '远景能源', code: '000017', exchange: '沪深A股', region: '内蒙古', industry: '能源', customerLevel: 'A', targetName: '清源电力', targetShortName: '清源', startDate: '2020-03-01', closingDate: '2020-05-06', tradeStatus: '已完成', tradeMethod: 'stock', amount: 210000000, amountCNY: 210000000, equityPercent: 42, valuation: 680000000 },
-        { name: '未来科技', code: '000018', exchange: '科创板', region: '上海', industry: '科技', customerLevel: 'S', targetName: '数云科技', targetShortName: '数云', startDate: '2022-12-20', closingDate: '2023-02-18', tradeStatus: '已完成', tradeMethod: 'hybrid', amount: 420000000, amountCNY: 420000000, equityPercent: 51, valuation: 980000000 },
-        { name: '工匠制造', code: '000019', exchange: '沪深A股', region: '安徽', industry: '制造', customerLevel: 'B', targetName: '精工机械', targetShortName: '精工', startDate: '2021-02-10', closingDate: '2021-03-30', tradeStatus: '已完成', tradeMethod: 'cash', amount: 56000000, amountCNY: 56000000, equityPercent: 18, valuation: 150000000 },
-        { name: '卓越金融', code: '000020', exchange: '港股', region: '香港', industry: '金融', customerLevel: 'A', targetName: '恒盛资管', targetShortName: '恒盛', startDate: '2014-10-20', closingDate: '2014-12-01', tradeStatus: '已完成', tradeMethod: 'stock', amount: 320000000, amountCNY: 320000000, equityPercent: 33, valuation: 760000000 },
-        { name: '广域地产', code: '000021', exchange: '沪深A股', region: '广东', industry: '地产', customerLevel: 'B', targetName: '新城置地', targetShortName: '新城', startDate: '2018-09-02', closingDate: '2018-11-07', tradeStatus: '已完成', tradeMethod: 'hybrid', amount: 270000000, amountCNY: 270000000, equityPercent: 25, valuation: 500000000 },
-        { name: '星海科技', code: '000022', exchange: '科创板', region: '北京', industry: '科技', customerLevel: 'C', targetName: '极光智能', targetShortName: '极光', startDate: '2022-04-05', closingDate: '2022-06-10', tradeStatus: '已完成', tradeMethod: 'stock', amount: 600000000, amountCNY: 600000000, equityPercent: 60, valuation: 1200000000 }
-      ]
-    };
-  },
-  computed: {
-    ...mapState('listedCompanies', ['filters']),
-    filterAcquirer: {
-      get() { return this.filters.acquirer; },
-      set(v) { this.setFilterField({ key: 'acquirer', value: v }); }
-    },
-    filterTarget: {
-      get() { return this.filters.target; },
-      set(v) { this.setFilterField({ key: 'target', value: v }); }
-    },
-    filterMethod: {
-      get() { return this.filters.method; },
-      set(v) { this.setFilterField({ key: 'method', value: v }); }
-    },
-    filteredRows() {
-      const kw = (this.keyword || '').trim().toLowerCase();
-      const acq = (this.filters.acquirer || '').trim().toLowerCase();
-      const tgt = (this.filters.target || '').trim().toLowerCase();
-      const method = this.filters.method || '';
-      return this.rows.filter(r => {
-        const okKw = kw ? (r.name.toLowerCase().includes(kw) || r.code.toLowerCase().includes(kw)) : true;
-        const okAcq = acq ? r.name.toLowerCase().includes(acq) : true;
-        const okTgt = tgt ? (r.targetName || '').toLowerCase().includes(tgt) : true;
-        const okMethod = method ? r.tradeMethod === method : true;
-        return okKw && okAcq && okTgt && okMethod;
-      });
-    },
-    sortedRows() {
-      const arr = this.filteredRows.slice();
-      const prop = this.sort.prop;
-      const order = this.sort.order;
-      if (!prop || !order) return arr;
-      arr.sort((a, b) => {
-        const va = a[prop];
-        const vb = b[prop];
-        if (prop === 'closingDate' || prop === 'listedDate') {
-          const ta = new Date(va).getTime();
-          const tb = new Date(vb).getTime();
-          return order === 'ascending' ? ta - tb : tb - ta;
-        }
-        if (typeof va === 'number' && typeof vb === 'number') {
-          return order === 'ascending' ? va - vb : vb - va;
-        }
-        const sa = String(va || '').localeCompare(String(vb || ''));
-        return order === 'ascending' ? sa : -sa;
-      });
-      return arr;
-    },
-    pagedRows() {
-      const start = (this.page.current - 1) * this.page.size;
-      return this.filteredRows.slice(start, start + this.page.size);
-    }
-  },
-  methods: {
-    ...mapMutations('listedCompanies', ['setFilters', 'setFilterField', 'resetFilters']),
-    onSearch() {},
-    formatDate(d) {
-      if (!d) return '';
-      const dt = new Date(d);
-      const y = dt.getFullYear();
-      const m = String(dt.getMonth() + 1).padStart(2, '0');
-      const day = String(dt.getDate()).padStart(2, '0');
-      return `${y}-${m}-${day}`;
-    },
-    statusTagType(st) {
-      if (st === '正常') return 'success';
-      if (st === '风险') return 'warning';
-      if (st === '退市') return 'danger';
-      return 'info';
-    },
-    methodLabel(v) {
-      if (v === 'cash') return '现金';
-      if (v === 'stock') return '股票发行';
-      if (v === 'hybrid') return '混合';
-      return '—';
-    },
-    formatCurrency(n) {
-      const v = Number(n || 0);
-      return v.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
-    },
-    formatNumber(n) {
-      const v = Number(n || 0);
-      return v.toLocaleString('zh-CN');
-    },
-    onSortChange({ prop, order }) {
-      this.sort = { prop, order };
-    },
-    applyFilters() {
-      this.page.current = 1;
-    },
-    onResetFilters() {
-      this.resetFilters();
-      this.page.current = 1;
-    },
-    onPageChange(page) {
-      this.page.current = page;
-    },
-    onSizeChange(size) {
-      this.page.size = size;
-      this.page.current = 1;
-    }
-  }
-};
-</script>
-
-<style scoped>
-</style>