Skip to content

S
ShanghaiGongwei
Commit e43de15e by nlp97
Options

1、引入国际化i18n 

2、提炼字段、编写zh文件
3、增加维语文件
parent 6186ce0d
Showing with 256 additions and 172 deletions
package-lock.json
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
{
"name": "mult_mobile",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@vant/area-data": "^1.2.2",
"autoprefixer": "^9.7.5",
"babel-plugin-import": "^1.13.0",
"core-js": "^3.6.4",
"echarts": "^4.9.0",
"lib-flexible": "^0.3.2",
"postcss": "^7.0.27",
"postcss-pxtorem": "^5.1.1",
"sessionstorage": "^0.1.0",
"signature_pad": "^4.0.3",
"vant": "^2.12.45",
"vue": "^2.6.11",
"vue-wechat-title": "^2.0.5"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.2.0",
"@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"axios": "^0.19.2",
"element-ui": "^2.14.1",
"node-sass": "^5.0.0",
"sass": "^1.25.0",
"sass-loader": "^7.3.1",
"vue-router": "^3.1.6",
"vue-template-compiler": "^2.6.11",
"vuex": "^3.1.3"
},
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-pxtorem": {
"rootValue": 37.5,
"propList": [
"*"
]
}
}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8",
"ios >= 8",
"android >= 4.0"
]
"name": "mult_mobile",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"@vant/area-data": "^1.2.2",
"autoprefixer": "^9.7.5",
"babel-plugin-import": "^1.13.0",
"core-js": "^3.6.4",
"echarts": "^4.9.0",
"lib-flexible": "^0.3.2",
"postcss": "^7.0.27",
"postcss-pxtorem": "^5.1.1",
"sessionstorage": "^0.1.0",
"signature_pad": "^4.0.3",
"vant": "^2.12.45",
"vue": "^2.6.11",
"vue-wechat-title": "^2.0.5"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.2.0",
"@vue/cli-plugin-eslint": "^4.2.0",
"@vue/cli-service": "^4.2.0",
"axios": "^0.19.2",
"element-ui": "^2.14.1",
"node-sass": "^5.0.0",
"sass": "^1.25.0",
"sass-loader": "^7.3.1",
"vue-i18n": "^6.1.3",
"vue-router": "^3.1.6",
"vue-template-compiler": "^2.6.11",
"vuex": "^3.1.3"
},
"postcss": {
"plugins": {
"autoprefixer": {},
"postcss-pxtorem": {
"rootValue": 37.5,
"propList": [
"*"
]
}
}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8",
"ios >= 8",
"android >= 4.0"
]
}
src/components/page1.vue
......@@ -2,84 +2,87 @@
* @Author: ninglupeng
* @Date: 2020-11-24 16:18:58
* @LastEditors: ninglupeng
* @LastEditTime: 2022-03-19 08:29:28
* @LastEditTime: 2022-10-31 14:38:03
* @Description:
-->
<template>
<div class="page1">
<div class="page1_topbg">
<span class="page1_topbg_title">
入院信息采集
</span>
</div>
<div class="page1">
<div class="page1_topbg">
<span class="page1_topbg_title">
{{ $t('project') }}
</span>
</div>
<div class="page1_bottom">
<span class="page1_bottom_img" @click="next"></span>
<div class="page1_bottom">
<span class="page1_bottom_img" @click="next"></span>
</div>
</div>
</div>
</template>
<script>
import { mapState, mapMutations } from "vuex";
export default {
name: "page1",
data() {
return {};
},
mounted() {},
methods: {
next() {
this.$store.dispatch("user/setpage", 2);
name: "page1",
data() {
return {};
},
mounted() { },
methods: {
next() {
this.$store.dispatch("user/setpage", 2);
},
},
},
computed: {},
computed: {},
};
</script>
<style lang="scss" scoped>
.page1 {
width: 100%;
height: 100%;
overflow: hidden;
background-color: #f2f2f2;
&_topbg {
background-image: url("../assets/img/page1bg.png");
width: 100%;
height: 390px;
background-size: cover;
background-position: center center;
height: 100%;
overflow: hidden;
background-color: #f2f2f2;
&_topbg {
background-image: url("../assets/img/page1bg.png");
width: 100%;
height: 390px;
background-size: cover;
background-position: center center;
@include flex_column;
@include align_center;
justify-content: space-evenly;
position: relative;
&_title {
font-size: 24px;
font-family: Roboto-Bold, Roboto;
font-weight: bold;
color: #000000;
line-height: 28px;
position: absolute;
bottom: 50px;
@include flex_column;
@include align_center;
justify-content: space-evenly;
position: relative;
&_title {
font-size: 24px;
font-family: Roboto-Bold, Roboto;
font-weight: bold;
color: #000000;
line-height: 28px;
position: absolute;
bottom: 50px;
}
}
}
&_bottom {
width: 100%;
height: 48px;
@include flex_column;
@include align_center;
position: absolute;
bottom: 150px;
&_img {
width: 48px;
height: 48px;
background-image: url("../assets/img/next.png");
&_bottom {
width: 100%;
height: 48px;
@include flex_column;
@include align_center;
position: absolute;
bottom: 150px;
&_img {
width: 48px;
height: 48px;
background-image: url("../assets/img/next.png");
background-size: cover;
background-position: center center;
background-size: cover;
background-position: center center;
}
}
}
}
</style>
src/components/page2.vue
......@@ -2,86 +2,87 @@
* @Author: ninglupeng
* @Date: 2020-11-24 16:18:58
* @LastEditors: ninglupeng
* @LastEditTime: 2022-03-18 13:06:45
* @LastEditTime: 2022-10-31 14:44:18
* @Description:
-->
<template>
<div class="page2">
<!-- <h1 class="page2_title">知情同意书</h1> -->
<div class="page2">
<!-- <h1 class="page2_title">知情同意书</h1> -->
<div class="page2_text">
为保障您在我院住院治疗期间享有充分的知情同意权，医务人员将向您告知您的病情、主要医疗措施、医疗风险等情況，解答您对疾病的咨询。未经您本人充分知情和签名同意，医务人员将不得进行手术等重大医疗行为。但由于各人心理承受能力不同，以及疾病发展具有不可预测性，为有利于治疗，请您现授权委托一位您充分信任的代理人，代为行使您的知情同意权。我院将依据您签名出具的授权委托书，视代理人的代理行为为您本人真实意思的表示。如您末满18周岁或没有民事行为能力和限制民事行为能力的，您的法定监护人为您的法定伐理人，代为行使知情同意权。
</div>
<br />
<div class="page2_text">
{{ $t('paragraph1') }}
</div>
<br />
<div class="page2_text">
为了让医生给您制定最佳的洽疗方案，请您务必客观，真实地向医生提供您的病情资料和相关情況。
</div>
<div class="page2_text" style="text-align:right;">
特此告知
</div>
<br />
<br />
<br />
<div class="page2_next" @click="next">
上述告知书内容本人己充分了解
<div class="page2_text">
{{ $t('paragraph2') }}
</div>
<div class="page2_text" style="text-align:right;">
{{ $t('paragraph3') }}
</div>
<br />
<br />
<br />
<div class="page2_next" @click="next">
{{ $t('isAgree') }}
</div>
</div>
</div>
</template>
<script>
import { mapState, mapMutations } from "vuex";
export default {
name: "index",
data() {
return {};
},
mounted() {},
methods: {
next() {
this.$store.dispatch("user/setpage", 3);
name: "index",
data() {
return {};
},
},
computed: {},
mounted() { },
methods: {
next() {
this.$store.dispatch("user/setpage", 3);
},
},
computed: {},
};
</script>
<style lang="scss" scoped>
.page2 {
/* &_title {
/* &_title {
text-align: center;
} */
&_text {
text-indent: 35px;
margin: 25px;
font-size: 17px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #000000;
line-height: 25px;
}
&_text {
text-indent: 35px;
margin: 25px;
font-size: 17px;
font-family: PingFang-SC-Medium, PingFang-SC;
font-weight: 500;
color: #000000;
line-height: 25px;
}
&_next {
width: 321px;
height: 48px;
background: #0091ff;
border-radius: 24px;
&_next {
width: 321px;
height: 48px;
background: #0091ff;
border-radius: 24px;
font-size: 18px;
font-family: Roboto-Bold, Roboto;
font-weight: bold;
color: #ffffff;
line-height: 18px;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
justify-content: center;
font-size: 18px;
font-family: Roboto-Bold, Roboto;
font-weight: bold;
color: #ffffff;
line-height: 18px;
display: flex;
flex-direction: column;
justify-items: center;
align-items: center;
justify-content: center;
margin: 0 auto;
}
margin: 0 auto;
}
}
</style>
src/lang/Uygur.js 0 → 100644
/*
* @Author: ninglupeng
* @Date: 2022-10-31 14:22:41
* @LastEditors: ninglupeng
* @LastEditTime: 2022-10-31 14:57:57
* @Description:
*/
module.exports = {
//第一部分
'project': '',
'paragraph1': ' ',
"paragraph2": ' ',
"paragraph3": ' ',
"isAgree": ' ',
//第二部分
"AgreementMode": '',//本人决定选择以下方式
"Mode1": '',
"Mode2": '',
"Mode3": '',
"buildingNumber": '', //楼号
"agreementFloor": '', //楼层
"bedNumber": '', //床号
"agreementSign": '', // 患者签字
"agreementDate": ''// 签字日期
}
src/lang/zh.js 0 → 100644
/*
* @Author: ninglupeng
* @Date: 2022-10-31 14:22:35
* @LastEditors: ninglupeng
* @LastEditTime: 2022-10-31 14:58:33
* @Description:
*/
module.exports = {
//第一部分
'project': '入院信息采集',
'paragraph1': ' 为保障您在我院住院治疗期间享有充分的知情同意权，医务人员将向您告知您的病情、主要医疗措施、医疗风险等情況，解答您对疾病的咨询。未经您本人充分知情和签名同意，医务人员将不得进行手术等重大医疗行为。但由于各人心理承受能力不同，以及疾病发展具有不可预测性，为有利于治疗，请您现授权委托一位您充分信任的代理人，代为行使您的知情同意权。我院将依据您签名出具的授权委托书，视代理人的代理行为为您本人真实意思的表示。如您末满18周岁或没有民事行为能力和限制民事行为能力的，您的法定监护人为您的法定伐理人，代为行使知情同意权。 ',
"paragraph2": ' 为了让医生给您制定最佳的洽疗方案，请您务必客观，真实地向医生提供您的病情资料和相关情況。 ',
"paragraph3": ' 特此告知 ',
"isAgree": ' 上述告知书内容本人己充分了解 ',
//第二部分
"AgreementMode": '本人决定选择以下方式',//本人决定选择以下方式
"Mode1": '向贵院出具授权委托书指定代理人',
"Mode2": '向贵院出具户籍等相关证明,明确法定代理人',
"Mode3": '本人決定不委托代理人,如本人疾病出现危急情况或不可预知情況,授权经治医师決定治疗方案,如有医疗风险和不良后果,由本人自行负责。',
"buildingNumber": '楼号', //楼号
"agreementFloor": '楼层', //楼层
"bedNumber": '床号', //床号
"agreementSign": '患者签字', // 患者签字
"agreementDate": '签字日期', //签字日期
}
\ No newline at end of file
src/main.js
......@@ -12,6 +12,8 @@ import vueWechatTitle from 'vue-wechat-title'
import Vant from 'vant'
import 'vant/lib/index.css';
import VueI18n from 'vue-i18n'
Vue.use(VueI18n); //通过插件的形式挂载
Vue.use(Vant)
// 引入echarts
......@@ -115,9 +117,27 @@ Vue.prototype.$deepCopy = function (data) {
return data;
}
}
/*---------使用语言包-----------*/
const i18n = new VueI18n({
locale: 'zh', // 语言标识
//this.$i18n.locale // 通过切换locale的值来实现语言切换
messages: {
'zh': require('./lang/zh'), // 中文语言包
'Uygur': require('./lang/Uygur') // 英文语言包
}
})
new Vue({
router,
store,
i18n,
render: h => h(App),
}).$mount('#app')
vue.config.js
/*
* @Author: ninglupeng
* @Date: 2022-03-17 15:06:50
* @LastEditors: wsq
* @LastEditTime: 2022-05-09 15:03:49
* @LastEditors: ninglupeng
* @LastEditTime: 2022-10-31 14:02:30
* @Description:
*/
const path = require('path');
......@@ -61,10 +61,10 @@ module.exports = {
proxy: {
'/api': {
target: 'http://flowtone.suvalue.com/',
// target: 'http://flowtone.suvalue.com/',
//target: 'http://flowtone2.suvalue.com/',
// target: 'http://flowtone6.suvalue.com/',
//target:'http://192.168.18.166:8048/',//测试
// target: 'http://flowtone6.suvalue.com/',
target: 'http://192.168.18.166:8048/',//测试
ws: true, //如果要代理 websockets，配置这个参数
// secure: false, // 如果是https接口，需要配置这个参数
changeOrigin: true,
......
yarn.lock
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment