| | |
| | | <template> |
| | | <div class="tagManagement"> |
| | | <div class="search-box"> |
| | | <!-- <el-form :model="params" inline> |
| | | <el-form-item label="空域名称:"> |
| | | <el-input v-model="params.algName" placeholder="请输入空域名称" clearable /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | | <el-button @click="cancelSearch">取消</el-button> |
| | | </el-form-item> |
| | | </el-form> --> |
| | | <el-form :model="params" inline> |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div> |
| | | <el-form-item label="标签名称:"> |
| | | <el-input v-model="params.label_name" placeholder="请输入标签名称" clearable /> |
| | | </el-form-item> |
| | | </div> |
| | | <div> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getList">搜索</el-button> |
| | | <el-button @click="cancelSearch">取消</el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </div> |
| | | </el-form> |
| | | <div> |
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button> |
| | | <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增标签</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="mange-table"> |
| | | <el-table border :data="tableList" class="custom-header"> |
| | | <el-table-column label="序号" type="index" width="60"></el-table-column> |
| | | <el-table-column prop="operating_income" label="营业收入" align="center"></el-table-column> |
| | | <el-table-column prop="total_cost" label="综合总成本费用" align="center"></el-table-column> |
| | | <el-table-column prop="net_profit" label="净利润" align="center"></el-table-column> |
| | | <el-table-column prop="financial_irr" label="财务内部收益率" align="center"></el-table-column> |
| | | <el-table-column prop="market_space" label="市场空间" align="center" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="label_name" label="标签名称" align="center"></el-table-column> |
| | | <el-table-column prop="create_time" label="创建时间" align="center"></el-table-column> |
| | | <el-table-column prop="nick_name" label="创建人" align="center"></el-table-column> |
| | | <el-table-column prop="create_user_name" label="创建人" align="center"></el-table-column> |
| | | <el-table-column label="操作" width="180" align="center"> |
| | | <template #default="scope"> |
| | | <!-- <el-button icon="el-icon-view" type="text" @click="handleDetail(scope.row)">查看</el-button> --> |
| | |
| | | :width="pxToRem(800)" :close-on-click-modal="false" :destroy-on-close="true" @close="handleClose"> |
| | | <div class="content-edit"> |
| | | <el-form ref="ruleFormRef" :model="editParams" :rules="rules" inline> |
| | | <el-form-item label="营业收入" prop="operating_income"> |
| | | <el-input v-model="editParams.operating_income" /> |
| | | </el-form-item> |
| | | <el-form-item label="综合总成本费用" prop="total_cost"> |
| | | <el-input v-model="editParams.total_cost" /> |
| | | </el-form-item> |
| | | <el-form-item label="净利润" prop="net_profit"> |
| | | <el-input v-model="editParams.net_profit" /> |
| | | </el-form-item> |
| | | <el-form-item label="财务内部收益率" prop="financial_irr"> |
| | | <el-input v-model="editParams.financial_irr" /> |
| | | </el-form-item> |
| | | <el-form-item label="市场空间" prop="market_space" style="width: 716px;"> |
| | | <el-input v-model="editParams.market_space" /> |
| | | <el-form-item label="标签名称" prop="label_name"> |
| | | <el-input v-model="editParams.label_name" /> |
| | | </el-form-item> |
| | | <div class="btns"> |
| | | <el-button v-if="titleTxt === '新增'" type="primary" @click="submit(ruleFormRef)"><el-icon><CirclePlus /></el-icon>确认</el-button> |
| | |
| | | let titleTxt = ref('新增') |
| | | const total = ref(0) |
| | | const params = ref({ |
| | | label_name: '', |
| | | current: 1, |
| | | size: 10, |
| | | }); |
| | |
| | | const ruleFormRef = ref() |
| | | let editParams = ref({ |
| | | id: '', |
| | | operating_income: '', |
| | | total_cost: '', |
| | | net_profit: '', |
| | | financial_irr: '', |
| | | market_space: '', |
| | | label_name: '', |
| | | }) |
| | | const rules = reactive({ |
| | | operating_income: [ |
| | | { required: true, message: '请输入营业收入', trigger: 'blur' }, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (!/^\d+(\.\d+)?$/.test(value)) { |
| | | callback(new Error('请输入有效的数字(整数或小数)')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | total_cost: [ |
| | | { required: true, message: '请输入综合总成本费用', trigger: 'blur' }, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (!/^\d+(\.\d+)?$/.test(value)) { |
| | | callback(new Error('请输入有效的数字(整数或小数)')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | net_profit: [ |
| | | { required: true, message: '请输入净利润', trigger: 'blur' }, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (!/^\d+(\.\d+)?$/.test(value)) { |
| | | callback(new Error('请输入有效的数字(整数或小数)')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | financial_irr: [ |
| | | { required: true, message: '请输入财务内部收益率', trigger: 'blur' }, |
| | | { |
| | | validator: (rule, value, callback) => { |
| | | if (!/^\d+(\.\d+)?$/.test(value)) { |
| | | callback(new Error('请输入有效的数字(整数或小数)')); |
| | | } else { |
| | | callback(); |
| | | } |
| | | }, |
| | | trigger: 'blur' |
| | | } |
| | | ], |
| | | market_space: [ |
| | | { required: true, message: '请输入市场空间', trigger: 'blur' }, |
| | | label_name: [ |
| | | { required: true, message: '请输入标签名称', trigger: 'blur' }, |
| | | ], |
| | | }) |
| | | |
| | | function getList() { |
| | | console.log('4444') |
| | | flightLogPage(params.value).then(res => { |
| | | tableList.value = res.data.data.records || [] |
| | | total.value = res.data.data.total || 0 |
| | |
| | | editParams.value = { ...row } |
| | | } |
| | | function handleDelete (row) { |
| | | console.log(row, '444') |
| | | ElMessageBox.confirm('确定删除吗?', '提示', { |
| | | confirmButtonText: '确定', |
| | | cancelButtonText: '取消', |
| | |
| | | await formValidate.validate((valid, fields) => { |
| | | if (valid) { |
| | | if (titleTxt.value === '新增') { |
| | | operatingIncomeAdd(editParams.value).then(res => { |
| | | flightLogAddEdit(editParams.value).then(res => { |
| | | isShowEditView.value = false |
| | | ElMessage.success('新增成功') |
| | | getList() |
| | |
| | | }) |
| | | } |
| | | |
| | | function cancelSearch() { |
| | | params.value = { |
| | | label_name: '', |
| | | current: 1, |
| | | size: 10, |
| | | } |
| | | getList() |
| | | } |
| | | |
| | | function handleClose() { |
| | | // 清除表单内容 |
| | | editParams.value = { |
| | | id: '', |
| | | operating_income: '', |
| | | total_cost: '', |
| | | net_profit: '', |
| | | financial_irr: '', |
| | | market_space: '', |
| | | label_name: '', |
| | | } |
| | | } |
| | | |
| | |
| | | flex-direction: column; |
| | | .search-box { |
| | | margin-top: 20px; |
| | | height: 40px; |
| | | height: 80px; |
| | | } |
| | | |
| | | :deep(.el-input) { |
| | |
| | | .content-edit { |
| | | .el-form { |
| | | .el-form-item { |
| | | width: 320px; |
| | | width: 500px; |
| | | :deep(.el-form-item__label) { |
| | | width: 140px; |
| | | width: 220px; |
| | | } |
| | | |
| | | } |
| | | // .el-form-item:last-child { |
| | | // width: 640px; |
| | | // } |
| | | .btns { |
| | | display: flex; |
| | | justify-content: center |
| | | justify-content: flex-end; |
| | | } |
| | | } |
| | | } |