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