| | |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | v-hasPermi="['system:contract:import']" |
| | | v-hasPermi="['system:contract:add']" |
| | | @click="handleImport" |
| | | >新增</el-button |
| | | > |
| | | </el-col> |
| | | </el-row> |
| | | <el-row v-loading="loading" :gutter="20"> |
| | | <el-row v-if="contractList && contractList.length > 0" v-loading="loading" :gutter="20"> |
| | | <el-col |
| | | :span="8" |
| | | :span="6" |
| | | v-for="(item, index) in contractList" |
| | | :key="index" |
| | | style="margin-bottom: 10px" |
| | | > |
| | | <el-card :body-style="{ padding: '0px' }"> |
| | | <ImagePreview |
| | | <el-image |
| | | style="width: 100%; height: 187px" |
| | | fit="cover" |
| | | :src="item.attachment" |
| | | :src="require('../../../../assets/images/ht.jpg')" |
| | | class="image" |
| | | /> |
| | | <div style="padding: 14px"> |
| | |
| | | </el-card> |
| | | </el-col> |
| | | </el-row> |
| | | <el-empty v-else description="暂无数据"></el-empty> |
| | | |
| | | <!-- 合同详情 --> |
| | | <el-dialog |
| | |
| | | <el-form label-position="left" inline class="table-expand"> |
| | | <el-collapse v-model="activeNames"> |
| | | <el-collapse-item |
| | | v-for="name, index in ruleName" |
| | | v-for="(name, index) in ruleName" |
| | | :key="index" |
| | | :title="name" |
| | | > |
| | | <div |
| | | class="inline-input-container" |
| | | v-for="item, index in ruleData" |
| | | v-for="(item, index) in ruleData" |
| | | :key="index" |
| | | > |
| | | <el-tooltip :content=" |
| | |
| | | </el-tooltip> |
| | | </div> |
| | | </span> |
| | | <el-empty v-if="moneyRules.length == 0" :image-size="100" /> |
| | | </div> |
| | | </el-collapse-item> |
| | | <el-form-item label="合同附件" prop="attachment" class="top"> |
| | |
| | | getRuleList(item) { |
| | | getRuleListByContractId(item.id).then((response) => { |
| | | this.ruleData = response.data; |
| | | this.ruleName = this.ruleData.map((item) => { |
| | | return item.ruleName; |
| | | }); |
| | | this.ruleName = [...new Set(this.ruleName)]; |
| | | console.log('this.ruleName', this.ruleName); |
| | | if (this.ruleData) { |
| | | this.ruleName = this.ruleData.map((item) => { |
| | | return item.ruleName; |
| | | }); |
| | | this.ruleName = [...new Set(this.ruleName)]; |
| | | console.log('this.ruleName', this.ruleName); |
| | | } |
| | | this.form.id = item.id; |
| | | this.contractInfo = item; |
| | | }); |