|
@@ -13,23 +13,53 @@
|
|
|
left: -4px;
|
|
|
" src="../../../public/img/header-add.png" alt="" />添加</ws-button>
|
|
|
<ws-button @click="exportlist()" v-hasPermission="
|
|
|
- `contractManagement.salesContract.salesContractInfo.view`
|
|
|
- ">导出</ws-button>
|
|
|
- </template>
|
|
|
- <template slot="right">
|
|
|
- <span style="width: 142px; display: inline-block; color: #8890b1">状态:</span>
|
|
|
- <ws-select v-model="searchTypeText" placeholder="" class="typeselect" @change="selecttaskType"
|
|
|
- :value="searchType">
|
|
|
- <ws-option v-for="item in taskTypeList" :key="item.value" :label="item.value" :value="item.value"
|
|
|
- style="color: #8890b1" />
|
|
|
- </ws-select>
|
|
|
-
|
|
|
- <el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至"
|
|
|
- start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
|
|
|
- </el-date-picker>
|
|
|
- <ws-input v-model="searchKeyWord" placeholder="可按照合同编号、买方名称、卖方名称进行查找" clearable maxlength="500"
|
|
|
- type="input" class="findValue"></ws-input>
|
|
|
- <ws-button class="find" type="primary" @click="find()"><img width="16" height="16" style="
|
|
|
+ `contractManagement.salesContract.salesContractInfo.view`"
|
|
|
+ >导出</ws-button
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ <template slot="right">
|
|
|
+ <span style="width: 142px; display: inline-block; color: #8890b1"
|
|
|
+ >状态:</span>
|
|
|
+ <ws-select
|
|
|
+ v-model="searchTypeText"
|
|
|
+ placeholder=""
|
|
|
+ class="typeselect"
|
|
|
+ @change="selecttaskType"
|
|
|
+ :value="searchType"
|
|
|
+ >
|
|
|
+ <ws-option
|
|
|
+ v-for="item in taskTypeList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.value"
|
|
|
+ :value="item.value"
|
|
|
+ style="color: #8890b1"
|
|
|
+ />
|
|
|
+ </ws-select>
|
|
|
+
|
|
|
+ <el-date-picker
|
|
|
+ v-model="value2"
|
|
|
+ type="daterange"
|
|
|
+ align="right"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :picker-options="pickerOptions"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ <ws-input
|
|
|
+ v-model="searchKeyWord"
|
|
|
+ placeholder="可按照合同编号、买方名称、卖方名称进行查找"
|
|
|
+ clearable
|
|
|
+ maxlength="500"
|
|
|
+ type="input"
|
|
|
+ class="findValue"
|
|
|
+ ></ws-input>
|
|
|
+ <ws-button class="find" type="primary" @click="find()"
|
|
|
+ ><img
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ style="
|
|
|
vertical-align: text-top;
|
|
|
position: relative;
|
|
|
top: 0px;
|
|
@@ -62,61 +92,95 @@
|
|
|
<span v-if="scope.row.grade == '等外'" class="substandard">{{
|
|
|
scope.row.grade
|
|
|
}}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="weight" label="重量(吨)"> </el-table-column>
|
|
|
- <el-table-column prop="unitContractPrice" label="合同单价(元)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="packingMethod" label="包装方式"> </el-table-column>
|
|
|
- <el-table-column prop="buyer" label="买方"> </el-table-column>
|
|
|
- <el-table-column prop="seller" label="卖方"> </el-table-column>
|
|
|
- <el-table-column prop="completedQuantity" label="已完成(吨)">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span v-if="scope.row.proportion < 90"
|
|
|
- style="color: #5473e8; font-weight: 600">{{ scope.row.completedQuantity }}</span>
|
|
|
- <span v-if="scope.row.proportion > 90"
|
|
|
- style="color: red; font-weight: 600">{{ scope.row.completedQuantity }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="status" label="状态">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-popover placement="left" :width="285" trigger="click" visible-arrow="false"
|
|
|
- @show="history(scope.row)">
|
|
|
- <template>
|
|
|
- <span slot="reference">
|
|
|
- <span v-if="scope.row.status == '待执行'" class="executory"></span>
|
|
|
- <span v-if="scope.row.status == '执行中'" class="inExecution"></span>
|
|
|
- <span v-if="scope.row.status == '已完成'" class="done"></span>{{ scope.row.status }}
|
|
|
- </span>
|
|
|
- </template>
|
|
|
- <div>
|
|
|
- <p style="margin-top: 0; padding-left: 10px">操作历史</p>
|
|
|
- <div v-for="(item, index) in historyList" class="flex">
|
|
|
- <div class="vertical-text vertical-text-left">
|
|
|
- {{ item.updateDate }}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div class="vertical-circle"></div>
|
|
|
- <div v-if="index != historyList.length - 1" class="vertical-line"></div>
|
|
|
- </div>
|
|
|
- <div class="vertical-text">
|
|
|
- {{ item.operateUser }}<br />{{ item.dealMsg }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </el-popover>
|
|
|
- <img width="17" height="18" style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
- src="../../../public/img/edit.png" @click="editClick(scope.row)" alt="" />
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="signingDate" label="签订日期"> </el-table-column>
|
|
|
- <el-table-column prop="mildewGrain" label="未回款(元)">
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="addressUrl" label="附件">
|
|
|
- <template slot-scope="scope">
|
|
|
- <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
- src="../../../public/img/fujian.png" @click="fujian(scope.row)" alt="" />
|
|
|
- <span v-if="scope.row.addressUrlArray != null">{{
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="weight" label="重量(吨)"> </el-table-column>
|
|
|
+ <el-table-column prop="unitContractPrice" label="合同单价(元)">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="packingMethod" label="包装方式"> </el-table-column>
|
|
|
+ <el-table-column prop="buyer" label="买方"> </el-table-column>
|
|
|
+ <el-table-column prop="seller" label="卖方"> </el-table-column>
|
|
|
+ <el-table-column prop="completedQuantity" label="已完成(吨)">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span
|
|
|
+ v-if="scope.row.proportion < 90"
|
|
|
+ style="color: #5473e8; font-weight: 600"
|
|
|
+ >{{ scope.row.completedQuantity }}</span
|
|
|
+ >
|
|
|
+ <span
|
|
|
+ v-if="scope.row.proportion > 90"
|
|
|
+ style="color: red; font-weight: 600"
|
|
|
+ >{{ scope.row.completedQuantity }}</span
|
|
|
+ >
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="status" label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span v-if="scope.row.approveStatus">{{scope.row.approveStatus}}</span>
|
|
|
+ <el-popover v-else
|
|
|
+ placement="left"
|
|
|
+ :width="285"
|
|
|
+ trigger="click"
|
|
|
+ visible-arrow="false"
|
|
|
+ @show="history(scope.row)"
|
|
|
+ >
|
|
|
+ <template>
|
|
|
+ <span slot="reference">
|
|
|
+ <span
|
|
|
+ v-if="scope.row.status == '待执行'"
|
|
|
+ class="executory"
|
|
|
+ ></span>
|
|
|
+ <span
|
|
|
+ v-if="scope.row.status == '执行中'"
|
|
|
+ class="inExecution"
|
|
|
+ ></span>
|
|
|
+ <span v-if="scope.row.status == '已完成'" class="done"></span
|
|
|
+ >{{ scope.row.status }}
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ <div>
|
|
|
+ <p style="margin-top: 0; padding-left: 10px">操作历史</p>
|
|
|
+ <div v-for="(item, index) in historyList" class="flex">
|
|
|
+ <div class="vertical-text vertical-text-left">
|
|
|
+ {{ item.updateDate }}
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="vertical-circle"></div>
|
|
|
+ <div
|
|
|
+ v-if="index != historyList.length - 1"
|
|
|
+ class="vertical-line"
|
|
|
+ ></div>
|
|
|
+ </div>
|
|
|
+ <div class="vertical-text">
|
|
|
+ {{ item.operateUser }}<br />{{ item.dealMsg }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
+ <img v-if='!scope.row.approveStatus'
|
|
|
+ width="17"
|
|
|
+ height="18"
|
|
|
+ style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
+ src="../../../public/img/edit.png"
|
|
|
+ @click="editClick(scope.row)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="signingDate" label="签订日期"> </el-table-column>
|
|
|
+ <el-table-column prop="mildewGrain" label="未回款(元)">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="addressUrl" label="附件">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <img
|
|
|
+ width="18"
|
|
|
+ height="20"
|
|
|
+ style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
+ src="../../../public/img/fujian.png"
|
|
|
+ @click="fujian(scope.row)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <span v-if="scope.row.addressUrlArray != null">{{
|
|
|
scope.row.addressUrlArray.length == 0 ? "":scope.row.addressUrlArray.length
|
|
|
}}</span>
|
|
|
<!-- <i @click="fujian(scope.row)" class="el-icon-paperclip iconCss"></i> -->
|
|
@@ -127,12 +191,27 @@
|
|
|
<img width="16" height="16" style="vertical-align: text-top; margin: 0 6px"
|
|
|
src="../../../public/img/chakan.png" @click="handleExamine(scope.row)" v-hasPermission="
|
|
|
`contractManagement.salesContract.salesContractInfo.view`
|
|
|
- " alt="" />
|
|
|
- <img width="17" height="16" style="vertical-align: text-top; margin: 0 6px"
|
|
|
- src="../../../public/img/bianji.png" v-hasPermission="
|
|
|
+ "
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <div v-if='scope.row.approveStatus!="待决策人审核"&&scope.row.approveStatus||scope.row.status!="执行中"&&scope.row.status' style='display:inline-block;'>
|
|
|
+ <img
|
|
|
+ width="17"
|
|
|
+ height="16"
|
|
|
+ style="vertical-align: text-top; margin: 0 6px"
|
|
|
+ src="../../../public/img/bianji.png"
|
|
|
+ v-hasPermission="
|
|
|
`contractManagement.salesContract.salesContractInfo.edit`
|
|
|
- " @click="handleEdit(scope.row)" alt="" />
|
|
|
- <img width="16" height="17" style="
|
|
|
+ "
|
|
|
+ @click="handleEdit(scope.row)"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <img
|
|
|
+ width="16"
|
|
|
+ height="17"
|
|
|
+ style="
|
|
|
vertical-align: text-top;
|
|
|
position: relative;
|
|
|
top: -1px;
|