|
|
|
@ -1,11 +1,11 @@ |
|
|
|
<template> |
|
|
|
<div class="box"> |
|
|
|
<div style="width: 95%"> |
|
|
|
<el-card> |
|
|
|
<div style="width: 160%"> |
|
|
|
<el-card class="elcard" style="border-radius: 15px"> |
|
|
|
<div class="publiccss">项目套餐</div> |
|
|
|
<el-table |
|
|
|
:data="tableData" |
|
|
|
style="width: 100%;margin-top:20px" |
|
|
|
style="width: 100%; margin-top: 20px" |
|
|
|
row-key="id" |
|
|
|
class="el-table__body-wrapper tbody" |
|
|
|
@row-click="rowclick" |
|
|
|
@ -56,217 +56,232 @@ |
|
|
|
ref="singleTable" |
|
|
|
> |
|
|
|
</comp-table> --> |
|
|
|
</el-card> |
|
|
|
<!-- 弹框 --> |
|
|
|
<el-dialog |
|
|
|
:title="title == 1 ? '新增' : '编辑'" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="75%" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="名称" prop="displayName"> |
|
|
|
<el-input |
|
|
|
ref="refinput" |
|
|
|
v-model="form.displayName" |
|
|
|
style="width: 80%" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="价格" prop="price"> |
|
|
|
<el-input v-model="form.price" style="width: 80%"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="适用性别" prop="forSexId"> |
|
|
|
<el-select v-model="form.forSexId" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in forSexId" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="启用标志" prop="isActive"> |
|
|
|
<el-select v-model="form.isActive" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in isActive" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
<el-input v-model="form.remark" style="width: 80%"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-divider></el-divider> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建者"> |
|
|
|
<el-input v-model="form.creatorName" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<el-input |
|
|
|
:value="form.creationTime | dateFormat" |
|
|
|
disabled |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="修改者"> |
|
|
|
<el-input v-model="form.lastModifierName" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="修改时间"> |
|
|
|
<el-input |
|
|
|
:value="form.lastModificationTime | dateFormat" |
|
|
|
disabled |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 弹框 --> |
|
|
|
<el-dialog |
|
|
|
:title="title == 1 ? '新增' : '编辑'" |
|
|
|
:visible.sync="dialogVisible" |
|
|
|
width="75%" |
|
|
|
:close-on-click-modal="false" |
|
|
|
> |
|
|
|
<el-form ref="form" :model="form" label-width="80px" :rules="rules"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="名称" prop="displayName"> |
|
|
|
<el-input |
|
|
|
ref="refinput" |
|
|
|
v-model="form.displayName" |
|
|
|
style="width: 80%" |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="价格" prop="price"> |
|
|
|
<el-input v-model="form.price" style="width: 80%"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="适用性别" prop="forSexId"> |
|
|
|
<el-select v-model="form.forSexId" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in forSexId" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="启用标志" prop="isActive"> |
|
|
|
<el-select v-model="form.isActive" placeholder="请选择"> |
|
|
|
<el-option |
|
|
|
v-for="item in isActive" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="8"> |
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
<el-input v-model="form.remark" style="width: 80%"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-divider></el-divider> |
|
|
|
<el-row> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建者"> |
|
|
|
<el-input v-model="form.creatorName" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="创建时间"> |
|
|
|
<el-input |
|
|
|
:value="form.creationTime | dateFormat" |
|
|
|
disabled |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="修改者"> |
|
|
|
<el-input v-model="form.lastModifierName" disabled></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-form-item label="修改时间"> |
|
|
|
<el-input |
|
|
|
:value="form.lastModificationTime | dateFormat" |
|
|
|
disabled |
|
|
|
></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<!-- --> |
|
|
|
</el-form> |
|
|
|
<!-- --> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="onsbmit">确 定</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
<!-- --> |
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
<el-button type="primary" @click="onsbmit">确 定</el-button> |
|
|
|
</span> |
|
|
|
</el-dialog> |
|
|
|
<!-- --> |
|
|
|
<span style="margin-top: 10px; padding: 5px; margin-left: 28.5%" |
|
|
|
>项目类别</span |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="values" |
|
|
|
placeholder="请选择" |
|
|
|
@change="ischangs" |
|
|
|
style="margin-top: 5px" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in projectid" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
<span style="margin-top: 10px; padding: 5px; margin-left: 28.5%" |
|
|
|
>项目类别</span |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<span style="margin-left: 10%; padding: 5px">搜索选择</span> |
|
|
|
<el-select |
|
|
|
@change="chooseapackage" |
|
|
|
value-key="id" |
|
|
|
filterable |
|
|
|
v-model="flitvalues" |
|
|
|
placeholder="请选择" |
|
|
|
style="margin-top: 5px" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in medicalpackage" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item" |
|
|
|
<el-select |
|
|
|
v-model="values" |
|
|
|
placeholder="请选择" |
|
|
|
@change="ischangs" |
|
|
|
style="margin-top: 5px" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<div class="mainbox"> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div class="weixuan">未选项目</div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in leftdata" |
|
|
|
:key="index" |
|
|
|
@click="clickPaixu(item, index)" |
|
|
|
@dblclick="shuanji(item, index)" |
|
|
|
:class="num === index ? 'activetext' : ''" |
|
|
|
style="" |
|
|
|
<el-option |
|
|
|
v-for="item in projectid" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item.id" |
|
|
|
> |
|
|
|
<div>{{ item.displayName }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="Selectbutton"> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="addall" |
|
|
|
>全添加<i class="el-icon-caret-right"></i |
|
|
|
><i class="el-icon-caret-right"></i |
|
|
|
></el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="addobj" style="width: 111px" |
|
|
|
>添加<i class="el-icon-caret-right"></i> |
|
|
|
</el-button> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<span style="margin-left: 10%; padding: 5px">搜索选择</span> |
|
|
|
<el-select |
|
|
|
@change="chooseapackage" |
|
|
|
value-key="id" |
|
|
|
filterable |
|
|
|
v-model="flitvalues" |
|
|
|
placeholder="请选择" |
|
|
|
style="margin-top: 5px" |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in medicalpackage" |
|
|
|
:key="item.id" |
|
|
|
:label="item.displayName" |
|
|
|
:value="item" |
|
|
|
> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
<div class="mainbox"> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div class="weixuan">未选项目</div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in leftdata" |
|
|
|
:key="index" |
|
|
|
@click="clickPaixu(item, index)" |
|
|
|
@dblclick="shuanji(item, index)" |
|
|
|
:class="num === index ? 'activetext' : ''" |
|
|
|
style="" |
|
|
|
> |
|
|
|
<div>{{ item.displayName }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="removeright" style="width: 111px" |
|
|
|
>移去<i class="el-icon-caret-left"></i> |
|
|
|
</el-button> |
|
|
|
<div class="Selectbutton"> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="addall" |
|
|
|
>全添加<i class="el-icon-caret-right"></i |
|
|
|
><i class="el-icon-caret-right"></i |
|
|
|
></el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="addobj" style="width: 111px" |
|
|
|
>添加<i class="el-icon-caret-right"></i> |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="removeright" style="width: 111px" |
|
|
|
>移去<i class="el-icon-caret-left"></i> |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="allclear" |
|
|
|
>全移去<i class="el-icon-caret-left"></i |
|
|
|
><i class="el-icon-caret-left"></i> |
|
|
|
</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button @click="allclear" |
|
|
|
>全移去<i class="el-icon-caret-left"></i |
|
|
|
><i class="el-icon-caret-left"></i> |
|
|
|
</el-button> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div class="weixuan">已选项目</div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in rightdata" |
|
|
|
:key="index" |
|
|
|
@click="rightindex(item, index)" |
|
|
|
@dblclick="rightdelite(item, index)" |
|
|
|
:class="nums === index ? 'activetext' : ''" |
|
|
|
> |
|
|
|
<div>{{ item.displayName }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mainleftbox"> |
|
|
|
<div class="weixuan">已选项目</div> |
|
|
|
<div |
|
|
|
v-for="(item, index) in rightdata" |
|
|
|
:key="index" |
|
|
|
@click="rightindex(item, index)" |
|
|
|
@dblclick="rightdelite(item, index)" |
|
|
|
:class="nums === index ? 'activetext' : ''" |
|
|
|
> |
|
|
|
<div>{{ item.displayName }}</div> |
|
|
|
</div> |
|
|
|
<div class="confirmcancellation"> |
|
|
|
<el-button :disabled="isdislob" @click="Onsubmit">确定</el-button> |
|
|
|
<el-button :disabled="isdislob">取消</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="confirmcancellation"> |
|
|
|
<el-button :disabled="isdislob" @click="Onsubmit">确定</el-button> |
|
|
|
<el-button :disabled="isdislob">取消</el-button> |
|
|
|
</div> |
|
|
|
</el-card> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 按钮区域 --> |
|
|
|
<div style="margin-left: 10px; margin-top: 5%"> |
|
|
|
<el-button type="primary" @click="add">新增</el-button> |
|
|
|
<el-button type="" @click="add" class="commonbutton">新增</el-button> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
type="" |
|
|
|
@click="editpopup" |
|
|
|
style="margin-left: 0; margin-top: 10px" |
|
|
|
class="commonbutton" |
|
|
|
>编辑</el-button |
|
|
|
> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="danger" @click="delets">删除</el-button> |
|
|
|
<el-button type="" @click="delets" class="commonbutton">删除</el-button> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="primary" @click="topping">置顶</el-button> |
|
|
|
<el-button type="" @click="topping" class="commonbutton" |
|
|
|
>置顶</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="primary" @click="toppings">置底</el-button> |
|
|
|
<el-button type="" @click="toppings" class="commonbutton" |
|
|
|
>置底</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button type="primary" :disabled="isshow" @click="assertion" |
|
|
|
<el-button |
|
|
|
type="" |
|
|
|
:disabled="isshow" |
|
|
|
@click="assertion" |
|
|
|
class="commonbutton" |
|
|
|
>排序</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
<div style="margin-top: 5px"> |
|
|
|
<el-button type="primary" :disabled="isshow" @click="cancellation" |
|
|
|
<div style="margin-top: 10px"> |
|
|
|
<el-button |
|
|
|
type="" |
|
|
|
:disabled="isshow" |
|
|
|
@click="cancellation" |
|
|
|
class="commonbutton" |
|
|
|
>取消</el-button |
|
|
|
> |
|
|
|
</div> |
|
|
|
@ -703,6 +718,11 @@ export default { |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
::v-deep .el-table__header th { |
|
|
|
/* font-size: px; */ |
|
|
|
background-color: rgb(245, 245, 245); /* 设置表头背景颜色 */ |
|
|
|
color: rgb(113, 113, 113); /* 设置表头文字颜色 */ |
|
|
|
} |
|
|
|
.Selectbutton { |
|
|
|
margin-left: 3%; |
|
|
|
} |
|
|
|
|