Prechádzať zdrojové kódy

平台企业管理核心企业详情样式修改

zhanglb 4 rokov pred
rodič
commit
8438e5d522

Rozdielové dáta súboru neboli zobrazené, pretože súbor je príliš veľký
+ 899 - 912
front-vue/src/views/service/company/detailCompany.vue


+ 23 - 38
front-vue/src/views/service/company/supCompanyManage.vue

@@ -1,27 +1,12 @@
 <template>
   <div class="app-container zap-main">
-    <el-row class="zap-table-search">
-      <div class="zap-padding-end">
-        <right-toolbar
-          class="zap-right-toolbar"
-          :showSearch.sync="showSearch"
-          @queryTable="getList"
-        >收起</right-toolbar>
-        <span class="zap-padding-start zap-font-title">所选条件:</span>
-        <div style="float: right;margin-right:1%">
-          <el-button type="cyan" icon="el-icon-search" @click="handleQuery">搜索</el-button>
-          <el-button icon="el-icon-refresh" @click="resetQuery" style="margin-right: 20px;">重置</el-button>
-          <column-setting
-            class="zap-column-setting"
-            :checkList="checkList"
-            :tableList="tableList"
-            :selfDom="selfDom"
-            :tableId="tableId"
-            style="margin-left:5px"
-          ></column-setting>
-        </div>
-      </div>
-      <hr style="margin-top: 16px;" />
+    <search-bar
+        :checkList="checkList"
+        :tableList="tableList"
+        :selfDom="selfDom"
+        :tableId="tableId"
+        @query="handleQuery"
+        @reset="resetQuery">
       <el-form
         :model="queryParams"
         ref="queryForm"
@@ -29,7 +14,7 @@
         v-show="showSearch"
         label-width="auto"
       >
-        <el-form-item label="企业名称" prop="scyName" size="large">
+        <el-form-item label="企业名称" prop="scyName">
           <el-input
             maxlength="30"
             v-model="queryParams.scyName"
@@ -38,7 +23,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="社会统一代码" prop="scySocialCode" size="large">
+        <el-form-item label="社会统一代码" prop="scySocialCode">
           <el-input
             v-model="queryParams.scySocialCode"
             maxlength="30"
@@ -47,7 +32,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="联系人" prop="nickName" size="large">
+        <el-form-item label="联系人" prop="nickName">
           <el-input
             v-model="queryParams.nickName"
             maxlength="30"
@@ -56,7 +41,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="联系电话" prop="userName" size="large">
+        <el-form-item label="联系电话" prop="userName">
           <el-input
             v-model="queryParams.userName"
             maxlength="11"
@@ -65,7 +50,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
-        <el-form-item label="企业状态" prop="scyStatus" size="large">
+        <el-form-item label="企业状态" prop="scyStatus">
           <el-select v-model="queryParams.scyStatus" placeholder="企业状态" clearable>
             <el-option
               v-for="dict in scyStatusOptions"
@@ -76,7 +61,7 @@
           </el-select>
         </el-form-item>
       </el-form>
-    </el-row>
+    </search-bar>
 
     <el-row class="zap-form zap-margin-top">
       <el-table
@@ -85,6 +70,7 @@
         :data="companyList"
         @selection-change="handleSelectionChange"
         stripe
+        border
       >
         <el-table-column label="序号" type="index" width="50" align="center">
           <template slot-scope="scope">
@@ -120,55 +106,54 @@
           :formatter="scyStatusFormat"
           v-if="uncheckList.scyStatus"
         />
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
           <template slot-scope="scope">
             <el-button
               v-if="scope.row.scyAuthStatus == '00' || scope.row.scyStatus == '00' || scope.row.scyStatus == '01'"
+              class="zap-button-plain"
               size="mini"
-              type="text"
               @click="handleDetail(scope.row)"
               v-hasPermi="['service:company:query']"
             >详情</el-button>
             <el-button
               v-if="scope.row.scyStatus == '00' && (scope.row.scyAuthStatus == '00' || scope.row.scyAuthStatus == '02')"
+              class="zap-button-primary"
               size="mini"
-              type="text"
               @click="handleExamine(scope.row)"
               v-hasPermi="['service:company:elementStatus']"
             >四要素审核</el-button>
             <el-button
               v-if="scope.row.scyAuthStatus == '00'"
+              class="zap-button-success"
               size="mini"
-              type="text"
               @click="handleUpdate(scope.row)"
               v-hasPermi="['service:company:update']"
             >修改</el-button>
             <el-button
               v-if="scope.row.scyStatus == '00'"
+              class="zap-button-confirmation"
               size="mini"
-              type="text"
               @click="handleCompanyFrozen(scope.row)"
               v-hasPermi="['service:company:updateCompanyStatus']"
             >冻结</el-button>
             <el-button
               v-if="scope.row.scyStatus == '01'"
+              class="zap-button-primary"
               size="mini"
-              type="text"
               @click="handleCompanyStatus(scope.row)"
               v-hasPermi="['service:company:updateCompanyStatus']"
             >解冻</el-button>
             <el-button
               v-if="scope.row.scyStatus != '00'"
+              class="zap-button-confirmation"
               size="mini"
-              type="text"
-              icon="el-icon-delete"
               @click="handleDelete(scope.row)"
               v-hasPermi="['service:company:delete']"
             >删除</el-button>
             <el-button
               v-if="scope.row.scyStatus == '00'"
+              class="zap-button-primary"
               size="mini"
-              type="text"
               @click="handleToCore(scope.row)"
               v-hasPermi="['service:company:companyToCore']"
             >改为核心企业</el-button>
@@ -643,4 +628,4 @@ export default {
     }
   }
 };
-</script>
+</script>

+ 4 - 2
front-vue/src/views/service/cost/userCostManage.vue

@@ -97,7 +97,8 @@
 
     <!-- 申请开票框 -->
     <el-dialog :title="titleApply" :visible.sync="openApply" width="800px" append-to-body>
-        <el-form ref="formApply" :model="formApply" :rules="rulesApply" label-width="140px" :inline="true">
+        <el-row class="zap-form">
+          <el-form ref="formApply" :model="formApply" :rules="rulesApply" label-width="140px" :inline="true">
             <el-form-item label="企业名称" prop="scyName">
                 <el-input v-model="formApply.scyName" disabled />
             </el-form-item>
@@ -116,7 +117,8 @@
             <el-form-item label="邮寄地址" prop="ziaAddress">
                 <el-input v-model="formApply.ziaAddress" placeholder="请输入邮寄地址" maxlength="30" show-word-limit />
             </el-form-item>
-        </el-form>
+          </el-form>
+        </el-row>
         <div slot="footer" class="dialog-footer">
             <el-button type="primary" @click="submitForm">确 定</el-button>
             <el-button @click="cancel">取 消</el-button>