{"version":3,"sources":["webpack:///./src/views/contact/ContactEvaluation.vue","webpack:///./src/views/contact/ContactEvaluation.vue?ac1f","webpack:///./src/views/contact/ContactEvaluation.vue?c5d6"],"names":["class","ref","isShow","list","item","index","key","title","value","select","button-style","submit","handleScroll","height","document","documentElement","scrollTop","selectAll","getList","then","res","data","i","length","push","id","val","message","success","name","components","Header","Footer","FloatingFrame","ContactTop","setup","header","body","window","addEventListener","offsetTop","render","__scopeId"],"mappings":"kPAESA,MAAM,U,GACFA,MAAM,cAAcC,IAAI,U,GACpBD,MAAM,W,GAIFA,MAAM,sB,GAEEA,MAAM,Q,GAGNA,MAAM,S,iBAEuB,M,iBACA,M,iBACA,O,wMAhBtD,eAA2B,GAAlBE,OAAQ,EAAAA,QAAM,mBACvB,eAuBM,MAvBN,EAuBM,CAtBF,eAqBM,MArBN,EAqBM,CApBF,eAmBM,MAnBN,EAmBM,CAfF,eAaM,MAbN,EAaM,E,mBAZF,eAWM,2BAXoC,EAAAC,MAAI,SAApBC,EAAMC,G,wBAAhC,eAWM,OAXDL,MAAM,OAAsCM,IAAKD,G,CAClD,eAEM,MAFN,EAEM,CADF,eAAqB,wBAAhBD,EAAKG,OAAK,KAEnB,eAMM,MANN,EAMM,CALF,eAIgB,GAJOC,MAAO,EAAAC,OAAOJ,G,oCAAP,EAAAI,OAAOJ,GAAK,GAAGK,eAAa,S,YACtD,iBAA6C,CAA7C,eAA6C,GAA7BF,MAAM,KAAG,C,WAAC,iBAAE,C,YAC5B,eAA6C,GAA7BA,MAAM,KAAG,C,WAAC,iBAAE,C,YAC5B,eAA8C,GAA9BA,MAAM,KAAG,C,WAAC,iBAAG,C,qEAK7C,eAAkD,UAA1CR,MAAM,SAAU,QAAK,8BAAE,EAAAW,QAAA,EAAAA,OAAA,sBAAQ,S,2HAkBjD,EAAe,WAEjB,IAAMT,EAAS,eAAI,IAEbU,EAAe,SAACC,GAEfC,SAASC,gBAAgBC,WAAaH,EACrCX,EAAOM,MAAQ,EAEfN,EAAOM,MAAQ,GAIvB,MAAO,CAAEI,eAAcV,WAIrB,EAAa,WAEf,IAAMC,EAAO,iBAEPc,EAAY,eAAS,CAACR,OAAO,KAG7BS,EAAM,yDAAI,8GACN,eAAI,sBAAuB,IAAIC,MAAK,SAACC,GAEvCjB,EAAKK,MAAQY,EAAIC,KACjB,IAAI,IAAIC,EAAE,EAAEA,EAAEF,EAAIC,KAAKE,OAAOD,IAC1BL,EAAUR,OAAOe,KAAK,QALlB,2CAAJ,qDAWNb,EAAK,yDAAI,oGACHW,EAAE,EADC,YACCA,EAAEnB,EAAKK,MAAMe,QADd,gCAED,eAAK,sBAAuB,CAAEE,GAAGtB,EAAKK,MAAMc,GAAGG,GAAIC,IAAKT,EAAUR,OAAOa,KAAKH,MAAK,SAACC,OAFnF,OACqBE,IADrB,sBAMXK,EAAA,KAAQC,QAAQ,QANL,2CAAJ,qDASX,EAAmB,eAAOX,GAAlBR,EAAR,EAAQA,OAER,MAAO,CAAEN,OAAMe,UAAST,SAAQE,WAGrB,GACXkB,KAAM,oBACNC,WAAY,CAAEC,SAAA,KAAQC,SAAA,KAAQC,gBAAA,KAAeC,aAAA,MAC7CC,MAHW,WAMP,MAGI,IAFAvB,EADJ,EACIA,aACAV,EAFJ,EAEIA,OAGJ,EAA0C,IAAlCC,EAAR,EAAQA,KAAMe,EAAd,EAAcA,QAAST,EAAvB,EAAuBA,OAAQE,EAA/B,EAA+BA,OAGzByB,EAAS,eAAI,MAanB,OAXA,gBAAU,WACNtB,SAASC,gBAAgBC,UAAYF,SAASuB,KAAKrB,UAAW,EAC9DsB,OAAOC,iBAAiB,UAAU,WAC3BH,EAAO5B,OACNI,EAAawB,EAAO5B,MAAMgC,iBAKtCtB,IAEO,CAAEhB,SAAQkC,SAAQjC,OAAMM,SAAQE,Y,UC/G/C,EAAO8B,OAASA,EAChB,EAAOC,UAAY,kBAEJ,gB,oCCRf","file":"js/ContactEvaluation.864d9ece.js","sourcesContent":["<template>\r\n    <Header :isShow=\"isShow\" />\r\n    <div class=\"warper\">\r\n        <div class=\"content_box\" ref=\"header\">\r\n            <div class=\"content\">\r\n                <!-- <p class=\"title\">廉政投诉</p>\r\n                <img class=\"banner max_big_box\" src=\"@/assets/images/wechart.png\" alt=\"\" />\r\n                <div class=\"line max_big_box\"></div> -->\r\n                <div class=\"form max_small_box\">\r\n                    <div class=\"list\" v-for=\"(item, index) in list\" :key=\"index\">\r\n                        <div class=\"left\">\r\n                            <p>{{item.title}}</p>\r\n                        </div>\r\n                        <div class=\"right\">\r\n                            <a-radio-group v-model:value=\"select[index]\" button-style=\"solid\">\r\n                                <a-radio-button value=\"0\">满意</a-radio-button>\r\n                                <a-radio-button value=\"1\">一般</a-radio-button>\r\n                                <a-radio-button value=\"2\">不满意</a-radio-button>\r\n                            </a-radio-group>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <button class=\"submit\" @click=\"submit\">提交</button>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!-- <div class=\"bottom_line\"></div> -->\r\n</template>\r\n\r\n<script>\r\nimport { onBeforeMount, onMounted, onUnmounted, ref, reactive, toRefs } from 'vue'\r\nimport { message } from 'ant-design-vue';\r\nimport { get, post } from '../../utils/request';\r\nimport * as api from '../../utils/api';\r\nimport Header from '../../components/header/Header';\r\nimport Footer from '../../components/footer/Footer';\r\nimport FloatingFrame from '../../components/floatingFrame/FloatingFrame';\r\nimport ContactTop from '../../components/contact/ContactTop';\r\n\r\n//页面滚动处理函数\r\nconst ScrollEffect = () => {\r\n\r\n    const isShow = ref('')\r\n\r\n    const handleScroll = (height) => {\r\n        \r\n        if(document.documentElement.scrollTop >= height){\r\n            isShow.value = 1\r\n        }else{\r\n            isShow.value = 2\r\n        }\r\n    }\r\n\r\n    return { handleScroll, isShow }\r\n}\r\n\r\n//满意度逻辑\r\nconst listEffect = () => {\r\n    //列表\r\n    const list = ref()\r\n\r\n    const selectAll = reactive({select:[]});\r\n\r\n    //获取列表\r\n    const getList = async () => {\r\n        await get('/contact/get_review', {}).then((res) => {\r\n            // console.log('满意度', res)\r\n            list.value = res.data\r\n            for(let i=0;i<res.data.length;i++) {\r\n                selectAll.select.push('0')\r\n            }\r\n        })\r\n    }\r\n\r\n    //提交\r\n    const submit = async () => {\r\n        for(let i=0;i<list.value.length;i++){\r\n            await post('/contact/add_review', { id:list.value[i].id, val: selectAll.select[i]}).then((res) => {\r\n                // console.log(res)\r\n            })\r\n        }\r\n        message.success('提交成功');\r\n    }\r\n\r\n    const { select } = toRefs(selectAll)\r\n\r\n    return { list, getList, select, submit }\r\n}\r\n\r\nexport default {\r\n    name: 'ContactEvaluation',\r\n    components: { Header, Footer, FloatingFrame, ContactTop },\r\n    setup() {\r\n\r\n        //页面滚动处理函数\r\n        const { \r\n            handleScroll, \r\n            isShow \r\n        } = ScrollEffect()\r\n\r\n        const { list, getList, select, submit } = listEffect()\r\n\r\n        //获取滑块到顶部的距离\r\n        const header = ref(null)\r\n\r\n        onMounted(() => {\r\n            document.documentElement.scrollTop = document.body.scrollTop =0;\r\n            window.addEventListener('scroll', function () {\r\n                if(header.value){\r\n                    handleScroll(header.value.offsetTop);\r\n                }\r\n            })\r\n        });\r\n\r\n        getList()\r\n\r\n        return { isShow, header, list, select, submit }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '../../style/viriables.scss';\r\n.content_box{\r\n    margin-top: 50px;\r\n}\r\n.content{\r\n    @media screen and (max-width: 1200px){\r\n        padding: 0 30px;\r\n    }\r\n    .title{\r\n        color: #2F509E;\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n    }\r\n    .banner{\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        display: block;\r\n        margin-top: 50px;\r\n    }\r\n    .line{\r\n        width: 100%;\r\n        height: 1px;\r\n        background: #bbb;\r\n        margin-top: 50px;\r\n    }\r\n    .form{\r\n        margin-top: 50px;\r\n        .list{\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 30px;\r\n            @media screen and (max-width: 900px){\r\n                display: block;\r\n            }\r\n            .left{\r\n                width: 48%;\r\n                @media screen and (max-width: 900px){\r\n                    width: 100%;\r\n                }\r\n                p{\r\n                    color: rgba(16, 16, 16, 100);\r\n                    font-size: 16px;\r\n                    @media screen and (max-width: 900px){\r\n                        font-size: .14rem;\r\n                        line-height: .2rem;\r\n                    }\r\n                }\r\n            }\r\n            .right{\r\n                width: 48%;\r\n                display: flex;\r\n                justify-content: flex-end;\r\n                @media screen and (max-width: 900px){\r\n                    width: 100%;\r\n                    justify-content: center;\r\n                    margin-top: 30px;\r\n                }\r\n                .btn{\r\n                    color: rgba(136, 136, 136, 100);\r\n                    font-size: 16px;\r\n                    border: 1px solid #888;\r\n                    padding: 10px 34px;\r\n                    margin-left: 30px;\r\n                    cursor: pointer;\r\n                    &:nth-child(1){\r\n                        background: #2F509E;\r\n                        color: #fff;\r\n                        margin-left: 0px;\r\n                    }\r\n                    @media screen and (max-width: 900px){\r\n                        margin-left: 15px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .submit{\r\n        color: #fff;\r\n        background: #2F509E;\r\n        font-size: 16px;\r\n        border: none;\r\n        padding: 15px 30px;\r\n        width: 150px;\r\n        margin: 0 auto;\r\n        display: block;\r\n        margin-top: 100px;\r\n        cursor: pointer;\r\n        transition: .3s all;\r\n    }\r\n}\r\n.bottom_line{\r\n    width: 100%;\r\n    height: 2px;\r\n    margin-top: 100px;\r\n    background: #BBBBBB;\r\n}\r\n.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){\r\n    background: $content-backgroundcolor;\r\n    border-color: $content-backgroundcolor;\r\n}\r\n</style>","import { render } from \"./ContactEvaluation.vue?vue&type=template&id=15b32496&scoped=true\"\nimport script from \"./ContactEvaluation.vue?vue&type=script&lang=js\"\nexport * from \"./ContactEvaluation.vue?vue&type=script&lang=js\"\n\nimport \"./ContactEvaluation.vue?vue&type=style&index=0&id=15b32496&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-15b32496\"\n\nexport default script","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./ContactEvaluation.vue?vue&type=style&index=0&id=15b32496&lang=scss&scoped=true\""],"sourceRoot":""}