捷安菜后台样式

src/assets/css/main.css

@@ -22,7 +22,7 @@ a {
 
 
 .content-box {
-    min-width: 1200px;
+    min-width: 1400px;
     /* width:1670px; */
     position: absolute;
     left: 250px;

src/components/common/Sidebar.vue

@@ -23,7 +23,7 @@
                                 :index="subItem.index"
                                 :key="subItem.index"
                             >
-                                <template slot="title">{{ subItem.label }}</template>
+                                <template slot="title" >{{ subItem.label }}</template>
                                 <el-menu-item
                                     v-for="(threeItem,i) in subItem.children"
                                     :key="i"
@@ -34,6 +34,7 @@
                                 v-else
                                 :index="subItem.index"
                                 :key="subItem.index"
+                                style="font-size:12px"
                             >{{ subItem.label }}</el-menu-item>
                         </template>
                     </el-submenu>

src/components/nopageTable.vue

@@ -68,10 +68,6 @@ export default {
       type: Boolean,
       default: false    
     },
-    labelWidth: {
-      type: String,
-      default: '100px'
-    },
     size: {
       type: String,
       default: 'medium'
@@ -126,11 +122,14 @@ export default {
   data() {
     return {
       objInput: {},
-      ceshi: {}
+      ceshi: {},
+      labelWidth:""
     }
   },
   created() {
     if (this.checklist.length > 0) {
+             let length =Number(this.checklist[0].title.length) ;
+        this.labelWidth=length*25+""
       const obj = {}
       this.checklist.forEach((item) => {
         obj[item.model] = ''

src/components/queryTable.vue

 <template>
     <div class="data-table">
         <!--面包 -->
-    <el-breadcrumb v-if="breads.length>0" separator="/" style="margin-bottom:30px">
-      <el-breadcrumb-item v-for="(item,index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
+        <el-breadcrumb v-if="breads.length > 0" separator="/" style="margin-bottom: 30px">
+            <el-breadcrumb-item v-for="(item, index) in breads" :key="index">{{ item }}</el-breadcrumb-item>
         </el-breadcrumb>
         <!--条件查询  -->
         <el-form ref="checkData" :size="size" :label-width="labelWidth" :model="objInput" inline>
-      <el-form-item v-for="(item,index) in checklist" :label="item.title" :key="index" :prop="item.model">
+            <el-form-item v-for="(item, index) in checklist" :label="item.title" :key="index" :prop="item.model">
                 <!-- 输入框 -->
-        <el-input v-if="item.type==='input'" v-model.trim="objInput[item.model]" :size="size" :style="{width: item.width}" :disabled="item.disabled" placeholder="请输入" clearable maxlength="30"></el-input>
+                <el-input
+                    v-if="item.type === 'input'"
+                    v-model.trim="objInput[item.model]"
+                    :size="size"
+                    :style="{ width: item.width }"
+                    :disabled="item.disabled"
+                    placeholder="请输入"
+                    clearable
+                    maxlength="30"
+                ></el-input>
                 <!-- 下拉框 -->
-        <el-select v-if="item.type==='select'" v-model="objInput[item.model]" :style="{width: item.width}" :size="size" placeholder="请选择" clearable @change="item.change(checklist[item.prop])">
+                <el-select
+                    v-if="item.type === 'select'"
+                    v-model="objInput[item.model]"
+                    :style="{ width: item.width }"
+                    :size="size"
+                    placeholder="请选择"
+                    clearable
+                    @change="item.change(checklist[item.prop])"
+                >
                     <el-option v-for="op in item.selectlist" :label="op.label" :value="op.id" :key="op.id"></el-option>
                 </el-select>
                 <!-- 时间范围选择器 -->
                 <el-date-picker
-          v-if="item.type=='timeRange'"
+                    v-if="item.type == 'timeRange'"
                     v-model="objInput[item.model]"
                     type="daterange"
                     range-separator="至"
                     start-placeholder="开始日期"
-          end-placeholder="结束日期">
+                    end-placeholder="结束日期"
+                >
                 </el-date-picker>
             </el-form-item>
-      <div v-if="checklist.length>0" class="checklist-button">
+            <div v-if="checklist.length > 0" class="checklist-button">
                 <el-button type="primary" @click="query">查询</el-button>
                 <el-button @click="rest('checkData')">重置</el-button>
                 <slot name="moreButton"></slot>
             </div>
         </el-form>
         <!-- 表格 -->
-    <el-table :data="tableData" :style="{marginTop: tableTop + 'px'}" border style="width:100%" @selection-change="handleSelectionChange">
-      <el-table-column
-        v-if="isIndex"
-        type="index"
-        width="100" 
-        label="序号" 
-        align="center">
-      </el-table-column>
+        <el-table
+            :data="tableData"
+            :style="{ marginTop: tableTop + 'px' }"
+            border
+            style="width: 100%"
+            @selection-change="handleSelectionChange"
+        >
+            <el-table-column v-if="isIndex" type="index" width="100" label="序号" align="center"> </el-table-column>
             <template v-for="(col, index) in columns">
                 <!-- check -->
                 <el-table-column v-if="col.selection" :key="index" align="left" type="selection" width="100"></el-table-column>
@@ -52,7 +70,8 @@
                     :width="col.width"
                     :formatter="col.formatter"
                     :sortable="col.sortable"
-          align="center">
+                    align="center"
+                >
                 </el-table-column>
             </template>
         </el-table>
@@ -60,7 +79,7 @@
 </template>
 
 <script>
-import {  queryList } from '@api/common/list'
+import { queryList } from '@api/common/list';
 export default {
     name: 'dataTable',
     props: {
@@ -68,10 +87,6 @@ export default {
             type: Boolean,
             default: false
         },
-    labelWidth: {
-      type: String,
-      default: '100px'
-    },
         size: {
             type: String,
             default: 'medium'
@@ -85,19 +100,19 @@ export default {
         columns: {
             type: Array,
             default() {
-        return []
+                return [];
             }
         },
         breads: {
             type: Array,
             default() {
-        return []
+                return [];
             }
         },
         checklist: {
             type: Array,
             default() {
-        return []
+                return [];
             }
         },
         tableTop: {
@@ -116,10 +131,10 @@ export default {
             type: String,
             default: ''
         },
-	sendData:{
+        sendData: {
             type: Object,
             default() {
-		  return {}
+                return {};
             }
         }
     },
@@ -127,17 +142,20 @@ export default {
         return {
             objInput: {},
             ceshi: {},
-	  tableData:[]
-    }
+            tableData: [],
+            labelWidth: ''
+        };
     },
     created() {
         if (this.checklist.length > 0) {
-      const obj = {}
+            let length = Number(this.checklist[0].title.length);
+            this.labelWidth=length*25+""
+            const obj = {};
             this.checklist.forEach((item) => {
-        obj[item.model] = ''
-      })
-      this.objInput = obj
-    };
+                obj[item.model] = '';
+            });
+            this.objInput = obj;
+        }
         this.getqueryList();
     },
     //
@@ -148,51 +166,48 @@ export default {
         },
         // check选择id
         handleSelectionChange(val) {
-      this.$emit('sendSelection', val)
+            this.$emit('sendSelection', val);
         },
         // 重置
         rest(data) {
-      this.$refs[data].resetFields()
+            this.$refs[data].resetFields();
             this.getqueryList();
         },
         //
         async getqueryList() {
             try {
-			let message={};
-			let sendData=this.sendData
-			 Object.assign(sendData,this.objInput)
-	      const {
-	        data,
-	        code
-	      } = await queryList(sendData,this.url)
+                let message = {};
+                let sendData = this.sendData;
+                Object.assign(sendData, this.objInput);
+                const { data, code } = await queryList(sendData, this.url);
                 if (code === 200) {
                     console.log(data);
-	        this.tableData = data
+                    this.tableData = data;
                 }
             } catch (e) {
-	      console.log(e)
+                console.log(e);
             }
         }
     }
-}
+};
 </script>
 
 <style scoped>
-	.check {
+.check {
     flex-wrap: wrap;
-	}
+}
 
-	.check>div {
+.check > div {
     margin-right: 50px;
     margin-bottom: 20px;
-	}
+}
 
-	.check {
-		margin-bottom: 30px
-	}
-	.checklist-button{
+.check {
+    margin-bottom: 30px;
+}
+.checklist-button {
     display: inline-block;
     margin-left: 50px;
-		margin-bottom:30px
-	}
+    margin-bottom: 30px;
+}
 </style>

src/pages/purchaser/bid/administrationList.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="content">
       <dataTable  :columns="columns" :page-obj="pageObj" :breads="breads" :checklist="checklist" url="/tender-project/list">
-        <el-button slot="moreButton" type="primary" style="margin-left: 50px;" @click="handlerelease">发布项目</el-button>
+        <el-button slot="moreButton" type="primary"  @click="handlerelease">发布项目</el-button>
        <el-table-column slot="operate" label="项目类型" align="center" fixed="right" width="100">
          <template slot-scope="scope">
           <div v-if="scope.row.bidType==0">公开招标</div>

src/pages/purchaser/organization/jurisdictionList.vue

 <template>
     <div>
         <div class="content">
-            <dataBreadcrumb :breads="breads"></dataBreadcrumb>
-            <el-button type="primary" @click="add">创建新的角色</el-button>
-            <dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="30">
+            <dataBreadcrumb :breads="breads" :breadbottom="0"></dataBreadcrumb>
+            <el-button type="primary" @click="add" class="add">创建新的角色</el-button>
+            <dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="50">
                 <el-table-column slot="operate" label="操作" align="center" fixed="right">
                     <template slot-scope="scope">
                         <el-button type="text" size="small" @click="see(scope.row)">查看</el-button>
-                        <el-button type="text" size="small" @click="handdelete(scope.row)" v-if="scope.row.roleId!==1">删除</el-button>
+                        <el-button type="text" size="small" @click="handdelete(scope.row)" v-if="scope.row.roleId !== 1">删除</el-button>
                     </template>
                 </el-table-column>
             </dataTable>
@@ -16,7 +16,7 @@
 </template>
 
 <script>
-import { roleList,roledelete } from '@api/purchaser/organization';
+import { roleList, roledelete } from '@api/purchaser/organization';
 import dataTable from '@components/nopageTable.vue';
 import dataBreadcrumb from '@components/dataBreadcrumb.vue';
 export default {
@@ -97,4 +97,10 @@ export default {
 </script>
 
 <style scoped>
+.add{
+    position: absolute;
+    top:10px;
+    left:180px;
+
+}
 </style>

src/pages/supply/home/home.vue

@@ -15,7 +15,13 @@
                 </li>
             </ul>
             <h2>项目信息</h2>
-            <dataTable :table-data="tabledata" :columns="columns"> </dataTable>
+            <dataTable :table-data="tabledata" :columns="columns">
+                <el-table-column slot="operate" label="当前状态" align="left" width="500">
+                    <template slot-scope="scope">
+                        <div>{{ scope.row.state }}</div>
+                    </template>
+                </el-table-column>
+            </dataTable>
             <!-- <h2 class="se-h2">待办事项</h2>
             <ul class="project-list flex">
                 <li v-for="item in projectlist" :key="item.id">
@@ -133,15 +139,14 @@ export default {
             //表格第一行
             columns: [
                 {
-                    label: '当前状态',
-                    prop: 'state'
+                    selection: true
                 },
                 {
-                    label: '数量',
-                    prop: 'number'
+                    slot: 'operate'
                 },
                 {
-                    slot: 'opration'
+                    label: '数量',
+                    prop: 'number'
                 }
             ],
             tabledata: [
@@ -217,16 +222,16 @@ export default {
 }
 .user-list > li {
     margin-right: 70px;
-    font-size:30px;
-    color:#fff
+    font-size: 30px;
+    color: #fff;
 }
-.user-list > li >p{
+.user-list > li > p {
     font-size: 18px;
-   margin-top:10px;
+    margin-top: 10px;
     margin-bottom: 10px;
 }
-.user-list > li >i{
-  color:#fff
+.user-list > li > i {
+    color: #fff;
 }
 h5 {
     margin-top: 30px;

src/pages/supply/organization/jurisdictionList.vue

@@ -2,8 +2,8 @@
     <div>
         <div class="content">
             <dataBreadcrumb :breads="breads"></dataBreadcrumb>
-            <el-button type="primary" @click="add">创建新的角色</el-button>
-            <dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="30">
+            <el-button type="primary" @click="add" class="add">创建新的角色</el-button>
+            <dataTable :table-data="tableData" :columns="columns" :is-pageobj="false" :tableTop="50">
                 <el-table-column slot="operate" label="操作" align="center" fixed="right">
                     <template slot-scope="scope">
                         <el-button type="text" size="small" @click="see(scope.row)">查看</el-button>
@@ -97,4 +97,10 @@ export default {
 </script>
 
 <style scoped>
+.add{
+    position: absolute;
+    top:10px;
+    left:180px;
+
+}
 </style>

src/utils/request.js

@@ -7,7 +7,7 @@ import {requestUrl,homeUrl} from "./common.js"
 // 创建axios实例
 const service = axios.create({
   baseURL: `/apis`,
-  // baseURL:"http://www.eugood.cn/apis",
+  baseURL:"http://www.eugood.cn/apis",
   timeout: 35000 // 请求超时时间
 })