{"ast":null,"code":"export default {\n  name: \"toDoList\",\n  data() {\n    return {};\n  },\n  methods: {\n    noPass() {\n      console.log(\"不通过\");\n    },\n    pass() {\n      console.log(\"通过\");\n    }\n  }\n};","map":{"version":3,"names":["name","data","methods","noPass","console","log","pass"],"sources":["src/views/index/toDoList.vue"],"sourcesContent":["<template>\r\n  <div class=\"wrap\" >\r\n    <ul id=\"dataList\" class=\"dataList\">\r\n      <li class=\"item\" v-for=\"(item,i) in 4\" :key=\"i\">\r\n        <div class=\"left\">\r\n          <div class=\"repairName\"><span class=\"name\">维修申请</span><span class=\"carCode\">苏AB6768</span></div>\r\n          <div class=\"addressName\">苏州老张汽车修理厂</div>\r\n          <div class=\"time\">2023-05-12 12:30:30 张三</div>\r\n        </div>\r\n        <div class=\"right\">\r\n          <button class=\"nopass\" @click=\"noPass\">不通过</button>\r\n          <button class=\"pass\" @click=\"pass\">通过</button>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"toDoList\",\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n  methods:{\r\n    noPass(){\r\n      console.log(\"不通过\")\r\n    },\r\n    pass(){\r\n      console.log(\"通过\")\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@/styles/mixin.scss\";\r\n.wrap {\r\n  width: 100%;\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n  padding: 13px 13px 0 13px;\r\n  background-color: #F4F5F7;\r\n}\r\n\r\n.dataList {\r\n  padding: 0;\r\n}\r\n\r\n.item {\r\n  list-style: none;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 10px;\r\n  width: 100%;\r\n  background: #FFFFFF;\r\n  box-shadow: 0px 2px 10px 0px rgba(216, 216, 216, 0.5);\r\n  border-radius: 6px;\r\n  padding: 10px 13px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.repairName {\r\n  font-weight: 500;\r\n}\r\n\r\n.name {\r\n  font-size: 14px;\r\n  margin-right: 22px;\r\n}\r\n\r\n.carCode {\r\n  font-size: 12px;\r\n}\r\n\r\n.addressName {\r\n  margin-top: 8px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.addressName,\r\n.time {\r\n  font-size: 12px;\r\n}\r\n\r\nbutton {\r\n  padding: 2px 8px;\r\n  @include fontWeightSize(500,12px);\r\n  //font-weight: 500;\r\n  //font-size: 12px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.nopass {\r\n  background: white;\r\n  border: 1px solid #DDDDDD !important;\r\n  margin-right: 15px;\r\n}\r\n\r\n.pass {\r\n  border: none;\r\n  border: 1px solid #2A5094 !important;\r\n  background: #2A5094;\r\n  color: white;\r\n}\r\n\r\n\r\n</style>"],"mappings":"AAmBA;EACAA,IAAA;EACAC,KAAA;IACA,QAEA;EACA;EACAC,OAAA;IACAC,OAAA;MACAC,OAAA,CAAAC,GAAA;IACA;IACAC,KAAA;MACAF,OAAA,CAAAC,GAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}