123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641 |
- <template>
- <div class="app-container noticeconfig">
- <div class="title-box">
- <!-- <div class="title-min-box" :class="buttonType == 1 ? 'check-box' : ''" @click="titleButton(1)">-->
- <!-- <p>检查通知</p>-->
- <!-- <p></p>-->
- <!-- </div>-->
- <div v-if="versionField() != 'xiBeiNongLinDaXue'"
- class="title-min-box" :class="buttonType == 2 ? 'check-box' : ''" @click="titleButton(2)">
- <p>预案通知</p>
- <p></p>
- </div>
- </div>
- <div class="content-box scrollbar-box">
- <!-- <el-form v-if="buttonType == 1" :model="examineForm" ref="examineForm" :inline="true" label-width="120px">-->
- <!-- <div class="examine-big-box">-->
- <!-- <div class="examine-div-one">-->
- <!-- <p>检查任务通知方式:</p>-->
- <!-- <el-checkbox :disabled="!tableButtonType" v-model="examineType" style="margin:1px 0 0 10px;" @change="examineAll">全选</el-checkbox>-->
- <!-- </div>-->
- <!-- <div class="examine-div-two">-->
- <!-- <el-checkbox-group :disabled="!tableButtonType" v-model="examineForm.data1" @change="examineChange">-->
- <!-- <el-checkbox style="margin-right:48px;"-->
- <!-- v-for="item in examineList" :label="item.key" :key="item.key">{{item.label}}</el-checkbox>-->
- <!-- </el-checkbox-group>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="examine-big-box">-->
- <!-- <div class="examine-div-one">-->
- <!-- <p>整改通知方式:</p>-->
- <!-- <el-checkbox :disabled="!tableButtonType" v-model="rectificationType" style="margin:1px 0 0 10px;" @change="rectificationAll">全选</el-checkbox>-->
- <!-- </div>-->
- <!-- <div class="examine-div-two">-->
- <!-- <el-checkbox-group :disabled="!tableButtonType" v-model="examineForm.data2" @change="rectificationChange">-->
- <!-- <el-checkbox style="margin-right:48px;"-->
- <!-- v-for="item in rectificationList" :label="item.key" :key="item.key">{{item.label}}</el-checkbox>-->
- <!-- </el-checkbox-group>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- <div class="examine-big-box">-->
- <!-- <div class="examine-div-one">-->
- <!-- <p>复核结果通知方式:</p>-->
- <!-- <el-checkbox :disabled="!tableButtonType" v-model="reviewType" style="margin:1px 0 0 10px;" @change="reviewAll">全选</el-checkbox>-->
- <!-- </div>-->
- <!-- <div class="examine-div-two">-->
- <!-- <el-checkbox-group :disabled="!tableButtonType" v-model="examineForm.data3" @change="reviewChange">-->
- <!-- <el-checkbox style="margin-right:48px;"-->
- <!-- v-for="item in reviewList" :label="item.key" :key="item.key">{{item.label}}</el-checkbox>-->
- <!-- </el-checkbox-group>-->
- <!-- </div>-->
- <!-- </div>-->
- <!-- </el-form>-->
- <el-form v-if="buttonType == 2" :model="form" ref="form" :inline="true" label-width="120px">
- <el-form-item label="广播通知" prop="riskRadio" class="form-item-box">
- <el-input
- style="width:350px;"
- type="textarea"
- maxlength="50"
- :rows="3"
- resize="none"
- placeholder="请输入广播通知内容"
- v-model="form.riskRadio">
- </el-input>
- </el-form-item>
- <el-form-item label="语音播报" prop="riskVoice" class="form-item-box">
- <el-input
- style="width:350px;"
- type="textarea"
- maxlength="50"
- :rows="3"
- resize="none"
- placeholder="请输入语音播报内容"
- v-model="form.riskVoice">
- </el-input>
- </el-form-item>
- <el-form-item label="电话通知" prop="riskPhone" class="form-item-box">
- <el-input
- style="width:350px;"
- type="textarea"
- maxlength="50"
- :rows="3"
- resize="none"
- placeholder="请输入电话通知内容"
- v-model="form.riskPhone">
- </el-input>
- </el-form-item>
- <el-form-item label="短信提示" prop="riskMessage" class="form-item-box">
- <el-input
- style="width:350px;"
- type="textarea"
- maxlength="50"
- :rows="3"
- resize="none"
- placeholder="请输入短信提示内容"
- v-model="form.riskMessage">
- </el-input>
- </el-form-item>
- </el-form>
- </div>
- <div class="button-box" v-if="buttonType == 1">
- <p class="null-p"></p>
- <p class="inquire-button-one button-p" @click="upExamineForm" v-hasPermi="['security:notice:add']">
- 提交</p>
- <p class="null-p"></p>
- </div>
- <div class="button-box" v-if="buttonType == 2">
- <p class="null-p"></p>
- <p class="inquire-button-one button-p" @click="upData" v-if="form.id" v-hasPermi="['laboratory:noticeconfig:edit']">
- 保存</p>
- <p class="inquire-button-one button-p" @click="upData" v-if="!form.id" v-hasPermi="['laboratory:noticeconfig:add']">
- 提交</p>
- <p class="null-p"></p>
- </div>
- </div>
- </template>
- <script>
- import { getNoticeconfigInfo, postNoticeconfigInfo, putNoticeconfigInfo } from "@/api/laboratory/noticeconfig";
- import { noticeConfigList, noticeConfigAdd } from '@/api/safetyCheck/index'
- export default {
- name: "Noticeconfig",
- data() {
- return {
- tableButtonType:this.hasPermiDom(['security:notice:add']),
- buttonType:2,
- // 遮罩层
- loading: true,
- // 选中数组
- ids: [],
- // 非单个禁用
- single: true,
- // 非多个禁用
- multiple: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 通知配置表格数据
- form: {},
- // 弹出层标题
- title: "",
- // 是否显示弹出层
- open: false,
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize:20,
- riskVoice: null,
- riskPhone: null,
- riskMessage: null,
- exitRadio: null,
- exitVoice: null,
- exitPhone: null,
- exitMessage: null
- },
- examineType:false,
- examineList:[],
- rectificationType:false,
- rectificationList:[],
- reviewType:false,
- reviewList:[
- {
- label:"短信通知",
- key:"1",
- },
- {
- label:"系统通知",
- key:"2",
- },
- ],
- examineForm:{
- data1:[],
- data2:[],
- data3:[],
- },
- data1Id:"",
- data2Id:"",
- data3Id:"",
- };
- },
- created() {
- if(this.versionField() == 'xiBeiNongLinDaXue'){
- this.$set(this,'examineList',[
- {
- label:"短信通知",
- key:'1',
- },
- {
- label:"系统通知",
- key:'2',
- },
- ]);
- this.$set(this,'rectificationList',[
- {
- label:"短信通知",
- key:'1',
- },
- {
- label:"系统通知",
- key:'2',
- },
- ]);
- //this.noticeConfigList();
- }else{
- this.$set(this,'examineList',[
- {
- label:"短信通知",
- key:"1",
- },
- {
- label:"系统通知",
- key:"2",
- },
- {
- label:"一体机通知",
- key:"3",
- },
- ]);
- this.$set(this,'rectificationList',[
- {
- label:"短信通知",
- key:"1",
- },
- {
- label:"系统通知",
- key:"2",
- },
- {
- label:"一体机通知",
- key:"3",
- },
- ]);
- //this.noticeConfigList();
- this.getList();
- }
- },
- methods: {
- //检查通知
- noticeConfigList(){
- noticeConfigList().then( response => {
- for(let i=0;i<response.data.length;i++){
- if(response.data[i].noticeType == 1){
- let data1 = response.data[i].noticeWay.split(',');
- if(this.versionField() == 'xiBeiNongLinDaXue'){
- let list1 = []
- for(let i=0;i<data1.length;i++){
- if(data1[i] != 3){
- list1.push(data1[i])
- }
- }
- this.$set(this.examineForm,'data1',list1);
- this.$set(this,'examineType',data1[1]?true:false);
- }else{
- this.$set(this.examineForm,'data1',data1);
- this.$set(this,'examineType',data1[2]?true:false);
- }
- this.$set(this,'data1Id',response.data[i].id);
- }else if(response.data[i].noticeType == 2){
- let data2 = response.data[i].noticeWay.split(',');
- if(this.versionField() == 'xiBeiNongLinDaXue'){
- let list2 = []
- for(let i=0;i<data2.length;i++){
- if(data2[i] != 3){
- list2.push(data2[i])
- }
- }
- this.$set(this.examineForm,'data2',list2);
- this.$set(this,'rectificationType',data2[1]?true:false);
- }else{
- this.$set(this.examineForm,'data2',data2);
- this.$set(this,'rectificationType',data2[2]?true:false);
- }
- this.$set(this,'data2Id',response.data[i].id);
- }else if(response.data[i].noticeType == 3){
- let data3 = response.data[i].noticeWay.split(',');
- this.$set(this.examineForm,'data3',data3);
- this.$set(this,'reviewType',data3[1]?true:false);
- this.$set(this,'data3Id',response.data[i].id);
- }
- }
- });
- },
- //检查通知提交
- upExamineForm(){
- let list = [];
- let obj1 = {
- id:this.data1Id?this.data1Id:'',
- noticeType:1,
- noticeWay:this.examineForm.data1+'',
- };
- list.push(obj1);
- let obj2 = {
- id:this.data2Id?this.data2Id:'',
- noticeType:2,
- noticeWay:this.examineForm.data2+'',
- };
- list.push(obj2);
- let obj3 = {
- id:this.data3Id?this.data3Id:'',
- noticeType:3,
- noticeWay:this.examineForm.data3+'',
- };
- list.push(obj3);
- noticeConfigAdd(list).then( response => {
- this.msgSuccess(response.msg);
- //this.noticeConfigList();
- })
- },
- // 匹配
- examineAll(item){
- let self = this;
- if(item){
- let list = [];
- for(let i=0;i<self.examineList.length;i++){
- list.push(self.examineList[i].key)
- }
- this.$set(this.examineForm,'data1',list);
- }else{
- this.$set(this.examineForm,'data1',[]);
- }
- },
- examineChange(item){
- if(this.versionField() == 'xiBeiNongLinDaXue'){
- if(item[1]){
- this.$set(this,'examineType',true);
- }else{
- this.$set(this,'examineType',false);
- }
- }else{
- if(item[2]){
- this.$set(this,'examineType',true);
- }else{
- this.$set(this,'examineType',false);
- }
- }
- },
- rectificationAll(item){
- let self = this;
- if(item){
- let list = [];
- for(let i=0;i<self.rectificationList.length;i++){
- list.push(self.rectificationList[i].key)
- }
- this.$set(this.examineForm,'data2',list);
- }else{
- this.$set(this.examineForm,'data2',[]);
- }
- },
- rectificationChange(item){
- if(this.versionField() == 'xiBeiNongLinDaXue'){
- if(item[1]){
- this.$set(this,'rectificationType',true);
- }else{
- this.$set(this,'rectificationType',false);
- }
- }else{
- if(item[2]){
- this.$set(this,'rectificationType',true);
- }else{
- this.$set(this,'rectificationType',false);
- }
- }
- },
- reviewAll(item){
- let self = this;
- if(item){
- let list = [];
- for(let i=0;i<self.reviewList.length;i++){
- list.push(self.reviewList[i].key)
- }
- this.$set(this.examineForm,'data3',list);
- }else{
- this.$set(this.examineForm,'data3',[]);
- }
- },
- reviewChange(item){
- if(item[1]){
- this.$set(this,'reviewType',true);
- }else{
- this.$set(this,'reviewType',false);
- }
- },
- //切换
- titleButton(type){
- if(type != this.buttonType){
- this.$set(this,'buttonType',type)
- }
- },
- upData(){
- let self = this;
- this.$confirm('是否确定'+(self.form.id?'保存':'提交')+'?', "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(function() {
- if(self.buttonType == 1){
- }else if(self.buttonType == 2){
- if(self.form.id){
- self.putNoticeconfigInfo();
- }else{
- self.postNoticeconfigInfo();
- }
- }
- }).then(() => {
- }).catch(() => {});
- },
- postNoticeconfigInfo(){
- postNoticeconfigInfo(this.form).then( response => {
- this.msgSuccess("操作成功")
- this.getList();
- });
- },
- putNoticeconfigInfo(){
- putNoticeconfigInfo(this.form).then( response => {
- this.msgSuccess("操作成功")
- this.getList();
- });
- },
- /** 查询通知配置列表 */
- getList() {
- this.loading = true;
- getNoticeconfigInfo().then( response => {
- this.form = response.data;
- this.loading = false;
- });
- },
- // 取消按钮
- cancel() {
- this.open = false;
- this.reset();
- },
- // 表单重置
- reset() {
- this.form = {
- id: null,
- riskVoice: null,
- riskPhone: null,
- riskMessage: null,
- exitRadio: null,
- exitVoice: null,
- exitPhone: null,
- exitMessage: null
- };
- this.resetForm("form");
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 多选框选中数据
- handleSelectionChange(selection) {
- this.ids = selection.map(item => item.id)
- this.single = selection.length!==1
- this.multiple = !selection.length
- },
- /** 新增按钮操作 */
- handleAdd() {
- this.reset();
- this.open = true;
- this.title = "添加通知配置";
- },
- /** 修改按钮操作 */
- handleUpdate(row) {
- this.reset();
- const id = row.id || this.ids
- getNoticeconfig(id).then( response => {
- this.form = response.data;
- this.open = true;
- this.title = "修改通知配置";
- });
- },
- /** 提交按钮 */
- submitForm() {
- this.$refs["form"].validate(valid => {
- if (valid) {
- if (this.form.id != null) {
- updateNoticeconfig(this.form).then( response => {
- this.msgSuccess("修改成功");
- this.open = false;
- this.getList();
- });
- } else {
- addNoticeconfig(this.form).then( response => {
- this.msgSuccess("新增成功");
- this.open = false;
- this.getList();
- });
- }
- }
- });
- },
- /** 删除按钮操作 */
- handleDelete(row) {
- const ids = row.id || this.ids;
- this.$confirm('是否确认删除通知配置编号为"' + ids + '"的数据项?', "警告", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- }).then(function() {
- return delNoticeconfig(ids);
- }).then(() => {
- this.getList();
- this.msgSuccess("删除成功");
- }).catch(() => {});
- },
- /** 导出按钮操作 */
- handleExport() {
- this.download('laboratory/noticeconfig/export', {
- ...this.queryParams
- }, `laboratory_noticeconfig.xlsx`)
- }
- }
- };
- </script>
- <style scoped lang="scss">
- .noticeconfig{
- display: flex !important;
- flex:1;
- flex-direction: column;
- overflow: hidden;
- *{
- margin:0;
- font-weight:500;
- }
- .title-box{
- height:80px;
- border-bottom:1px solid #dedede;
- overflow-x:scroll;
- overflow-y:hidden;
- white-space: nowrap;
- padding:0 40px;
- .title-min-box{
- cursor: pointer;
- display: inline-block;
- overflow: hidden;
- height:80px;
- width:65px;
- margin:10px 70px 5px 0;
- p:nth-child(1){
- line-height: 40px;
- margin-top: 10px;
- font-size:16px;
- text-align: center;
- }
- p:nth-child(2){
- width:60px;
- height:4px;
- margin:0 auto;
- border-radius:4px;
- }
- }
- .check-box{
- p:nth-child(1){
- color:#0045AF!important;
- }
- p:nth-child(2){
- background: #0045AF!important;
- }
- }
- }
- .title-box::-webkit-scrollbar{
- width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
- height: 4px;
- }
- .title-box::-webkit-scrollbar-thumb{
- border-radius: 5px;
- background: #CBCDD1;
- }
- .title-box::-webkit-scrollbar-track{
- -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0);
- border-radius: 0;
- background: rgba(255,255,255,0);
- }
- .content-box{
- flex:1;
- padding:40px 46px 0;
- .examine-big-box{
- display: inline-block;
- overflow: hidden;
- border:1px solid #E0E0E0;
- border-radius:4px;
- margin-left:35px;
- width:450px;
- height:130px;
- div{
- font-size:14px;
- color:#333;
- }
- .examine-div-one{
- display: flex;
- margin:25px 0 30px 12px;
- }
- .examine-div-two{
- margin:0 0 20px 18px;
- }
- }
- }
- .button-box{
- display: flex;
- height:80px;
- .button-p{
- width:80px;
- height:40px;
- margin:20px 0;
- }
- .null-p{
- flex:1;
- }
- }
- .top-title-box{
- display: flex;
- height:80px;
- border-bottom:1px solid #E0E0E0;
- margin-bottom:54px;
- p:nth-child(1){
- line-height:80px;
- font-size:18px;
- color:#0045AF;
- flex:1;
- }
- p:nth-child(2){
- margin-top:20px;
- }
- }
- .form-item-box{
- display: inline-block;
- margin-bottom:28px;
- }
- }
- </style>
|