|
@@ -1,28 +1,33 @@
|
|
|
<template>
|
|
|
<div class="bigBox">
|
|
|
- <div class="info">
|
|
|
- <p class="tt">基础信息</p>
|
|
|
- <div v-for="(item, index) in infoData[0]" :key="item.title">
|
|
|
- <span class="titlestyle">{{ item.value }}</span>
|
|
|
- <span class="infostyle" v-for="(val, index) in infoData[1]">{{ val[item.key] }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tableBox">
|
|
|
- <div class="top">
|
|
|
- <div class="left" v-if="tableCount[0]">
|
|
|
- <p>{{ tableCount[0].statisticTitle }}</p>
|
|
|
- <i>{{ tableCount[0].result }}</i>
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <p>是否外协</p>
|
|
|
- <el-checkbox v-model="checked"></el-checkbox>
|
|
|
+ <div class="info">
|
|
|
+ <p class="tt">基础信息</p>
|
|
|
+ <div v-for="item in infoData[0]" :key="item.title">
|
|
|
+ <span class="titlestyle">{{ item.value }}</span>
|
|
|
+ <span
|
|
|
+ class="infostyle"
|
|
|
+ v-for="(val, index) in infoData[1]"
|
|
|
+ :key="index"
|
|
|
+ >{{ val[item.key] }}</span
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- 按钮组 -->
|
|
|
- <el-button-group>
|
|
|
- <el-button v-for="item in controlBtnArr">
|
|
|
- <template>
|
|
|
- <span @click="clickHandler(item, row)"
|
|
|
+ <div class="tableBox">
|
|
|
+ <div class="top">
|
|
|
+ <div class="left" v-if="tableCount[0]">
|
|
|
+ <p>{{ tableCount[0].statisticTitle }}</p>
|
|
|
+ <i>{{ tableCount[0].result }}</i>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <p>是否外协</p>
|
|
|
+ <el-checkbox v-model="checked"></el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 按钮组 -->
|
|
|
+ <el-button-group>
|
|
|
+ <el-button v-for="(item, index) in controlBtnArr" :key="index">
|
|
|
+ <template>
|
|
|
+ <span @click="clickHandler(item, row)"
|
|
|
><svg-icon
|
|
|
v-if="item.btnIcon"
|
|
|
class="pre-icon"
|
|
@@ -30,70 +35,75 @@
|
|
|
:icon-class="item.btnIcon"
|
|
|
/>{{ item.btnName }}</span
|
|
|
>
|
|
|
- </template>
|
|
|
- </el-button>
|
|
|
- </el-button-group>
|
|
|
-
|
|
|
- <el-form ref="tableform" :model="tableDataForm">
|
|
|
- <el-table
|
|
|
- border
|
|
|
- :data="tableData[1].data"
|
|
|
- style="width: 100%; margin-bottom: 20px">
|
|
|
- <el-table-column
|
|
|
- v-for="item in tableData[0].column"
|
|
|
- v-if="item.key !== 'id'"
|
|
|
- :prop="item.key"
|
|
|
- :label="item.value"
|
|
|
- width="180">
|
|
|
- <template slot-scope="scope" >
|
|
|
- <el-input :v-if="scope.row[item.key]" v-model="scope.row[item.key]"></el-input>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
+ </el-button>
|
|
|
+ </el-button-group>
|
|
|
+
|
|
|
+ <el-form ref="tableform" :model="tableDataForm">
|
|
|
+ <el-table
|
|
|
+ border
|
|
|
+ :data="tableData[1].data"
|
|
|
+ style="width: 100%; margin-bottom: 20px"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ v-for="item in tableData[0].column"
|
|
|
+ :prop="item.key"
|
|
|
+ :label="item.value"
|
|
|
+ :key="item.value"
|
|
|
+ width="180"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-input
|
|
|
+ :v-if="scope.row[item.key]"
|
|
|
+ v-model="scope.row[item.key]"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
v-if="isShowExcuteCol"
|
|
|
label="操作"
|
|
|
align="center"
|
|
|
class-name="small-padding fixed-width"
|
|
|
>
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <Menu
|
|
|
+ :row="scope.row"
|
|
|
+ v-for="btnObj in excuteBtnArr"
|
|
|
+ :key="btnObj.id"
|
|
|
+ :listAll="btnObj"
|
|
|
+ @excuteHandler="excuteHandler"
|
|
|
+ ></Menu>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
|
|
|
- <template slot-scope="scope">
|
|
|
- <Menu
|
|
|
- :row="scope.row"
|
|
|
- v-for="btnObj in excuteBtnArr"
|
|
|
- :key="btnObj.id"
|
|
|
- :listAll="btnObj"
|
|
|
- @excuteHandler="excuteHandler"
|
|
|
- ></Menu>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- </el-table>
|
|
|
+ <div>
|
|
|
+ <b>统计信息 </b>
|
|
|
+ <span v-for="(item, index) in subCount" :key="index"
|
|
|
+ >{{ item.statisticTitle }}: {{ item.result }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
|
|
|
- <div>
|
|
|
- <b>统计信息 </b>
|
|
|
- <span v-for="item in subCount">{{ item.statisticTitle }}: {{ item.result }}</span>
|
|
|
- </div>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button class="addBtn" icon="el-icon-plus" @click="addBtnHandler"
|
|
|
+ >新增</el-button
|
|
|
+ >
|
|
|
+ <el-button
|
|
|
+ class="saveBtn"
|
|
|
+ icon="el-icon-document-checked"
|
|
|
+ @click="saveBtnHandler"
|
|
|
+ >保存</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
|
|
|
- <el-form-item>
|
|
|
- <el-button class="addBtn" icon="el-icon-plus"
|
|
|
- @click="addBtnHandler"
|
|
|
- >新增</el-button>
|
|
|
- <el-button
|
|
|
- class="saveBtn"
|
|
|
- icon="el-icon-document-checked"
|
|
|
- @click="saveBtnHandler"
|
|
|
- >保存</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
-
|
|
|
- <div>
|
|
|
+ <div></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { dragGroupTableInfo } from "@/api/relateTable/index"
|
|
|
+import { dragGroupTableInfo } from "@/api/relateTable/index";
|
|
|
import {
|
|
|
btnCommonApi,
|
|
|
delTableData,
|
|
@@ -103,25 +113,25 @@ import {
|
|
|
getInfoBySqlKey,
|
|
|
addTableData,
|
|
|
batchEdit,
|
|
|
- getStatisticList
|
|
|
+ getStatisticList,
|
|
|
} from "@/api/tablelist/commonTable";
|
|
|
-import {camelCase} from "@/utils";
|
|
|
+import { camelCase } from "@/utils";
|
|
|
import Menu from "@/views/tablelist/commonTable/BtnMenu.vue";
|
|
|
export default {
|
|
|
components: { Menu },
|
|
|
- data () {
|
|
|
- return {
|
|
|
- // 基础信息行数据
|
|
|
- infoData: [],
|
|
|
- listInfo: {},
|
|
|
- // 是否外协
|
|
|
- checked: false,
|
|
|
- tableData: [],
|
|
|
- // 动态增加表格数据
|
|
|
- editData: [],
|
|
|
- tableDataForm: {},
|
|
|
- tableLists: [],
|
|
|
- queryParams: {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // 基础信息行数据
|
|
|
+ infoData: [],
|
|
|
+ listInfo: {},
|
|
|
+ // 是否外协
|
|
|
+ checked: false,
|
|
|
+ tableData: [],
|
|
|
+ // 动态增加表格数据
|
|
|
+ editData: [],
|
|
|
+ tableDataForm: {},
|
|
|
+ tableLists: [],
|
|
|
+ queryParams: {
|
|
|
pageNum: 1, // 第几页
|
|
|
pageSize: 10, // 每页大小
|
|
|
orderByColumn: "", // 根据某列排序
|
|
@@ -138,25 +148,25 @@ export default {
|
|
|
queryCriteriaValue: "",
|
|
|
// tableCondition: ''
|
|
|
},
|
|
|
- },
|
|
|
- columns: [],
|
|
|
- // 排序方式 默认降序
|
|
|
- sortOrder: true,
|
|
|
- tableName: "",
|
|
|
- // 当前模版信息
|
|
|
- templateInfo: {},
|
|
|
- queryFromWhere:'',
|
|
|
- condition: [],
|
|
|
- // 当前点击按钮的数据
|
|
|
- currentBtnData: {},
|
|
|
- // 操作列 按钮数据
|
|
|
- excuteBtnArr: [],
|
|
|
- // 新增保存的数据
|
|
|
- addListData:[],
|
|
|
- controlBtnArr: [],
|
|
|
- }
|
|
|
- },
|
|
|
- props: ['groupKey','rowobj','tableCount','subCount', 'subTableName' ],
|
|
|
+ },
|
|
|
+ columns: [],
|
|
|
+ // 排序方式 默认降序
|
|
|
+ sortOrder: true,
|
|
|
+ tableName: "",
|
|
|
+ // 当前模版信息
|
|
|
+ templateInfo: {},
|
|
|
+ queryFromWhere: "",
|
|
|
+ condition: [],
|
|
|
+ // 当前点击按钮的数据
|
|
|
+ currentBtnData: {},
|
|
|
+ // 操作列 按钮数据
|
|
|
+ excuteBtnArr: [],
|
|
|
+ // 新增保存的数据
|
|
|
+ addListData: [],
|
|
|
+ controlBtnArr: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ props: ["groupKey", "rowobj", "tableCount", "subCount", "subTableName"],
|
|
|
computed: {
|
|
|
isShowExcuteCol() {
|
|
|
// console.log(!this.excuteBtnArr?.every((arr) => arr.children.length == 0));
|
|
@@ -166,169 +176,171 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
// 新增
|
|
|
- addBtnHandler(){
|
|
|
+ addBtnHandler() {
|
|
|
// if (this.editData == undefined) {
|
|
|
// this.editData = new Array();
|
|
|
// }
|
|
|
|
|
|
let obj = {
|
|
|
// id:'',
|
|
|
- }
|
|
|
- this.addListData.push(obj)
|
|
|
+ };
|
|
|
+ this.addListData.push(obj);
|
|
|
this.tableData[1].data.push(obj);
|
|
|
},
|
|
|
// 保存
|
|
|
- saveBtnHandler(){
|
|
|
+ saveBtnHandler() {
|
|
|
console.log(this.addListData);
|
|
|
let data = {
|
|
|
- addListMap:this.addListData,
|
|
|
- basicMap:{
|
|
|
+ addListMap: this.addListData,
|
|
|
+ basicMap: {
|
|
|
btnType: 10,
|
|
|
tableName: this.subTableName,
|
|
|
visible: true,
|
|
|
},
|
|
|
commMap: {},
|
|
|
conditionMap: {},
|
|
|
- }
|
|
|
- btnCommonApi(data).then(res => {
|
|
|
- console.log('保存', res);
|
|
|
- })
|
|
|
+ };
|
|
|
+ btnCommonApi(data).then((res) => {
|
|
|
+ console.log("保存", res);
|
|
|
+ });
|
|
|
},
|
|
|
- async getLists(groupKey){
|
|
|
- let res = await dragGroupTableInfo({queryMap: {groupKey: groupKey}})
|
|
|
- this.tableLists = JSON.parse(res.msg)
|
|
|
+ // 获取弹窗信息
|
|
|
+ async getLists(groupKey) {
|
|
|
+ let res = await dragGroupTableInfo({ queryMap: { groupKey: groupKey } });
|
|
|
+ this.tableLists = JSON.parse(res.msg);
|
|
|
// console.log(this.tableLists);
|
|
|
|
|
|
- this.tableLists.forEach(async item => {
|
|
|
- if(item.sort == 0){
|
|
|
-
|
|
|
- const res = await dragTableInfo({queryMap: {tableKey : item.tableKey }})
|
|
|
- this.getTableHandle(res,item.sort).then(result => {
|
|
|
- console.log('result:',result);
|
|
|
- this.infoData.push(result)
|
|
|
- this.$set(this.infoData)
|
|
|
- })
|
|
|
-
|
|
|
- }else if(item.sort == 1){
|
|
|
-
|
|
|
- const res = await dragTableInfo({queryMap: {tableKey : item.tableKey }})
|
|
|
+ this.tableLists.forEach(async (item) => {
|
|
|
+ if (item.sort == 0) {
|
|
|
+ const res = await dragTableInfo({
|
|
|
+ queryMap: { tableKey: item.tableKey },
|
|
|
+ });
|
|
|
+ this.getTableHandle(res, item.sort).then((result) => {
|
|
|
+ console.log("result:", result);
|
|
|
+ this.infoData.push(result);
|
|
|
+ this.$set(this.infoData);
|
|
|
+ });
|
|
|
+ } else if (item.sort == 1) {
|
|
|
+ const res = await dragTableInfo({
|
|
|
+ queryMap: { tableKey: item.tableKey },
|
|
|
+ });
|
|
|
this.excuteBtnArr = res.data.resultMap.button;
|
|
|
- this.getTableHandle(res,item.sort).then(result => {
|
|
|
+ this.getTableHandle(res, item.sort).then((result) => {
|
|
|
this.tableData.push({
|
|
|
- column: result
|
|
|
- })
|
|
|
- })
|
|
|
+ column: result,
|
|
|
+ });
|
|
|
+ });
|
|
|
// console.log(this.tableData);
|
|
|
- }else if(item.sort == 2){
|
|
|
+ } else if (item.sort == 2) {
|
|
|
+ const res = await dragTableInfo({
|
|
|
+ queryMap: { tableKey: item.tableKey },
|
|
|
+ });
|
|
|
|
|
|
- const res = await dragTableInfo({queryMap: {tableKey : item.tableKey }})
|
|
|
-
|
|
|
- console.log('butt',res.data.resultMap.button)
|
|
|
- this.controlBtnArr = res.data.resultMap.button[0]
|
|
|
- this.controlBtnArr = this.controlBtnArr.children
|
|
|
+ console.log("butt", res.data.resultMap.button);
|
|
|
+ this.controlBtnArr = res.data.resultMap.button[0];
|
|
|
+ this.controlBtnArr = this.controlBtnArr.children;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
- async getTableHandle(res,sort){
|
|
|
- this.columns = []
|
|
|
- // 得到当前模版信息 --- sql columns queryWhere
|
|
|
- this.templateInfo = res.data.resultMap;
|
|
|
-
|
|
|
- // console.log(res.data.resultMap.querySql);
|
|
|
- this.queryParams.orderByColumn =
|
|
|
- res.data.resultMap.querySql.orderByColumn;
|
|
|
+ // 获取基础信息 表头数据
|
|
|
+ async getTableHandle(res, sort) {
|
|
|
+ this.columns = [];
|
|
|
+ // 得到当前模版信息 --- sql columns queryWhere
|
|
|
+ this.templateInfo = res.data.resultMap;
|
|
|
+
|
|
|
+ // console.log(res.data.resultMap.querySql);
|
|
|
+ this.queryParams.orderByColumn =
|
|
|
+ res.data.resultMap.querySql.orderByColumn;
|
|
|
+
|
|
|
+ this.sortOrder = JSON.parse(res.data.resultMap.querySql.sortOrder);
|
|
|
+ // 根据拖拽时设置当前列表排列顺序
|
|
|
+ this.queryParams.isAsc = this.sortOrder ? "DESC" : "ASC";
|
|
|
+ this.tableName = this.templateInfo.template.dtTableName;
|
|
|
+ // 得到查询条件
|
|
|
+ this.queryFromWhere = res.data.resultMap.where;
|
|
|
|
|
|
- this.sortOrder = JSON.parse(res.data.resultMap.querySql.sortOrder);
|
|
|
- // 根据拖拽时设置当前列表排列顺序
|
|
|
- this.queryParams.isAsc = this.sortOrder ? "DESC" : "ASC"
|
|
|
- this.tableName = this.templateInfo.template.dtTableName;
|
|
|
- // 得到查询条件
|
|
|
- this.queryFromWhere = res.data.resultMap.where;
|
|
|
-
|
|
|
- // 得到当前列表信息
|
|
|
- this.columns = this.columnsHandler(
|
|
|
- JSON.parse(this.templateInfo.template.dtColumnName)
|
|
|
+ // 得到当前列表信息
|
|
|
+ this.columns = this.columnsHandler(
|
|
|
+ JSON.parse(this.templateInfo.template.dtColumnName)
|
|
|
+ );
|
|
|
+ if (this.templateInfo) {
|
|
|
+ this.tableCondition = this.templateInfo.querySql.tableCondition;
|
|
|
+ this.tableCondition = this.tableCondition.split("AND");
|
|
|
+ // console.log(this.tableCondition);
|
|
|
+ this.condition = [];
|
|
|
+
|
|
|
+ // 调用查询需要携带当前table的唯一标识
|
|
|
+ this.queryParams.queryMap.sqlkey = this.templateInfo.template.sqlKey;
|
|
|
+
|
|
|
+ this.queryParams.orderByColumn = camelCase(
|
|
|
+ this.queryParams.orderByColumn || ""
|
|
|
);
|
|
|
- if (this.templateInfo !== {}) {
|
|
|
- this.tableCondition = this.templateInfo.querySql.tableCondition
|
|
|
- this.tableCondition = this.tableCondition.split('AND')
|
|
|
- // console.log(this.tableCondition);
|
|
|
- this.condition = [];
|
|
|
-
|
|
|
- // 调用查询需要携带当前table的唯一标识
|
|
|
- this.queryParams.queryMap.sqlkey = this.templateInfo.template.sqlKey;
|
|
|
+ // 根据sql语句查询当前表数据
|
|
|
|
|
|
- this.queryParams.orderByColumn = camelCase(
|
|
|
- this.queryParams.orderByColumn || ""
|
|
|
- );
|
|
|
- // 根据sql语句查询当前表数据
|
|
|
+ let k;
|
|
|
+ this.tableCondition.forEach((item, i) => {
|
|
|
+ let val = item.split("=");
|
|
|
+ if (i !== 0) {
|
|
|
+ k = val[0].split(".");
|
|
|
+ let str = k[0].trim() + "." + k[1];
|
|
|
+ this.condition.push({
|
|
|
+ key: k[0].trim(),
|
|
|
+ value: k[1],
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- let k;
|
|
|
- this.tableCondition.forEach((item, i) => {
|
|
|
- let val = item.split('=')
|
|
|
- if(i!==0){
|
|
|
-
|
|
|
- k =val[0].split('.')
|
|
|
- let str = k[0].trim() + '.' + k[1]
|
|
|
- this.condition.push({
|
|
|
- key: k[0].trim(),
|
|
|
- value: k[1]
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
-
|
|
|
- this.getDataHandler(this.tableCondition[1]).then(res => {
|
|
|
- // console.log(res);
|
|
|
- if(sort == 0){
|
|
|
- this.infoData.push(res)
|
|
|
- // this.$set(this.infoData)
|
|
|
- }else if(sort ==1){
|
|
|
- this.tableData.push({
|
|
|
- data: res
|
|
|
- })
|
|
|
- // this.$set(this.tableData)
|
|
|
- }
|
|
|
- })
|
|
|
- // console.log('columns', this.columns);
|
|
|
- return this.columns
|
|
|
- }
|
|
|
+ this.getDataHandler(this.tableCondition[1]).then((res) => {
|
|
|
+ // console.log(res);
|
|
|
+ if (sort == 0) {
|
|
|
+ this.infoData.push(res);
|
|
|
+ // this.$set(this.infoData)
|
|
|
+ } else if (sort == 1) {
|
|
|
+ this.tableData.push({
|
|
|
+ data: res,
|
|
|
+ });
|
|
|
+ // this.$set(this.tableData)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // console.log('columns', this.columns);
|
|
|
+ return this.columns;
|
|
|
+ }
|
|
|
},
|
|
|
// 获取表数据
|
|
|
- async getDataHandler(contion){
|
|
|
- let con = contion.split('=')
|
|
|
+ async getDataHandler(contion) {
|
|
|
+ let con = contion.split("=");
|
|
|
// console.log(con);
|
|
|
- let key = con[1].trim()
|
|
|
+ let key = con[1].trim();
|
|
|
// console.log(this.rowobj);
|
|
|
// console.log(key);
|
|
|
-
|
|
|
- let value = key.split('.')
|
|
|
+
|
|
|
+ let value = key.split(".");
|
|
|
|
|
|
// console.log(value);
|
|
|
this.queryParams.queryMap[key] = "'" + this.rowobj[value[1]] + "'";
|
|
|
-
|
|
|
- let tableLists = await unionListTableData(this.queryParams)
|
|
|
+
|
|
|
+ let tableLists = await unionListTableData(this.queryParams);
|
|
|
// console.log(tableLists.rows);
|
|
|
- if(tableLists.code == 200){
|
|
|
- this.tableList = [];
|
|
|
- tableLists.rows.forEach((item) => {
|
|
|
- this.tableList.push(item.resultMap);
|
|
|
- });
|
|
|
-
|
|
|
- // 驼峰转换
|
|
|
- this.tableList = this.tableList.map((item) => {
|
|
|
- let kv = {};
|
|
|
- for (let itemKey in item) {
|
|
|
- kv[camelCase(itemKey)] = item[itemKey];
|
|
|
- }
|
|
|
- return kv;
|
|
|
- })
|
|
|
- // console.log(this.tableList);
|
|
|
- // console.log('123', this.tableList);
|
|
|
- return this.tableList
|
|
|
+ if (tableLists.code == 200) {
|
|
|
+ this.tableList = [];
|
|
|
+ tableLists.rows.forEach((item) => {
|
|
|
+ this.tableList.push(item.resultMap);
|
|
|
+ });
|
|
|
|
|
|
+ // 驼峰转换
|
|
|
+ this.tableList = this.tableList.map((item) => {
|
|
|
+ let kv = {};
|
|
|
+ for (let itemKey in item) {
|
|
|
+ kv[camelCase(itemKey)] = item[itemKey];
|
|
|
+ }
|
|
|
+ return kv;
|
|
|
+ });
|
|
|
+ // console.log(this.tableList);
|
|
|
+ // console.log('123', this.tableList);
|
|
|
+ return this.tableList;
|
|
|
}
|
|
|
// this.total = tableLists.total;
|
|
|
- // this.loading = false;
|
|
|
+ // this.loading = false;
|
|
|
},
|
|
|
// 处理列表信息
|
|
|
columnsHandler(columns) {
|
|
@@ -343,8 +355,8 @@ export default {
|
|
|
});
|
|
|
return resArr;
|
|
|
},
|
|
|
- // 操作列回调
|
|
|
- excuteHandler(btnData, row) {
|
|
|
+ // 操作列回调
|
|
|
+ excuteHandler(btnData, row) {
|
|
|
let { btnType, btnParams } = btnData;
|
|
|
this.currentBtnData = btnData;
|
|
|
switch (
|
|
@@ -375,7 +387,7 @@ export default {
|
|
|
window.open("http://" + link, "_blank");
|
|
|
}
|
|
|
},
|
|
|
- handleDelete(row, btnData){
|
|
|
+ handleDelete(row, btnData) {
|
|
|
// console.log(row, btnData);
|
|
|
// if(row.id){
|
|
|
// this.editData.forEach((item ,index) => {
|
|
@@ -388,116 +400,109 @@ export default {
|
|
|
// }
|
|
|
},
|
|
|
// 修改
|
|
|
- handleUpdate(row, btnData){
|
|
|
+ handleUpdate(row, btnData) {
|
|
|
console.log(row);
|
|
|
-
|
|
|
},
|
|
|
// 按钮组点击
|
|
|
- clickHandler(item, row){},
|
|
|
+ clickHandler(item, row) {},
|
|
|
},
|
|
|
mounted() {
|
|
|
// this.getLists()
|
|
|
},
|
|
|
-}
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
-
|
|
|
- .bigBox{
|
|
|
- margin: auto;
|
|
|
- display: flex;
|
|
|
- ::v-deep .info[data-v-32a636fc]{
|
|
|
- min-width: 200px !important;
|
|
|
- }
|
|
|
- .info{
|
|
|
- margin-right: 60px;
|
|
|
- .tt{
|
|
|
+.bigBox {
|
|
|
+ margin: auto;
|
|
|
+ display: flex;
|
|
|
+ ::v-deep .info[data-v-32a636fc] {
|
|
|
+ min-width: 200px !important;
|
|
|
+ }
|
|
|
+ .info {
|
|
|
+ margin-right: 60px;
|
|
|
+ .tt {
|
|
|
font-size: 18px;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
- span{
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- .titlestyle{
|
|
|
- background-color: #34bfa3;
|
|
|
- /* width: 50px; */
|
|
|
- display: inline-block;
|
|
|
- /* height: 25px; */
|
|
|
- line-height: 1;
|
|
|
- padding: 5px;
|
|
|
- margin-bottom: 20px;
|
|
|
- margin-right: 5px;
|
|
|
- text-align: center;
|
|
|
- color: white;
|
|
|
- border-radius: 20px;
|
|
|
- }
|
|
|
- .infostyle{
|
|
|
- background-color: #ebedf2;
|
|
|
- color: #e84e95;
|
|
|
- }
|
|
|
+ span {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ .titlestyle {
|
|
|
+ background-color: #34bfa3;
|
|
|
+ /* width: 50px; */
|
|
|
+ display: inline-block;
|
|
|
+ /* height: 25px; */
|
|
|
+ line-height: 1;
|
|
|
+ padding: 5px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-right: 5px;
|
|
|
+ text-align: center;
|
|
|
+ color: white;
|
|
|
+ border-radius: 20px;
|
|
|
}
|
|
|
+ .infostyle {
|
|
|
+ background-color: #ebedf2;
|
|
|
+ color: #e84e95;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .tableBox{
|
|
|
- .svg-icon[data-v-c8a70580]{
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- min-width: 300px;
|
|
|
- .addTable{
|
|
|
- margin: 0px 0px 20px 0px
|
|
|
- }
|
|
|
- .titleitem{
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- margin-top: 20px;
|
|
|
+ .tableBox {
|
|
|
+ .svg-icon[data-v-c8a70580] {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+ min-width: 300px;
|
|
|
+ .addTable {
|
|
|
+ margin: 0px 0px 20px 0px;
|
|
|
+ }
|
|
|
+ .titleitem {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 20px;
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ .addBtn {
|
|
|
+ background-color: #0275d8;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ .saveBtn {
|
|
|
+ background-color: #34bfa3;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ .top {
|
|
|
+ padding: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #53b0f8;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-around;
|
|
|
+ color: white;
|
|
|
+ flex: 1;
|
|
|
+ /* width: 90%; */
|
|
|
+ }
|
|
|
+ .el-button-group {
|
|
|
+ width: 100%;
|
|
|
+ margin: 10px;
|
|
|
+ background-color: white;
|
|
|
+
|
|
|
+ .el-button:first-child {
|
|
|
+ color: blue;
|
|
|
+ border: 1px solid blue;
|
|
|
}
|
|
|
- .addBtn{
|
|
|
- background-color: #0275d8;
|
|
|
- color: white;
|
|
|
+ .el-button:nth-child(2) {
|
|
|
+ color: palevioletred;
|
|
|
+ border: 1px solid palevioletred;
|
|
|
}
|
|
|
- .saveBtn{
|
|
|
- background-color: #34bfa3;
|
|
|
- color: white;
|
|
|
+ .el-button:nth-child(3) {
|
|
|
+ color: green;
|
|
|
+ border: 1px solid green;
|
|
|
}
|
|
|
- .top{
|
|
|
- padding: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #53b0f8;
|
|
|
- display: flex;
|
|
|
- justify-content: space-around;
|
|
|
- color: white;
|
|
|
- flex: 1;
|
|
|
- /* width: 90%; */
|
|
|
-
|
|
|
+ .el-button:last-child {
|
|
|
+ color: burlywood;
|
|
|
+ border: 1px solid burlywood;
|
|
|
}
|
|
|
- .el-button-group{
|
|
|
- width: 100%;
|
|
|
- margin: 10px;
|
|
|
- background-color: white;
|
|
|
-
|
|
|
- .el-button:first-child{
|
|
|
- color: blue;
|
|
|
- border: 1px solid blue;
|
|
|
- }
|
|
|
- .el-button:nth-child(2){
|
|
|
- color: palevioletred;
|
|
|
- border: 1px solid palevioletred;
|
|
|
- }
|
|
|
- .el-button:nth-child(3){
|
|
|
- color:green;
|
|
|
- border: 1px solid green;
|
|
|
- }
|
|
|
- .el-button:last-child{
|
|
|
- color:burlywood;
|
|
|
- border: 1px solid burlywood;
|
|
|
- }
|
|
|
- .custom{
|
|
|
- width: 120px;
|
|
|
-
|
|
|
- }
|
|
|
+ .custom {
|
|
|
+ width: 120px;
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
}
|
|
|
+}
|
|
|
</style>
|