|
|
@ -17,27 +17,305 @@ |
|
|
|
> |
|
|
|
<el-form :model="item" label-width="auto" :rules="qualityBatchRules" ref="qualityBatchFormRef"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="12" v-if="item.code"> |
|
|
|
<el-form-item label="编码" prop="code"> |
|
|
|
<el-input v-model="item.code" placeholder="根据系统生成" :disabled="true" /> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="质量通知单号" prop="qualityNoticeNumber"> |
|
|
|
<el-input v-model="item.qualityNoticeNumber" placeholder="请输入质量通知单号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="顺序号" prop="sequenceCode"> |
|
|
|
<el-input v-model="item.sequenceCode" placeholder="请输入顺序号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="物料代码" prop="itemCode"> |
|
|
|
<el-input v-model="item.itemCode" placeholder="请输入物料代码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="批次" prop="batch"> |
|
|
|
<el-input v-model="item.batch" placeholder="请输入批次" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="检验批次" prop="inspectionBatch"> |
|
|
|
<el-input v-model="item.inspectionBatch" placeholder="请输入检验批次" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="物料描述" prop="itemDesc"> |
|
|
|
<el-input v-model="item.itemDesc" placeholder="请输入物料描述" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="总数量" prop="totalAmount"> |
|
|
|
<el-input v-model="item.totalAmount" placeholder="请输入总数量" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="计量单位" prop="uom"> |
|
|
|
<el-input v-model="item.uom" placeholder="请输入计量单位" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<div class="title-btn"> |
|
|
|
<div class="title">质量通知包装</div> |
|
|
|
<el-button type="primary" plain @click="handleAdd('package')">添加包装</el-button> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" style="width: 100%" border> |
|
|
|
<el-table-column prop="qualityNoticeNumber" label="质量通知单号" align="center"/> |
|
|
|
<el-table-column prop="packageCode" label="包装编码" align="center"/> |
|
|
|
<el-table-column prop="sequenceCode" label="顺序号" align="center"/> |
|
|
|
<el-table-column prop="amount" label="数量" align="center"/> |
|
|
|
<el-table-column prop="uom" label="计量单位" align="center"/> |
|
|
|
<el-table-column prop="packUnit" label="包装规格" align="center"/> |
|
|
|
</el-table> |
|
|
|
<div class="title-btn"> |
|
|
|
<div class="title">质量通知任务</div> |
|
|
|
<el-button type="primary" plain @click="handleAdd('task')">添加任务</el-button> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" style="width: 100%" border> |
|
|
|
<el-table-column prop="qualityNoticeNumber" label="质量通知单号" align="center" width="150"/> |
|
|
|
<el-table-column prop="code" label="编码" align="center" width="150"/> |
|
|
|
<el-table-column prop="sequenceCode" label="顺序号" align="center" width="150"/> |
|
|
|
<el-table-column prop="status" label="状态" align="center" width="150"/> |
|
|
|
<el-table-column prop="type" label="类型" align="center" width="150"/> |
|
|
|
<el-table-column prop="taskGroupCode" label="任务代码组" align="center" width="150"/> |
|
|
|
<el-table-column prop="taskCode" label="任务代码" align="center" width="150"/> |
|
|
|
<el-table-column prop="taskDesc" label="任务描述" align="center" width="150"/> |
|
|
|
<el-table-column prop="taskDetail" label="任务详情" align="center" width="150"/> |
|
|
|
<el-table-column prop="leaderType" label="负责人类型" align="center" width="150"/> |
|
|
|
<el-table-column prop="leader" label="负责人" align="center"/> |
|
|
|
<el-table-column prop="planStartTime" label="计划开始时间" align="center" width="150"/> |
|
|
|
<el-table-column prop="planEndTime" label="计划结束时间" align="center" width="150"/> |
|
|
|
<el-table-column prop="finishTime" label="完成时间" align="center" width="150"/> |
|
|
|
<el-table-column prop="finishNumber" label="完成单据号" align="center" width="150"/> |
|
|
|
</el-table> |
|
|
|
<div class="title-btn"> |
|
|
|
<div class="title">质量通知缺陷</div> |
|
|
|
<el-button type="primary" plain @click="handleAdd('defect')">添加缺陷</el-button> |
|
|
|
</div> |
|
|
|
<el-table :data="tableData" style="width: 100%" border> |
|
|
|
<el-table-column prop="qualityNoticeNumber" label="质量通知单号" align="center" width="150"/> |
|
|
|
<el-table-column prop="sequenceCode" label="顺序号" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectLocationCodeGroup" label="缺陷位置代码组" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectLocationCode" label="缺陷位置代码" align="center" width="150"/> |
|
|
|
<el-table-column prop="defecTypeCodeGroup" label="缺陷类型代码组" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectTypeCode" label="缺陷类型代码" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectDesc" label="缺陷描述" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectSonItemCode" label="缺陷子物料代码" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectCount" label="缺陷数量" align="center" width="150"/> |
|
|
|
<el-table-column prop="defectLevel" label="缺陷级别" align="center" width="150"/> |
|
|
|
<el-table-column prop="sampleNumber" label="样本编号" align="center" width="150"/> |
|
|
|
<el-table-column prop="inspectionRecordNumber" label="检验记录编号" align="center" width="150"/> |
|
|
|
<el-table-column prop="reasonCodeGroup" label="原因代码组" align="center" width="150"/> |
|
|
|
<el-table-column prop="reasonCode" label="原因代码" align="center" width="150"/> |
|
|
|
<el-table-column prop="reasonDesc" label="原因描述" align="center" width="150"/> |
|
|
|
</el-table> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<Dialog |
|
|
|
title="修改名称" |
|
|
|
v-model="dialogVisibleName" |
|
|
|
width="500px" |
|
|
|
:title="dialogTitle" |
|
|
|
v-model="dialogVisible" |
|
|
|
width="800px" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<div style="padding: 0px 20px"> |
|
|
|
<el-form ref="nameRef" :model="nameForm"> |
|
|
|
<el-form-item |
|
|
|
:rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]" |
|
|
|
prop="name" |
|
|
|
> |
|
|
|
<!-- 包装弹窗 --> |
|
|
|
<el-form ref="packageFormRef" label-width="100px" :model="packageForm" :rules="packageRules" v-if="source == 'package'"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="qualityNoticeNumber" label="质量通知单号" > |
|
|
|
<el-input v-model="packageForm.qualityNoticeNumber" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="packageCode" label="包装编码" > |
|
|
|
<el-input v-model="packageForm.packageCode" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="sequenceCode" label="顺序号" > |
|
|
|
<el-input v-model="packageForm.sequenceCode" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="amount" label="数量" > |
|
|
|
<el-input v-model="packageForm.amount" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="uom" label="计量单位" > |
|
|
|
<el-input v-model="packageForm.uom" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="packUnit" label="包装规格" > |
|
|
|
<el-input v-model="packageForm.packUnit" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<!-- 任务弹窗 --> |
|
|
|
<el-form ref="taskFormRef" label-width="100px" :model="taskForm" :rules="taskRules" v-else-if="source == 'task'"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="qualityNoticeNumber" label="质量通知单号" > |
|
|
|
<el-input v-model="taskFormRef.qualityNoticeNumber" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="code" label="编码" > |
|
|
|
<el-input v-model="taskFormRef.code" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="sequenceCode" label="顺序号" > |
|
|
|
<el-input v-model="taskFormRef.sequenceCode" placeholder="请输入顺序号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="status" label="状态" > |
|
|
|
<el-input v-model="taskFormRef.status" placeholder="请输入状态" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="type" label="类型" > |
|
|
|
<el-input v-model="taskFormRef.type" placeholder="请输入类型" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taskGroupCode" label="任务代码组" > |
|
|
|
<el-input v-model="taskFormRef.taskGroupCode" placeholder="请输入任务代码组" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taskCode" label="任务代码" > |
|
|
|
<el-input v-model="taskFormRef.taskCode" placeholder="请输入任务代码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taskDesc" label="任务描述" > |
|
|
|
<el-input v-model="taskFormRef.taskDesc" placeholder="请输入任务描述" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="taskDetail" label="任务详情" > |
|
|
|
<el-input v-model="taskFormRef.taskDetail" placeholder="请输入任务详情" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="leaderType" label="负责人类型" > |
|
|
|
<el-input v-model="taskFormRef.leaderType" placeholder="请输入负责人类型" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="leader" label="负责人" > |
|
|
|
<el-input v-model="taskFormRef.leader" placeholder="请输入负责人" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="planStartTime" label="计划开始时间" > |
|
|
|
<el-input v-model="taskFormRef.planStartTime" placeholder="请选择计划开始时间" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="planEndTime" label="计划结束时间" > |
|
|
|
<el-input v-model="taskFormRef.planEndTime" placeholder="请选择计划结束时间" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="finishTime" label="完成时间" > |
|
|
|
<el-input v-model="taskFormRef.finishTime" placeholder="请输入完成时间" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="finishNumber" label="完成单据号" > |
|
|
|
<el-input v-model="taskFormRef.finishNumber" placeholder="请输入完成单据号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<!-- 缺陷弹窗 --> |
|
|
|
<el-form ref="defectFormRef" label-width="100px" :model="defectForm" :rules="defectRules" v-else-if="source == 'defect'"> |
|
|
|
<el-row :gutter="20"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="qualityNoticeNumber" label="质量通知单号" > |
|
|
|
<el-input v-model="defectFormRef.qualityNoticeNumber" placeholder="请输入包装编码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="sequenceCode" label="顺序号" > |
|
|
|
<el-input v-model="defectFormRef.sequenceCode" placeholder="请输入顺序号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectLocationCodeGroup" label="缺陷位置代码组" > |
|
|
|
<el-input v-model="defectFormRef.defectLocationCodeGroup" placeholder="请输入缺陷位置代码组" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectLocationCode" label="缺陷位置代码" > |
|
|
|
<el-input v-model="defectFormRef.defectLocationCode" placeholder="请输入缺陷位置代码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defecTypeCodeGroup" label="缺陷类型代码组" > |
|
|
|
<el-input v-model="defectFormRef.defecTypeCodeGroup" placeholder="请输入缺陷类型代码组" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectDesc" label="缺陷描述" > |
|
|
|
<el-input v-model="defectFormRef.defectDesc" placeholder="请输入缺陷描述" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
|
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectSonItemCode" label="缺陷子物料代码" > |
|
|
|
<el-input v-model="defectFormRef.defectSonItemCode" placeholder="请输入缺陷子物料代码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectCount" label="缺陷数量" > |
|
|
|
<el-input v-model="defectFormRef.defectCount" placeholder="请输入缺陷数量" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="defectLevel" label="缺陷级别" > |
|
|
|
<el-input v-model="defectFormRef.defectLevel" placeholder="请输入缺陷级别" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="sampleNumber" label="样本编号" > |
|
|
|
<el-input v-model="defectFormRef.sampleNumber" placeholder="请输入样本编号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="inspectionRecordNumber" label="检验记录编号" > |
|
|
|
<el-input v-model="defectFormRef.inspectionRecordNumber" placeholder="请输入检验记录编号" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="reasonCodeGroup" label="原因代码组" > |
|
|
|
<el-input v-model="defectFormRef.reasonCodeGroup" placeholder="请输入原因代码组" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="reasonCodeGroup" label="原因代码" > |
|
|
|
<el-input v-model="defectFormRef.reasonCodeGroup" placeholder="请输入原因代码" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item prop="reasonDesc" label="原因描述" > |
|
|
|
<el-input v-model="defectFormRef.reasonDesc" placeholder="请输入原因描述" /> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
<el-form ref="nameRef" :model="nameForm" v-else> |
|
|
|
<el-form-item :rules="[{ required: true, message: '请输入名称', trigger: 'blur' }]" prop="name"> |
|
|
|
<el-input v-model="nameForm.name" style="width: 240px" placeholder="请输入名称" /> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
@ -46,32 +324,56 @@ |
|
|
|
<ButtonBase :Butttondata="Butttondata" @button-base-click="buttonBaseClick1" /> |
|
|
|
</template> |
|
|
|
</Dialog> |
|
|
|
|
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script setup lang="ts"> |
|
|
|
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict' |
|
|
|
import * as defaultButtons from '@/utils/disposition/defaultButtons' |
|
|
|
const editableTabsValue = ref('1') |
|
|
|
const dialogVisibleName = ref(false) |
|
|
|
const dialogVisible = ref(false)//弹窗 |
|
|
|
const dialogTitle = ref('')//弹窗名称 |
|
|
|
|
|
|
|
const nameRef = ref(false) |
|
|
|
const qualityBatchFormRef = ref()//质量物料表单 |
|
|
|
const qualityBatchRules = ref({})//质量物料校验 |
|
|
|
//质量物料表单 |
|
|
|
const qualityBatchFormRef = ref() |
|
|
|
const qualityBatchRules = ref({}) |
|
|
|
|
|
|
|
const nameForm = ref({ |
|
|
|
name: '' |
|
|
|
}) |
|
|
|
})//物料批次名字 |
|
|
|
const data = ref({ |
|
|
|
process:[] |
|
|
|
}) |
|
|
|
//质量包装表单 |
|
|
|
const packageFormRef = ref() |
|
|
|
const packageRules = ref({}) |
|
|
|
const packageForm = ref({ |
|
|
|
packageCode:'' |
|
|
|
}) |
|
|
|
//质量任务表单 |
|
|
|
const taskFormRef = ref() |
|
|
|
const taskRules = ref({}) |
|
|
|
const taskForm = ref() |
|
|
|
//质量缺陷表单 |
|
|
|
const defectFormRef = ref() |
|
|
|
const defectRules = ref({}) |
|
|
|
const defectForm = ref() |
|
|
|
|
|
|
|
const source = ref('')//点击新增来源 |
|
|
|
const tableData = ref([]) |
|
|
|
/** 弹窗按钮 */ |
|
|
|
let Butttondata: any = [] |
|
|
|
Butttondata = [ |
|
|
|
defaultButtons.formSaveBtn(null), // 保存 |
|
|
|
defaultButtons.formCloseBtn(null) // 关闭 |
|
|
|
] |
|
|
|
defaultButtons.formSaveBtn(null), // 保存 |
|
|
|
defaultButtons.formCloseBtn(null) // 关闭 |
|
|
|
] |
|
|
|
// 添加移除物料批次 |
|
|
|
const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' | 'add') => { |
|
|
|
if (action === 'add') { |
|
|
|
nameForm.value.name = '' |
|
|
|
dialogVisibleName.value = true |
|
|
|
dialogVisible.value = true |
|
|
|
dialogTitle.value = '添加物料批次名称' |
|
|
|
} else if (action === 'remove') { |
|
|
|
const tabs = data.value.process |
|
|
|
let activeName = editableTabsValue.value |
|
|
@ -89,6 +391,18 @@ const handleTabsEdit = (targetName: TabPaneName | undefined, action: 'remove' | |
|
|
|
data.value.process = tabs.filter((tab) => tab.name !== targetName) |
|
|
|
} |
|
|
|
} |
|
|
|
// 添加包装任务缺陷按钮 |
|
|
|
const handleAdd=(sourceArg)=>{ |
|
|
|
source.value = sourceArg |
|
|
|
if(sourceArg == 'package'){ |
|
|
|
dialogTitle.value = '添加包装' |
|
|
|
}else if(sourceArg == 'task'){ |
|
|
|
dialogTitle.value = '添加任务' |
|
|
|
}else if(sourceArg == 'defec'){ |
|
|
|
dialogTitle.value = '添加缺陷' |
|
|
|
} |
|
|
|
dialogVisible.value = true |
|
|
|
} |
|
|
|
/** 修改名称时间 */ |
|
|
|
let tabIndex = 1 |
|
|
|
const buttonBaseClick1 = (val) => { |
|
|
@ -126,7 +440,7 @@ const buttonBaseClick1 = (val) => { |
|
|
|
}) |
|
|
|
|
|
|
|
editableTabsValue.value = newTabName |
|
|
|
dialogVisibleName.value = false |
|
|
|
dialogVisible.value = false |
|
|
|
} else { |
|
|
|
console.log('error submit!') |
|
|
|
return false |
|
|
@ -135,7 +449,7 @@ const buttonBaseClick1 = (val) => { |
|
|
|
} |
|
|
|
// 关闭 |
|
|
|
else if (val == 'close') { |
|
|
|
dialogVisibleName.value = false |
|
|
|
dialogVisible.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
@ -146,4 +460,29 @@ const buttonBaseClick1 = (val) => { |
|
|
|
padding: 0px 20px 20px; |
|
|
|
} |
|
|
|
} |
|
|
|
.title-btn{ |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-between; |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-top: 10px; |
|
|
|
} |
|
|
|
.title{ |
|
|
|
font-weight: bold; |
|
|
|
font-size: 16px; |
|
|
|
position: relative; |
|
|
|
padding-left: 12px; |
|
|
|
line-height: 16px; |
|
|
|
&::after{ |
|
|
|
content:''; |
|
|
|
position: absolute; |
|
|
|
left: 0px; |
|
|
|
width: 4px; |
|
|
|
height: 16px; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
background: #409eff; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
</style> |