Commit a3f1b22a by LiuZuwang

yyds

parent 202c9ddb
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# question
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
This source diff could not be displayed because it is too large. You can view the blob instead.
{
"name": "question",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},
"dependencies": {
"axios": "^0.21.1",
"core-js": "^3.6.5",
"element-ui": "^2.15.4",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
"vuex": "^3.4.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"vue-template-compiler": "^2.6.11"
}
}
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
<template>
<div>
<router-view>
</router-view>
</div>
</template>
<style lang="scss">
html,body{
height: 100%!important;
}
body{
background-color: #f7f7f7;
}
*{
margin: 0;
padding:0;
list-style:none;
outline:none;
text-decoration: none;
}
.flex{
display:flex;
}
.j-c{
justify-content:center;
}
.j-s{
justify-content:space-between;
}
.a-c{
align-items:center;
}
</style>
/*数据请求的唯一入口*/
//import axios from './http';
import index from './index';
export default{
index
}
\ No newline at end of file
import axios from 'axios';
import qs from 'qs';
axios.defaults.baseURL = "http://127.0.0.1:3000";
//axios.defaults.timeout = 10000;
//axios.defaults.withCredentials = true;
/*
TOKEN 校验
请求拦截
*/
//axios.defaults.headers['content-Type']='application/json';
//axios.defaults.headers['content-Type']='application/x-www-form-urlencoded';
axios.interceptors.request.use((config)=>{
let token = localStorage.getItem('token');
token&&(config.headers.Authorization=token);
return config;//返回配置项
},err=>{
return config;
});
//客户端发送请求=>[请求拦截器]=>服务器
//响应拦截器
axios.interceptors.response.use(response=>{
return response.data;
},err=>{
let{response}=err;
if(response){
switch(response.status){
case 401:
break;
case 403:
break;//token过期
case 404:
break;//找不到页面
}
}
else{
if(!window.navigator.onLine){
return ;
}
return Promise.reject(err);
}
})
export default axios;
\ No newline at end of file
import axios from './http'
function getallCatagory(){
var url = "";
return axios.get(url);
}
function SearchCatagory(aid)
{
var url = "catagory"+"\\"+aid;
return axios.get(url);
}
function SearchcQuestion(aid,aic){
var url = "catagory"+"/"+aid+`/`+aic;
console.log(url)
return axios.get(url);
//return url;
}
function SearchQuestion(aid,aic,aib)
{
var url ="catagory/"+aid+"\\"+aic+"\\"+aib;
// console.log(url);
return axios.get(url);
}
export default{
getallCatagory,
SearchCatagory,
SearchcQuestion,
SearchQuestion
}
\ No newline at end of file
console.log('\\'+1);
var a = "11";
var b ="11";
var c =11;
console.log(a==b);
console.log(a==c);
\ No newline at end of file
<template>
<keep-alive>
<div class="sort">
<span @click="gogo()">
hahahaha
</span>
<ul v-for="(item,index1) in frClass" :key="index1">
{{item.catagory_name}}
<li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(item.catagory_id,itemson.catagory_id)">{{itemson.catagory_name}}</li>
<li><a> 更多</a></li>
</ul>
</div>
</keep-alive>
</template>
<script>
export default {
name:'Ctable',
data(){
return{
frClass:[],
// frClass:[
// {
// class_name:'财经类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'资格类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'计算机',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'财经类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'招录类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// },
// {
// class_name:'医学类',
// secClass:[
// "会计初级","注册税务师","会计中级","注册会计师","统计师"
// ]
// }
// ]
}
},
created(){
var m = this.$api.index.getallCatagory();
let that =this;
m.then(ok=>{
that.frClass = ok;
})
console.log(m);
// this.frClass = m;
//console.log(m);
},
methods:{
gogo(){
console.log(this.frClass)
},
seeQuestion(aid,cid){
this.$router.push({path:`/catagory/${aid}/${cid}`})
}
}
}
</script>
<style scoped>
.sort ul{
list-style-type: none;
text-align: center;
text-align:left;
margin-left: 40px;
margin-top: 20px;
}
.sort ,.sort li:last-child{
border: none;
margin-right: 10px;
padding: 8px 0px 8px 0px;
background-color: #ffffff;
color: black;
}
.sort li:first-child{
margin-left:30px;
}
.sort li .router-link-exact-active:hover{
color: #ffffff;
}
.sort li{
display: inline-block;
text-align: center;
width: 100px;
/* margin-left: 10px;
margin-right: 10px; */
border: 1px solid #e2e3f6;
/*边框合并*/
margin-right: 26px;
/* margin:0 30px 0 10px; */
position: relative;
z-index: 0;
padding: 8px 12px 8px 12px;
}
li:hover{ background-color:#484dc3;
color:#ffffff;
cursor:pointer;}
.sort{
/* width: 1104px;
height: 504px;
background-color: #ffffff;
margin: 260px 200px 120px 350px; */
background-color:#ffffff;
margin: 20px auto;
padding: 15px 10px 15px 10px;
width: 1000px;
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 21px;
letter-spacing: 0px;
color: #333333;
}
.router-link-exact-active{
text-decoration: none;
color: #333333;
}
a{
text-decoration: none;
color: black;
}
a:hover{
color: #ffffff;
}
</style>
\ No newline at end of file
<template>
<div class="search">
<h1 class="home-center">
云芯问答库
</h1>
<a class="search_text">考研资料·注册会计师·研究生考试·会计初级·职称英语·论文撰写</a>
<search-bar class="search_center"></search-bar>
</div>
</template>
<script>
import searchBar from './search-bar.vue'
export default {
name:'daohang',
components: { searchBar },
}
</script>
<style>
.home-center{
width:1020px;
margin:0 auto;
}
/* input{
width: 600px;
height: 38px;
background-color: #ffffff;
border: solid 1px #484dc33d;
margin: 30px 100px 0px 100px;
float: left;
}
input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
} */
/* .el-select .el-input {
width: 130px;
}
.input-with-select .el-input-group__prepend {
background-color: #fff;
}
button{
width: 120px;
height: 48px;
background-color: #484dc3;
margin: 0px 50px 50px 50px;
float: left;
}
button:focus{
width: 28px;
height: 19px;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #ffffff;
}*/
.search_center{
width:816px;
margin:64px auto 64px;
}
h1{
width: 242px;
height: 64px;
font-family: 江城正君体;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
line-height: 64px;
letter-spacing: 1px;
color: #484dc3;
margin: 50px 600px 0px 420px;
}
.search_text{
width: 384px;
height: 19px;
display: inline-block;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #333333;
text-align: center;
}
.search{
padding: 0 100px 0 100px;
text-align: center;
}
</style>
\ No newline at end of file
<template>
<div>
<div class="search_wrap" >
<el-input placeholder="请输入内容" v-model="input" class="input-with-select">
<el-select v-model="select" slot="prepend" placeholder="全部分类">
<el-option label="财经类" value="1" ></el-option>
<el-option label="资格类" value="2"></el-option>
<el-option label="计算机类" value="3"></el-option>
<el-option label="招录类" value="4"></el-option>
<el-option label="学历类" value="5"></el-option>
<el-option label="医学类" value="6"></el-option>
</el-select>
<el-button slot="append" icon="el-icon-search">搜索</el-button>
</el-input>
</div>
</div>
</template>
<script>
export default {
data() {
return {
input: '',
select: ''
}
},
methods:{
gog0(id1,id2)
{
this.$router.push(`catagory/${id1}/${id2}`)
}
}
}
</script>
<style long='scss'>
.search_wrap{
width: 816px;
}
.el-select{
width: 120px!important;
}
/* .el-select .el-input {
width: 130px;
} */
.input-with-select .el-input-group__prepend {
background-color: #fff;
}
.el-input-group__append{
background-color:#484dc3;
}
.el-input-group__append button.el-button{
color:#fff;
}
</style>
\ No newline at end of file
<template>
<div class="main">
<el-menu
:default-active="activeIndex2"
class="el-menu-demo"
mode="horizontal"
@select="handleSelect"
background-color="#484dc3"
text-color="#f7f7f7"
active-text-color="#fff">
<el-menu-item index="1"><p @click="gogo()">返回首页</p></el-menu-item>
<el-menu-item index="2" ><p @click="gogo(2)">财经类</p></el-menu-item>
<el-menu-item index="3" ><p @click="gogo(11)">资格类</p></el-menu-item>
<el-menu-item index="4" ><p @click="gogo(12)">计算机类</p></el-menu-item>
<el-menu-item index="5" ><p @click="gogo(13)">招录类</p></el-menu-item>
<el-menu-item index="6" ><p @click="gogo(14)">学历类</p></el-menu-item>
<el-menu-item index="7"><p @click="gogo(15)">医学类</p></el-menu-item>
<el-menu-item index="9" >其他类</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
activeIndex: '1',
activeIndex2: '1'
};
},
methods: {
// handleSelect(key, keyPath) {
// console.log(key, keyPath);
// }
gogo(id){
//router.go(0)
if(id==null)
this.$router.push("/");
else if(id==17)
this.$router.push(`/catagory/${id}/${16}`);
else
this.$router.push(`/catagory/${id}/${17}`);
}
},
watch: {
  '$route': function (to, from) {
// 我这里还是用了Vuex,不过应该不影响理解
this.$store.dispatch('updateActiveTemplateId', this.$route.params.templateId)
// 通过更新Vuex中的store的数据,让数据发生变化
this.getTemplateById()
  }
},
}
</script>
<style long='scss' scoped>
/* .main /deep/ .el-menu-demo {
width: 100%!important;
height: 10px!important;
} */
.main{
width: 1200px;
margin: 0 auto;
}
ul,li{
height: 49px!important;
line-height: 49px!important;
}
</style>
\ No newline at end of file
import Vue from 'vue'
import App from './App.vue'
//导入路由
import router from './router'
//导入状态管理
import store from './store'
import api from './api/api';
//导入插件
//imoprt './plugin'
//注册element-ui组件
//import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
//组件库只有被执行后才能注册
Vue.config.productionTip = false
Vue.prototype.$api = api;
var c =new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
import Vue from 'vue'
import VueRouter from 'vue-router'
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
Vue.use(VueRouter)
//路由信息数组
const routes = [
//登录页
{
path:'/detials',
component:()=>import('../views/details.vue'),
// children:[
// path:'/'
// ]
},
{
path:'/question',
component:()=>import('../views/question.vue')
},
{
path:'/',
component:()=>import('../views/Home.vue')
},
// {
// path:'/catagory/:aid',
// component:()=>import("../views/question.vue")
// },
{
path:'/catagory/:aid/:cid',
component:()=>import("../views/question.vue")
},
{
path:'/catagory/:aid/:cid/:bid',
component:()=>import("../views/details.vue")
}
]
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
export default router
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
state: {
},
mutations: {
},
actions: {
},
modules: {
}
})
<template>
<div class="homes">
<div class="home-center">
<div class="header01">欢迎使用云芯知识检索平台</div>
<div class="header02" @click="go()">已收录:1234条问答</div>
</div>
<daohang></daohang>
<test-1></test-1>
<div class="bottom0 home-center">Copyright © 2021 山西云芯新一代信息技术研究院</div>
</div>
</template>
<script>
import Daohang from '../components/daohang.vue'
import Table from '../components/Ctable.vue'
// @ is an alias to /src
export default {
name: 'Home',
components:
{
'test1':Table,
'daohang':Daohang,
},
data(){
return {
catagory:""
}
},
async created(){
//this.catagory=await this.$api.index.getallCatagory();
},
methods:{
async go(){
// this.catagory= await this.$api.index.getallCatagory();
console.log(1);
//console.log(this.catagory);
}
}
}
</script>
<style scoped>
.home-center{
width:1020px;
margin:0 auto;
}
.header01{
width: 168px;
height: 19px;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #333333;
float: left;
}
.header02{
height: 100px;
font-family: Source Han Sans CN;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 19px;
letter-spacing: 0px;
color: #333333;
padding: 0 0 0 850px;
}
.homes{
/* background-color: #f7f7f7; */
margin-top: 0%;
/* float: left; */
overflow: hidden;
padding: 10px 150px 70px 150px;
background-size:100% 100%;
background-attachment:fixed;
}
.bottom0{
font-family: Source Han Sans CN;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
line-height: 16px;
letter-spacing: 0px;
color: #999999;
text-align: center;
}
</style>
\ No newline at end of file
<template>
<div class="main">
<div class="login">
<el-form
size="mini"
:model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label="账号" prop="loginId">
<el-input v-model="ruleForm.loginId" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="密码" prop="loginPwd">
<el-input type="password" v-model="ruleForm.loginPwd" autocomplete="off"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">登录</el-button>
<el-button @click="resetForm('ruleForm')">取消</el-button>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
data() {
//验证账号的方法
var validateloginId = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入账号'));
}
};
//验证密码的方法
var validateloginPwd = (rule, value, callback) => {
if (value === '') {
callback(new Error('请输入密码'));
}
};
return {
//表单数据
ruleForm: {
//登录名
loginId: '',
//登录密码
loginPwd: '',
},
rules: {
//验证账号
loginId: [
{ validator: validateloginId, trigger: 'blur' }
],
//验证密码
loginPwd: [
{ validator: validateloginPwd, trigger: 'blur' }
],
}
};
},
methods: {
//表单提交方法
submitForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
alert('submit!');
} else {
console.log('error submit!!');
return false;
}
});
},
//表单提交方法
resetForm(formName) {
this.$refs[formName].resetFields();
}
}
}
</script>
<style scoped long='scss'>
.main{
display: flex;
justify-content: center;
align-items: center;
height:100vh;
}
.login{
width:460px;
height:220px;
border:1px solid #ccc;
}
</style>
\ No newline at end of file
<template>
<div class="background">
<div class="header center" >
<div class="title">云芯问答库</div>
<search-bar class="search"></search-bar>
<div style="clear:both"></div>
</div>
<div class="sort-bar">
<sort-bar></sort-bar>
</div>
<div class="little-nav center">
位置:财经类>会计初级>答案详情
</div>
<div class="container center">
<div class="left-tab">
<p class="tab-text">问题</p>
<div class="question-text">
<!-- <p>[单选] 某商场采用售价金额核算法对库存商品进行核算。本月月初库存商品进价成本总额40万元,
售价总额55万元;本月购进商品进价成本总额50万元,售价总额65万元;本月销售商品售价总额90万元。
则期末结存商品的成本为( )万元。
</p> -->
<p>
[单选] {{question[0].question_Title}}
</p>
<ul class="ans" v-for="(items,index1) in check" :key="index1">
<!-- {{index1+1}}.{{items.bx_Oontent}} -->
<span v-if="index1==0">
A
</span>
<span v-else-if="index1==1">
B
</span>
<span v-else-if="index1==2">
C
</span>
<span v-else-if="index1==3">
D
</span>
<span v-else-if="index1==4">
E
</span>.{{items.bx_Oontent}}
</ul>
</div>
<!-- <hr width="%10" align="center" color="pink"> -->
<div class="line"></div>
<div class="tab-text">答案&解析</div>
<ul class="ans" v-for="(items,index1) in check" :key="index1">
<div v-if="checkequal[index1]==1">
<p class="real-ans">
<span v-if="index1==0">
A
</span>
<span v-else-if="index1==1">
B
</span>
<span v-else-if="index1==2">
C
</span>
<span v-else-if="index1==3">
D
</span>
<span v-else-if="index1==4">
E
</span>.{{items.bx_Oontent}}
<!-- {{index1+1}}.{{items.bx_Oontent}} -->
</p>
</div>
<!-- {{checkequal[index1]}} -->
<!-- {{index1}}.{{items.bx_Oontent}} -->
</ul>
<!-- <p class="real-ans">A. 67.5</p> -->
<div class="analysis">
<p class>参考解析:</p>
<!-- <p>
有关计算如下:
商品进销差价率=[(55-40)+(65-50)]/(55+65)×100%=25%
本期销售商品应分摊的商品进销差价=90×25%=22.5(万元)
本期销售商品的成本=90-22.5=67.5(万元)
期末结存商品的成本=40+50-67.5=22.5(万元) -->
<!-- </p> -->
<p>
{{question[0].analysis}}
</p>
</div>
<div class="line"></div>
<div class="tab-text">相关问题</div>
<ul v-for="(item,index1) in liste" :key="index1">
<!-- -->
<div class="related-ask">
<p class="related-ask-text">
[单选] {{item.question_Title}}
</p>
<div class="massage">
<p class="include-time">收录于:2021-07-22 17:36</p>
<p class="chack-ans" @click="goto(item.question_id)">查看答案</p>
<router-link :to="{path:item.question_id}">查看答案</router-link>
</div>
<!-- <span class="nav-fr-2"></span> -->
</div>
<div class="line2"></div>
<!-- -->
<!-- <li><a> 更多</a></li> -->
</ul>
<!-- <div class="related-ask">
<p class="related-ask-text">
[单选] 按照原始凭证的格式不同,收料单属于( )。
</p>
<div class="massage">
<p class="include-time">收录于:2021-07-22 17:36</p>
<p class="chack-ans">查看答案</p>
</div>
</div> -->
<!-- <div class="line2"></div>
<div class="related-ask">
<p class="related-ask-text">
[单选] 按照原始凭证的格式不同,收料单属于( )。
</p>
<div class="massage">
<p class="include-time">收录于:2021-07-22 17:36</p>
<p class="chack-ans">查看答案</p>
</div>
</div> -->
<!-- <div class="line2"></div> -->
<!-- <div class="related-ask">
<p class="related-ask-text">
[单选] 某商场采用售价金额核算法对库存商品进行核算。
本月月初库存商品进价成本总额40万元,售价总额55万元;
本月购进商品进价成本总额50万元,售价总额65万元;
本月销售商品售价总额90万元。则期末结存商品的成本为( )万元。
</p>
<p class="related-ask-text">
{{question}}
{{question.answer}}
</p>
<div class="massage">
<p class="include-time">收录于:2021-07-22 17:36</p>
<p class="chack-ans">查看答案</p>
</div>
</div> -->
<!-- <div class="line2"></div> -->
</div>
<div class="right-tab">
<div class="rightTop-tab">
<div class="related-title">
<div class="little-block"></div>
<div class="related-title-text">相关分类</div>
</div>
<div class="line"></div>
<div class="related-list">
<ul class="left-list">
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
</ul>
<ul class="right-list">
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
</ul>
</div>
</div>
<div class="rightFoot-tab">
<div class="related-title">
<div class="little-block"></div>
<div class="related-title-text">相关分类</div>
</div>
<div class="line"></div>
<div class="related-list">
<ul >
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
<li class="list-text">会计初级</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import SearchBar from '../components/search-bar.vue'
import SortBar from '../components/sort-bar.vue'
export default {
name: 'SortBar',
components: {
'sort-bar':SortBar,
SearchBar
},
data(){
return{
question:[],
check:[],
checkequal:[],
aBCDE:'',
liste:[],
aid:'',
bid:'',
cid:''
}
},
created(){
var aid = this.$route.params.aid;
this.aid = aid;
var cid = this.$route.params.cid;
this.cid = cid;
var bid = this.$route.params.bid;
var a = this.$api.index.SearchQuestion(aid,cid,bid);
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]);
m.then(ok=>{
this.liste = ok
})
a.then(ok=>{
this.question = ok.question;
this.check = ok.check;
this.checkequal = ok.question[0].answer.split(",");
})
// this.question=a;
console.log(this.question);//create里面为什么没有出现异步问题
},
methods:{
goto(bid){
this.bid = bid;
var a = this.$api.index.SearchQuestion(this.aid,this.cid,this.bid);
var m = this.$api.index.SearchcQuestion(this.aid,this.cid);
//console.log(this.question[0]);
m.then(ok=>{
this.liste = ok
})
a.then(ok=>{
this.question = ok.question;
this.check = ok.check;
this.checkequal = ok.question[0].answer.split(",");
})
}
}
}
</script>
<style scoped long='scss'>
.background{
background-color: #f7f7f7;
}
.center{
width: 1200px;
margin: 0 auto;
}
.title{
width: 200px;
height: 53px;
font-family: 江城正君体;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
line-height: 53px;
letter-spacing: 0px;
color: #484dc3;
display: inline-block;
}
.search{
float: right;
height: 48px;
}
.sort-bar{
margin-top:48px;
background-color: #484dc3;
}
.header{
padding-top:48px;
height: 53px;
line-height: 53px;
}
.little-nav{
font-size:14px;
font-family: Source Han Sans CN;
height: 48px;
line-height:48px;
}
.container{
height:1068px;
display:flex;
flex-wrap: wrap;
justify-content: flex-start;
background-color:#f7f7f7 ;
}
.left-tab{
width:792px;
height:1008px;
margin-right:24px;
background-color: #fff;
}
.right-tab{
width:288px;
height:600px;
background-color: #f7f7f7;
}
.rightTop-tab{
width:288px;
height:288px;
margin-bottom: 24px;
background-color: #fff;
}
.rightFoot-tab{
width:288px;
height:288px;
background-color: #fff;
}
.tab-text{
/* width:28px; */
height:18px;
font-size: 14px;
color: #484dc3;
margin:22px 0px 22px 24px;
}
.question-text{
width:744px;
margin:0px 24px 55px 24px;
font-size:16px;
}
.line{
border:1px solid rgba(72, 77, 195, 0.12);
margin:0px 24px;
}
.real-ans{
margin:0px 24px 22px 24px;
font-size:16px;
}
.analysis{
font-size:16px;
margin:0px 24px 19px 24px;
}
.related-ask{
width:744px;
margin:0px 24px;
}
.related-ask-text{
font-size:16px;
margin:0px 0px 16px 0px;
}
.include-time{
font-size:12px;
color: #999999;
display:inline-block;
margin:0px 540px 0px 0px;
}
.chack-ans{
font-size: 12px;
color:#484dc3;
display: inline-block;
}
.massage{
height:16px;
line-height: 16px;
margin:19px 0px 22px 0px;
}
.line2{
border:1px dashed rgba(72, 72, 195, 0.12);
margin:0px 24px 24px 24px;
}
.related-title{
height:20px;
width:100px;
padding:19px 208px 18px 0px;
}
.little-block{
height:12px;
width:4px;
background-color: #484dc3;
display:inline-block;
margin:0px 24px 0px 0px;
}
.related-title-text{
font-size: 14px;
color: #484dc3;
display:inline-block
}
.related-list{
width:240px;
margin:17px 24px 0px 24px;
}
.left-list{
float:left;
}
.right-list{
float:right;
margin-right: 60px;
}
.list-text{
margin-bottom: 15px;
font-size: 14px;
color:#333333;
}
</style>
\ No newline at end of file
<template>
<div class="da"><div class="header">
<div class="header center" >
<div class="title">云芯问答库</div>
<search-bar class="search"></search-bar>
<div style="clear:both"></div>
</div>
<div class="sort-bar">
<sort-bar ></sort-bar>
</div>
<div class="header01">
<div class="links-1128">
<div class="liarbry"><h6>位置:{{title1[0].catagory_name}} > {{title2[0].catagory_name}}(1234条)</h6></div>
<div class="white">
<!-- 第一个方框文字 -->
<div class="one">
<h5 class="single">[单选] 按照原始凭证的格式不同,收料单属于( )。</h5>
<div class="answer">
<h4 class="answer-01">收录于:2021-07-2217:36</h4>
<h4 class="answer-02"><a href="">查看答案</a></h4>
</div>
<div class="line"></div>
<!-- <span class="nav-fr"></span> -->
</div>
<div class="one01">
<h5 class="single01">[单选] 某商场采用售价金额核算法对库存商品进行核算。本月月初库存商品进价成本总额40万元,售价总额55万元;本月购进商品进价成本总额50万元,售价总额65万元;本月销售商品售价总额90万元。则期末结存商品的成本为( )万元。</h5>
<div class="answer10">
<h4 class="answer-011">收录于:2021-07-22 17:36</h4>
<h4 class="answer-022"><a href="">查看答案</a></h4>
</div>
<div class="line"></div>
<!-- <span class="nav-fr-1"></span> -->
</div>
<div class="one02">
<h5 class="single010">[单选] 关于明细分类账的登记方法,下列表述错误的是( )。</h5>
<div class="answer100">
<h4 class="answer-0111">收录于:2021-07-22 17:36</h4>
<h4 class="answer-0222"><a href="">查看答案</a></h4>
</div>
<div class="line"></div>
<!-- <span class="nav-fr-2"></span> -->
</div>
<!-- <ul v-for="(item,index1) in frClass" :key="index1">
{{item.catagory_name}}
<li v-for="(itemson,index2) in item.que_list" :key="index2" @click="seeQuestion(itemson.catagory_id)">{{itemson.catagory_name}}</li>
<li><a> 更多</a></li>
</ul> -->
<div>
<ul v-for="(item,index1) in question" :key="index1">
<!-- -->
<div class="one02">
<h5 class="single010">[单选] {{item.question_Title}} </h5>
<div class="answer100">
<h4 class="answer-0111">收录于:2021-07-22 17:36</h4>
<h4 class="answer-0222"><a @click="question_Detail(aid,cid,item.question_id)" >查看答案</a></h4>
</div>
<div class="line"></div>
<!-- <span class="nav-fr-2"></span> -->
</div>
<!-- -->
<!-- <li><a> 更多</a></li> -->
</ul>
</div>
<div class="white01">
<div class="vioiet">
<div class="vioiet01">
</div>
</div>
<div class="words positionJudge">
<h4>相关分类</h4>
</div>
<div class="solid"></div>
<div class="accounting">
<ul>
<li><a href="">会计初级</a></li>
<li><a href="">会计初级</a></li>
<li><a href="">会计初级</a></li>
<li><a href="">会计初级</a></li>
</ul>
</div>
<div class="accounting01">
<ul>
<li><a href="">注册税务师</a></li>
<li><a href="">注册税务师</a></li>
<li><a href="">注册税务师</a></li>
</ul>
</div>
</div>
<div class="white03">
<div class="vioiet02">
<div class="vioiet03">
</div>
</div>
<div class="words01">
<h5>相关分类</h5>
</div>
<div class="solid01"></div>
<div class="accounting02">
<ul>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
<li><a href="">《第三章我国房屋基本制度题库》</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import SearchBar from '../components/search-bar.vue'
import SortBar from '../components/sort-bar.vue'
export default {
name:"quesiton",
components: {
SearchBar,
SortBar
},
data(){
return {
question:[],
aid:"",
cid:"",
title1:"",
title2:""
}
},
created(){
// console.log(this.$route.params.aid);
// console.log(this.$route.params.cid)
this.aid = this.$route.params.aid;
this.cid = this.$route.params.cid;
//console.log(this.question.params);
var m2 = this.$api.index.SearchCatagory(this.aid)
var m3 = this.$api.index.SearchCatagory(this.cid)
m2.then(ok=>{
this.title1=ok;
})
m3.then(ok=>{
this.title2 = ok;
})
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]);
m.then(ok=>{
this.question = ok
})
console.log(m);
},
methods:{
question_Detail(aid,cid,bid){
this.$router.push(`/catagory/${aid}/${cid}/${bid}`);
this.aid = this.$route.params.aid;
this.cid = this.$route.params.cid;
//console.log(this.question.params);
var m2 = this.$api.index.SearchCatagory(this.aid)
var m3 = this.$api.index.SearchCatagory(this.cid)
m2.then(ok=>{
this.title1=ok;
})
m3.then(ok=>{
this.title2 = ok;
})
var m = this.$api.index.SearchcQuestion(this.$route.params.aid,this.$route.params.cid);
//console.log(this.question[0]);
m.then(ok=>{
this.question = ok
})
console.log(m);
}
}
}
</script>
<style scoped long='scss'>
.sort-bar{
margin-top:48px;
background-color: #484dc3;
padding-left: 408px;
padding-right: 408px;
}
.line{
border: 1px solid rgba(72, 77, 195, 0.12);
margin: 54px 27px;
}
.center{
width: 1200px;
margin: 0 auto;
}
.title{
width: 200px;
height: 53px;
font-family: 江城正君体;
font-size: 40px;
font-weight: normal;
font-stretch: normal;
line-height: 53px;
letter-spacing: 0px;
color: #484dc3;
display: inline-block;
}
.search{
float: right;
height: 48px;
}
.sort-bar{
margin-top:48px;
background-color: #484dc3;
}
.header{
padding-top:30px;
padding-bottom:30px;
height: 26px;
line-height: 24px;
}
.search{
float: right;
height: 48px;
}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer {
margin: 0;
padding: 0
}
a {
text-decoration: none;
}
body {
font-size: 14px;
font-family: Source Han Serif CN;
-webkit-text-size-adjust: none;
}
h1,h5,h6 {
font-size: 100%;
margin: 0;
}
form {
display: inline
}
ul,ol {
list-style: none
}
img {
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,select,textarea {
font-size: 100%;
vertical-align: middle;
outline: none;
}
textarea {
resize: none
}
button,input[type="button"],input[type="reset"],input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button
}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {
color: transparent
}
button::-moz-focus-inner,input::-moz-focus-inner {
padding: 0;
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
.fl {
float: left;
}
.fr {
float: right;
}
.hide {
display: none;
}
.show {
display: block;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.break {
word-break: break-all;
word-wrap: break-word
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
content: "\200B";
display: block;
height: 0;
clear: both;
}
header,footer,article,section,menu,hgroup {
display: block;
clear: all;
}
/* 常用宽度 */
.links-1128 {
width: 1128px;
margin: 0 auto;
position: relative;
}
.mt-24 {
margin-top: 24px;
}
.mt-80 {
margin-top: 80px;
}
.mt-10 {
margin-top: 10px;
}
*{
padding: 0;
margin: 0;
}
.da{
width: 100%;
height: 1080px;
background-color: #f7f7f7;
position: relative;
}
.da .header .box{
position: absolute;
top: 48px;
left: 496px;
}
.da .box h3{
width: 200px;
height: 53px;
font-family: 江城正君体;
color: #484dc3;
font-size: 40px;
font-weight: normal;
padding-top: 44px;
padding-left: 30px;
display: inline-block;
}
.header h2{
width: 200px;
height: 53px;
font-size: 40px;
font-weight: normal;
font-family: 江城正君体;
padding-top: 44px;
color: #484DC3;
margin: 0 auto;
}
.lins-wrap{
width: 100%;
height: 48px;
background-color: #484dc3;
margin-top: 47px;
}
.links-1128 .nav-fr{
line-height: 48px;
}
.links-1128 .nav-fr li{
float: left;
}
.links-1128 .nav-fr li a{
width: 64px;
height: 16px;
font-size: 16px;
margin: 0 24px;
color: #ffffff;
}
.links-1128 .nav-fr li a:hover{
background-color: #999999;
}
/* 导航已结束 */
/* 中间小文字 */
.links-1128 .word{
position: absolute;
top: 20px;
}
.links-1128 .liarbry{
width: 250px;
height: 14px;
padding-left: 24px;
color: #333333;
font-size: 14px;
font-family: Source Han Sans CN;
position: absolute;
top: 17px;
}
/* 下方三大块 */
.links-1128 .white{
width: 792px;
height: 768px;
position: absolute;
/* top: 96px; */
top:60px;
left: 24px;
background-color: #ffffff;
padding-left: 24px;
}
.links-1128 .white .one{
width: 744px;
height: 72px;
padding-left: 24px;
margin-top: 24px;
overflow: hidden;
}
.links-1128 .white .one .single{
width: 390px;
height: 17px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer{
position: relative;
}
.links-1128 .white .answer h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer .answer-01{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer .answer-02{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one .nav-fr{
border: 4px dashed #000;
float: left;
overflow: hidden;
position: absolute;
top: 254px;
left: 48px;
width: 744px;
}
.links-1128 .white .one01{
width: 744px;
height: 126px;
padding-left: 24px;
margin-top: 30px;
overflow: hidden;
}
.links-1128 .white .one01 .single01{
width: 744px;
height: 70px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer10{
position: relative;
}
.links-1128 .white .answer10 h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer10 .answer-011{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer10 .answer-022{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one01 .nav-fr-1{
border: 1px dashed #000;
width: 744px;
float: left;
overflow: hidden;
position: absolute;
top: 254px;
left: 48px;
}
.links-1128 .white .one02{
width: 744px;
height: 126px;
padding-left: 24px;
margin-top: 30px;
overflow: hidden;
}
.links-1128 .white .one02 .single010{
width: 455px;
height: 17px;
font-size: 16px;
font-family: Source Han Sans CN;
color: #333333;
font-weight: normal;
}
.links-1128 .white .answer100{
position: relative;
}
.links-1128 .white .answer100 h4{
float: left;
padding-top: 19px;
}
.links-1128 .white .answer100 .answer-0111{
width: 180px;
height: 12px;
font-family: Source Han Sans CN;
color: #999999;
font-weight: normal;
font-size: 12px;
}
.links-1128 .white .answer100 .answer-0222{
position: absolute;
left: 698px;
width: 48px;
height: 12px;
color: #484dc3;
font-size: 12px;
font-family: Source Han Sans CN;
}
.links-1128 .white .one02 .nav-fr-2{
border: 1px dashed #000;
width: 744px;
float: left;
overflow: hidden;
position: absolute;
top: 361px;
left: 48px;
}
.links-1128{
position: relative;
}
.links-1128 .white01{
/* width: 288px; */
width: 288px;
height: 288px;
background-color: #ffffff;
position: absolute;
left: 840px;
top: 0px;
float: left;
}
.links-1128 .white01 .accounting{
width: 60px;
height: 150px;
padding-top: 8px;
padding-left: 30px;
display: inline-block;
}
.links-1128 .white01 .accounting li{
margin: 10px 0px;
float: right;
}
.links-1128 .white01 .accounting a{
width: 56px;
height: 14px;
font-family: Source Han Sans CN;
color: #333333;
font-size: 14px;
font-weight: normal;
}
.links-1128 .white01 .accounting a:hover{
background-color: blue;
}
.links-1128 .white01 .accounting01{
width: 70px;
height: 150px;
display: inline-block;
padding-left: 80px;
}
.links-1128 .white01 .accounting01 li{
margin: 10px 0px;
float: left;
}
.links-1128 .white01 .accounting01 li a{
width: 70px;
height: 14px;
font-family: Source Han Sans CN;
color: #333333;
font-size: 14px;
font-weight: normal;
}
.links-1128 .white01 .accounting01 li a:hover {
background-color: bisque;
}
.links-1128 .white01 .vioiet .vioiet01 {
width: 4px;
height: 14px;
background-color: #484DC3;
margin-top: 24px;
float: left;
}
.links-1128 .white01 .words h4{
padding-left: 20px;
padding-top: 5px;
width: 56px;
height: 14px;
font-size: 14px;
font-family: Source Han Sans CN;
}
.positionJudge{
padding-top:15px;
}
.links-1128 .white01 .solid{
width: 240px;
height: 1px;
background-color: #000000;
margin: 0 auto;
margin-top: 15px;
opacity: 0.1;
}
.white03{
width: 288px;
height: 288px;
background-color: #ffffff;
position: absolute;
left: 840px;
top: 312px;
float: left;
}
.links-1128 .white03 .vioiet02 .vioiet03 {
width: 4px;
height: 14px;
background-color: #484DC3;
margin-top: 24px;
float: left;
}
.links-1128 .white03 .words01 h5{
padding-left: 20px;
padding-top: 21px;
width: 56px;
height: 14px;
font-size: 14px;
font-family: Source Han Sans CN;
}
.links-1128 .white03 .solid01{
width: 240px;
height: 1px;
background-color: #000000;
margin: 0 auto;
margin-top: 15px;
opacity: 0.1;
}
.links-1128 .white03 .accounting02 ul{
margin: 20px 24px;
}
.links-1128 .white03 .accounting02 ul li{
padding: 6px 0px;
}
.links-1128 .white03 .accounting02 ul li a{
font-family: Source Han Sans CN;
font-size: 14px;
color: #333333;
}
.links-1128 .white03 .accounting02 ul li a:hover{
background-color: #FFE4C4;
}
</style>
\ No newline at end of file
......@@ -5,9 +5,9 @@ function getallQuestion(){
return axios.get(url);
}
function addQuestion(aid)
function addQuestion()
{
var url = "question_admin"+"\\"+aid;
var url = "question_admin"+"\\"+add; //"//"与"\"意义相同
return axios.get(url);
}
function SearchcQuestion(aid,aic){
......@@ -24,7 +24,7 @@ function SearchQuestion(aid,aic,aib)
}
export default{
getallQuestion,
addQuestion,
SearchcQuestion,
SearchQuestion
}
......@@ -276,13 +276,8 @@
console.log(ok[tt].length)
console.log(aaaa+"lalalalal");
}
})
},
methods: {
open() {
this.$alert('这是一段内容', '问题创建', {
......
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