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