| | |
| | | import components from "./components"; |
| | | // è¯é³ç»ä»¶ |
| | | import VueAudio from 'vue-audio-better' |
| | | // å¼¹æ¡æå¨ |
| | | import '@/utils/drag.js'; |
| | | // 注åè¿æ»¤å¨ |
| | | // èªå®ä¹æä»¤ |
| | | import * as directives from "./directives"; |
¶Ô±ÈÐÂÎļþ |
| | |
| | | import Vue from 'vue'; |
| | | |
| | | /* |
| | | |
| | | * ä½¿ç¨æ¹æ³ï¼ |
| | | |
| | | * å°ä»¥ä¸ä»£ç å¤å¶å°ä¸ä¸ªjsæä»¶ä¸ï¼ç¶åå¨å
¥å£æä»¶main.jsä¸importå¼å
¥å³å¯ï¼ |
| | | |
| | | * ç»elementUIçdialogä¸å ä¸ v-dialogDrags |
| | | |
| | | * ç»dialog设置 :close-on-click-modal="false" , ç¦æ¢ç¹å»é®ç½©å±å
³éå¼¹åºå± |
| | | |
| | | */ |
| | | |
| | | // å
¼å®¹ie,è°·æ |
| | | // v-dialogDrags: å¼¹çªææ½å±æ§ ï¼éç¹ï¼ï¼ï¼ ç»æ¨¡ææ¡æ·»å è¿ä¸ªå±æ§æ¨¡ææ¡å°±è½ææ½äºï¼ |
| | | Vue.directive('dialogDrags', { // 屿§åç§°dialogDragsï¼åé¢å v- ä½¿ç¨ |
| | | bind(el, binding, vnode, oldVnode) { |
| | | const dialogHeaderEl = el.querySelector('.el-dialog__header'); |
| | | const dragDom = el.querySelector('.el-dialog'); |
| | | dialogHeaderEl.style.cssText += ';cursor:move;'; |
| | | |
| | | // è·ååæå±æ§ ie domå
ç´ .currentStyle ç«çè°·æ window.getComputedStyle(domå
ç´ , null); |
| | | const sty = (function () { |
| | | if (window.document.currentStyle) { |
| | | return (dom, attr) => dom.currentStyle[attr]; |
| | | } else { |
| | | return (dom, attr) => getComputedStyle(dom, false)[attr]; |
| | | } |
| | | })(); |
| | | |
| | | dialogHeaderEl.onmousedown = (e) => { |
| | | // é¼ æ æä¸ï¼è®¡ç®å½åå
ç´ è·ç¦»å¯è§åºçè·ç¦» |
| | | const disX = e.clientX - dialogHeaderEl.offsetLeft; |
| | | const disY = e.clientY - dialogHeaderEl.offsetTop; |
| | | |
| | | const screenWidth = document.body.clientWidth; // bodyå½å宽度 |
| | | const screenHeight = document.documentElement.clientHeight; // å¯è§åºåé«åº¦(åºä¸ºbodyé«åº¦ï¼å¯æäºç¯å¢ä¸æ æ³è·å) |
| | | |
| | | const dragDomWidth = dragDom.offsetWidth; // å¯¹è¯æ¡å®½åº¦ |
| | | const dragDomheight = dragDom.offsetHeight; // å¯¹è¯æ¡é«åº¦ |
| | | |
| | | // è·åå°çå¼å¸¦px æ£åå¹é
æ¿æ¢ |
| | | let styL = sty(dragDom, 'left'); |
| | | let styT = sty(dragDom, 'top'); |
| | | |
| | | // 注æå¨ieä¸ ç¬¬ä¸æ¬¡è·åå°çå¼ä¸ºç»ä»¶èªå¸¦50% ç§»å¨ä¹åèµå¼ä¸ºpx |
| | | if (styL.includes('%')) { |
| | | styL = +document.body.clientWidth * (+styL.replace(/\%/g, '') / 100); |
| | | styT = +document.body.clientHeight * (+styT.replace(/\%/g, '') / 100); |
| | | } else { |
| | | styL = +styL.replace(/\px/g, ''); |
| | | styT = +styT.replace(/\px/g, ''); |
| | | }; |
| | | |
| | | document.onmousemove = function (e) { |
| | | // éè¿äºä»¶å§æï¼è®¡ç®ç§»å¨çè·ç¦» |
| | | let left = e.clientX - disX + styL; |
| | | let top = e.clientY - disY + styT; |
| | | |
| | | // // è¾¹çå¤ç |
| | | // if (left < 0) { |
| | | // left = 0; |
| | | // } |
| | | |
| | | // if (left > screenWidth - dragDomWidth) { |
| | | // left = screenWidth - dragDomWidth; |
| | | // } |
| | | |
| | | // if (top < 0) { |
| | | // top = 0; |
| | | // } |
| | | // if (top > screenHeight - dragDomheight) { |
| | | // top = screenHeight - dragDomheight; |
| | | // } |
| | | |
| | | // ç§»å¨å½åå
ç´ |
| | | dragDom.style.cssText += `;left:${left}px;top:${top}px;`; |
| | | }; |
| | | |
| | | document.onmouseup = function (e) { |
| | | document.onmousemove = null; |
| | | document.onmouseup = null; |
| | | }; |
| | | }; |
| | | } |
| | | }); |
| | |
| | | <template> |
| | | <!-- èè¿é¡µé¢è®°å½ --> |
| | | <div class="Followupdetailspage"> |
| | | <div class="Followupdetailspage" id="app-container"> |
| | | <div class="Followuserinfo"> |
| | | <div> |
| | | <div class="userinfo-text"> |
| | |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | <el-dialog title="æ£è
忬¡é访" :visible.sync="dialogFormVisible"> |
| | | <el-dialog |
| | | title="æ£è
忬¡é访" |
| | | v-dialogDrags |
| | | :visible.sync="dialogFormVisible" |
| | | > |
| | | <el-form ref="zcform" :rules="zcrules" :model="form" label-width="80px"> |
| | | <el-form-item label="ä»»å¡åç§°"> |
| | | <el-input |
| | |
| | | } |
| | | }); |
| | | this.Editsingletasksonyic(6); |
| | | |
| | | this.$modal |
| | | .confirm( |
| | | 'ä»»å¡ä¿åæåæ¯å¦é对æ£è
ï¼"' + this.userform.name + '"忬¡é访ï¼' |
| | | 'ä»»å¡ä¿åæåæ¯å¦é对æ£è
ï¼"' + |
| | | this.logsheetlist[0].sendname + |
| | | '"忬¡é访ï¼' |
| | | ) |
| | | .then(() => { |
| | | document.querySelector("#app").scrollTo(0, 0); |
| | | this.dialogFormVisible = true; |
| | | }) |
| | | .catch(() => {}); |
| | |
| | | 'ä»»å¡ä¿åæåæ¯å¦é对æ£è
ï¼"' + this.userform.name + '"忬¡é访ï¼' |
| | | ) |
| | | .then(() => { |
| | | document.querySelector("#app").scrollTo(0, 0); |
| | | this.dialogFormVisible = true; |
| | | }) |
| | | .catch(() => {}); |
| | |
| | | }, |
| | | // è°èµ·å次åé |
| | | sendAgain() { |
| | | document.querySelector("#app").scrollTo(0, 0); |
| | | // scrollTo(0, 0) |
| | | this.dialogFormVisible = true; |
| | | }, |
| | | // æ¥ç详æ
|
| | |
| | | } else { |
| | | this.$modal.msgError("å建失败"); |
| | | } |
| | | document.querySelector("#app").scrollTo(0, 0); |
| | | this.dialogFormVisible = false; |
| | | }); |
| | | } |
| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="æ£è
èå´" prop="tagId"> |
| | | <!-- <el-form-item label="æ£è
èå´" prop="tagId"> |
| | | <el-select |
| | | v-model="queryParams.searchscope" |
| | | placeholder="è¯·éæ©æ£è
èå´" |
| | |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-form-item> --> |
| | | <el-form-item label="æ£è
èå´" prop="status"> |
| | | <el-cascader |
| | | v-model="queryParams.scopetype" |
| | | placeholder="é»è®¤å
¨é¨" |
| | | :options="sourcetype" |
| | | :props="{ expandTrigger: 'hover' }" |
| | | @change="handleChange" |
| | | ></el-cascader> |
| | | </el-form-item> |
| | | <el-form-item label="èç³»çµè¯" prop="telcode"> |
| | | <el-input |
| | | v-model="queryParams.telcode" |
| | |
| | | pageSize: 10, |
| | | notrequiredFlag:0, |
| | | searchscope: 2, |
| | | idcardno: undefined, |
| | | name: undefined, |
| | | status: undefined, |
| | | tagIds: undefined, |
| | | telcode: undefined, |
| | | scopetype: [], |
| | | leaveldeptcodes: [], |
| | | leavehospitaldistrictcodes: [], |
| | | }, |
| | | sourcetype: [ |
| | | { |
| | | value: 1, |
| | | label: "ç§å®¤", |
| | | children: [], |
| | | }, |
| | | { |
| | | value: 2, |
| | | label: "ç
åº", |
| | | children: [], |
| | | }, |
| | | { |
| | | value: 3, |
| | | label: "å
¨é¨", |
| | | }, |
| | | ], |
| | | // è¡¨åæ ¡éª |
| | | rules: { |
| | | name: [ |
| | |
| | | methods: { |
| | | /** æ¥è¯¢æ£è
å表 */ |
| | | getList() { |
| | | if (this.queryParams.searchscope == 1) { |
| | | this.queryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | | this.queryParams.leavehospitaldistrictcodes = null; |
| | | } else if (this.queryParams.searchscope == 2) { |
| | | this.queryParams.leavehospitaldistrictcodes = |
| | | store.getters.belongWards.map((obj) => obj.districtCode); |
| | | this.queryParams.leaveldeptcodes = null; |
| | | } else { |
| | | if (this.queryParams.searchscope == 3) { |
| | | this.queryParams.leaveldeptcodes = store.getters.belongDepts.map( |
| | | (obj) => obj.deptCode |
| | | ); |
| | |
| | | } |
| | | }); |
| | | }, |
| | | // æ£è
èå´å¤ç |
| | | handleChange(value) { |
| | | let type = value[0]; |
| | | let code = value.slice(-1)[0]; |
| | | this.queryParams.leavehospitaldistrictcodes = []; |
| | | this.queryParams.leaveldeptcodes = []; |
| | | |
| | | if (type == 1) { |
| | | this.queryParams.leaveldeptcodes.push(code); |
| | | this.queryParams.leavehospitaldistrictcodes = []; |
| | | this.queryParams.searchscope = 1; |
| | | } else if (type == 2) { |
| | | this.queryParams.leavehospitaldistrictcodes.push(code); |
| | | this.queryParams.leaveldeptcodes = []; |
| | | this.queryParams.searchscope = 2; |
| | | } else { |
| | | this.queryParams.searchscope = 3; |
| | | } |
| | | }, |
| | | /** å é¤æé®æä½ */ |
| | | handleDelete(row) { |
| | | const userIds = row.userId || this.ids; |
| | |
| | | ref="userform" |
| | | :model="userform" |
| | | :rules="rules" |
| | | label-width="100px" |
| | | label-width="150px" |
| | | > |
| | | <el-row :gutter="20"> |
| | | <el-col :span="12"> |
| | |
| | | ></el-input> </el-form-item |
| | | ></el-col> |
| | | </el-row> |
| | | <el-row :gutter="20"> |
| | | <el-row > |
| | | <el-col :span="12" |
| | | ><el-form-item label="èç³»æ¹å¼" prop="telcode"> |
| | | <el-input |
| | |
| | | /> </el-form-item |
| | | ></el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="亲å±èç³»æ¹å¼" prop="name"> |
| | | <el-form-item label="亲å±èç³»æ¹å¼" prop="name"> |
| | | <el-input |
| | | v-model="userform.telcodewx" |
| | | placeholder="请è¾å
¥å§å" |
| | |
| | | }, |
| | | // è·åèç³»äººä¿¡æ¯ææ»å¨å°é¡¶é¨è§¦å |
| | | handlePullMessages(contact, next, instance) { |
| | | console.log(contact, "è·åè系人信æ¯A"); |
| | | console.log(instance, "è·åè系人信æ¯B"); |
| | | console.log(next, "è·åè系人信æ¯C"); |
| | | |
| | | const otheruser = { |
| | | id: contact.id, |
| | | displayName: contact.displayName, |
| | |
| | | // target: `http://192.168.68.111:8095`, |
| | | // target: `http://10.202.20.185:8095`, |
| | | // target: `http://192.168.100.184:8095`, |
| | | target:`http://localhost:8096`, |
| | | target:`http://localhost:8095`, |
| | | // target: `http://192.168.101.135:8095`, |
| | | // target: `http://192.168.101.166:8093`, |
| | | // target: `http://192.168.191.181:8095`, |