完善首件检验单 逻辑 添加 检验项目 任务单 流转卡 工序 产品 检验仪器选单弹出窗口

chenhaozhe

2025-10-30 f414b2494547116c058a135c4e37ab402cecaf2b

 pages/ZLGL/shoujianjianyan/form.vue

@@ -29,62 +29,75 @@
                    <view class="form-item">
                        <view class="left">生产资源</view>
                        <view class="right">
                            <input type="text" value="" />
                            <uni-combox :candidates="GySourceNameList" placeholder="请选择生产资源" v-model="hform.HSourceName"
                                @update:modelValue="HSourceChange"></uni-combox>
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">生产班次</view>
                        <view class="right">
                            <input type="text" value="" />
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">生产资源</view>
                        <view class="right">
                            <input type="text" value="" />
                            <uni-combox :candidates="GyWorkShiftNameList" placeholder="请选择生产班次"
                                v-model="hform.HShiftsName" @update:modelValue="HWorkShiftChange"></uni-combox>
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">任务单号</view>
                        <view class="right">
                            <input type="text" value="" />
                        <view class="right disabled">
                            <input type="text" :value="hform.HICMOBillNo" disabled />
                        </view>
                        <view class="icon-wrapper-big"><uni-icons type="search" size="20"
                                @click="showSelectorModule(hform, 5)"></uni-icons></view>
                    </view>
                    <view class="form-item">
                        <view class="left">任务单数量</view>
                        <view class="right">
                            <input type="number" value="" />
                            <input type="number" v-model="hform.HICMOQty" />
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">流转卡号</view>
                        <view class="right">
                            <input type="text" value="" />
                        <view class="right disabled">
                            <input type="text" :value="hform.HProcExchBillNo" disabled />
                        </view>
                        <view class="icon-wrapper-big"><uni-icons type="search" size="20"
                                @click="showSelectorModule(hform, 6)"></uni-icons></view>
                    </view>
                    <view class="form-item">
                        <view class="left">流转卡数量</view>
                        <view class="right">
                            <input type="number" value=""  />
                            <input type="number" v-model="hform.HProcExchQty" />
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">产品代码</view>
                        <view class="right disabled">
                            <input type="text" disabled :value="hform.HMaterNumber" />
                        </view>
                        <view class="icon-wrapper-big">
                            <uni-icons type="search" size="20" @click="showSelectorModule(hform, 4)"></uni-icons>
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">产品名称</view>
                        <view class="right">
                            <input type="text" value="" />
                        <view class="right disabled">
                            <input type="text" disabled :value="hform.HMaterName" />
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">检验员</view>
                        <view class="right">
                            <input type="text" value="" />
                            <uni-combox :candidates="GyFirstCheckEmpNameList" placeholder="请选择检验员"
                                :v-model="hform.HFirstCheckEmpName"
                                @update:modelValue="HFirstCheckEmpChange"></uni-combox>
                        </view>
                    </view>
                    <view class="form-item">
                        <view class="left">检验方案</view>
                        <view class="right">
                            <input type="text" value="" />
                        <view class="right disabled">
                            <input type="text" disabled value="" />
                        </view>
                        <view class="icon-wrapper-big"><uni-icons type="search" size="20"
                                @click="showSelectorModule(hform, 7)"></uni-icons></view>
                    </view>
                    <view class="form-item">
                        <view class="left">批号</view>
@@ -110,9 +123,11 @@
                    </view>
                    <view class="form-item">
                        <view class="left">工序</view>
                        <view class="right">
                            <input type="text" value="" />
                        <view class="right disabled">
                            <input type="text" disabled :value="hform.HProcName" />
                        </view>
                        <view class="icon-wrapper-big"><uni-icons type="search" size="20"
                                @click="showSelectorModule(hform, 8)"></uni-icons></view>
                    </view>
                    <view class="form-item">
                        <view class="left">备注</view>
@@ -217,13 +232,13 @@
                                    <view style="flex-shrink: 0;"><text>检验项目：</text></view>
                                    <input type="text" :value="checkItem.HQCCheckItemName" disabled="" />
                                    <view class="icon-wrapper"><uni-icons type="search" size="16"
                                            @click="showHQCCheckItemSelector"></uni-icons></view>
                                            @click="showSelectorModule(checkItem, 2)"></uni-icons></view>
                                </view>
                                <view class="detail editable">
                                    <view style="flex-shrink: 0;"><text>检验仪器：</text></view>
                                    <input type="text" :value="checkItem.HInspectInstruMentName" disabled="" />
                                    <view class="icon-wrapper"><uni-icons type="search" size="16"
                                            @click="showInspectInstruMentSelector"></uni-icons></view>
                                            @click="showSelectorModule(checkItem, 3)"></uni-icons></view>
                                </view>
                                <view class="detail editable">
                                    <view><text>结论：</text></view>
@@ -236,7 +251,7 @@
                                            @change="HResultChange(checkItem.num, $event)" />
                                    </view>
                                </view>
                                <view class="detail editable">
                                <view class="detail editable" style="position: relative;">
                                    <view style="flex-shrink: 0;"><text>分析方法：</text></view>
                                    <picker :range="arrayAnalysisMethod" range-key="name"
                                        @change="HAnalysisMethodChange(checkItem.num, $event)">
@@ -250,7 +265,7 @@
                                    <view>
                                        <switch type="checkbox" style="transform:scale(0.7);"
                                            :checked="checkItem.HKeyInspect"
                                            @change="HKeyInspectChange(checkItem.num, $event)" />
                                            @change="HKeyInspectChange(checkItem, $event)" />
                                    </view>
                                </view>
                                <view class="detail" v-if="checkItem.HQCStd">
@@ -284,6 +299,7 @@
                                    <text>平均值：</text>{{checkItem.HAvg}}
                                </view>
                            </view>
                            <view style="height: 20rpx;"></view>
                            <view class="more">
                                <view class="part" style="color: #da0000;" @tap.stop="removeCheckItem(checkItem)">
                                    <uni-icons type="trash" style="color: #da0000;margin-right: 10rpx;"
@@ -310,7 +326,7 @@
                                    <view style="flex-shrink: 0;"><text>抽样方案：</text></view>
                                    <input type="text" :value="SamplingItem.HSampleSchemeName" disabled />
                                    <view class="icon-wrapper"><uni-icons type="search" size="16"
                                            @click="showHSampleSchemeNameSelector(SamplingItem)"></uni-icons></view>
                                            @click="showSelectorModule(SamplingItem, 1)"></uni-icons></view>
                                </view>
                                <view class="detail editable">
                                    <text>抽样类型：</text>{{SamplingItem.HSamplingType}}
@@ -365,23 +381,53 @@
            <button class="btn-a" size="mini" @tap="addNew">新增</button>
            <button class="btn-c" size="mini" @tap="goBack">退出</button>
        </view>
        <SampleSchemePopupVue ref="sampleSchemePopup" @update="SampleSchemeComplete" :bindKey="currentChechItemIDCache">
        <SampleSchemePopupVue v-if="enablePopupModule == PopupModuleNameList[1]" ref="listPopup"
            @update="SampleSchemeComplete" :bindKey="currentChechItemIDCache">
        </SampleSchemePopupVue>
        <CheckItemPopupVue v-if="enablePopupModule == PopupModuleNameList[2]" ref="listPopup"
            @update="CheckItemComplete" :bindKey="currentChechItemIDCache">
        </CheckItemPopupVue>
        <InspectMentPopupVue v-if="enablePopupModule == PopupModuleNameList[3]" ref="listPopup"
            @update="InspectMentComplete" :bindKey="currentChechItemIDCache">
        </InspectMentPopupVue>
        <MaterialPopupVue v-if="enablePopupModule == PopupModuleNameList[4]" ref="listPopup" @update="MaterComplete"
            :bindKey="0">
        </MaterialPopupVue>
        <ICMOBillPopupVue v-if="enablePopupModule == PopupModuleNameList[5]" ref="listPopup" @update="ICMOBillComplete"
            :bindKey="0"></ICMOBillPopupVue>
        <ProcExchBillPopupVue v-if="enablePopupModule == PopupModuleNameList[6]" ref="listPopup" @update="ProcExchBillComplete"
            :bindKey="0"></ProcExchBillPopupVue>
        <ProcessPopupVue v-if="enablePopupModule == PopupModuleNameList[8]" ref="listPopup" @update="HProcComplete"
            :bindKey="0"></ProcessPopupVue>
    </view>
</template>

<script>
    import dayjs from 'dayjs'
import {
    import {
        CommonUtils
    } from '../../../utils/common'
    import InspectValueTemplateVue from '@/components/ZLGL/InspectValueTemplate.vue'
    import SampleSchemePopupVue from '@/components/ZLGL/SampleSchemePopup.vue'
import { getUserInfo } from '../../../utils/auth'
    import CheckItemPopupVue from '@/components/ZLGL/CheckItemPopup.vue'
    import InspectMentPopupVue from '../../../components/ZLGL/InspectMentPopup.vue'
    import MaterialPopupVue from '../../../components/ZLGL/MaterialPopup.vue'
    import ICMOBillPopupVue from '../../../components/ZLGL/ICMOBillPopup.vue'
    import ProcExchBillPopupVue from '../../../components/ZLGL/ProcExchBillPopup.vue'
    import ProcessPopupVue from '../../../components/ZLGL/ProcessPopup.vue'
    import {
        getUserInfo
    } from '../../../utils/auth'
    export default {
        components: {
            InspectValueTemplateVue,
            SampleSchemePopupVue
            SampleSchemePopupVue,
            CheckItemPopupVue,
            InspectMentPopupVue,
            MaterialPopupVue,
            ICMOBillPopupVue,
            ProcExchBillPopupVue,
            ProcessPopupVue
        },
        computed: {
            judgeConclusion: {
@@ -398,8 +444,24 @@
                mainTabSelected: 1,
                subTabSelected: 1,

                // 控制当前显示的弹窗模块
                enablePopupModule: '',
                PopupModuleNameList: ["", "SampleScheme", "CheckItem",
                    "InspectMent", "Material", "ICMOBill", "ProcExchBill", "QCScheme", "Process"
                ],
                // 当前操作的检验单ID缓存
                currentChechItemIDCache: -1,

                // uni-combox 选择器使用
                // 生产资源
                GySourceList: [],
                GySourceNameList: [],
                // 班次
                GyWorkShiftList: [],
                GyWorkShiftNameList: [],
                // 检验员
                GyFirstCheckEmpList: [],
                GyFirstCheckEmpNameList: [],

                // 检验方案
                arrayAnalysisMethod: [{
@@ -436,7 +498,7 @@
                    "HICMOBillNo": "",
                    "HICMOInterID": "0",
                    "HICMOEntryID": "1",
                    "HICMOQty": "",
                    "HICMOQty": "0",
                    "HProcExchBillNo": "",
                    "HProcExchInterID": "0",
                    "HProcExchEntryID": "0",
@@ -444,8 +506,8 @@
                    "HMaterNumber": "",
                    "HMaterID": "0",
                    "HMaterName": "",
                    "HFirstCheckEmpName":  "",
                    "HFirstCheckEmp":0,
                    "HFirstCheckEmpName": "",
                    "HFirstCheckEmp": 0,
                    "HQCSchemeName": "",
                    "HQCSchemeID": "0",
                    "HBatchNo": "",
@@ -521,11 +583,156 @@
            }
        },
        methods: {
            async showHSampleSchemeNameSelector(item) {
                this.currentChechItemIDCache = item.num
            // 检验员初始化
            async InitHEmp() {
                try {
                    let res = await CommonUtils.doRequest2Async({
                        url: '/Gy_Employee/list',
                        data: {
                            sWhere: `  and 组织名称 = '${uni.getStorageSync("Organization")}' and 禁用标记 = ''and 审核人 !='' order by 部门代码`,
                            user: getUserInfo()['Czymc'],
                            Organization: uni.getStorageSync("Organization")
                        }
                    })

                    let {
                        data,
                        Message,
                        count
                    } = res.data

                    if (count == 1) {
                        console.log('data: ', data);
                        this.GyFirstCheckEmpList = data
                        this.GyFirstCheckEmpNameList = Array.from(data).map(e => e["职员名称"])
                    } else {
                        CommonUtils.showTips({
                            title: '温馨提示',
                            message: `初始化检验员失败: ${Message}`
                        })
                    }

                } catch (err) {
                    CommonUtils.showTips({
                        title: '温馨提示',
                        message: `初始化检验员失败: ${err}`
                    })
                }
            },
            async HFirstCheckEmpChange(e) {
                console.log('选中检验员: ', e);
                let index = this.GyFirstCheckEmpList.findIndex(elem => elem["职员名称"] == e)
                if (index == -1) {
                    this.hform.HFirstCheckEmp = 0
                    this.hform.HFirstCheckEmpName = ''
                    return
                }

                this.hform.HFirstCheckEmp = this.GyFirstCheckEmpList[index]["HItemID"]
                this.hform.HFirstCheckEmpName = this.GyFirstCheckEmpList[index]["职员名称"]
            },
            // 生产班次初始化
            async InitHWorkShift() {
                try {
                    let res = await CommonUtils.doRequest2Async({
                        url: '/Gy_ShiftsController/Get_Gy_WorkShiftList',
                        data: {
                            sWhere: ` and 禁用标记 = '' and ISNULL(审核人,'')  != '' and 使用组织名称 = '${uni.getStorageSync("Organization")}'`,
                            HMaker: getUserInfo()['Czymc']
                        }
                    })

                    let {
                        data,
                        Message,
                        count
                    } = res.data

                    if (count == 1) {
                        console.log('data: ', data);
                        this.GyWorkShiftList = data
                        this.GyWorkShiftNameList = Array.from(data).map(e => e["班次名称"])
                    } else {
                        CommonUtils.showTips({
                            title: '温馨提示',
                            message: `初始化班次失败: ${Message}`
                        })
                    }

                } catch (err) {
                    CommonUtils.showTips({
                        title: '温馨提示',
                        message: `初始化班次失败: ${err}`
                    })
                }
            },
            async HWorkShiftChange(e) {
                console.log('选中班次: ', e);
                let index = this.GyWorkShiftList.findIndex(elem => elem["班次名称"] == e)
                if (index == -1) {
                    this.hform.HWorkShiftID = 0
                    this.hform.HWorkShiftName = ''
                    return
                }

                this.hform.HWorkShiftID = this.GySourceList[index]["HInterID"]
                this.hform.HWorkShiftName = this.GySourceList[index]["班次名称"]
            },
            // 生产资源更新
            // 生产资源初始化
            async InitHSource() {
                try {
                    let res = await CommonUtils.doRequest2Async({
                        url: '/Gy_Source/list',
                        data: {
                            sWhere: `and 禁用标记 != 'Y' and ISNULL(审核人,'')  != '' and HUSEORGID = '100038'`,
                            user: getUserInfo()['Czymc']
                        }
                    })

                    let {
                        data,
                        Message,
                        count
                    } = res.data

                    if (count == 1) {
                        this.GySourceList = data
                        this.GySourceNameList = Array.from(data).map(e => e["生产资源名称"])
                    } else {
                        CommonUtils.showTips({
                            title: '温馨提示',
                            message: `初始化生产资源失败: ${Message}`
                        })
                    }

                } catch (err) {
                    CommonUtils.showTips({
                        title: '温馨提示',
                        message: `初始化生产资源失败: ${err}`
                    })
                }
            },
            // 生产资源更新
            async HSourceChange(e) {
                console.log('选中生产资源: ', e);
                let index = this.GySourceList.findIndex(elem => elem["生产资源名称"] == e)
                if (index == -1) {
                    this.hform.HSourceID = 0
                    this.hform.HSourceName = ''
                    return
                }

                this.hform.HSourceID = this.GySourceList[index]["HItemID"]
                this.hform.HSourceName = this.GySourceList[index]["生产资源名称"]
            },
            // 显示弹窗
            async showSelectorModule(item, index) {
                this.currentChechItemIDCache = item.num || 0 // 0 表示没有任何子表被选中
                this.enablePopupModule = this.PopupModuleNameList[index]
                console.log('this.$refs: ', this.$refs);
                await this.$nextTick()
                this.$refs.sampleSchemePopup.showPopup()
                this.$refs.listPopup.showPopup()
            },
            getAnalysisMethodDisplay(val) {
                console.log('AnalysisMethodVal: ', val);
@@ -613,19 +820,39 @@
            // 结论修改
            HResultChange(id, e) {
                console.log('e: ', e);
                this.checkItems[id]["HResult"] = e.detail.value ? 1 : 2
                this.checkItems[id]["HResult"] = e.detail.value
            },
            // 检验方案修改
            HAnalysisMethodChange(id, e) {
                console.log('e: ', e);
                this.checkItems[id]["HAnalysisMethod"] = this.arrayAnalysisMethod[e.detail.value]["value"]

                // 检查是否可以新增检验值项
                this.setInspectValModule(this.checkItems[id])
            },
            // 重点检查修改
            HKeyInspectChange(id, e) {
                console.log('e: ', e);
                this.checkItems[id]["HKeyInspect"] = e.detail.value
            },
            // 检验方案选择结束
            // 检验项目返回
            async CheckItemComplete(e) {
                console.log('CheckItemRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.checkItems[key], {
                        "HQCCheckItemID": data["HItemID"],
                        "HQCCheckItemNumber": data["代码"],
                        "HQCCheckItemName": data["名称"],
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 检验方案返回
            async SampleSchemeComplete(e) {
                console.log('SampleSchemeRet: ', e);
                for (var key in e["retVal"]) {
@@ -648,18 +875,131 @@
                        "HSampleDamageQty": data["样本破坏数"] || 0
                    })
                    await this.$nextTick()
                    this.$refs.sampleSchemePopup.exit()
                    this.$refs.listPopup.exit()
                    this.setInspectValModule(this.checkItems[key])

                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 检验仪器返回
            async InspectMentComplete(e) {
                console.log('InspectInstruMentRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.checkItems[key], {
                        "HInspectInstruMentID": data["HItemID"],
                        "HInspectInstruMentNumber": data["检验仪器代码"],
                        "HInspectInstruMentName": data["检验仪器名称"],
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 产品代码返回
            async MaterComplete(e) {
                console.log('MaterRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.hform, {
                        "HMaterNumber": data["物料代码"],
                        "HMaterName": data["物料名称"],
                        "HMaterID": data["HItemID"],
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 任务单返回
            async ICMOBillComplete(e) {
                console.log('ICMOBillRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.hform, {
                        "HICMOInterID": data.hmainid,
                        "HICMOEntryID": data.HEntryID,
                        "HICMOBillNo": data.单据号,
                        "HMaterNumber": data.产品代码,
                        "HMaterName": data.产品名称,
                        "HMaterID": data.HMaterID,
                        "HICMOQty": data.生产任务单数量,
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 流转卡返回
            async ProcExchBillComplete(e) {
                console.log('ProcExchBillRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.hform, {
                        "HProcExchInterID": data.hmainid,
                        "HProcExchEntryID": data.hsubid,
                        "HProcExchBillNo": data.单据号,
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 检验方案返回
            async HQCSchemeComplete(e) {
                console.log('HQCSchemeRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.hform, {
                        // "HMaterNumber": data["物料代码"],
                        // "HMaterName": data["物料名称"],
                        // "HMaterID": data["HItemID"],
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            // 工序返回
            async HProcComplete(e) {
                console.log(' HProcRet: ', e);
                for (var key in e["retVal"]) {
                    let data = e["retVal"][key]
                    Object.assign(this.hform, {
                        "HProcName": data["工序名称"],
                        "HProcID": data["HItemID"],
                    })
                    await this.$nextTick()
                    this.$refs.listPopup.exit()
                    // 确保在弹窗结束后，再将页面上挂在的组件置空
                    await this.$nextTick()
                    this.enablePopupModule = this.PopupModuleNameList[0]
                }
            },
            setInspectValModule(checkItem) {
                console.log('checkItem: ', checkItem);
                if (!checkItem.HAnalysisMethod || !checkItem.HSampleSchemeID) {
                    return
                }
                // 区分检验值页签和静态页签，检验值页签的id以_开头
                this.$set(this.InspectModules, `_${checkItem.num}`, {
                    id: `_${checkItem.num}`,
                    checkItemId: checkItem.num
                })
                console.log(' this.arrayAnalysisMethod: ', checkItem.HAnalysisMethod);
                let analysisMethodName = this.arrayAnalysisMethod.find(e => e.value == checkItem.HAnalysisMethod).name
                let analysisMethodName = this.arrayAnalysisMethod.find(e => e.value == checkItem.HAnalysisMethod)
                    .name
                this.$set(this.subTabs, `_${checkItem.num}`, {
                    id: `_${checkItem.num}`,
                    name: `${analysisMethodName}-${checkItem.HSampleSchemeName}`
@@ -712,11 +1052,15 @@
            this.linterid = e.linterid || 0
            if (this.operationType == 1) {
                await this.getMaxBillNo()
            } else if (this.operationType  == 2) {
            } else if (this.operationType == 2) {

            } else if (this.operationType  == 3) {
            } else if (this.operationType == 3) {

            }

            await this.InitHSource()
            await this.InitHWorkShift()
            await this.InitHEmp()
        }
    }
</script>
@@ -730,6 +1074,7 @@
    .uni-input {
        padding: 0
    }


    .bill-main-tabs,
    .bill-sub-tabs {
@@ -763,7 +1108,7 @@
    .bill-main-content,
    .bill-sub-content {
        box-sizing: border-box;
        padding: 0 10rpx;
        padding: 0 30rpx 0 30rpx;
        display: flex;
        flex-direction: column;

@@ -790,6 +1135,22 @@
                flex: 1;
                border-radius: 22rpx;
                border: 1px solid #acacac;

                .uni-combox {
                    padding: 0;
                    height: auto;

                    .uni-input-placeholder,
                    .uni-input-input {
                        font-size: 26rpx;
                    }
                }

                .uni-combox::v-deep input {
                    height: inherit;
                    font-size: 26rpx;
                }

            }

            .disabled {
@@ -932,6 +1293,22 @@
        }
    }

    .icon-wrapper-big {
        background-color: #3A78FF;
        border-radius: 100%;
        width: 50rpx;
        height: 50rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        margin-left: 20rpx;

        .uni-icons {
            color: #fff !important;
        }
    }

    .more {
        color: #888;
        font-size: 22rpx;