|
@@ -30,6 +30,8 @@
|
|
|
<!-- 表格 -->
|
|
|
<template>
|
|
|
<el-table
|
|
|
+ v-loading="loading"
|
|
|
+ element-loading-text="拼命加载中"
|
|
|
:data="tableData"
|
|
|
class="lbg_color2"
|
|
|
@row-click="rowclinck"
|
|
@@ -40,17 +42,35 @@
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="date"
|
|
|
+ prop="updateTime"
|
|
|
label="最近编辑时间"
|
|
|
>
|
|
|
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="address"
|
|
|
+ prop="remark"
|
|
|
label="描述">
|
|
|
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="isshare"
|
|
|
+ label="是否公开">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span slot="content">{{
|
|
|
+ scope.row.isshare == '0'?"公有":"私有"
|
|
|
+
|
|
|
+ }}</span>
|
|
|
+ </template>
|
|
|
+
|
|
|
+
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <div class="pagination">
|
|
|
+ <Pagination
|
|
|
+ :pagination-config="paginationConfig"
|
|
|
+ @putPagination="getPagination"
|
|
|
+ ></Pagination>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
<!-- 、新建文件 -->
|
|
|
<el-dialog
|
|
@@ -59,22 +79,31 @@
|
|
|
width="30%"
|
|
|
>
|
|
|
<el-form>
|
|
|
- <el-form-item>
|
|
|
- <span class="sblock">项目类型</span>
|
|
|
- <el-radio v-model="project.fileType" label="binary"
|
|
|
- >公开</el-radio
|
|
|
- >
|
|
|
- <el-radio v-model="project.fileType" label="ascii">私有</el-radio>
|
|
|
+ <el-form-item label="项目名称:" :label-width="formLabelWidth5">
|
|
|
+ <!-- <span class="sblock">项目类型</span> -->
|
|
|
+ <el-radio v-model="newobj.isshare" label="0"
|
|
|
+ >公开</el-radio
|
|
|
+ >
|
|
|
+ <el-radio v-model="newobj.isshare" label="1">私有</el-radio>
|
|
|
</el-form-item>
|
|
|
-
|
|
|
- <div class="disflex">
|
|
|
+ <el-form-item label="项目名称:" :label-width="formLabelWidth5">
|
|
|
+ <el-input v-model="newobj.name" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="项目描述:" :label-width="formLabelWidth5">
|
|
|
+ <el-input v-model="newobj.remark" autocomplete="off"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <div class="disflex">
|
|
|
<span class="sblock">项目名称:</span>
|
|
|
<el-input class="inpwidth" v-model="project.name"></el-input>
|
|
|
</div>
|
|
|
+ <div class="disflex">
|
|
|
+ <span class="sblock">项目名称:</span>
|
|
|
+ <el-input class="inpwidth" v-model="project.name"></el-input>
|
|
|
+ </div> -->
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
|
|
- <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
|
|
+ <el-button type="primary" @click="dialogVisible = false;newsave()">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
|
|
@@ -82,11 +111,24 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-
|
|
|
+import Pagination from '@/components/Pagination'
|
|
|
+import { request, getImage } from '@/utils/request'
|
|
|
export default {
|
|
|
name: 'Project',
|
|
|
+ components: {
|
|
|
+ Pagination
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
+ loading: false, // 是显示加载
|
|
|
+ paginationConfig: {
|
|
|
+ hideSinglePage: false,
|
|
|
+ page: 1,
|
|
|
+ size: 15,
|
|
|
+ sizeList: [10, 15, 30, 50],
|
|
|
+ layout: 'total, sizes, prev, pager, next, jumper',
|
|
|
+ total: 0,
|
|
|
+ },
|
|
|
options:[{
|
|
|
value: '0',
|
|
|
label: '搜索项目'
|
|
@@ -95,21 +137,38 @@ export default {
|
|
|
label: '搜索标签'
|
|
|
}
|
|
|
],
|
|
|
+ newobj:{
|
|
|
+ name:'',
|
|
|
+ remark:'',
|
|
|
+ image:'',
|
|
|
+ isshare:0,
|
|
|
+
|
|
|
+ }, // 新建项目参数
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ formLabelWidth: '60px',
|
|
|
+ formLabelWidth2:'73px',
|
|
|
+ formLabelWidth4:'37px',
|
|
|
+ formLabelWidth5:'100px',
|
|
|
+ formLabelWidth6:'120px',
|
|
|
value:'0',
|
|
|
input:'',
|
|
|
- tableData: [{
|
|
|
- date: '2022-05-02',
|
|
|
- name: '封顶圆柱壳',
|
|
|
- address: '案例1'
|
|
|
- }, {
|
|
|
- date: '2016-05-04',
|
|
|
- name: '气缸盖二次接触接头热/结构分析综述 ',
|
|
|
- address: '案例2'
|
|
|
- }, {
|
|
|
- date: '2019-11-01',
|
|
|
- name: 'RBE3(通用刚体连杆)',
|
|
|
- address: '案例3'
|
|
|
- }],
|
|
|
+ tableData: [
|
|
|
+ // {
|
|
|
+ // date: '2022-05-02',
|
|
|
+ // name: '封顶圆柱壳',
|
|
|
+ // address: '案例1'
|
|
|
+ // }, {
|
|
|
+ // date: '2016-05-04',
|
|
|
+ // name: '气缸盖二次接触接头热/结构分析综述 ',
|
|
|
+ // address: '案例2'
|
|
|
+ // }, {
|
|
|
+ // date: '2019-11-01',
|
|
|
+ // name: 'RBE3(通用刚体连杆)',
|
|
|
+ // address: '案例3'
|
|
|
+ // }
|
|
|
+ ],
|
|
|
dialogVisible: false,
|
|
|
project:{
|
|
|
fileType:"公开",
|
|
@@ -119,11 +178,65 @@ export default {
|
|
|
},
|
|
|
created() {
|
|
|
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+this.init();
|
|
|
},
|
|
|
methods: {
|
|
|
- rowclinck(){
|
|
|
- this.$router.push({path:'/index',query:{setid:123456}});
|
|
|
- }
|
|
|
+ init(){
|
|
|
+ this.projectlist();
|
|
|
+
|
|
|
+ },
|
|
|
+ // 分页查询
|
|
|
+ getPagination(data) {
|
|
|
+ this.paginationConfig = data;
|
|
|
+ this.projectlist();
|
|
|
+
|
|
|
+ },
|
|
|
+ projectlist(){//列表加载
|
|
|
+ const loading = this.$loading({
|
|
|
+ lock: true,
|
|
|
+ text: 'Loading',
|
|
|
+ spinner: 'el-icon-loading',
|
|
|
+ background: 'rgba(0, 0, 0, 0.7)',
|
|
|
+ })
|
|
|
+ setTimeout(() => {
|
|
|
+ const params = {
|
|
|
+ transCode: 'C00001',
|
|
|
+ page: this.paginationConfig.page,
|
|
|
+ count: this.paginationConfig.size,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ loading.close()
|
|
|
+ this.paginationConfig.total = res.total
|
|
|
+ this.tableData=res.rows;
|
|
|
+ console.log(this.tableData)
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ loading.close()
|
|
|
+ })
|
|
|
+ }, 1500)
|
|
|
+ },
|
|
|
+ rowclinck(row, column, event){
|
|
|
+ console.log(row)
|
|
|
+ this.$router.push({path:'/index',query:{pid:row.id}});
|
|
|
+ },
|
|
|
+ newsave(){ //新建项目
|
|
|
+ const params = {
|
|
|
+ transCode: 'C00002',
|
|
|
+ name: this.newobj.name,
|
|
|
+ remark: this.newobj.remark,
|
|
|
+ isshare: this.newobj.isshare,
|
|
|
+ }
|
|
|
+ request(params)
|
|
|
+ .then((res) => {
|
|
|
+ this.projectlist();
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -192,6 +305,9 @@ position:relative;
|
|
|
border-radius: 0;
|
|
|
border: none;
|
|
|
}
|
|
|
+.pagination{
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
|
|
|
</style>
|
|
|
|