| 1 |
- {"remainingRequest":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js!/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js??ref--0-0!/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js??vue-loader-options!/Users/lihai/jolijoli/pad_spa/src/pages/testSkin/details/index.vue?vue&type=script&lang=js&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/pages/testSkin/details/index.vue","mtime":1652270641941},{"path":"/Users/lihai/jolijoli/pad_spa/babel.config.js","mtime":1649813268617},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/babel-loader/lib/index.js","mtime":315532800000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { mapActions } from 'vuex';\nexport default {\n components: {},\n data: function data() {\n return {\n userInfo: {\n image: \"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png\",\n name: '张三',\n sex: '女',\n age: '23',\n skinType: '中性皮肤'\n },\n lableList: [{\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: true\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }, {\n text: '对话框的',\n disabled: false\n }],\n remarks: ''\n };\n },\n computed: {},\n watch: {},\n methods: {},\n created: function created() {},\n mounted: function mounted() {}\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA,SAAA,UAAA,QAAA,MAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA,EADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,KAAA,EAAA,qEADA;AAEA,QAAA,IAAA,EAAA,IAFA;AAGA,QAAA,GAAA,EAAA,GAHA;AAIA,QAAA,GAAA,EAAA,IAJA;AAKA,QAAA,QAAA,EAAA;AALA,OADA;AAQA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAjBA,EAqBA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OArBA,EAyBA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAzBA,EA6BA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OA7BA,EAiCA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAjCA,EAqCA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,QAAA,EAAA;AAFA,OArCA,CARA;AAkDA,MAAA,OAAA,EAAA;AAlDA,KAAA;AAqDA,GAxDA;AAyDA,EAAA,QAAA,EAAA,EAzDA;AA4DA,EAAA,KAAA,EAAA,EA5DA;AA8DA,EAAA,OAAA,EAAA,EA9DA;AAiEA,EAAA,OAjEA,qBAiEA,CAIA,CArEA;AAuEA,EAAA,OAvEA,qBAuEA,CAEA;AAzEA,CAAA","sourcesContent":["<template>\n <div class=\"mine\">\n <div class=\"left\">\n <div class=\"user-info\">\n <div class=\"user-img\"><img :src=\"userInfo.image\"\n alt=\"\"></div>\n <div class=\"user-span\">\n <div class=\"name\">昵称:<span>{{userInfo.name}}</span></div>\n <div class=\"sex\">性别：<span>{{userInfo.sex}}</span></div>\n <div class=\"age\">肤龄：<span>{{userInfo.age}}</span></div>\n <div class=\"skin-type\">肤质：<span>{{userInfo.skinType}}</span></div>\n </div>\n </div>\n <div class=\"user-record\">\n <div class=\"fraction\">\n <div class=\"title\">肌肤得分</div>\n <div class=\"num\">37分</div>\n </div>\n <div class=\"status\">\n <div class=\"title\">皮肤状态</div>\n <div class=\"tips\">肤质一般</div>\n </div>\n <div class=\"times\">\n <div class=\"title\">上传检测时间</div>\n <div class=\"ts\">2022.04.18 16:04</div>\n </div>\n </div>\n <div class=\"summary\">\n <div class=\"left-title\">皮肤总结</div>\n <div class=\"summary-list\">\n <div class=\"summary-info\">\n <div class=\"result\">\n <div class=\"result-left\">\n <div class=\"title\">RGB毛孔：</div>\n <div class=\"tips\">粗大毛孔个数144</div>\n </div>\n <div class=\"right\">\n <span>粗大毛孔个数：144个</span><br>\n <span>中等毛孔个数：409个</span><br>\n <span>细小毛孔个数：299个</span>\n </div>\n </div>\n <div class=\"bottom-tips\">\n <span>皮肤状态一般，污物阻塞导致，油脂分泌旺盛，皮肤状态一般，污物阻塞导致，油脂分泌旺盛</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"right\">\n <div class=\"lable\">\n <div class=\"lable-title\">\n 面诊标签\n </div>\n <div class=\"lable-list\">\n <div v-for=\"(item,index) in lableList\"\n :key=\"index\"\n :class=\"['lable-info', item.disabled?'active':'']\">\n {{item.text}}\n </div>\n <div class=\"add-lable\">\n +\n </div>\n </div>\n <div class=\"lable-title\">\n 备注\n </div>\n <div class=\"remarks\">\n <el-input type=\"textarea\"\n autosize\n resize=\"none\"\n placeholder=\"多行输入\"\n v-model=\"remarks\">\n </el-input>\n </div>\n </div>\n <div class=\"programme\">\n <div class=\"tab\">\n <div class=\"tab-title\">执行方案</div>\n <div class=\"add\">新增</div>\n </div>\n <div class=\"programme-list\">\n <div class=\"programme-info\">\n <div class=\"programme-left\"></div>\n <div class=\"programme-right\"></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport { mapActions } from 'vuex'\nexport default {\n components: {},\n data () {\n return {\n userInfo: {\n image: \"https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/home/make.png\",\n name: '张三',\n sex: '女',\n age: '23',\n skinType: '中性皮肤'\n },\n lableList: [\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: true\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n {\n text: '对话框的',\n disabled: false\n },\n ],\n remarks: '',\n\n };\n },\n computed: {\n\n },\n watch: {},\n\n methods: {\n },\n\n created () {\n\n\n\n },\n\n mounted () {\n\n },\n}\n\n</script>\n\n<style lang='less' scoped>\n.mine {\n height: 100%;\n display: flex;\n .left {\n width: 318px;\n padding: 12px 12px 0 12px;\n background: #ffffff;\n box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n border-radius: 8px;\n font-size: 13px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #999999;\n line-height: 18px;\n height: 100%;\n .user-info {\n display: flex;\n align-items: center;\n .user-img {\n width: 96px;\n img {\n width: 100%;\n display: block;\n }\n }\n .user-span {\n margin-left: 12px;\n\n span {\n color: #333333;\n }\n }\n }\n .user-record {\n margin-top: 16px;\n display: flex;\n justify-content: space-between;\n .num {\n font-size: 18px;\n font-family: OPPOSans-B, OPPOSans;\n font-weight: normal;\n color: #333333;\n line-height: 29px;\n }\n .tips {\n font-size: 13px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #333333;\n line-height: 30px;\n }\n .ts {\n font-size: 13px;\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #333333;\n line-height: 30px;\n }\n }\n .summary {\n .left-title {\n margin-top: 10px;\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #333333;\n line-height: 20px;\n }\n .summary-list {\n margin-top: 10px;\n height: 280px;\n overflow: scroll;\n .summary-info {\n border-radius: 4px;\n margin-bottom: 20px;\n border: 1px solid #f5f5f5;\n .result {\n padding: 10px;\n display: flex;\n justify-content: space-between;\n align-content: center;\n .result-left {\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n .title {\n font-size: 14px;\n\n color: #666666;\n line-height: 20px;\n }\n .tips {\n font-size: 18px;\n color: #fa7d22;\n line-height: 25px;\n }\n }\n .right {\n font-size: 12px;\n transform: scale(0.83);\n font-family: PingFangSC-Regular, PingFang SC;\n font-weight: 400;\n color: #666666;\n line-height: 16px;\n }\n }\n .bottom-tips {\n padding: 6px 10px;\n font-size: 10px;\n font-family: PingFang-SC-Regular, PingFang-SC;\n font-weight: 400;\n color: #333333;\n line-height: 14px;\n background: #f5f5f5;\n border-radius: 4px;\n span {\n display: block;\n zoom: 0.83;\n }\n }\n }\n }\n }\n }\n .right {\n margin-left: 18px;\n flex: 1;\n .lable {\n width: 100%;\n height: 230px;\n overflow: scroll;\n padding: 12px;\n background: #ffffff;\n box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n border-radius: 8px;\n .lable-title {\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #333333;\n line-height: 20px;\n margin-bottom: 14px;\n }\n .lable-list {\n width: 100%;\n min-height: 105rpx;\n .lable-info {\n display: inline-block;\n padding: 0 12px;\n margin-left: 10px;\n height: 24px;\n line-height: 24px;\n border-radius: 2px;\n border: 1px solid #d6d6d6;\n margin-bottom: 10px;\n }\n .add-lable {\n display: inline-block;\n width: 27px;\n height: 24px;\n line-height: 24px;\n font-size: 12px;\n font-family: PingFang-SC-Regular, PingFang-SC;\n font-weight: 400;\n color: #333333;\n text-align: center;\n margin-left: 10px;\n border-radius: 2px;\n border: 1px solid #d6d6d6;\n }\n .active {\n background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/pad_clerk/icon/slices/%E9%80%89%E4%B8%AD2%402x.png)\n no-repeat;\n background-size: 100% 100%;\n border: 0px solid #d6d6d6;\n }\n }\n .remarks {\n /deep/ .el-textarea__inner:focus {\n border-color: #fa852f;\n }\n }\n }\n .programme {\n margin-top: 18px;\n width: 100%;\n height: 208px;\n background: #ffffff;\n box-shadow: 0px 2px 4px 0px rgba(184, 191, 198, 0.2);\n border-radius: 8px;\n .tab {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 14px 12px 0 12px;\n .tab-title {\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #333333;\n line-height: 20px;\n }\n .add {\n width: 60px;\n height: 28px;\n line-height: 28px;\n background: #fa7d22;\n border-radius: 8px;\n font-size: 14px;\n font-family: PingFangSC-Medium, PingFang SC;\n font-weight: 500;\n color: #ffffff;\n text-align: center;\n }\n }\n .programme-list {\n margin-top: 10px;\n .programme-info {\n padding: 8px 10px;\n margin-bottom: 10px;\n display: flex;\n align-items: center;\n .programme-left {\n flex: 1;\n }\n .programme-right {\n flex: 1;\n }\n }\n }\n }\n }\n}\n</style>\n"],"sourceRoot":"src/pages/testSkin/details"}]}
|
