Skip to content

C
contractmanage
Commit 832f68ae authored by 张伯涛's avatar 张伯涛
Browse files
Options

样式修改

parent 7e3ac1b0
Hide whitespace changes
Inline Side-by-side
Showing with 29 additions and 30 deletions
src/views/list/index.vue
View file @ 832f68ae
...@@ -87,60 +87,50 @@ ...@@ -87,60 +87,50 @@
</div> </div>
<!-- 这里是隐藏模态框--> <!-- 这里是隐藏模态框-->
<el-dialog width="75%" title="请选择想要新增的合同类型" :visible.sync="dialogFormVisible"> <el-dialog width="75%" title="请选择想要新增的合同类型" :visible.sync="dialogFormVisible">
<el-row> <div class="rowFormItemClass">
<el-col :span="8"> <div class="twenty">
<el-button class="firstTitle">01 工程类合同</el-button> <el-button class="firstTitle">01 工程类合同</el-button>
<div v-for="(item, index) in EngineeringOptions" :key="index"> <div v-for="(item, index) in EngineeringOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col>
<el-col :span="8">
<el-button class="firstTitle">02 物资类合同</el-button> <el-button class="firstTitle">02 物资类合同</el-button>
<div v-for="(item, index) in materialOptions" :key="index"> <div v-for="(item, index) in materialOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col> </div>
<el-col :span="8"> <div class="twenty">
<el-button class="firstTitle">03 装备（设备）类合同</el-button> <el-button class="firstTitle">03 装备（设备）类合同</el-button>
<div v-for="(item, index) in equipmentOptions" :key="index"> <div v-for="(item, index) in equipmentOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-button class="firstTitle">04 不动产类合同 </el-button> <el-button class="firstTitle">04 不动产类合同 </el-button>
<div v-for="(item, index) in RealEstateOptions" :key="index"> <div v-for="(item, index) in RealEstateOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col>
<el-col :span="8">
<el-button class="firstTitle">05 投资类合同</el-button> <el-button class="firstTitle">05 投资类合同</el-button>
<div v-for="(item, index) in investmentOptions" :key="index"> <div v-for="(item, index) in investmentOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col> </div>
<el-col :span="8"> <div class="twenty">
<el-button class="firstTitle">06 服务类合同</el-button> <el-button class="firstTitle">06 服务类合同</el-button>
<div v-for="(item, index) in serviceOptions" :key="index"> <div v-for="(item, index) in serviceOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col> </div>
</el-row> <div class="twenty">
<el-row>
<el-col :span="8">
<el-button class="firstTitle">07 财务金融类 </el-button> <el-button class="firstTitle">07 财务金融类 </el-button>
<div v-for="(item, index) in FinanceOptions" :key="index"> <div v-for="(item, index) in FinanceOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col>
<el-col :span="8">
<el-button class="firstTitle">08 合作类合同</el-button> <el-button class="firstTitle">08 合作类合同</el-button>
<div v-for="(item, index) in cooperationOptions" :key="index"> <div v-for="(item, index) in cooperationOptions" :key="index">
<el-button @click="add(item)" style="color: black" type="text">{{ item.label }}</el-button> <el-button style="color: black" type="text" @click="add(item)">{{ item.label }}</el-button>
</div> </div>
</el-col> </div>
</el-row> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
...@@ -478,7 +468,16 @@ obj=this.typeform*/ ...@@ -478,7 +468,16 @@ obj=this.typeform*/
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.rowFormItemClass{
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
.twenty{
width: 25%;
}
}
.firstTitle{ .firstTitle{
margin-top: 20px;
margin-bottom: 20px; margin-bottom: 20px;
font-weight: bold; font-weight: bold;
color: #0089ef; color: #0089ef;
......
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