添加基础资料下的页面功能

miniprogram/pages/base/item/edit/edit.json

@@ -0,0 +1,10 @@
+{
+  "usingComponents": {
+    "t-cell": "tdesign-miniprogram/cell/cell",
+    "t-textarea": "tdesign-miniprogram/textarea/textarea",
+    "t-input": "tdesign-miniprogram/input/input",
+    "t-radio": "tdesign-miniprogram/radio/radio",
+    "t-radio-group": "tdesign-miniprogram/radio-group/radio-group"
+  },
+  "navigationBarTitleText": "收支项目"
+}

miniprogram/pages/base/item/edit/edit.ts

@@ -0,0 +1,113 @@
+import { FinanceItemTypeArr } from '@/utils/config';
+import { loginStatusPage, post } from '@/utils/https';
+import {
+  cloneLite,
+  getAuthInfo,
+  getDataSet,
+  sleep,
+  toastError,
+  toastSuccess,
+  toObject,
+} from '@/utils/util';
+
+const defaultParams = { comments: '', item_name: '', item_type: FinanceItemTypeArr[0].value };
+
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    params: cloneLite(defaultParams) as any,
+    mode: 'new' as 'new' | 'edit',
+    FinanceItemTypeArr: FinanceItemTypeArr,
+  },
+  handleLogin(e: any) {
+    this.setData({ isLogin: e.detail });
+    if (e.detail) {
+      this.init();
+    }
+  },
+  init() {
+    this.setData({ authInfo: getAuthInfo() });
+  },
+  onChange(e: any) {
+    const key = getDataSet(e).key;
+    const val = e.detail.value;
+    this.data.params[key] = val;
+    this.setData({ params: this.data.params });
+  },
+  onCheckboxChange(e: any) {
+    const key = getDataSet(e).key;
+    this.data.params[key] = e.detail.checked ? 1 : 2;
+    this.setData({ params: this.data.params });
+  },
+  onSave() {
+    // console.log(this.data.params);
+    if (this.data.params.item_name) {
+      post(
+        this.data.mode == 'new' ? 'ErpFinanceItem/add' : 'ErpFinanceItem/edit',
+        this.data.params,
+      ).then(() => {
+        toastSuccess('保存成功');
+        sleep(() => {
+          wx.navigateBack();
+        }, 1000);
+      });
+    } else {
+      toastError('项目名称必填');
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(_options) {
+    const eventChannel: any = this.getOpenerEventChannel();
+    eventChannel?.on('itemEdit', (e: any) => {
+      const data = toObject(e.data);
+      // console.log(data);
+      wx.setNavigationBarTitle({
+        title: data.item_id ? `${data.item_name} 修改` : '新增订单类型',
+      });
+      data.item_type = data.item_type ? `${data.item_type}` : FinanceItemTypeArr[0].value;
+      this.setData({ params: data, mode: data.item_id ? 'edit' : 'new' });
+    });
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {},
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+    loginStatusPage(this);
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {},
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {},
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {},
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {},
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {},
+});

miniprogram/pages/base/item/edit/edit.wxml

@@ -0,0 +1,24 @@
+<page-plugin isAuth="{{authInfo['SF_ORDER_CATEGORY_VIEW']}}" loading="{{loading}}"
+  is-login="{{isLogin}}" bind:handleLogin="handleLogin">
+  <t-input placeholder="项目名称" focus value="{{params.item_name}}" data-key="item_name"
+    bind:change="onChange" align="right" style="padding-left: 0;padding-right: 0;">
+    <view slot="label" class="required">项目名称 </view>
+  </t-input>
+  <t-cell title="收支类型" align="right" style="padding-left: 0;padding-right: 0;">
+    <view slot="note">
+      <t-radio-group bind:change="onChange" data-key="item_type" borderless="1"
+        value="{{params.item_type}}">
+        <t-radio wx:for="{{FinanceItemTypeArr}}" wx:key="value" block="{{false}}"
+          label="{{item.label}}" value="{{item.value}}"
+          style="margin-right: {{index == FinanceItemTypeArr.length-1 ? 0: 16}}rpx;" />
+      </t-radio-group>
+    </view>
+  </t-cell>
+  <t-textarea placeholder="备注" bordered style="margin-top: 16rpx;" value="{{params.comments}}"
+    data-key="comments" bind:change="onChange">
+    <view slot="label" class="textarea-label">备注</view>
+  </t-textarea>
+  <view style="margin-top: 32rpx;display: flex;justify-content: center;">
+    <t-button theme="primary" bind:tap="onSave">保存</t-button>
+  </view>
+</page-plugin>

miniprogram/pages/base/item/item.json

@@ -0,0 +1,15 @@
+{
+  "usingComponents": {
+    "search-popup": "/pages/components/search-popup/search-popup",
+    "card-plugin": "/pages/components/card-plugin/card-plugin",
+    "card-item-plugin": "/pages/components/card-item-plugin/card-item-plugin",
+    "option-cell-plugin": "/pages/components/option-cell-plugin/option-cell-plugin",
+    "date-picker-plugin": "/pages/components/date-picker-plugin/date-picker-plugin",
+    "sort-plugin": "/pages/components/sort-plugin/sort-plugin",
+    "count-plugin": "/pages/components/count-plugin/count-plugin",
+    "total-bar-plugin": "/pages/components/total-bar-plugin/total-bar-plugin",
+    "pagination-plugin": "/pages/components/pagination-plugin/pagination-plugin",
+    "search-input": "/pages/components/search-input/search-input"
+  },
+  "navigationBarTitleText": "收支项目"
+}

miniprogram/pages/base/item/item.ts

@@ -0,0 +1,160 @@
+import { FinanceItemTypeArr, FinanceItemTypeObj } from '@/utils/config';
+import { loginStatusPage, post } from '@/utils/https';
+import {
+  cloneLite,
+  getAuthInfo,
+  getDataSet,
+  searchValueFormat,
+  showModal,
+  sleep,
+  toArray,
+  toastSuccess,
+  toNumber,
+} from '@/utils/util';
+
+const defaultParams = { curr_page: 1, page_count: 20 };
+
+Page({
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    params: cloneLite(defaultParams) as any,
+    list: [] as any[],
+    count: 0,
+    sort: [{ label: '创建日期', value: 'create_date' }],
+    FinanceItemTypeObj: FinanceItemTypeObj,
+    FinanceItemTypeArr: [{ label: '全部', value: '' }, ...FinanceItemTypeArr],
+  },
+  handleLogin(e: any) {
+    this.setData({ isLogin: e.detail });
+    if (e.detail) {
+      this.init();
+    }
+  },
+  init() {
+    this.setData({ authInfo: getAuthInfo() });
+    this.getList();
+  },
+  searchChange(e: any) {
+    const key = getDataSet(e).key;
+    const val = searchValueFormat(e.detail.value);
+    if (val) {
+      this.data.params[key] = val;
+    } else {
+      delete this.data.params[key];
+    }
+    this.setData({ params: this.data.params });
+  },
+  searchOk() {
+    this.getList(1);
+  },
+  searchReset() {
+    this.data.params = cloneLite(defaultParams);
+    this.getList(1);
+  },
+  onSort(e: any) {
+    this.data.params.order = e.detail.value;
+    this.setData({ params: this.data.params });
+    this.getList(1);
+  },
+  paginationChange(e: any) {
+    this.getList(e.detail.curr_page);
+  },
+  getList(curr: number = 1) {
+    this.data.params.curr_page = curr;
+    this.setData({ params: this.data.params });
+    const temp = cloneLite(this.data.params);
+
+    post('ErpFinanceItem/list', temp).then((res: any) => {
+      const list = toArray(res.data?.list);
+      // if (list.length == 0 && this.data.params.curr_page > 1) {
+      //   this.getList(this.data.params.curr_page - 1);
+      // }
+      this.setData({ count: toNumber(res.data?.count), list: list });
+    });
+  },
+
+  onOrderDel(e: any) {
+    const data = getDataSet(e);
+    const index = data.index;
+    const item = this.data.list[index];
+    showModal({ content: `确认删除 ${item.item_name}?` }).then(() => {
+      post('ErpFinanceItem/del', { item_id: item.item_id }).then(() => {
+        toastSuccess('删除成功');
+        sleep(() => {
+          this.getList();
+        }, 1000);
+      });
+    });
+  },
+  onOrderState(e: any) {
+    const data = getDataSet(e);
+    const index = data.index;
+    const item = this.data.list[index];
+    showModal({
+      content: `确认${item.state == 1 ? '禁用' : '启用'} ${item.item_name}?`,
+    }).then(() => {
+      // post('OrderCategory/setState', { order_cate_id: item.order_cate_id }).then(() => {
+      //   toastSuccess(`${item.state == 1 ? '禁用' : '启用'}成功`);
+      //   sleep(() => {
+      //     this.getList();
+      //   }, 1000);
+      // });
+    });
+  },
+  onOrderEdit(e: any) {
+    const data = getDataSet(e);
+    const index = data.index;
+
+    wx.navigateTo({
+      url: '/pages/base/item/edit/edit',
+      success: (res) => {
+        res.eventChannel.emit('itemEdit', {
+          data: index == -1 ? {} : this.data.list[index],
+        });
+      },
+    });
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(_options) {},
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {},
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+    loginStatusPage(this);
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {},
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {},
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {},
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {},
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {},
+});

miniprogram/pages/base/item/item.wxml

@@ -0,0 +1,49 @@
+<page-plugin isAuth="{{authInfo['SF_FINANCE_ITEM_VIEW']}}" loading="{{loading}}"
+  is-login="{{isLogin}}" bind:handleLogin="handleLogin">
+  <search-popup placeholder="输入名称" bind:change="searchChange" bind:ok="searchOk"
+    bind:reset="searchReset" value="{{params.item_name}}" data-key="item_name">
+    <view slot="content">
+      <option-cell-plugin title="生产状态" value="{{params.item_type || ''}}" bind:change="searchChange"
+        mode="radio" options="{{FinanceItemTypeArr}}" data-key="item_type" />
+      <!-- <search-input label="手机号码" value="{{params.crm_phone}}" data-key="crm_phone"
+        bind:change="searchChange" /> -->
+
+      <!-- <date-picker-plugin title="创建开始日期" value="{{params.create_dateL}}" data-key="create_dateL"
+        bind:confirm="searchChange" />
+      <date-picker-plugin title="创建结束日期" value="{{params.create_dateU}}" data-key="create_dateU"
+        bind:confirm="searchChange" /> -->
+    </view>
+  </search-popup>
+
+  <count-plugin count="{{count}}">
+    <view slot="left">
+      <t-button wx:if="{{authInfo['SF_FINANCE_ITEM_ADD']}}" size="small" theme="primary"
+        bind:tap="onOrderEdit" data-index="-1">新增收支项目</t-button>
+    </view>
+    <!-- <sort-plugin options="{{sort}}" bind:ok="onSort" value="{{params.order}}" slot="right" /> -->
+  </count-plugin>
+
+  <empty-plugin wx:if="{{list.length == 0}}" />
+  <card-plugin wx:for="{{ list }}" wx:key="item_id" showAll="1">
+    <view slot="header">
+      {{ item.item_name }}
+      <!-- <view style="font-weight: normal;flex-shrink: 0;">{{item.state == 1 ? '启用': '禁用'}}</view> -->
+    </view>
+    <view slot="content">
+      <card-item-plugin label="类型" value="{{FinanceItemTypeObj[item.item_type]}}" />
+      <card-item-plugin label="备注" wx:if="{{item.comments}}" value="{{item.comments}}" />
+      <card-item-plugin label="创建日期" value="{{item.create_date}}" />
+    </view>
+    <view slot="footer" class="card-plugin-footer">
+      <t-button wx:if="{{authInfo['SF_FINANCE_ITEM_EDIT']}}" size="small" theme="primary"
+        bind:tap="onOrderEdit" data-index="{{index}}">编辑</t-button>
+      <!-- <t-button wx:if="{{authInfo['SF_FINANCE_ITEM_EDIT']}}" size="small"
+        theme="{{item.state == 1 ?  'danger' : 'primary' }}" bind:tap="onOrderState"
+        data-index="{{index}}">{{item.state == 1 ?  '禁用' : '启用' }}</t-button> -->
+      <t-button wx:if="{{authInfo['SF_FINANCE_ITEM_DEL']}}" size="small" theme="danger"
+        bind:tap="onOrderDel" data-index="{{index}}">删除</t-button>
+    </view>
+  </card-plugin>
+  <pagination-plugin curr_page="{{params.curr_page}}" page_count="{{params.page_count}}"
+    total="{{count}}" bind:change="paginationChange" />
+</page-plugin>