Skip to content

F
founder_vue
Commit 9e0ef7c0 by 刘玉帅
Options

xq

parent 0376a02a
Showing with 153 additions and 126 deletions
src/components/table.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:51:38
* @LastEditTime: 2021-09-01 16:22:36
* @LastEditTime: 2021-09-01 17:17:02
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\components\table.vue
......@@ -47,6 +47,7 @@
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
sortable:true
>
</el-table-column>
<el-table-column label="操作" width="auto" v-if="btnShow">
......
src/views/rwgl/mptj.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-09-01 16:04:34
* @Date: 2021-08-28 19:36:38
* @LastEditTime: 2021-09-01 17:10:20
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rymp.vue
* @FilePath: \founder_vue\src\views\rwgl\rwthcl.vue
-->
<template>
<div class="rymplb">
<div class="rwthcl">
<div class="batch">
<el-button type="primary" @click="batchSubmit" plain>批量操作 </el-button>
<el-button type="text" size="mini" @click="handSerchShow()"
>{{ MoreisSearch ? "收起" : "批量操作 " }}
<el-button type="primary" @click="batchSubmit" plain>批量操作</el-button>
<el-button type="text" size="mini" @click="handSerchShow()">{{ MoreisSearch ? "收起" : "更多操作 " }}
<i v-if="!MoreisSearch" class="el-icon-arrow-up el-icon--right"></i>
<i v-else class="el-icon-arrow-down el-icon--right"></i>
<i v-if="!MoreisSearch" class="el-icon-arrow-down el-icon--right"></i>
<i v-else class="el-icon-arrow-up el-icon--right"></i>
</el-button>
</div>
<transition name="slide-fade">
<transition name="slide-fade">
<div class="More" v-if="MoreisSearch">
<el-button size="mini">未知操作1</el-button>
<el-button size="mini">未知操作2</el-button>
<el-button size="mini">未知操作3</el-button>
<el-button type="primary" size="mini">未知操作1</el-button>
<el-button type="primary" size="mini">未知操作2</el-button>
<el-button type="primary" size="mini">未知操作3</el-button>
</div>
</transition>
<Table
:cxDefaultFormThead="cxDefaultFormThead"
:tableData="tableData"
:btnShow="btnShow"
@init="handInit(arguments)"
>
<Table :cxDefaultFormThead="cxDefaultFormThead" :tableData="tableData" :btnShow="btnShow" @init="handInit(arguments)">
</Table>
</div>
</template>
<script>
import Table from "@/components/Table.vue";
import { get, postJson } from "@/utils/http.js";
export default {
components: {
Table,
},
data() {
data () {
return {
MoreisSearch: false,
form: {
......@@ -99,43 +92,41 @@ export default {
};
},
methods: {
handSerchShow(type) {
this.MoreisSearch = !this.MoreisSearch;
handSerchShow (type) {
this.MoreisSearch = !this.MoreisSearch;
},
resetForm(formName) {
resetForm (formName) {
this.$refs[formName].resetFields();
console.log("重置按钮");
},
batchSubmit(){},
batchSubmit () { },
/**
* @description: 父组件传值
* @param {*} msg
* @return {*}
*/
handInit(msg) {
handInit (msg) {
console.log("父组件", msg[0], msg[1]);
if (msg[1] == "xq") {
//临时跳转的页面
this.$router.push({ path: "rymplb", query: { plan: "123" } });
}else if(msg[1]=='fk'){
this.$router.push({ path: "rympfk", query: { plan: "123" } });
} else if (msg[1] == 'fk') {
this.$router.push({ path: "rympfk", query: { plan: "123" } });
}
},
},
mounted() {
// get(`jsonData/tympinfo.json`).then((data) => {
// console.log(data);
// this.tableData = data.info
// })
},
};
}
</script>
<style lang="scss" scoped>
.rymplb /deep/ {
.rwthcl /deep/ {
.More {
padding-left: 24px;
margin-bottom: 10px;
}
.el-form--inline .el-form-item {
// margin-left:-10px ;
transform: translateX(-10px);
......@@ -212,4 +203,4 @@ export default {
}
}
}
</style>
</style>
\ No newline at end of file
src/views/rwgl/rwglindex.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-09-01 15:57:48
* @LastEditTime: 2021-09-01 16:24:39
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
......@@ -46,7 +46,7 @@
</template>
<script>
import Table from "../../components/Table.vue";
import Table from "@/components/Table.vue";
export default {
components: {
Table,
......
src/views/rwgl/rympfk.vue
<!--
* @Author: your name
* @Date: 2021-09-01 09:45:29
* @LastEditTime: 2021-09-01 16:04:13
* @LastEditTime: 2021-09-01 17:08:21
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rympfk.vue
......@@ -13,6 +13,7 @@
</div>
<div class="settable">
<el-table
height="120px"
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
......@@ -80,6 +81,7 @@
:inline="true"
label-position="top"
size="mini"
class="ryform"
>
<div>
<el-form-item label="人员来源:" class="col">
......@@ -121,30 +123,38 @@
</el-select>
</el-form-item>
<div class="data">
<el-form-item label="活动时间" class="col">
<el-date-picker
type="date"
placeholder="选择日期"
v-model="sizeForm.date1"
style="width: 100%"
ref="data"
value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker>
</el-form-item>
<el-form-item label="活动时间" class="col">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="sizeForm.date1"
style="width: 100%"
ref="data"
value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker>
</el-form-item>
</div>
<div class="textarea">
<el-form-item label="备注" prop="desc">
<el-input
type="textarea"
v-model="sizeForm.textarea"
placeholder="请填写备注"
></el-input>
</el-form-item>
</div>
</div>
</el-form>
</div>
<div class="btn">
<el-button size="mini" @click="handClick('clear')">取消</el-button>
<el-button size="mini" type="primary" @click="handClick('ok')">提交</el-button>
</div>
</div>
</template>
<script>
import Table from "../../components/Table.vue";
export default {
components: {
Table,
},
data() {
return {
sizeForm: {
......@@ -158,6 +168,7 @@ export default {
desc: "",
glff: "",
dsj: "",
textarea: "",
},
tableLoading: false, //loading
key: "1",
......@@ -283,6 +294,9 @@ export default {
};
},
methods: {
handClick(type){
console.log(this.sizeForm);
},
/**
* @description: 取消
* @param {*}
......@@ -300,25 +314,21 @@ export default {
console.log("提交");
},
},
mounted(){
mounted() {
// document.getElementsByClassName('el-input__icon')[0].className += ' el-icon-date'; //在原来的后面加这个
},
updated(){
console.log(document.getElementsByClassName('el-input__icon')[4])
console.log(document.getElementsByClassName('el-input__inner')[4].value)
var data = document.getElementsByClassName('el-input__inner')[4].value
if(data){
}else{
console.log('001');
document.getElementsByClassName('el-input__icon')[4].className = 'el-icon-time'
updated() {
if (this.$refs.data.value) {
var data = document.getElementsByClassName("el-input__inner")[4].value;
if (data) {
} else {
console.log("001");
document.getElementsByClassName("el-input__icon")[4].className =
"el-icon-time";
}
// console.log(this.$refs.data.value);
}
}
// console.log(this.$refs.data.value);
},
};
</script>
<style lang="scss" scoped>
......@@ -326,60 +336,68 @@ export default {
position: absolute;
width: 98%;
padding: 0 24px 0 24px;
max-height: 200px;
overflow: auto;
}
.rympform /deep/{
padding-left:25px ;
padding-top: 6px;
.el-input__inner{
width: 280px;
height: 32px;
.rympform /deep/ {
padding-left: 25px;
padding-top: 6px;
padding-right: 23px;
position: relative;
.ryform {
border-bottom: 1px solid #eeeeee;
}
top: 120px;
.el-input__inner {
width: 280px;
height: 32px;
}
.textarea {
.el-textarea__inner {
width: 677px;
height: 64px;
}
}
}
.twoform /deep/{
.el-input__prefix{
display: none;
.twoform /deep/ {
.el-input__prefix {
display: none;
}
.el-input--prefix .el-input__inner {
padding-left: 15px;
}
.data {
display: inline-block;
.el-input__icon::after {
position: absolute;
right: 20px;
content: "";
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
background: olivedrab;
}
.el-input--prefix .el-input__inner{
padding-left: 15px;
.el-input__icon::after:hover {
display: none;
}
.data{
display: inline-block;
.el-input__icon::after{
position: absolute;
right: 20px;
content: '';
height: 100%;
width: 0;
display: inline-block;
vertical-align: middle;
background: olivedrab;
}
.el-input__icon::after:hover{
display: none;
}
.el-input__prefix, .el-input__suffix{
position: absolute;
top: 2px;
// right: 2px;
}
.el-icon-time{
width: 25px;
}
.el-input__prefix,
.el-input__suffix {
position: absolute;
top: 2px;
// right: 2px;
}
.el-icon-time {
width: 25px;
}
}
}
.col{
margin-right: 7.472%;
.col {
margin-right: 7.472%;
}
.ryfk {
position: relative;
top: 200px;
}
.rympform {
position: relative;
top: 200px;
top: 120px;
}
.dinfo {
height: 62px;
// background: chocolate;
......@@ -399,5 +417,21 @@ export default {
padding-bottom: 15px;
}
}
.btn {
margin-top: 20px;
padding-right: 24px;
position: relative;
top: 120px;
display: flex;
justify-content: flex-end;
.el-button+.el-button{
margin-left: 24px;
}
.el-button{
width: 72px;
}
.el-button--mini, .el-button--mini.is-round {
padding: 9px 15px;
}
}
</style>
src/views/rwgl/rymplb.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-09-01 15:57:50
* @LastEditTime: 2021-09-01 16:33:26
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rymp.vue
......@@ -88,7 +88,7 @@
</template>
<script>
import Table from "../../components/Table.vue";
import Table from "@/components/Table.vue";
import { get, postJson } from "@/utils/http.js";
export default {
components: {
......@@ -107,13 +107,13 @@ export default {
},
cxDefaultFormThead: [
{
label: "人员姓名",
label: "姓名",
prop: "ryxm",
width: "auto",
},
{
label: "位置",
prop: "jkdmc",
label: "身份证号",
prop: "sfzh",
width: "auto",
},
{
......
src/views/rwgl/sdxfrw.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:34:24
* @LastEditTime: 2021-09-01 15:57:57
* @LastEditTime: 2021-09-01 16:24:58
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\sdxfrw.vue
......@@ -26,7 +26,7 @@
</div>
</template>
<script>
import Table from "../../components/Table.vue";
import Table from "@/components/Table.vue";
export default {
components: {
Table,
......
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