Skip to content

X
x-training-admin
提交 c5b6d1e6 authored 作者: wangyizheng's avatar wangyizheng
浏览文件
操作

更新案例pdf的预览问题

上级 bdd3e0b0
隐藏空白字符变更
内嵌 并排
正在显示 包含 421 行增加 和 270 行删除
src/api/user-use-config.js
浏览文件 @ c5b6d1e6
...@@ -9,7 +9,7 @@ export function createUserUseConfig(data) { ...@@ -9,7 +9,7 @@ export function createUserUseConfig(data) {
} }
// 添加用户使用配置 // 添加用户使用配置
export function UserUseConfig(id, params = {}) { export function userUseConfig(id, params = {}) {
var headers = { var headers = {
'Content-Type': 'application/json' 'Content-Type': 'application/json'
} }
......
src/pages/v2/characteristics/index.vue
浏览文件 @ c5b6d1e6
...@@ -33,72 +33,70 @@ ...@@ -33,72 +33,70 @@
stripe stripe
size="mini" size="mini"
style="width: 100%"> style="width: 100%">
<el-table-column fixed prop="id" label="ID" width="150px"> <el-table-column fixed width="150px" label="案例名称">
</el-table-column>
<el-table-column width="150px" label="案例名称">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.case.name }}</span> <span>{{ scope.row.case.name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column width="150px" label="特征选项配置"> <el-table-column width="150px" label="特征选项配置">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover <el-popover
placement="right" placement="right"
width="600" width="600"
trigger="click"> trigger="click">
<div style="padding: 14px;" v-for="(option, optionIndex) in scope.row.options" :key="'option-' + optionIndex"> <div style="padding: 14px;" v-for="(option, optionIndex) in scope.row.options" :key="'option-' + optionIndex">
<el-card> <el-card>
<div> <div>
<span><strong>特征选项名称：</strong></span><span>{{ option.name }}</span> <span><strong>特征选项名称：</strong></span><span>{{ option.name }}</span>
</div> </div>
<div class="bottom clearfix"> <div class="bottom clearfix">
<span><strong>特征选项配置</strong></span> <span><strong>特征选项配置</strong></span>
<div v-for="(option1, optionIndex1) in option.options" :key="'option1-' + optionIndex1"> <div v-for="(option1, optionIndex1) in option.options" :key="'option1-' + optionIndex1">
<span><el-tag effect="plain" type="" size="mini">{{ option1.option }}</el-tag></span> <span><el-tag effect="plain" type="" size="mini">{{ option1.option }}</el-tag></span>
<span>{{ option1.option_name }}, 分数：{{ option1.score}}, </span> <span>{{ option1.option_name }}, 分数：{{ option1.score}}, </span>
<span> <span>
答案： 答案：
<el-icon v-if="option1.answer" class="el-icon-check"></el-icon> <el-icon v-if="option1.answer" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon> <el-icon v-else class="el-icon-close"></el-icon>
, ,
</span> </span>
<span> <span>
触及红线： 触及红线：
<el-icon v-if="option1.warning" class="el-icon-check"></el-icon> <el-icon v-if="option1.warning" class="el-icon-check"></el-icon>
<el-icon v-else class="el-icon-close"></el-icon> <el-icon v-else class="el-icon-close"></el-icon>
</span> </span>
<br/> <br/>
</div>
</div>
</el-card>
</div>
<el-button slot="reference" size="mini">查看配置</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column width="150px" label="择算分规则">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(rule, ruleIndex) in scope.row.rules" :key="'rule-' + ruleIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ rule.min }} ~ {{ rule.max }}</span>
</div>
<div>
<span><strong>得分：</strong></span>
<span>{{ rule.score }}</span>
</div> </div>
</el-card> </div>
</div> </el-card>
<el-button slot="reference" size="mini">查看择算分规则</el-button> </div>
</el-popover> <el-button slot="reference" size="mini">查看配置</el-button>
</template> </el-popover>
</el-table-column> </template>
<el-table-column width="150px" label="风险等级规则"> </el-table-column>
<el-table-column width="150px" label="择算分规则">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(rule, ruleIndex) in scope.row.rules" :key="'rule-' + ruleIndex">
<el-card>
<div>
<span><strong>分数范围：</strong></span>
<span>{{ rule.min }} ~ {{ rule.max }}</span>
</div>
<div>
<span><strong>得分：</strong></span>
<span>{{ rule.score }}</span>
</div>
</el-card>
</div>
<el-button slot="reference" size="mini">查看择算分规则</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column width="150px" label="风险等级规则">
<template slot-scope="scope"> <template slot-scope="scope">
<el-popover <el-popover
placement="right" placement="right"
...@@ -120,19 +118,19 @@ ...@@ -120,19 +118,19 @@
</el-popover> </el-popover>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="创建时间"> <el-table-column label="创建时间">
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.created_at }}</span> <span style="margin-left: 10px">{{ scope.row.created_at }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="更新时间"> <el-table-column label="更新时间">
<template slot-scope="scope"> <template slot-scope="scope">
<i class="el-icon-time"></i> <i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.updated_at }}</span> <span style="margin-left: 10px">{{ scope.row.updated_at }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column fixed="right" label="操作"> <el-table-column fixed="right" label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-select size="mini" :value="opera" @change="operation" placeholder="请选择"> <el-select size="mini" :value="opera" @change="operation" placeholder="请选择">
<el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option> <el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option>
...@@ -141,7 +139,7 @@ ...@@ -141,7 +139,7 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<div class="block"> <div class="block">
<el-pagination <el-pagination
@size-change="handleSizeChange" @size-change="handleSizeChange"
......
src/pages/v2/reachschemes/index.vue
浏览文件 @ c5b6d1e6
<template> <template>
<div>
<div> <div>
<el-card class="box-card">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>触达管理</el-breadcrumb-item>
</el-breadcrumb>
</el-card>
</div>
<div>
<el-card class="box-card">
<div> <div>
<el-card class="box-card"> <el-input
<el-breadcrumb separator-class="el-icon-arrow-right"> placeholder="请输入案例名称"
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> prefix-icon="el-icon-search"
<el-breadcrumb-item>特征管理</el-breadcrumb-item> v-model="searchCaseName"
</el-breadcrumb> size="mini"
</el-card> style="width: 30%"
>
</el-input>
<el-button size="mini" icon="el-icon-search" @click="list({ name: searchCaseName, page: 1, limit: limit })">搜 索</el-button>
<el-button type="primary" size="mini" icon="el-icon-refresh" @click="refresh">刷 新</el-button>
<el-button type="primary" size="mini" icon="el-icon-plus" @click="drawer = true">创建触达</el-button>
</div> </div>
<div> </el-card>
<el-card class="box-card"> </div>
<div> <div>
<el-input <el-card class="box-card">
placeholder="请输入案例名称" <el-table
prefix-icon="el-icon-search" :data="tableData"
v-model="searchCaseName" border
size="mini" stripe
style="width: 30%" size="mini"
> style="width: 100%">
</el-input> <el-table-column fixed label="案例名称">
<el-button size="mini" icon="el-icon-search" @click="list({ name: searchCaseName, page: 1, limit: limit })">搜 索</el-button> <template slot-scope="scope">
<el-button type="primary" size="mini" icon="el-icon-refresh" @click="refresh">刷 新</el-button> <span>{{ scope.row.case.name }}</span>
<el-button type="primary" size="mini" icon="el-icon-plus" @click="drawer = true">创建触达</el-button> </template>
</div> </el-table-column>
</el-card> <el-table-column label="关键词配置">
</div> <template slot-scope="scope">
<div> <el-popover
<el-card class="box-card"> placement="right"
<el-table width="500"
:data="tableData" trigger="click">
border <div style="padding: 14px;" v-for="(keyword, keywordIndex) in scope.row.keywords" :key="'keyword-' + keywordIndex">
stripe <el-card>
size="mini" <span><strong>关键词：</strong></span>
style="width: 100%"> <span>{{ keyword.keyword }}，</span>
<el-table-column fixed prop="id" label="ID" width="80px"> <span><strong>分数：</strong></span>
</el-table-column> <span>{{ keyword.score }}</span>
<el-table-column label="案例名称"> </el-card>
<template slot-scope="scope">
<span>{{ scope.row.case.name }}</span>
</template>
</el-table-column>
<el-table-column label="关键词配置">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(keyword, keywordIndex) in scope.row.keywords" :key="'keyword-' + keywordIndex">
<el-card>
<span><strong>关键词：</strong></span>
<span>{{ keyword.keyword }}，</span>
<span><strong>分数：</strong></span>
<span>{{ keyword.score }}</span>
</el-card>
</div>
<el-button slot="reference" size="mini">查看关键词</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column label="创建时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.created_at }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.updated_at }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-select size="mini" :value="opera" @change="operation" placeholder="请选择">
<el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option>
<el-option :value="{ tag: 'edit', row: scope.row }" label="编辑"></el-option>
<el-option :value="{ tag: 'delete', row: scope.row }" label="删除"></el-option>
</el-select>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 20, 30, 50, 100]"
:page-size="limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalPage">
</el-pagination>
</div> </div>
</el-card> <el-button slot="reference" size="mini">查看关键词</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column label="创建时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.created_at }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.updated_at }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-select size="mini" :value="opera" @change="operation" placeholder="请选择">
<el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option>
<el-option :value="{ tag: 'edit', row: scope.row }" label="编辑"></el-option>
<el-option :value="{ tag: 'delete', row: scope.row }" label="删除"></el-option>
</el-select>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 20, 30, 50, 100]"
:page-size="limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalPage">
</el-pagination>
</div> </div>
<div> </el-card>
<el-drawer </div>
title="创建特征" <div>
:visible.sync="drawer" <el-drawer
direction="rtl" title="创建特征"
:append-to-body="true" :visible.sync="drawer"
:withHeader="true" direction="rtl"
:before-close="handleClose" :append-to-body="true"
ref="drawer" :withHeader="true"
size="50%"> :before-close="handleClose"
<div class="demo-drawer__content"> ref="drawer"
<el-form :model="addForm" size="mini"> size="50%">
<el-form-item label="案例" :label-width="formLabelWidth"> <div class="demo-drawer__content">
<el-select <el-form :model="addForm" size="mini">
v-model="addForm.case2_id" <el-form-item label="案例" :label-width="formLabelWidth">
filterable <el-select
remote v-model="addForm.case2_id"
reserve-keyword filterable
placeholder="请输入案例名称" remote
:remote-method="remoteMethod" reserve-keyword
:loading="caseLoading"> placeholder="请输入案例名称"
<el-option :remote-method="remoteMethod"
v-for="casesItem in cases" :loading="caseLoading">
:key="casesItem.value" <el-option
:label="casesItem.name" v-for="casesItem in cases"
:value="casesItem.id"> :key="casesItem.value"
</el-option> :label="casesItem.name"
</el-select> :value="casesItem.id">
</el-form-item> </el-option>
<el-form-item> </el-select>
<el-divider content-position="left">关键词配置</el-divider> </el-form-item>
</el-form-item> <el-form-item>
<div style="margin-top: 2%" v-for="(keyword, keywordIndex) in addForm.keywords" :key="'keyword-' + keywordIndex"> <el-divider content-position="left">关键词配置</el-divider>
<div style="margin-left: 15%; margin-top: 2%"> </el-form-item>
<i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i> <div style="margin-top: 2%" v-for="(keyword, keywordIndex) in addForm.keywords" :key="'keyword-' + keywordIndex">
<i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i> <div style="margin-left: 15%; margin-top: 2%">
</div> <i class="el-icon-circle-plus-outline" @click="addKeywords(keywordIndex)">添加</i>
<el-card style="margin-left: 5%; margin-top: 2%"> <i class="el-icon-remove-outline" @click="removeKeywords(keywordIndex)">删除</i>
<span><strong>关键词：</strong></span> </div>
<el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input> <el-card style="margin-left: 5%; margin-top: 2%">
<span style="margin-left: 2%"><strong>分数：</strong></span> <span><strong>关键词：</strong></span>
<el-input size="mini" v-model.number="keyword.score" placeholder="请输入分数" style="width: 20%"></el-input> <el-input size="mini" v-model="keyword.keyword" placeholder="请输入关键词" style="width: 40%"></el-input>
</el-card> <span style="margin-left: 2%"><strong>分数：</strong></span>
</div> <el-input size="mini" v-model.number="keyword.score" placeholder="请输入分数" style="width: 20%"></el-input>
<el-form-item> </el-card>
<el-divider content-position="left"></el-divider> </div>
</el-form-item> <el-form-item>
<el-form-item> <el-divider content-position="left"></el-divider>
<div class="demo-drawer__footer" style="margin-left: 60%"> </el-form-item>
<el-button @click="cancelForm">取 消</el-button> <el-form-item>
<el-button type="primary" @click="$refs.drawer.closeDrawer()" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button> <div class="demo-drawer__footer" style="margin-left: 60%">
</div> <el-button @click="cancelForm">取 消</el-button>
</el-form-item> <el-button type="primary" @click="$refs.drawer.closeDrawer()" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
</el-form> </div>
</div> </el-form-item>
</el-drawer> </el-form>
</div> </div>
</el-drawer>
</div>
</div> </div>
</template> </template>
......
src/pages/v2/useruseconfigs/index.vue
浏览文件 @ c5b6d1e6
<template> <template>
<div>
<div> <div>
<el-card class="box-card">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>用户使用配置管理</el-breadcrumb-item>
</el-breadcrumb>
</el-card>
</div>
<div>
<el-card class="box-card">
<div> <div>
<el-card class="box-card"> <el-input
<el-breadcrumb separator-class="el-icon-arrow-right"> placeholder="请输入案例名称"
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> prefix-icon="el-icon-search"
<el-breadcrumb-item>特征管理</el-breadcrumb-item> v-model="searchCaseName"
</el-breadcrumb> size="mini"
</el-card> style="width: 30%"
>
</el-input>
<el-button size="mini" icon="el-icon-search" @click="list({ name: searchCaseName, page: 1, limit: limit })">搜 索</el-button>
<el-button type="primary" size="mini" icon="el-icon-refresh" @click="refresh">刷 新</el-button>
<el-button type="primary" size="mini" icon="el-icon-plus" @click="drawer = true">创建用户使用配置</el-button>
</div> </div>
<div> </el-card>
<el-card class="box-card"> </div>
<div> <div>
<el-input <el-card class="box-card">
placeholder="请输入案例名称" <el-table
prefix-icon="el-icon-search" :data="tableData"
v-model="searchCaseName" border
size="mini" stripe
style="width: 30%" size="mini"
> style="width: 100%">
</el-input> <el-table-column fixed label="案例名称">
<el-button size="mini" icon="el-icon-search" @click="list({ name: searchCaseName, page: 1, limit: limit })">搜 索</el-button> <template slot-scope="scope">
<el-button type="primary" size="mini" icon="el-icon-refresh" @click="refresh">刷 新</el-button> <span>{{ scope.row.case.name }}</span>
<el-button type="primary" size="mini" icon="el-icon-plus" @click="drawer = true">创建用户使用配置</el-button> </template>
</el-table-column>
<el-table-column label="配置项">
<template slot-scope="scope">
<el-popover
placement="right"
width="500"
trigger="click">
<div style="padding: 14px;" v-for="(option, optionIndex) in scope.row.options" :key="'option-' + optionIndex">
<el-card>
<div>
<span>{{ option }}</span>
</div>
</el-card>
</div> </div>
</el-card> <el-button slot="reference" size="mini">查看择算分规则</el-button>
</el-popover>
</template>
</el-table-column>
<el-table-column label="创建时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.created_at }}</span>
</template>
</el-table-column>
<el-table-column label="更新时间">
<template slot-scope="scope">
<i class="el-icon-time"></i>
<span style="margin-left: 10px">{{ scope.row.updated_at }}</span>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作">
<template slot-scope="scope">
<el-select size="mini" :value="opera" @change="operation" placeholder="请选择">
<el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option>
<el-option :value="{ tag: 'edit', row: scope.row }" label="编辑"></el-option>
<el-option :value="{ tag: 'delete', row: scope.row }" label="删除"></el-option>
</el-select>
</template>
</el-table-column>
</el-table>
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[10, 20, 30, 50, 100]"
:page-size="limit"
layout="total, sizes, prev, pager, next, jumper"
:total="totalPage">
</el-pagination>
</div> </div>
<div> </el-card>
<el-card class="box-card"> </div>
<el-table <div>
:data="tableData" <el-drawer
border title="创建用户使用配置"
stripe :visible.sync="drawer"
size="mini" direction="rtl"
style="width: 100%"> :append-to-body="true"
<el-table-column fixed prop="id" label="ID" width="150px"> :withHeader="true"
</el-table-column> :before-close="handleClose"
<el-table-column fixed width="150px" label="案例名称"> ref="drawer"
<template slot-scope="scope"> size="50%">
<span>{{ scope.row.case.name }}</span> <div class="demo-drawer__content">
</template> <el-form :model="addForm" size="mini">
</el-table-column> <el-form-item label="案例" :label-width="formLabelWidth">
<el-table-column fixed="right" label="操作"> <el-select
<template slot-scope="scope"> v-model.number="addForm.case2_id"
<el-select size="mini" :value="opera" @change="operation" placeholder="请选择"> filterable
<el-option :value="{ tag: 'detail', row: scope.row }" label="详情"></el-option> remote
<el-option :value="{ tag: 'edit', row: scope.row }" label="编辑"></el-option> reserve-keyword
<el-option :value="{ tag: 'delete', row: scope.row }" label="删除"></el-option> placeholder="请输入案例名称"
</el-select> :remote-method="remoteMethod"
</template> :loading="caseLoading">
</el-table-column> <el-option
</el-table> v-for="casesItem in cases"
<div class="block"> :key="casesItem.value"
<el-pagination :label="casesItem.name"
@size-change="handleSizeChange" :value="casesItem.id">
@current-change="handleCurrentChange" </el-option>
:current-page="currentPage" </el-select>
:page-sizes="[10, 20, 30, 50, 100]" </el-form-item>
:page-size="limit" <el-form-item>
layout="total, sizes, prev, pager, next, jumper" <el-divider content-position="left">配置</el-divider>
:total="totalPage"> </el-form-item>
</el-pagination> <div v-for="(addOption, addOptionIndex) in addForm.options" :key="'addOption-' + addOptionIndex" style="margin-top: 2%">
<i style="margin-left: 15%" class="el-icon-circle-plus-outline" @click="addOptions(addOptionIndex)">添加</i>
<i class="el-icon-remove-outline" @click="removeOptions(addOptionIndex)">删除</i>
<el-card class="box-card" style="margin-left: 10%; margin-top: 2%">
<div style="margin-top: 2%">
<span style="margin-left: 2%">
<span>配置项：</span>
<el-input size="mini" v-model="addForm.options[addOptionIndex]" placeholder="配置项" style="width: 50%"></el-input>
</span>
</div> </div>
</el-card> </el-card>
</div>
<el-form-item>
<el-divider content-position="left"></el-divider>
</el-form-item>
<el-form-item>
<div class="demo-drawer__footer" style="margin-left: 60%">
<el-button @click="cancelForm">取 消</el-button>
<el-button type="primary" @click="$refs.drawer.closeDrawer()" :loading="loading">{{ loading ? '提交中 ...' : '确 定' }}</el-button>
</div>
</el-form-item>
</el-form>
</div> </div>
</el-drawer>
</div> </div>
</div>
</template> </template>
<script> <script>
import * as userUseConfigApi from '@/api/user-use-config' import * as userUseConfigApi from '@/api/user-use-config'
import * as casesApi from '@/api/cases2'
export default { export default {
name: 'index', name: 'index',
data() { data() {
...@@ -78,11 +163,22 @@ export default { ...@@ -78,11 +163,22 @@ export default {
limit: 10, limit: 10,
tableData: [], tableData: [],
drawer: false, drawer: false,
opera: '' opera: '',
addForm: {
case2_id: '',
options: [
'APP弹窗'
]
},
loading: false,
caseLoading: false,
cases: [],
formLabelWidth: '100px'
} }
}, },
mounted() { mounted() {
this.list({ page: this.currentPage, limit: this.limit }) this.list({ page: this.currentPage, limit: this.limit })
this.caseList({ page: 1, limit: 10 })
}, },
methods: { methods: {
handleSizeChange(val) { handleSizeChange(val) {
...@@ -117,6 +213,65 @@ export default { ...@@ -117,6 +213,65 @@ export default {
refresh() { refresh() {
this.searchCaseName = '' this.searchCaseName = ''
this.list({ page: 1, limit: this.limit }) this.list({ page: 1, limit: this.limit })
},
caseList(params = {}) {
this.caseLoading = true
casesApi.case2s(params).then(res => {
if (res.code === 0) {
this.cases = res.data.data
this.caseLoading = false
return true
} else {
this.$message.error(res.message)
return false
}
})
},
remoteMethod(query) {
this.caseList({ name: query, page: 1, limit: 10 })
},
cancelForm() {
this.loading = false
this.drawer = false
clearTimeout(this.timer)
},
addOptions(addOptionIndex) {
this.addForm.options.push('')
},
removeOptions(addOptionIndex) {
if (this.addForm.options.length > 1) {
this.addForm.options.splice(addOptionIndex, 1)
}
},
handleClose(done) {
if (this.loading) {
return
}
this.$confirm('确定要提交表单吗？')
.then(_ => {
this.loading = true
// 提交表单
console.log(this.addForm)
userUseConfigApi.createUserUseConfig(this.addForm).then(res => {
if (res.code === 0) {
this.list({ page: 1, limit: this.limit })
this.caseList({ page: 1, limit: 10 })
this.$message.success(res.message)
return true
} else {
this.$message.error(res.message)
return false
}
})
this.timer = setTimeout(() => {
done()
// 动画关闭需要一定的时间
setTimeout(() => {
this.loading = false
}, 400)
}, 2000)
})
.catch(_ => {})
} }
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论