{"remainingRequest":"/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=style&index=0&id=f9cf222e&lang=less&scoped=true&","dependencies":[{"path":"/Users/lihai/jolijoli/pad_spa/src/pages/testSkin/details/index.vue","mtime":1652270641941},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/css-loader/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/Users/lihai/jolijoli/pad_spa/node_modules/less-loader/dist/cjs.js","mtime":1652237051060},{"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\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.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",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6KA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/pages/testSkin/details","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"]}]}