¶Ô±ÈÐÂÎļþ |
| | |
| | | <template> |
| | | <div style="display: flex"> |
| | | <el-select |
| | | v-model="caddress.sheng" |
| | | style="flex: 1" |
| | | placeholder="è¯·éæ©ç份" |
| | | size="small" |
| | | @change="getCityData" |
| | | > |
| | | <el-option |
| | | v-for="item in addressArray" |
| | | :key="item.areacode" |
| | | :label="item.areaname" |
| | | :value="item.areaname" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-select |
| | | v-model="caddress.shi" |
| | | style="flex: 1; margin-left: 10px" |
| | | placeholder="è¯·éæ©å¸åº" |
| | | size="small" |
| | | @change="getAreaData" |
| | | > |
| | | <el-option |
| | | v-for="item in cityArray" |
| | | :key="item.areacode" |
| | | :label="item.areaname" |
| | | :value="item.areaname" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | <el-select |
| | | v-model="caddress.qu" |
| | | style="flex: 1; margin-left: 10px" |
| | | placeholder="è¯·éæ©å¿" |
| | | size="small" |
| | | @change="onAreaChanged" |
| | | > |
| | | <el-option |
| | | v-for="item in areaArray" |
| | | :key="item.areacode" |
| | | :label="item.areaname" |
| | | :value="item.areaname" |
| | | > |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | // 使ç¨è¯´æï¼v-modelæ¶ï¼å¿
é¡»ä¼ å¸¦æå¸¦æçï¼å¸ï¼åºæ¼é³çåæ®µ |
| | | import request from '@/utils/request' |
| | | export default { |
| | | name: "li_area_select", |
| | | //éè¿ model é项é
ç½®åç»ä»¶æ¥æ¶ç prop å以忴¾åçäºä»¶å |
| | | model: { |
| | | prop: "caddress", |
| | | event: "change", |
| | | }, |
| | | props: { |
| | | caddress: { |
| | | type: Object, |
| | | }, |
| | | }, |
| | | data() { |
| | | return { |
| | | areaJson: "/project/dict/treeselect", // ä¸ä¼ çå¾çæå¡å¨å°å |
| | | //areaJson: './../address.json', |
| | | addressArray: [], //æææ°æ® |
| | | cityArray: [], |
| | | areaArray: [], |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getAddressData(); |
| | | }, |
| | | methods: { |
| | | getAddressData() { |
| | | var that = this; |
| | | request({ |
| | | url: that.areaJson, |
| | | method: "get", |
| | | }).then(function (response) { |
| | | if (response.code === 200) { |
| | | //è·åå°å |
| | | |
| | | that.addressArray = response.data; |
| | | //é»è®¤å¼èµå¼è·åå叿°ç» |
| | | if (that.caddress.sheng) { |
| | | for (let ad of that.addressArray) { |
| | | if (ad.areaname === that.caddress.sheng) { |
| | | that.cityArray = ad.subarea; |
| | | //--- |
| | | //é»è®¤èµå¼è·ååºåæ°ç» |
| | | if (that.caddress.shi) { |
| | | for (let area of that.cityArray) { |
| | | if (area.areaname === that.caddress.shi) { |
| | | that.areaArray = area.subarea; |
| | | break; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | }, |
| | | //éæ©ç份 |
| | | getCityData(val) { |
| | | //æ¸
空å¸ï¼ååº |
| | | this.caddress.shi = ""; |
| | | this.caddress.qu = ""; |
| | | this.$emit("change", this.caddress); //åéæ¹å |
| | | for (let ad of this.addressArray) { |
| | | if (ad.areaname === val) { |
| | | this.cityArray = ad.subarea; |
| | | return; |
| | | } |
| | | } |
| | | }, |
| | | getAreaData(val) { |
| | | //æ¸
ç©ºåº |
| | | this.caddress.qu = ""; |
| | | this.$emit("change", this.caddress); //åéæ¹å |
| | | for (let area of this.cityArray) { |
| | | if (area.areaname === val) { |
| | | this.areaArray = area.subarea; |
| | | return; |
| | | } |
| | | } |
| | | }, |
| | | //å°åºæ°æ®åå¨å |
| | | onAreaChanged(val) { |
| | | this.$emit("change", this.caddress); //åéæ¹å |
| | | this.$forceUpdate(); |
| | | }, |
| | | |
| | | getSheng(){ |
| | | let list= this.addressArray.filter(r=>r.areaname == this.caddress.sheng); |
| | | if(list.length>0){ |
| | | return list[0].areacode; |
| | | } |
| | | else{ |
| | | return ''; |
| | | } |
| | | }, |
| | | getShi(){ |
| | | let list= this.cityArray.filter(r=>r.areaname == this.caddress.shi); |
| | | if(list.length>0){ |
| | | return list[0].areacode; |
| | | } |
| | | else{ |
| | | return ''; |
| | | } |
| | | }, |
| | | getQu(){ |
| | | let list= this.areaArray.filter(r=>r.areaname == this.caddress.qu); |
| | | if(list.length>0){ |
| | | return list[0].areacode; |
| | | } |
| | | else{ |
| | | return ''; |
| | | } |
| | | }, |
| | | clean(){ |
| | | this.caddress.sheng=""; |
| | | this.caddress.shi=""; |
| | | this.caddress.qu=""; |
| | | } |
| | | }, |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | </style> |
| | |
| | | <div class="right-menu"> |
| | | <template v-if="device!=='mobile'"> |
| | | <search id="header-search" class="right-menu-item" /> |
| | | |
| | | |
| | | <!-- <el-tooltip content="æºç å°å" effect="dark" placement="bottom"> |
| | | <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" /> |
| | | </el-tooltip> --> |
| | |
| | | |
| | | <screenfull id="screenfull" class="right-menu-item hover-effect" /> |
| | | |
| | | <el-tooltip content="å¸å±å¤§å°" effect="dark" placement="bottom"> |
| | | <!-- <el-tooltip content="å¸å±å¤§å°" effect="dark" placement="bottom"> |
| | | <size-select id="size-select" class="right-menu-item hover-effect" /> |
| | | </el-tooltip> |
| | | </el-tooltip> --> |
| | | |
| | | </template> |
| | | |
| | |
| | | }, |
| | | { |
| | | value: '3', |
| | | label: "ææ¬æ¶é", |
| | | label: "é®ç", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | | }, |
| | | }, |
| | | { |
| | | value: '4', |
| | | label: "填空", |
| | | raw: { |
| | | cssClass: "", |
| | | listClass: "", |
| | |
| | | }, |
| | | |
| | | ], |
| | | // é¢ç®ç±»å« |
| | | // é¢ç®ç±»å«ï¼éè®¿ï¼ |
| | | xjxsoptions:(state) => [ |
| | | { |
| | | value: "1", |
| | |
| | | }, |
| | | { |
| | | value: "6", |
| | | label: "é®å·æå¡", |
| | | label: "æ£è
æ¥å", |
| | | }, |
| | | ], |
| | | tasktopic: "2", //æ°å¢ç±»å |
| | |
| | | @change="handleInputConfirm" |
| | | filterable |
| | | remote |
| | | allow-create |
| | | reserve-keyword |
| | | default-first-option |
| | | :remote-method="remoteMethodtag" |
| | |
| | | @change="handleInputConfirm" |
| | | filterable |
| | | remote |
| | | allow-create |
| | | reserve-keyword |
| | | default-first-option |
| | | :remote-method="remoteMethodtag" |
| | |
| | | fixed |
| | | label="åºå·" |
| | | align="center" |
| | | key="patid" |
| | | prop="patid" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | <el-table-column |
| | | fixed |
| | |
| | | @click=" |
| | | $router.push({ |
| | | path: '/patient/patient/profile/', |
| | | query: { id: scope.row.patid }, |
| | | query: { id: scope.row.id }, |
| | | }) |
| | | " |
| | | v-hasPermi="['system:user:edit']" |
| | |
| | | }, |
| | | // å¤éæ¡é䏿°æ® |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map((item) => item.patid); |
| | | this.ids = selection.map((item) => item.id); |
| | | this.single = selection.length != 1; |
| | | this.multiple = !selection.length; |
| | | }, |
| | |
| | | /** ä¿®æ¹æé®æä½ */ |
| | | handleUpdate(row) { |
| | | console.log(row); |
| | | const userIds = row.patid || this.ids; |
| | | const userIds = row.id || this.ids; |
| | | particularpatient(userIds).then((response) => { |
| | | console.log(response); |
| | | this.form = response.data; |
| | |
| | | <el-alert title="卿¬é¶æ®µéæ©å®£æç
人" type="success" effect="dark"> |
| | | </el-alert> |
| | | <div class="leftvlue-jbxx"> |
| | | |
| | | <div class="examine-jic"> |
| | | <div class="headline"> |
| | | <div>æ£è
å表</div> |
| | |
| | | this.currenttype = this.$route.query.type; |
| | | this.title = "宣æå
容å表"; |
| | | this.tableLabel = this.tableLabelxj; |
| | | this.checkboxlist = [ |
| | | "线ä¸ï¼çº¸è´¨ï¼", |
| | | "线ä¸ï¼çä¿¡/ééçææ¬è§é¢ï¼", |
| | | "宣æé¾æ¥", |
| | | "微信å
¬ä¼å·", |
| | | "çä¿¡", |
| | | ]; |
| | | this.checkboxlist = ["çä¿¡", "微信", "人工çµè¯", "æºè½æºå¨äºº"]; |
| | | getlibrarylist(queryParams).then((response) => { |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | |
| | | this.currenttype = this.$route.query.type; |
| | | this.title = "é®å·å
容å表"; |
| | | this.tableLabel = this.tableLabelwj; |
| | | this.checkboxlist = [ |
| | | "线ä¸ï¼çº¸è´¨ï¼", |
| | | "线ä¸ï¼çä¿¡/ééçææ¬ãé®å·é¾æ¥ï¼", |
| | | "微信å
¬ä¼å·", |
| | | ]; |
| | | this.checkboxlist = ["çä¿¡", "微信", "人工çµè¯", "æºè½æºå¨äºº"]; |
| | | getQtemplatelist(queryParams).then((response) => { |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | |
| | | // åºé¢ãé¨è¯ãä¸ç
é访 |
| | | this.title = "é访å
容å表"; |
| | | this.tableLabel = this.tableLabelmz; |
| | | this.checkboxlist = ["纸质", "å¤åªä½", "çµè¯", "微信å
¬ä¼å·"]; |
| | | this.checkboxlist = ["çä¿¡", "微信", "人工çµè¯", "æºè½æºå¨äºº"]; |
| | | getFollowuplist(queryParams).then((response) => { |
| | | this.userList = response.rows; |
| | | this.total = response.total; |
| | |
| | | ></el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div style="display: flex"> |
| | | <div class="elcardiv"> |
| | | <div class="presentation"> |
| | | <div class="presentation-left"> |
| | | <div class="leftvlue-jbxx">è¯æ¯å表</div> |
| | | <el-divider></el-divider> |
| | | |
| | | <el-table :data="targetList" :row-class-name="tableRowClassName"> |
| | | <el-table-column label="åºå·" align="center" key="id" prop="id" /> |
| | | <el-table-column |
| | | label="åºå·" |
| | | fixed |
| | | align="center" |
| | | key="id" |
| | | prop="id" |
| | | /> |
| | | |
| | | <el-table-column |
| | | label="é®é¢ææ¬" |
| | |
| | | <el-table-column |
| | | label="æä½" |
| | | align="center" |
| | | fixed="right" |
| | | width="200" |
| | | class-name="small-padding fixed-width" |
| | | > |
| | |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="elcardiv"> |
| | | <div class="presentation-right"> |
| | | <el-form |
| | | :model="ruleForm" |
| | | :rules="rules" |
| | |
| | | label-width="100px" |
| | | class="demo-ruleForm" |
| | | > |
| | | <div class="leftvlue-jbxx">è¯æ¯ç¼è¾</div> |
| | | <el-divider></el-divider> |
| | | <div class="leftvlue-jbxx">è¯æ¯ç¼è¾</div> |
| | | <el-divider></el-divider> |
| | | <div style="margin: 15px; margin-top: 50px"> |
| | | |
| | | <el-form-item label="è¯æ¯ææ¬" prop="name"> |
| | | <el-input |
| | | v-model="ruleForm.switchText" |
| | |
| | | margin: 15px 0; |
| | | } |
| | | } |
| | | .presentation { |
| | | margin: 20px 0; |
| | | display: flex; |
| | | .presentation-left { |
| | | width: 60%; |
| | | // height: 500px; |
| | | } |
| | | .presentation-right { |
| | | width: 40%; |
| | | max-height: 688px; |
| | | padding: 0 20px; |
| | | font-size: 18px; |
| | | overflow: auto; |
| | | } |
| | | .leftvlue-jbxx { |
| | | font-size: 24px; |
| | | border-left: 5px solid #5788fe; |
| | | padding-left: 5px; |
| | | margin: 15px 0; |
| | | } |
| | | } |
| | | .button-textxg { |
| | | color: rgb(35, 81, 233); |
| | | } |