Browse Source

局部优化

old
wangqing 5 years ago
parent
commit
408b27f958
  1. 1
      src/assets/styles/form/home.scss
  2. 2
      src/views/account/login.vue
  3. 21
      src/views/form/ProjectForm.vue
  4. 11
      src/views/form/publish.vue
  5. 45
      src/views/project/MyProject.vue

1
src/assets/styles/form/home.scss

@ -260,7 +260,6 @@ $lighterBlue: #4aa0fa;
.form-name-text { .form-name-text {
padding: 6px 10px; padding: 6px 10px;
border: 1px dashed transparent; border: 1px dashed transparent;
width: 80%;
line-height: 30px; line-height: 30px;
margin: 0; margin: 0;
} }

2
src/views/account/login.vue

@ -86,7 +86,7 @@
</el-link> </el-link>
</el-col> </el-col>
<el-col :span="6" :offset="1"> <el-col :span="6" :offset="1">
<el-link :underline="false" type="primary" class="protocol-tip"> <el-link :underline="false" type="primary" class="protocol-tip" @click="toForgetPwdHandle">
忘记密码 忘记密码
</el-link> </el-link>
</el-col> </el-col>

21
src/views/form/ProjectForm.vue

@ -12,19 +12,12 @@
:src="projectTheme.headImgUrl" :src="projectTheme.headImgUrl"
style="width: 100%" style="width: 100%"
fit="scale-down"></el-image> fit="scale-down"></el-image>
<el-row v-if="projectTheme.showTitle" type="flex" justify="center" align="middle"> <h4 class="form-name-text" v-if="projectTheme.showTitle" style="text-align: center">
<el-col style="text-align: center"> {{ formConf.title }}
<h4 class="form-name-text"> </h4>
{{ formConf.title }}</h4> <p class="form-name-text" v-if="projectTheme.showDescribe" style="text-align: center">
</el-col> {{ formConf.description }}
</el-row> </p>
<el-row v-if="projectTheme.showDescribe" type="flex" justify="center" align="middle">
<el-col style="text-align: center">
<p class="form-name-text">
{{ formConf.description }}
</p>
</el-col>
</el-row>
<el-divider> <el-divider>
</el-divider> </el-divider>
<parser v-if="formConf.fields.length" :form-conf="formConf" @submit="submitForm"/> <parser v-if="formConf.fields.length" :form-conf="formConf" @submit="submitForm"/>
@ -96,7 +89,7 @@ export default {
if (this.projectConfig && this.projectConfig.projectKey) { if (this.projectConfig && this.projectConfig.projectKey) {
this.projectKey = this.projectConfig.projectKey this.projectKey = this.projectConfig.projectKey
// this.formConf.formBtns = this.projectConfig.showBtns // this.formConf.formBtns = this.projectConfig.showBtns
// ifreme // iframe
} else if (this.$route.query.key) { } else if (this.$route.query.key) {
this.projectKey = this.$route.query.key this.projectKey = this.$route.query.key
this.formConf.formBtns = true this.formConf.formBtns = true

11
src/views/form/publish.vue

@ -30,7 +30,10 @@
</el-button> </el-button>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-button type="warning">查看反馈</el-button> <el-button
@click="toFeedbackPageHandle"
type="warning">查看反馈
</el-button>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
@ -55,6 +58,7 @@
<script> <script>
import VueQr from 'vue-qr' import VueQr from 'vue-qr'
import {getCurrentDomain} from '@/utils'
export default { export default {
name: 'projectPublish', name: 'projectPublish',
@ -113,6 +117,11 @@ export default {
uInt8Array[i] = raw.charCodeAt(i) uInt8Array[i] = raw.charCodeAt(i)
} }
return new Blob([uInt8Array], {type: contentType}) return new Blob([uInt8Array], {type: contentType})
},
toFeedbackPageHandle() {
let currentDomain = getCurrentDomain()
let url = `${currentDomain}/project/form?key=${this.projectKey}&active=5`
window.location.href = url
} }
} }

45
src/views/project/MyProject.vue

@ -1,5 +1,11 @@
<template> <template>
<div class="my-project-container"> <div class="my-project-container">
<div class="back-view">
<el-button size="mini" round @click="$router.back(-1)">
<i class="el-icon-arrow-left" />
返回
</el-button>
</div>
<div class="filter-view"> <div class="filter-view">
<div> <div>
<span @click="switchDataShowTypeHandle('gird')"> <span @click="switchDataShowTypeHandle('gird')">
@ -48,7 +54,11 @@
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item label="项目状态"> <el-form-item label="项目状态">
<el-radio-group v-model="queryParams.status" size="small" @change="queryProjectPage"> <el-radio-group v-model="queryParams.status" size="small" @change="()=>{
this.queryParams.current=0
this.queryProjectPage()
}"
>
<el-radio-button v-for="status in projectStatusList" :key="status.code" :label="status.code"> <el-radio-button v-for="status in projectStatusList" :key="status.code" :label="status.code">
{{ status.name }} {{ status.name }}
</el-radio-button> </el-radio-button>
@ -81,10 +91,17 @@
> >
<p class="project-grid-view-time">创建时间2020/12/8</p> <p class="project-grid-view-time">创建时间2020/12/8</p>
<div class="gird-operating-btns"> <div class="gird-operating-btns">
<el-button type="text" @click="toEditHandle(p.key)"> <el-button type="text" @click="toProjectHandle(p.key,1)">
<i class="el-icon-edit" /> <i class="el-icon-edit" />
编辑 编辑
</el-button> </el-button>
<el-button
v-if="p.status!=1"
type="text" @click="toProjectHandle(p.key,5)"
>
<i class="el-icon-data-analysis" />
统计
</el-button>
</div> </div>
</div> </div>
</div> </div>
@ -142,10 +159,18 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-link type="primary" <el-link type="primary"
style="margin: 2px;" style="margin: 2px;"
@click="toEditHandle(scope.row.key)" @click="toProjectHandle(scope.row.key,1)"
> >
编辑 编辑
</el-link> </el-link>
<el-link
v-if="scope.row.status!=1"
type="success"
style="margin: 2px;"
@click="toProjectHandle(scope.row.key,5)"
>
统计
</el-link>
<el-link type="danger" style="margin: 2px;"> <el-link type="danger" style="margin: 2px;">
删除 删除
</el-link> </el-link>
@ -210,8 +235,8 @@ export default {
switchDataShowTypeHandle(type) { switchDataShowTypeHandle(type) {
this.dataShowType = type this.dataShowType = type
}, },
toEditHandle(key) { toProjectHandle(key, type) {
this.$router.push({path: '/project/form', query: {key: key, active: 1}}) this.$router.push({path: '/project/form', query: {key: key, active: type}})
}, },
queryProjectPage() { queryProjectPage() {
this.$api.get('/user/project/page', { this.$api.get('/user/project/page', {
@ -231,13 +256,19 @@ export default {
.my-project-container { .my-project-container {
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
align-content: center; align-content: center;
justify-content: center; }
.back-view {
display: flex;
width: 80%;
align-content: flex-start;
margin: 10px;
} }
.filter-view { .filter-view {
margin-top: 40px; margin-top: 20px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }

Loading…
Cancel
Save